/* roulang page: index */
:root{--berry:#6f3d72;--berry2:#925d91;--coral:#df7a5b;--cream:#fffaf6;--mist:#f4eef3;--ink:#29232a;--muted:#706773;--line:#e6dce5;--r-xl:30px;--r-lg:21px;--shadow:0 16px 42px rgba(75,46,74,.10)}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button,input{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-head{position:sticky;top:0;z-index:50;background:rgba(255,250,246,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(230,220,229,.8)}.brand-row{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;color:var(--berry)}.mark{width:31px;height:31px;border-radius:11px;background:linear-gradient(135deg,var(--berry),#b9768f 58%,var(--coral));position:relative}.mark:after{content:"";position:absolute;width:12px;height:12px;border:2px solid #fff;border-radius:50%;top:8px;left:8px}.submark{font-size:12px;color:var(--muted);padding-left:12px;border-left:1px solid var(--line)}.nav-row{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);min-height:48px}.channels{display:flex;align-items:center;gap:4px;overflow:auto;white-space:nowrap;flex:1}.channels a{padding:8px 11px;border-radius:999px;font-size:14px;color:#504651;transition:.2s}.channels a:hover,.channels a.active{background:#eee0ed;color:var(--berry);font-weight:700}.search{position:relative}.search input{width:188px;border:1px solid var(--line);border-radius:999px;background:#fff;padding:7px 14px 7px 33px;outline:0;font-size:13px}.search:before{content:"⌕";position:absolute;left:12px;top:3px;color:var(--berry);font-size:19px}.search input:focus{border-color:var(--berry);box-shadow:0 0 0 4px rgba(111,61,114,.13)}.hotbar{padding:8px 0;font-size:12px;color:var(--muted);overflow:auto;white-space:nowrap}.hotbar b{color:var(--coral);margin-right:8px}.hotbar span{display:inline-block;background:#fff1e8;color:#925847;border-radius:99px;padding:2px 9px;margin-right:6px}
    .hero{padding:38px 0 56px;background:radial-gradient(circle at 85% 16%,#f3dce5 0,transparent 27%),linear-gradient(145deg,#fff9f5,#f5eef5)}.hero-grid{min-height:500px;border-radius:var(--r-xl);overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;background:#fff;box-shadow:var(--shadow);border:1px solid #eee2e9}.hero-copy{padding:58px 52px 42px;display:flex;flex-direction:column;justify-content:center}.eyebrow,.tag{display:inline-flex;width:max-content;align-items:center;gap:6px;border-radius:99px;padding:5px 11px;background:#f5e5ed;color:var(--berry);font-size:13px;font-weight:700}.hero h1{font-size:clamp(39px,5vw,65px);line-height:1.15;letter-spacing:-.06em;margin:20px 0}.hero h1 em{font-style:normal;color:var(--berry)}.hero p{font-size:17px;color:var(--muted);max-width:620px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:12px 19px;font-weight:700;cursor:pointer;transition:.22s}.btn-primary{background:linear-gradient(105deg,var(--berry),#92558a);color:#fff;box-shadow:0 10px 22px rgba(111,61,114,.22)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 26px rgba(111,61,114,.29)}.btn-secondary{border:1px solid var(--line);background:#fff;color:var(--berry)}.btn-secondary:hover{border-color:var(--berry);background:#fbf4fa}.btn:active{transform:translateY(1px)}.btn:focus-visible,.faq-q:focus-visible,a:focus-visible{outline:3px solid rgba(223,122,91,.48);outline-offset:3px}.hero-visual{position:relative;min-height:400px;background:linear-gradient(160deg,rgba(111,61,114,.18),rgba(223,122,91,.10)),url('/assets/images/backpic/back-1.webp') center/cover}.apply-card{position:absolute;right:28px;bottom:27px;left:28px;padding:23px;background:rgba(255,250,246,.95);border:1px solid #fff;border-radius:23px;box-shadow:var(--shadow)}.progress{height:8px;border-radius:99px;background:#eadfe8;overflow:hidden}.progress i{display:block;width:72%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--coral),#e7a264)}.badge-num{font-size:31px;line-height:1;font-weight:850;color:var(--berry)}
    section{padding:76px 0}.section-top{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:27px}.section-top h2{font-size:clamp(27px,3vw,39px);line-height:1.25;margin:8px 0}.section-top p{max-width:620px;color:var(--muted);margin:0}.story{display:grid;grid-template-columns:5fr 7fr;gap:28px;align-items:stretch}.image-panel{border-radius:var(--r-xl);overflow:hidden;min-height:420px;position:relative}.image-panel img{width:100%;height:100%;object-fit:cover}.image-panel figcaption{position:absolute;left:18px;bottom:16px;color:#fff;background:rgba(41,35,42,.7);padding:7px 12px;border-radius:99px;font-size:13px}.paper{background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);padding:37px;box-shadow:var(--shadow)}.paper h3{font-size:25px;line-height:1.35;margin-top:0}.paper p{color:var(--muted)}.need-list{margin:24px 0 0;padding:0;list-style:none}.need-list li{padding:13px 0;border-top:1px solid var(--line);display:flex;gap:13px}.need-list b{color:var(--coral)}.solution{background:var(--mist)}.solution-grid{display:grid;grid-template-columns:7fr 5fr;gap:24px}.feature-main{padding:35px;border-radius:var(--r-xl);background:linear-gradient(135deg,#714171,#a06493);color:#fff}.feature-main p{color:#f6eaf4}.path{margin-top:27px;border-top:1px solid rgba(255,255,255,.26)}.path div{display:flex;gap:15px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.2)}.path strong{color:#ffd1b9}.small-stack{display:grid;gap:18px}.mini-card{padding:23px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);transition:.2s}.mini-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#cab1c9}.mini-card h3{margin:0 0 7px;font-size:19px}.mini-card p{font-size:14px;color:var(--muted);margin:0}.metric-wrap{display:grid;grid-template-columns:4fr 8fr;gap:24px}.metric-intro{padding:33px;border-radius:var(--r-xl);background:#352d37;color:#fff}.metric-intro p{color:#ded3df}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.metric{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:0 9px 23px rgba(75,46,74,.06)}.metric:nth-child(2){background:#fff0e9}.metric:nth-child(3){background:#eee4f0}.metric .n{font-size:38px;color:var(--berry);font-weight:800}.metric p{margin:4px 0 0;color:var(--muted);font-size:14px}.brand-copy{background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);padding:42px;display:grid;grid-template-columns:190px 1fr;gap:35px}.brand-seal{height:190px;border-radius:26px;background:linear-gradient(145deg,#f2dce9,#ffe9db);display:flex;align-items:center;justify-content:center;text-align:center;color:var(--berry);font-size:25px;font-weight:800}.brand-copy p{color:var(--muted);margin:0 0 15px}.news-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:25px}.lead-news{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow)}.lead-news img{height:245px;width:100%;object-fit:cover}.news-body{padding:25px}.date{font-size:13px;color:var(--coral);font-weight:700}.news-body h3{font-size:25px;line-height:1.35;margin:8px 0}.news-body p,.news-item p{color:var(--muted);font-size:14px}.read{color:var(--berry);font-size:14px;font-weight:800}.news-list{background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);padding:8px 25px}.news-item{padding:17px 0;border-bottom:1px solid var(--line)}.news-item:last-child{border:0}.news-item h3{font-size:16px;margin:4px 0}.testimonials{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px}.quote{padding:27px;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff}.quote:first-child{background:#f2e6f1}.quote .q{font-size:35px;color:var(--coral);line-height:1}.quote p{color:#504651}.quote small{color:var(--muted)}.faq-grid{display:grid;grid-template-columns:4fr 8fr;gap:27px}.faq-side{padding:30px;border-radius:var(--r-xl);background:#fff0e9}.faq-side p{color:#76564d}.faq-list{border:1px solid var(--line);border-radius:var(--r-xl);background:#fff;overflow:hidden}.faq-item{border-bottom:1px solid var(--line)}.faq-item:last-child{border:0}.faq-q{display:flex;width:100%;padding:19px 22px;align-items:center;justify-content:space-between;text-align:left;border:0;background:#fff;cursor:pointer;font-weight:750;color:var(--ink)}.faq-q:hover{background:#fcf6fb;color:var(--berry)}.faq-a{display:none;padding:0 22px 20px;color:var(--muted);font-size:14px}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q span:last-child{transform:rotate(45deg)}.cta{padding:0 0 82px}.cta-box{padding:47px;border-radius:var(--r-xl);background:linear-gradient(110deg,#633462,#9c5b87 58%,#d37a64);color:#fff;position:relative;overflow:hidden}.cta-box:after{content:"";position:absolute;width:270px;height:270px;border:34px solid rgba(255,255,255,.14);border-radius:50%;right:-75px;top:-100px}.cta-box p{max-width:680px;color:#fbeef8}.cta-box .btn-secondary{border-color:#fff;background:#fff;color:var(--berry)}.site-foot{background:#302932;color:#ddd0dc;padding:48px 0 25px}.foot-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px}.site-foot h3{color:#fff;margin-top:0}.site-foot a{display:block;font-size:14px;padding:3px 0;color:#ddd0dc}.site-foot a:hover{color:#ffb99e}.foot-bottom{margin-top:31px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14);font-size:13px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.mobile-menu{display:none}
    @media(max-width:900px){.hero-grid,.story,.solution-grid,.metric-wrap,.brand-copy,.news-grid,.faq-grid{grid-template-columns:1fr}.hero-copy{padding:43px 30px}.hero-visual{min-height:360px}.testimonials{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr 1fr}.image-panel{min-height:300px}}@media(max-width:650px){.container{width:min(100% - 28px,1180px)}.submark,.search{display:none}.nav-row{overflow:hidden}.channels{gap:0}.channels a{padding:8px}.hotbar{padding:6px 0}.hero{padding-top:20px}.hero-copy{padding:34px 24px}.hero h1{font-size:40px}.hero p{font-size:15px}.apply-card{left:17px;right:17px;bottom:17px}.section-top{display:block}.section-top h2{font-size:29px}.paper,.brand-copy,.cta-box{padding:25px}.metrics{grid-template-columns:1fr}.news-list{padding:6px 18px}.foot-grid{grid-template-columns:1fr}.btn{padding:11px 15px}.brand-seal{height:120px}.mobile-menu{display:inline-flex;background:none;border:0;font-size:24px;color:var(--berry)}}

/* roulang page: category2 */
:root{--berry:#6f3d72;--berry2:#925d91;--coral:#df7a5b;--cream:#fffaf6;--mist:#f4eef3;--ink:#29232a;--muted:#706773;--line:#e6dce5;--r-xl:30px;--r-lg:21px;--shadow:0 16px 42px rgba(75,46,74,.10)}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75}
    a{text-decoration:none;color:inherit}
    img{max-width:100%;display:block}
    button,input{font:inherit}
    button{cursor:pointer}
    .container{width:min(1180px,calc(100% - 40px));margin:auto}
    .site-head{background:rgba(255,250,246,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}
    .brand-row{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:18px}
    .logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;color:var(--berry)}
    .mark{width:26px;height:26px;display:inline-block;border-radius:9px 14px 9px 14px;background:linear-gradient(135deg,var(--berry),var(--coral));transform:rotate(-8deg)}
    .brand-note{font-size:12px;color:var(--muted);border-left:1px solid var(--line);padding-left:16px}
    .nav-row{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);min-height:48px}
    .channels{display:flex;align-items:center;gap:4px;flex:1;overflow:auto;white-space:nowrap}
    .channels a{padding:8px 11px;border-radius:999px;font-size:14px;color:#504651;transition:.2s}
    .channels a:hover,.channels a.active{background:#eee0ed;color:var(--berry);font-weight:700}
    .search{position:relative}
    .search input{width:188px;border:1px solid var(--line);border-radius:999px;background:#fff;padding:7px 14px 7px 33px;outline:0;font-size:13px}
    .search:before{content:"⌕";position:absolute;left:12px;top:3px;color:var(--berry);font-size:19px}
    .search input:focus{border-color:var(--berry);box-shadow:0 0 0 4px rgba(111,61,114,.13)}
    .menu-btn{display:none;border:1px solid var(--line);background:#fff;border-radius:50%;width:40px;height:40px;color:var(--berry)}
    .hero{padding:38px 0 58px;background:radial-gradient(circle at 86% 10%,#f3dce5 0,transparent 27%),linear-gradient(145deg,#fff9f5,#f5eef5)}
    .crumb{font-size:13px;color:var(--muted);margin-bottom:24px}
    .hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}
    .hero-copy{padding:25px 8px 20px 0}
    .eyebrow,.tag{display:inline-flex;width:max-content;align-items:center;gap:6px;border-radius:99px;padding:5px 11px;background:#f5e5ed;color:var(--berry);font-size:13px;font-weight:700}
    h1{font-size:clamp(39px,5vw,64px);line-height:1.16;letter-spacing:-.06em;margin:20px 0 17px}
    h1 em{font-style:normal;color:var(--berry)}
    .hero-copy p{font-size:17px;color:var(--muted);max-width:600px}
    .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:12px 19px;font-weight:700;transition:.22s}
    .btn-primary{background:linear-gradient(105deg,var(--berry),#92558a);color:#fff;box-shadow:0 10px 22px rgba(111,61,114,.22)}
    .btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 26px rgba(111,61,114,.29)}
    .btn-secondary{border:1px solid var(--line);background:#fff;color:var(--berry)}
    .btn-secondary:hover{border-color:var(--berry);background:#fbf4fa}
    .btn:active{transform:translateY(1px)}
    .btn:focus-visible,.faq-q:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(223,122,91,.48);outline-offset:3px}
    .coupon-stage{min-height:430px;border-radius:var(--r-xl);padding:26px;background:linear-gradient(150deg,#6e3b70,#ad648e 65%,#e18768);box-shadow:var(--shadow);position:relative;overflow:hidden}
    .coupon-stage:before,.coupon-stage:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.28);border-radius:50%}
    .coupon-stage:before{width:280px;height:280px;right:-100px;top:-120px}.coupon-stage:after{width:190px;height:190px;left:-90px;bottom:-110px}
    .coupon-card{position:relative;z-index:1;background:#fffaf6;border-radius:25px;padding:28px;min-height:375px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 18px 35px rgba(57,27,57,.2)}
    .coupon-card h2{font-size:31px;line-height:1.25;margin:16px 0 8px;color:var(--ink)}
    .coupon-card p{color:var(--muted);margin:0}
    .coupon-rule{border-top:1px dashed #d8bfce;border-bottom:1px dashed #d8bfce;padding:17px 0;margin:20px 0;display:flex;justify-content:space-between;gap:12px}
    .badge-num{font-size:31px;line-height:1;font-weight:850;color:var(--berry)}
    .coupon-mark{font-size:12px;color:var(--coral);font-weight:800;letter-spacing:.12em}
    section{padding:78px 0}
    .section-top{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px}
    .section-top h2{font-size:clamp(27px,3vw,39px);line-height:1.25;margin:8px 0}
    .section-top p{max-width:620px;color:var(--muted);margin:0}
    .soft{background:var(--mist)}
    .problem-grid{display:grid;grid-template-columns:5fr 7fr;gap:28px;align-items:stretch}
    .problem-copy{background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);padding:36px}
    .problem-copy p{color:var(--muted)}
    .need-list{margin:22px 0 0;padding:0;list-style:none}
    .need-list li{padding:13px 0;border-top:1px solid var(--line);display:flex;gap:13px}
    .need-list b{color:var(--coral)}
    .image-panel{min-height:350px;border-radius:var(--r-xl);overflow:hidden;position:relative}
    .image-panel img{width:100%;height:100%;object-fit:cover}
    .image-caption{position:absolute;bottom:18px;left:18px;right:18px;background:rgba(255,250,246,.92);border-radius:16px;padding:14px 17px;font-size:14px}
    .steps{display:grid;grid-template-columns:1.1fr 1.9fr;gap:30px}
    .steps-intro{padding:35px;border-radius:var(--r-xl);background:linear-gradient(145deg,#704071,#995889);color:#fff}
    .steps-intro p{color:#f6eaf4}
    .step-list{display:grid;gap:12px}
    .step{display:grid;grid-template-columns:54px 1fr auto;gap:17px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px 21px;transition:.2s}
    .step:hover{border-color:#c4a6c1;box-shadow:var(--shadow);transform:translateX(3px)}
    .step-no{width:42px;height:42px;border-radius:14px;background:#f5e5ed;color:var(--berry);display:grid;place-items:center;font-weight:800}
    .step h3{margin:0;font-size:18px}.step p{margin:3px 0 0;color:var(--muted);font-size:14px}
    .step-arrow{color:var(--coral);font-size:21px}
    .detail-grid{display:grid;grid-template-columns:7fr 5fr;gap:28px;align-items:center}
    .detail-copy{font-size:16px;color:var(--muted)}
    .detail-copy p{margin:0 0 16px}
    .detail-copy strong{color:var(--ink)}
    .info-panel{background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);padding:30px;box-shadow:var(--shadow)}
    .info-panel img{height:210px;width:100%;object-fit:cover;border-radius:18px;margin-bottom:23px}
    .metric-row{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-top:1px solid var(--line)}
    .metric-row span{color:var(--muted);font-size:14px}.metric-row b{color:var(--berry)}
    .check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
    .check-card{padding:25px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg)}
    .check-card h3{margin:0 0 8px;font-size:19px}.check-card p{margin:0;color:var(--muted);font-size:14px}
    .check-icon{color:var(--coral);font-size:23px}
    .notice{border-radius:var(--r-xl);padding:28px 34px;background:#fff0e9;display:flex;justify-content:space-between;align-items:center;gap:25px}
    .notice p{color:#76564d;margin:5px 0 0}
    .faq-grid{display:grid;grid-template-columns:4fr 8fr;gap:27px}
    .faq-side{padding:30px;border-radius:var(--r-xl);background:#fff0e9}.faq-side p{color:#76564d}
    .faq-list{border:1px solid var(--line);border-radius:var(--r-xl);background:#fff;overflow:hidden}
    .faq-item{border-bottom:1px solid var(--line)}.faq-item:last-child{border:0}
    .faq-q{display:flex;width:100%;padding:19px 22px;align-items:center;justify-content:space-between;text-align:left;border:0;background:#fff;font-weight:750;color:var(--ink)}
    .faq-q:hover{background:#fcf6fb;color:var(--berry)}
    .faq-a{display:none;padding:0 22px 20px;color:var(--muted);font-size:14px}.faq-item.open .faq-a{display:block}
    .faq-item.open .faq-q span:last-child{transform:rotate(45deg)}
    .related-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:25px}
    .related-main{border-radius:var(--r-xl);overflow:hidden;background:#fff;border:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr}
    .related-main img{height:100%;width:100%;object-fit:cover}.related-main div{padding:29px}
    .related-main p,.related-list p{color:var(--muted);font-size:14px}
    .related-list{background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);padding:10px 24px}
    .related-list a{display:block;padding:16px 0;border-bottom:1px solid var(--line);font-weight:700}.related-list a:last-child{border:0}
    .related-list a:hover{color:var(--berry)}
    .cta{padding:0 0 82px}.cta-box{padding:47px;border-radius:var(--r-xl);background:linear-gradient(110deg,#633462,#9c5b87 58%,#d37a64);color:#fff;position:relative;overflow:hidden}
    .cta-box:after{content:"";position:absolute;width:270px;height:270px;border:34px solid rgba(255,255,255,.14);border-radius:50%;right:-75px;top:-100px}
    .cta-box p{max-width:680px;color:#fbeef8}.cta-box .btn-secondary{border-color:#fff;background:#fff;color:var(--berry)}
    .site-foot{background:#332b34;color:#fff;padding:58px 0 20px}.foot-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px}.site-foot p{color:#ddd0dc}
    .site-foot h3{font-size:15px;margin:3px 0 10px}.site-foot a{display:block;font-size:14px;padding:3px 0;color:#ddd0dc}.site-foot a:hover{color:#ffb99e}
    .foot-bottom{border-top:1px solid #554954;margin-top:38px;padding-top:18px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#cbbecb;font-size:12px}
    @media(max-width:900px){.nav-row{padding:8px 0}.channels a{font-size:13px}.search input{width:150px}.problem-grid,.steps,.detail-grid,.faq-grid,.related-grid{grid-template-columns:1fr}.hero-grid{grid-template-columns:1fr}.hero-copy{padding-right:0}.coupon-stage{min-height:390px}.related-main{min-height:310px}}
    @media(max-width:640px){.container{width:min(100% - 28px,1180px)}.brand-note,.search{display:none}.menu-btn{display:block}.nav-row{display:none}.site-head.menu-open .nav-row{display:block}.channels{display:grid;grid-template-columns:repeat(2,1fr);white-space:normal}.channels a{padding:9px}.hero{padding-top:25px}.hero-copy{padding:8px 0}.hero-copy p{font-size:15px}.coupon-stage{padding:15px;min-height:370px}.coupon-card{min-height:340px;padding:22px}.coupon-card h2{font-size:26px}section{padding:55px 0}.section-top{display:block}.section-top p{margin-top:10px}.problem-copy,.info-panel,.steps-intro{padding:25px}.check-grid{grid-template-columns:1fr}.step{grid-template-columns:42px 1fr}.step-arrow{display:none}.notice{display:block;padding:25px}.notice .btn{margin-top:15px}.related-main{display:block}.related-main img{height:190px}.foot-grid{grid-template-columns:1fr 1fr}.foot-grid>div:first-child{grid-column:1/-1}.foot-bottom{display:block}.foot-bottom span{display:block;margin-bottom:8px}}

/* roulang page: category1 */
:root{--berry:#6f3d72;--berry2:#925d91;--coral:#df7a5b;--cream:#fffaf6;--mist:#f4eef3;--ink:#29232a;--muted:#706773;--line:#e6dce5;--r-xl:30px;--r-lg:21px;--shadow:0 16px 42px rgba(75,46,74,.10)}
    *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75} a{text-decoration:none;color:inherit} img{max-width:100%;display:block} button,input{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}
    .site-header{position:sticky;top:0;z-index:50;background:rgba(255,250,246,.94);backdrop-filter:blur(15px);border-bottom:1px solid rgba(230,220,229,.9)}.brand-row{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;color:var(--berry)}.mark{display:inline-block;width:25px;height:25px;border-radius:9px;background:linear-gradient(135deg,var(--berry),var(--coral));position:relative}.mark:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#fff6f0;right:4px;top:4px}.brand-note{font-size:13px;color:var(--muted);padding-left:15px;border-left:1px solid var(--line)}
    .nav-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);min-height:48px}.channels{display:flex;align-items:center;gap:2px;overflow:auto;scrollbar-width:none}.channels::-webkit-scrollbar{display:none}.channels a{white-space:nowrap;padding:8px 11px;border-radius:999px;font-size:14px;color:#504651;transition:.2s}.channels a:hover,.channels a.active{background:#eee0ed;color:var(--berry);font-weight:700}.search{position:relative;flex:0 0 auto}.search:before{content:"⌕";position:absolute;left:12px;top:2px;color:var(--berry);font-size:19px}.search input{width:190px;border:1px solid var(--line);border-radius:999px;background:#fff;padding:7px 14px 7px 33px;outline:0;font-size:13px;transition:.2s}.search input:focus{width:222px;border-color:var(--berry);box-shadow:0 0 0 4px rgba(111,61,114,.13)}
    .trendbar{background:#fbf4f8;border-bottom:1px solid var(--line)}.trend-inner{min-height:34px;display:flex;align-items:center;gap:9px;overflow:auto;white-space:nowrap;font-size:12px;color:var(--muted)}.trend-label{font-weight:800;color:var(--coral)}.trend-tag{padding:2px 9px;border-radius:99px;background:#fff;border:1px solid #ecdde8;color:var(--berry)}
    .hero{padding:42px 0 58px;background:radial-gradient(circle at 82% 16%,#f2dce7 0,transparent 28%),linear-gradient(145deg,#fff9f5,#f3edf5)}.hero-card{display:grid;grid-template-columns:1.02fr .98fr;overflow:hidden;min-height:480px;background:#fff;border:1px solid #eee2e9;border-radius:var(--r-xl);box-shadow:var(--shadow)}.hero-copy{padding:54px 50px;display:flex;flex-direction:column;justify-content:center}.eyebrow,.tag{display:inline-flex;width:max-content;align-items:center;gap:6px;border-radius:99px;padding:5px 11px;background:#f5e5ed;color:var(--berry);font-size:13px;font-weight:700}.hero h1{font-size:clamp(38px,5vw,59px);letter-spacing:-.055em;line-height:1.16;margin:18px 0}.hero h1 em{font-style:normal;color:var(--berry)}.hero p{font-size:17px;color:var(--muted);margin:0 0 24px}.hero-art{position:relative;background:linear-gradient(145deg,rgba(87,43,88,.18),rgba(223,122,91,.12)),url('/assets/images/coverpic/cover-1.webp') center/cover}.float-topic{position:absolute;left:25px;right:25px;bottom:24px;padding:22px;background:rgba(255,250,246,.94);border:1px solid #fff;border-radius:22px;box-shadow:var(--shadow)}.badge-num{font-weight:850;font-size:30px;line-height:1;color:var(--berry)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:12px 19px;font-weight:750;cursor:pointer;transition:.22s}.btn-primary{background:linear-gradient(105deg,var(--berry),#92558a);color:#fff;box-shadow:0 10px 22px rgba(111,61,114,.22)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 26px rgba(111,61,114,.29)}.btn-secondary{border:1px solid var(--line);background:#fff;color:var(--berry)}.btn-secondary:hover{border-color:var(--berry);background:#fbf4fa}.btn:active{transform:translateY(1px)}.btn:focus-visible,.faq-q:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(223,122,91,.48);outline-offset:3px}
    section{padding:76px 0}.section-top{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px}.section-top h2{font-size:clamp(27px,3vw,39px);line-height:1.25;margin:7px 0}.section-top p{max-width:600px;color:var(--muted);margin:0}.intro-grid{display:grid;grid-template-columns:5fr 7fr;gap:25px}.quote-panel{border-radius:var(--r-xl);padding:35px;background:#fff0e9;color:#5f4041}.quote-panel strong{display:block;font-size:27px;line-height:1.38;color:var(--berry);margin:16px 0}.reading-copy{padding:10px 10px 0}.reading-copy p{margin:0 0 17px;color:var(--muted)}
    .topic-layout{display:grid;grid-template-columns:6fr 3.2fr 2.8fr;gap:20px;align-items:start}.main-topic{border-radius:var(--r-xl);overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.main-topic img{width:100%;height:260px;object-fit:cover}.main-topic-body{padding:28px}.main-topic h3{font-size:27px;line-height:1.35;margin:10px 0}.main-topic p{color:var(--muted);margin:0 0 18px}.directory,.data-panel{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:22px}.directory h3,.data-panel h3{font-size:17px;margin:0 0 12px}.directory a{display:flex;justify-content:space-between;gap:8px;padding:13px 0;border-top:1px solid var(--line);font-size:14px;transition:.2s}.directory a:hover{color:var(--berry);padding-left:5px}.data-panel{background:linear-gradient(150deg,#f8eaf2,#fff7ee)}.data-row{padding:15px 0;border-top:1px solid rgba(111,61,114,.16)}.data-row:first-of-type{border:0}.data-row small{display:block;color:var(--muted);font-size:12px}
    .path-section{background:var(--mist)}.path-grid{display:grid;grid-template-columns:4fr 8fr;gap:25px}.path-aside{border-radius:var(--r-xl);padding:32px;background:linear-gradient(145deg,#714171,#9a5e91);color:#fff}.path-aside p{color:#f5e8f2}.path-list{display:grid;gap:13px}.path-item{display:grid;grid-template-columns:52px 1fr auto;gap:17px;align-items:center;padding:21px 23px;background:#fff;border:1px solid var(--line);border-radius:19px;transition:.2s}.path-item:hover{border-color:#c7a8c5;box-shadow:0 10px 28px rgba(75,46,74,.08)}.path-no{font-weight:850;color:var(--coral);font-size:22px}.path-item h3{font-size:17px;margin:0}.path-item p{font-size:14px;color:var(--muted);margin:2px 0 0}
    .detail-grid{display:grid;grid-template-columns:7fr 5fr;gap:28px;align-items:center}.detail-image{border-radius:var(--r-xl);overflow:hidden;min-height:420px}.detail-image img{width:100%;height:420px;object-fit:cover}.detail-copy h2{font-size:36px;line-height:1.3;margin:12px 0}.detail-copy p{color:var(--muted)}.check-list{padding:0;margin:23px 0;list-style:none}.check-list li{padding:11px 0;border-top:1px solid var(--line)}.check-list b{color:var(--coral);margin-right:9px}
    .related-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.related-card{padding:31px;border-radius:var(--r-xl);background:#fff;border:1px solid var(--line)}.related-card h3{font-size:24px;line-height:1.35;margin:9px 0}.related-card p{color:var(--muted)}.topic-links{display:grid;gap:12px}.topic-link{padding:19px 20px;border-radius:18px;background:#fff;border:1px solid var(--line);transition:.2s}.topic-link:hover{background:#fcf5fa;border-color:#c7a8c5;transform:translateX(3px)}.topic-link small{color:var(--coral);font-weight:700}.topic-link h3{font-size:16px;margin:4px 0}
    .faq-grid{display:grid;grid-template-columns:4fr 8fr;gap:27px}.faq-side{padding:30px;border-radius:var(--r-xl);background:#fff0e9}.faq-side p{color:#76564d}.faq-list{border:1px solid var(--line);border-radius:var(--r-xl);background:#fff;overflow:hidden}.faq-item{border-bottom:1px solid var(--line)}.faq-item:last-child{border:0}.faq-q{display:flex;width:100%;padding:19px 22px;align-items:center;justify-content:space-between;text-align:left;border:0;background:#fff;cursor:pointer;font-weight:750;color:var(--ink)}.faq-q:hover{background:#fcf6fb;color:var(--berry)}.faq-a{display:none;padding:0 22px 20px;color:var(--muted);font-size:14px}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q span:last-child{transform:rotate(45deg)}
    .cta{padding:0 0 82px}.cta-box{padding:47px;border-radius:var(--r-xl);background:linear-gradient(110deg,#633462,#9c5b87 58%,#d37a64);color:#fff;position:relative;overflow:hidden}.cta-box:after{content:"";position:absolute;width:260px;height:260px;border:34px solid rgba(255,255,255,.14);border-radius:50%;right:-75px;top:-95px}.cta-box p{max-width:680px;color:#fbeef8}.cta-box .btn-secondary{border-color:#fff;background:#fff;color:var(--berry)}
    .site-foot{background:#302631;color:#ddd0dc;padding:57px 0 20px}.foot-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px}.site-foot .logo{color:#fff}.site-foot a{display:block;font-size:14px;padding:3px 0;color:#ddd0dc}.site-foot a:hover{color:#ffb99e}.site-foot h3{font-size:15px;color:#fff;margin:0 0 11px}.foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:38px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14);font-size:12px;color:#bbaebb}.foot-bottom a{display:inline;padding:0;color:#ddd0dc}
    @media(max-width:1024px){.topic-layout{grid-template-columns:1fr 1fr}.main-topic{grid-column:span 2}.hero-copy{padding:45px 38px}.detail-grid{grid-template-columns:1fr}.detail-image,.detail-image img{min-height:320px;height:320px}}@media(max-width:768px){.brand-note{display:none}.nav-row{padding:7px 0}.search input{width:130px}.search input:focus{width:145px}.hero{padding:24px 0 42px}.hero-card{grid-template-columns:1fr}.hero-art{min-height:315px}.hero-copy{padding:39px 28px}.section-top,.intro-grid,.path-grid,.faq-grid,.related-grid{display:grid;grid-template-columns:1fr}.topic-layout{grid-template-columns:1fr}.main-topic{grid-column:auto}.path-aside{padding:26px}.foot-grid{grid-template-columns:1fr 1fr}.detail-copy h2{font-size:29px}}@media(max-width:520px){.container{width:min(100% - 28px,1180px)}.brand-row{min-height:54px}.logo{font-size:18px}.search{display:none}.channels a{font-size:13px;padding:7px 9px}.hero h1{font-size:39px}.hero-copy{padding:32px 22px}.hero p{font-size:15px}.float-topic{left:16px;right:16px;bottom:16px}.main-topic-body,.related-card,.cta-box{padding:24px}.path-item{grid-template-columns:39px 1fr;padding:17px}.path-item>a{display:none}.foot-grid{grid-template-columns:1fr}.foot-bottom{display:block}.foot-bottom span{display:block;margin-bottom:7px}section{padding:54px 0}}

/* roulang page: category3 */
:root{--berry:#6f3d72;--berry2:#925d91;--coral:#df7a5b;--cream:#fffaf6;--mist:#f4eef3;--ink:#29232a;--muted:#706773;--line:#e6dce5;--r-xl:30px;--r-lg:21px;--shadow:0 16px 42px rgba(75,46,74,.10)}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75}
    a{text-decoration:none;color:inherit}
    img{max-width:100%;display:block}
    button,input{font:inherit}
    button{border:0}
    .container{width:min(1180px,calc(100% - 40px));margin:auto}
    .site-head{position:sticky;top:0;z-index:50;background:rgba(255,250,246,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(230,220,229,.86)}
    .brand-row{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:18px}
    .logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;color:var(--berry);letter-spacing:-.04em}
    .mark{width:26px;height:26px;border-radius:10px;background:linear-gradient(145deg,var(--berry),var(--coral));position:relative;box-shadow:0 7px 15px rgba(111,61,114,.22)}
    .mark:after{content:"";position:absolute;width:8px;height:8px;border-radius:99px;background:#fff7f4;right:5px;top:5px}
    .brand-note{font-size:13px;color:var(--muted);padding-left:16px;border-left:1px solid var(--line)}
    .nav-row{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);min-height:48px}
    .channels{display:flex;align-items:center;gap:3px;flex:1;white-space:nowrap}
    .channels a{padding:8px 11px;border-radius:999px;font-size:14px;color:#504651;transition:.2s}
    .channels a:hover,.channels a.active{background:#eee0ed;color:var(--berry);font-weight:700}
    .search{position:relative}
    .search:before{content:"⌕";position:absolute;left:12px;top:3px;color:var(--berry);font-size:19px;z-index:1}
    .search input{width:188px;border:1px solid var(--line);border-radius:999px;background:#fff;padding:7px 14px 7px 33px;outline:0;font-size:13px;color:var(--ink)}
    .search input:focus{border-color:var(--berry);box-shadow:0 0 0 4px rgba(111,61,114,.13)}
    .mobile-menu{display:none;background:transparent;color:var(--berry);font-size:24px;cursor:pointer}
    .hero-news{padding:42px 0 52px;background:radial-gradient(circle at 83% 10%,#f0d9e3 0,transparent 27%),linear-gradient(145deg,#fff9f5,#f5eef5)}
    .hero-shell{overflow:hidden;border:1px solid #ede1e9;border-radius:var(--r-xl);background:#fff;box-shadow:var(--shadow)}
    .hero-cover{min-height:255px;padding:35px 43px;position:relative;background:linear-gradient(90deg,rgba(61,35,61,.79),rgba(91,50,82,.44)),url('/assets/images/backpic/back-3.webp') center/cover;display:flex;align-items:end}
    .hero-cover:after{content:"";position:absolute;inset:auto 32px 27px auto;width:118px;height:118px;border:18px solid rgba(255,255,255,.18);border-radius:50%}
    .hero-cover>*{position:relative;z-index:1}
    .eyebrow,.tag{display:inline-flex;align-items:center;width:max-content;gap:6px;border-radius:999px;padding:5px 11px;background:#f5e5ed;color:var(--berry);font-size:13px;font-weight:700}
    .hero-cover .eyebrow{background:rgba(255,247,247,.92)}
    h1{font-size:clamp(39px,5vw,57px);line-height:1.16;letter-spacing:-.06em;margin:14px 0 8px;color:#fff}
    .hero-cover p{margin:0;color:#fff6f4;font-size:16px;max-width:730px}
    .hero-meta{padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fffdfb}
    .meta-text{font-size:14px;color:var(--muted)}
    .hot-tags{display:flex;gap:8px;flex-wrap:wrap}
    .hot-tags a{padding:5px 10px;border:1px solid var(--line);background:#fff;border-radius:999px;font-size:12px;color:var(--berry);transition:.2s}
    .hot-tags a:hover{border-color:var(--berry);background:#faf1f8}
    section{padding:72px 0}
    .section-top{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:27px}
    .section-top h2{font-size:clamp(27px,3vw,39px);line-height:1.25;margin:8px 0}
    .section-top p{max-width:610px;color:var(--muted);margin:0}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:11px 18px;font-size:14px;font-weight:700;cursor:pointer;transition:.22s}
    .btn-primary{background:linear-gradient(105deg,var(--berry),#92558a);color:#fff;box-shadow:0 10px 22px rgba(111,61,114,.22)}
    .btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 26px rgba(111,61,114,.29)}
    .btn-secondary{border:1px solid var(--line);background:#fff;color:var(--berry)}
    .btn-secondary:hover{border-color:var(--berry);background:#fbf4fa}
    .btn:active{transform:translateY(1px)}
    .btn:focus-visible,.faq-q:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(223,122,91,.48);outline-offset:3px}
    .filter-bar{display:grid;grid-template-columns:1fr auto;gap:14px;padding:18px;border-radius:22px;background:#f7eff5;border:1px solid #ebdfe8}
    .filter-input{border:1px solid var(--line);background:#fff;border-radius:999px;padding:11px 17px;min-width:0;outline:0;color:var(--ink)}
    .filter-input:focus{border-color:var(--berry);box-shadow:0 0 0 4px rgba(111,61,114,.12)}
    .filter-options{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
    .filter-options button{padding:8px 12px;border-radius:999px;background:#fff;color:var(--muted);border:1px solid var(--line);font-size:13px;cursor:pointer;transition:.2s}
    .filter-options button:hover,.filter-options button.active{color:var(--berry);border-color:#c8a8c7;background:#fff7fc}
    .pinned{display:grid;grid-template-columns:.88fr 1.12fr;min-height:355px;overflow:hidden;border:1px solid var(--line);border-radius:var(--r-xl);background:#fff;box-shadow:var(--shadow)}
    .pinned-image{position:relative;min-height:260px}
    .pinned-image img{width:100%;height:100%;object-fit:cover}
    .pinned-image:after{content:"置顶消息";position:absolute;top:20px;left:20px;padding:6px 12px;border-radius:999px;background:#fff;color:var(--berry);font-weight:800;font-size:13px}
    .pinned-copy{padding:37px;display:flex;flex-direction:column;justify-content:center}
    .date{font-size:13px;font-weight:700;color:var(--coral)}
    .pinned-copy h3{font-size:30px;line-height:1.33;letter-spacing:-.04em;margin:7px 0 13px}
    .pinned-copy p{margin:0 0 22px;color:var(--muted)}
    .news-layout{display:grid;grid-template-columns:190px 1fr;gap:30px}
    .timeline-index{padding:22px;background:#f0e6ee;border-radius:var(--r-xl);height:max-content;position:sticky;top:130px}
    .timeline-index h3{margin:0 0 12px;font-size:16px;color:var(--berry)}
    .timeline-index a{display:block;padding:9px 0;border-bottom:1px solid rgba(111,61,114,.14);font-size:14px;color:#5e5060}
    .timeline-index a:last-child{border:0}
    .timeline-index a:hover{color:var(--berry);font-weight:700}
    .news-stream{border-top:1px solid var(--line)}
    .stream-item{display:grid;grid-template-columns:114px 1fr auto;gap:24px;padding:28px 0;border-bottom:1px solid var(--line);align-items:start;transition:.2s}
    .stream-item:hover{padding-left:12px;padding-right:12px;margin:0 -12px;background:#fff;border-radius:18px;border-bottom-color:transparent;box-shadow:0 10px 25px rgba(75,46,74,.07)}
    .stream-date{font-size:14px;color:var(--muted);line-height:1.45}
    .stream-date strong{display:block;font-size:23px;color:var(--berry)}
    .stream-content h3{font-size:21px;line-height:1.4;margin:7px 0}
    .stream-content p{font-size:14px;color:var(--muted);margin:0}
    .read-more{display:inline-flex;align-items:center;gap:4px;color:var(--berry);font-size:14px;font-weight:800;white-space:nowrap;padding-top:25px}
    .read-more:hover{color:var(--coral)}
    .read-more:hover span{transform:translateX(4px)}
    .read-more span{transition:.2s}
    .notice-panel{border-radius:var(--r-xl);padding:39px;background:linear-gradient(130deg,#713f71,#9a5c8d);color:#fff;display:grid;grid-template-columns:1fr 260px;gap:35px;align-items:center}
    .notice-panel h2{font-size:31px;line-height:1.3;margin:9px 0}
    .notice-panel p{margin:0;color:#f8eaf5}
    .notice-count{padding:25px;border-radius:23px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28)}
    .notice-count b{display:block;font-size:45px;line-height:1;color:#fff}
    .notice-count span{font-size:13px;color:#f5deed}
    .feature-grid{display:grid;grid-template-columns:5fr 7fr;gap:24px}
    .feature-card{padding:32px;border-radius:var(--r-xl);background:#fff;border:1px solid var(--line)}
    .feature-card.coral{background:#fff0e9;border-color:#f4d6ca}
    .feature-card h3{font-size:23px;line-height:1.35;margin:10px 0}
    .feature-card p{color:var(--muted);margin:0}
    .feature-card.coral p{color:#755e5a}
    .mini-links{margin-top:20px;padding:0;list-style:none}
    .mini-links li{border-top:1px solid rgba(111,61,114,.15);padding:11px 0;font-size:14px}
    .mini-links a:hover{color:var(--berry);font-weight:700}
    .subscribe{background:#f4eef3}
    .subscribe-box{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;padding:35px 40px;border-radius:var(--r-xl);background:#fff;border:1px solid var(--line)}
    .subscribe-box h2{margin:0 0 6px;font-size:28px}
    .subscribe-box p{margin:0;color:var(--muted);font-size:14px}
    .subscribe-form{display:flex;gap:10px}
    .subscribe-form input{width:220px;border:1px solid var(--line);background:var(--cream);border-radius:999px;padding:11px 15px;outline:0}
    .subscribe-form input:focus{border-color:var(--berry);box-shadow:0 0 0 4px rgba(111,61,114,.12)}
    .faq-grid{display:grid;grid-template-columns:4fr 8fr;gap:27px}
    .faq-side{padding:30px;border-radius:var(--r-xl);background:#fff0e9}
    .faq-side h2{font-size:30px;line-height:1.3;margin:8px 0}
    .faq-side p{color:#76564d}
    .faq-list{border:1px solid var(--line);border-radius:var(--r-xl);background:#fff;overflow:hidden}
    .faq-item{border-bottom:1px solid var(--line)}
    .faq-item:last-child{border:0}
    .faq-q{display:flex;width:100%;padding:19px 22px;align-items:center;justify-content:space-between;text-align:left;background:#fff;cursor:pointer;font-weight:750;color:var(--ink)}
    .faq-q:hover{background:#fcf6fb;color:var(--berry)}
    .faq-q span:last-child{font-size:22px;transition:.2s}
    .faq-a{display:none;padding:0 22px 20px;color:var(--muted);font-size:14px}
    .faq-item.open .faq-a{display:block}
    .faq-item.open .faq-q span:last-child{transform:rotate(45deg)}
    .cta{padding:0 0 82px}
    .cta-box{padding:47px;border-radius:var(--r-xl);background:linear-gradient(110deg,#633462,#9c5b87 58%,#d37a64);color:#fff;position:relative;overflow:hidden}
    .cta-box:after{content:"";position:absolute;width:270px;height:270px;border:34px solid rgba(255,255,255,.14);border-radius:50%;right:-75px;top:-100px}
    .cta-box>*{position:relative;z-index:1}
    .cta-box h2{font-size:clamp(29px,4vw,42px);line-height:1.25;margin:8px 0}
    .cta-box p{max-width:680px;color:#fbeef8}
    .cta-box .btn-secondary{border-color:#fff;background:#fff;color:var(--berry)}
    .site-foot{background:#302632;color:#ddd0dc;padding:54px 0 22px}
    .foot-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px}
    .site-foot .logo{color:#fff}
    .site-foot .mark{background:linear-gradient(145deg,#e89a7b,#b982b4)}
    .site-foot p{color:#cfc0ce}
    .site-foot h3{margin:0 0 10px;font-size:15px;color:#fff}
    .site-foot a{display:block;font-size:14px;padding:3px 0;color:#ddd0dc}
    .site-foot a:hover{color:#ffb99e}
    .foot-bottom{margin-top:35px;padding-top:19px;border-top:1px solid rgba(255,255,255,.13);display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:12px;color:#bcaebb}
    .foot-bottom a{display:inline;padding:0;color:#e9d7e5}
    @media(max-width:1024px){.channels{overflow-x:auto}.news-layout{grid-template-columns:1fr}.timeline-index{position:static;display:flex;gap:17px;flex-wrap:wrap}.timeline-index h3{width:100%;margin-bottom:0}.timeline-index a{border:0;padding:3px 0}.subscribe-box{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.pinned{grid-template-columns:1fr}.pinned-image{height:260px}}
    @media(max-width:768px){.container{width:min(100% - 28px,1180px)}.brand-note,.search{display:none}.brand-row{min-height:57px}.mobile-menu{display:block}.nav-row{min-height:46px}.channels{gap:1px}.channels a{font-size:13px;padding:7px 10px}.hero-news{padding:22px 0 34px}.hero-cover{padding:28px 24px;min-height:250px}.hero-meta{align-items:start;flex-direction:column;padding:17px 20px}.filter-bar{grid-template-columns:1fr}.pinned-copy{padding:27px}.pinned-copy h3{font-size:25px}.stream-item{grid-template-columns:78px 1fr;gap:15px}.stream-item .read-more{grid-column:2;padding-top:0}.stream-date strong{font-size:18px}.stream-content h3{font-size:18px}.notice-panel{grid-template-columns:1fr;padding:30px}.notice-count{max-width:220px}.subscribe-box{padding:27px}.subscribe-form{flex-direction:column}.subscribe-form input{width:100%}.faq-grid,.foot-grid{grid-template-columns:1fr}.cta-box{padding:32px 28px}section{padding:52px 0}}
    @media(max-width:520px){h1{font-size:38px}.hero-cover:after{display:none}.section-top{display:block}.section-top p{margin-top:10px}.hot-tags{gap:6px}.stream-item{padding:22px 0}.stream-item:hover{margin:0;padding-left:0;padding-right:0;box-shadow:none;background:transparent}.site-foot{padding-top:42px}.foot-bottom{display:block}.foot-bottom span{display:block;margin:7px 0}}

/* roulang page: category4 */
:root{--berry:#6f3d72;--berry2:#925d91;--coral:#df7a5b;--cream:#fffaf6;--mist:#f4eef3;--ink:#29232a;--muted:#706773;--line:#e6dce5;--r-xl:30px;--r-lg:21px;--shadow:0 16px 42px rgba(75,46,74,.10)}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75}
    a{text-decoration:none;color:inherit}
    img{max-width:100%;display:block}
    button,input{font:inherit}
    button{cursor:pointer}
    .container{width:min(1180px,calc(100% - 40px));margin:auto}
    .site-head{position:sticky;top:0;z-index:20;background:rgba(255,250,246,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
    .brand-row{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:18px}
    .logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;color:var(--berry)}
    .mark{display:inline-block;width:18px;height:18px;border-radius:7px 11px 7px 11px;background:linear-gradient(135deg,var(--berry),var(--coral))}
    .brand-note{font-size:12px;color:var(--muted);margin-left:12px}
    .nav-row{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);min-height:48px}
    .channels{display:flex;align-items:center;gap:3px;flex:1;overflow-x:auto;white-space:nowrap}
    .channels a{padding:8px 11px;border-radius:999px;font-size:14px;color:#504651;transition:.2s}
    .channels a:hover,.channels a.active{background:#eee0ed;color:var(--berry);font-weight:700}
    .search{position:relative}
    .search input{width:188px;border:1px solid var(--line);border-radius:999px;background:#fff;padding:7px 14px 7px 33px;outline:0;font-size:13px}
    .search:before{content:"⌕";position:absolute;left:12px;top:3px;color:var(--berry);font-size:19px}
    .search input:focus{border-color:var(--berry);box-shadow:0 0 0 4px rgba(111,61,114,.13)}
    .menu-btn{display:none;border:1px solid var(--line);background:#fff;border-radius:12px;padding:7px 10px;color:var(--berry)}
    .hero{padding:42px 0 62px;background:radial-gradient(circle at 86% 18%,#f3dce5 0,transparent 28%),linear-gradient(145deg,#fff9f5,#f5eef5)}
    .hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:28px;align-items:stretch}
    .hero-copy{padding:35px 10px 20px 0}
    .eyebrow,.tag{display:inline-flex;width:max-content;align-items:center;gap:6px;border-radius:99px;padding:5px 11px;background:#f5e5ed;color:var(--berry);font-size:13px;font-weight:700}
    h1{font-size:clamp(40px,5vw,64px);line-height:1.15;letter-spacing:-.06em;margin:19px 0 15px}
    h1 em{font-style:normal;color:var(--berry)}
    .hero-copy p{font-size:17px;color:var(--muted);max-width:650px}
    .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:12px 19px;font-weight:700;transition:.22s}
    .btn-primary{background:linear-gradient(105deg,var(--berry),#92558a);color:#fff;box-shadow:0 10px 22px rgba(111,61,114,.22)}
    .btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 26px rgba(111,61,114,.29)}
    .btn-secondary{border:1px solid var(--line);background:#fff;color:var(--berry)}
    .btn-secondary:hover{border-color:var(--berry);background:#fbf4fa}
    .btn:active{transform:translateY(1px)}
    .btn:focus-visible,.faq-q:focus-visible,a:focus-visible{outline:3px solid rgba(223,122,91,.48);outline-offset:3px}
    .hero-panel{min-height:330px;border-radius:var(--r-xl);overflow:hidden;position:relative;background:linear-gradient(150deg,rgba(111,61,114,.2),rgba(223,122,91,.18)),url('/assets/images/backpic/back-2.webp') center/cover;box-shadow:var(--shadow)}
    .hero-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(38,25,40,.65),transparent 65%)}
    .panel-note{position:absolute;z-index:1;left:25px;right:25px;bottom:24px;color:#fff}
    .panel-note strong{display:block;font-size:25px;line-height:1.3}
    .panel-note span{font-size:14px;color:#f7eaf5}
    section{padding:76px 0}
    .section-top{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px}
    .section-top h2{font-size:clamp(28px,3vw,39px);line-height:1.25;margin:8px 0}
    .section-top p{max-width:650px;color:var(--muted);margin:0}
    .soft{background:var(--mist)}
    .metrics{display:grid;grid-template-columns:1.25fr .9fr .9fr 1fr;gap:15px}
    .metric{padding:25px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);min-height:145px}
    .metric.accent{background:linear-gradient(140deg,#704070,#965789);color:#fff}
    .metric.accent .muted{color:#f0ddea}
    .badge-num{font-size:33px;line-height:1;font-weight:850;color:var(--berry);display:block;margin:8px 0}
    .accent .badge-num{color:#fff}
    .muted{font-size:13px;color:var(--muted)}
    .compare{display:grid;grid-template-columns:5fr 7fr;gap:25px}
    .compare-intro{padding:35px;border-radius:var(--r-xl);background:#fff0e9;border:1px solid #f2d8cf}
    .compare-intro h3{font-size:25px;margin:0 0 12px}
    .compare-intro p{color:#76564d}
    .compare-table{background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden}
    .compare-row{display:grid;grid-template-columns:1.1fr 1fr 1fr;padding:17px 22px;border-bottom:1px solid var(--line);gap:15px}
    .compare-row:last-child{border:0}
    .compare-row.head{background:#f8f1f7;font-weight:750;color:var(--berry)}
    .compare-row span:not(:first-child){color:var(--muted);font-size:14px}
    .flow{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
    .flow-item{position:relative;padding:25px 22px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg)}
    .flow-item b{display:block;color:var(--coral);font-size:14px;margin-bottom:9px}
    .flow-item h3{font-size:19px;margin:0 0 7px}
    .flow-item p{font-size:14px;color:var(--muted);margin:0}
    .story{display:grid;grid-template-columns:7fr 5fr;gap:26px;align-items:stretch}
    .story img{width:100%;height:100%;min-height:330px;object-fit:cover;border-radius:var(--r-xl)}
    .story-copy{padding:34px;background:#fff;border:1px solid var(--line);border-radius:var(--r-xl)}
    .story-copy h3{font-size:27px;line-height:1.35;margin:12px 0}
    .story-copy p{color:var(--muted)}
    .quote-band{display:grid;grid-template-columns:1fr 1fr;gap:20px}
    .quote{padding:30px;background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);position:relative}
    .quote:before{content:"“";font-size:55px;line-height:.7;color:#e7c9dc;font-weight:800}
    .quote p{font-size:17px;margin:8px 0 18px}
    .quote small{color:var(--muted)}
    .detail-grid{display:grid;grid-template-columns:4fr 8fr;gap:25px}
    .detail-side{padding:28px;border-radius:var(--r-xl);background:#2f2631;color:#fff}
    .detail-side p{color:#d9cbd7;font-size:14px}
    .detail-side ul{padding-left:20px;color:#f4e8f2}
    .detail-main{padding:32px;background:#fff;border:1px solid var(--line);border-radius:var(--r-xl)}
    .detail-main h3{font-size:25px;margin:0 0 10px}
    .detail-main p{color:var(--muted)}
    .detail-main mark{background:#f9ddd4;color:#6f3d72;padding:2px 6px;border-radius:6px}
    .faq-grid{display:grid;grid-template-columns:4fr 8fr;gap:27px}
    .faq-side{padding:30px;border-radius:var(--r-xl);background:#fff0e9}
    .faq-side p{color:#76564d}
    .faq-list{border:1px solid var(--line);border-radius:var(--r-xl);background:#fff;overflow:hidden}
    .faq-item{border-bottom:1px solid var(--line)}
    .faq-item:last-child{border:0}
    .faq-q{display:flex;width:100%;padding:19px 22px;align-items:center;justify-content:space-between;text-align:left;border:0;background:#fff;cursor:pointer;font-weight:750;color:var(--ink)}
    .faq-q:hover{background:#fcf6fb;color:var(--berry)}
    .faq-a{display:none;padding:0 22px 20px;color:var(--muted);font-size:14px}
    .faq-item.open .faq-a{display:block}
    .faq-item.open .faq-q span:last-child{transform:rotate(45deg)}
    .cta{padding:0 0 82px}
    .cta-box{padding:47px;border-radius:var(--r-xl);background:linear-gradient(110deg,#633462,#9c5b87 58%,#d37a64);color:#fff;position:relative;overflow:hidden}
    .cta-box:after{content:"";position:absolute;width:270px;height:270px;border:34px solid rgba(255,255,255,.14);border-radius:50%;right:-75px;top:-100px}
    .cta-box p{max-width:680px;color:#fbeef8}
    .cta-box .btn-secondary{border-color:#fff;background:#fff;color:var(--berry)}
    .site-foot{background:#302732;color:#fff;padding:55px 0 20px}
    .foot-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px}
    .site-foot .logo{color:#fff}
    .site-foot p{color:#d7cbd5}
    .site-foot h3{font-size:15px;margin:4px 0 10px;color:#fff}
    .site-foot a{display:block;font-size:14px;padding:3px 0;color:#ddd0dc}
    .site-foot a:hover{color:#ffb99e}
    .foot-bottom{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid #514452;margin-top:38px;padding-top:17px;color:#bcaebb;font-size:12px}
    .foot-bottom a{display:inline;color:#bcaebb;padding:0}
    @media(max-width:900px){.hero-grid,.compare,.story,.detail-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.flow{grid-template-columns:1fr 1fr}.hero-copy{padding-right:0}.story img{height:280px;min-height:0}.nav-row{gap:7px}.search input{width:145px}}
    @media(max-width:640px){.container{width:min(100% - 28px,1180px)}.brand-note,.search{display:none}.menu-btn{display:block}.nav-row{display:block;padding:6px 0}.channels{display:none;flex-wrap:wrap;padding-bottom:5px}.site-head.menu-open .channels{display:flex}.hero{padding:28px 0 42px}.hero-copy{padding-top:10px}.hero-panel{min-height:270px}section{padding:53px 0}.section-top{display:block}.metrics,.flow,.quote-band{grid-template-columns:1fr}.metric{min-height:125px}.compare-row{grid-template-columns:1fr;padding:14px 17px}.compare-row.head{display:none}.compare-row span:not(:first-child){font-size:13px}.story-copy,.detail-main{padding:25px}.faq-grid{grid-template-columns:1fr}.cta{padding-bottom:55px}.cta-box{padding:31px 24px}.foot-grid{grid-template-columns:1fr 1fr}.foot-grid>div:first-child{grid-column:1/-1}.foot-bottom{display:block}.foot-bottom span{display:block;margin-bottom:8px}h1{font-size:42px}}

/* roulang page: category6 */
:root{--berry:#6f3d72;--berry2:#925d91;--coral:#df7a5b;--cream:#fffaf6;--mist:#f4eef3;--ink:#29232a;--muted:#706773;--line:#e6dce5;--r-xl:30px;--r-lg:21px;--shadow:0 16px 42px rgba(75,46,74,.10);--dark:#302633}
    *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75}
    a{text-decoration:none;color:inherit} img{max-width:100%;display:block} button,input{font:inherit} button{border:0}
    .container{width:min(1180px,calc(100% - 40px));margin:auto}.site-head{position:sticky;top:0;z-index:50;background:rgba(255,250,246,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(230,220,229,.9)}
    .brand-row{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;color:var(--berry)}.mark{display:inline-block;width:25px;height:25px;border-radius:9px;background:linear-gradient(135deg,var(--berry),var(--coral));position:relative;box-shadow:0 6px 14px rgba(111,61,114,.2)}.mark:after{content:"";position:absolute;inset:7px;border:2px solid #fff;border-radius:5px}
    .brand-note{font-size:13px;color:var(--muted);padding-left:16px;border-left:1px solid var(--line)}.nav-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);min-height:48px}.channels{display:flex;align-items:center;gap:3px;overflow:auto;scrollbar-width:none}.channels::-webkit-scrollbar{display:none}.channels a{white-space:nowrap;padding:8px 11px;border-radius:999px;font-size:14px;color:#504651;transition:.2s}.channels a:hover,.channels a.active{background:#eee0ed;color:var(--berry);font-weight:700}
    .search{position:relative;flex:0 0 auto}.search:before{content:"⌕";position:absolute;z-index:1;left:12px;top:3px;color:var(--berry);font-size:19px}.search input{width:188px;border:1px solid var(--line);border-radius:999px;background:#fff;padding:7px 14px 7px 33px;outline:0;font-size:13px;transition:.2s}.search input:focus{border-color:var(--berry);box-shadow:0 0 0 4px rgba(111,61,114,.13)}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px 19px;font-weight:750;cursor:pointer;transition:.22s}.btn-primary{color:#fff;background:linear-gradient(105deg,var(--berry),#92558a);box-shadow:0 10px 22px rgba(111,61,114,.22)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 26px rgba(111,61,114,.29)}.btn-secondary{border:1px solid var(--line);background:#fff;color:var(--berry)}.btn-secondary:hover{border-color:var(--berry);background:#fbf4fa}.btn:active{transform:translateY(1px)}.btn:focus-visible,.faq-q:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(223,122,91,.48);outline-offset:3px}
    .eyebrow,.tag{display:inline-flex;width:max-content;align-items:center;gap:6px;border-radius:99px;padding:5px 11px;background:#f5e5ed;color:var(--berry);font-size:13px;font-weight:750}.tag.coral{background:#fff0e9;color:#ae583d}.tag.dark{background:rgba(255,255,255,.14);color:#fff}
    section{padding:76px 0}.section-top{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:27px}.section-top h2{font-size:clamp(27px,3vw,39px);line-height:1.25;margin:8px 0}.section-top p{max-width:590px;color:var(--muted);margin:0}
    .decision-hero{padding:42px 0 64px;background:radial-gradient(circle at 76% 8%,#efd9e4 0,transparent 29%),linear-gradient(145deg,#fff9f5,#f3edf4)}.hero-shell{overflow:hidden;position:relative;border:1px solid #eadde7;border-radius:var(--r-xl);background:#fff;box-shadow:var(--shadow);min-height:510px}.hero-shell:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(45,33,47,.2),transparent 65%);pointer-events:none}.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(55,33,53,.87) 0%,rgba(55,33,53,.63) 43%,rgba(55,33,53,.15) 80%),url('/assets/images/backpic/back-3.webp') center/cover}.hero-content{position:relative;z-index:2;padding:66px 54px;max-width:720px;color:#fff}.hero-content h1{font-size:clamp(40px,5vw,63px);line-height:1.14;letter-spacing:-.055em;margin:18px 0}.hero-content h1 em{font-style:normal;color:#ffd4bd}.hero-content p{font-size:17px;color:#f4eaf3;max-width:620px}.choice-panel{position:absolute;z-index:3;right:36px;bottom:34px;width:min(390px,calc(100% - 50px));padding:22px;background:rgba(255,250,246,.96);border:1px solid #fff;border-radius:24px;color:var(--ink);box-shadow:var(--shadow)}.choice-panel h2{font-size:18px;margin:0 0 12px}.choice-links{display:grid;grid-template-columns:1fr 1fr;gap:9px}.choice-links a{padding:10px 12px;border-radius:13px;background:#f8eff6;color:var(--berry);font-size:13px;font-weight:700;transition:.2s}.choice-links a:hover{background:#ead7e9;transform:translateY(-1px)}
    .trend-bar{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:16px 20px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 24px rgba(75,46,74,.05)}.trend-bar strong{font-size:14px}.path-grid{display:grid;grid-template-columns:4fr 8fr;gap:25px}.purpose-card{padding:32px;border-radius:var(--r-xl);background:#fff0e9}.purpose-card h3{margin:8px 0 12px;font-size:25px;line-height:1.3}.purpose-card p{margin:0;color:#76564d}.route-list{overflow:hidden;border:1px solid var(--line);border-radius:var(--r-xl);background:#fff}.route-item{display:grid;grid-template-columns:64px 1fr auto;gap:18px;align-items:center;padding:22px 25px;border-bottom:1px solid var(--line);transition:.2s}.route-item:last-child{border:0}.route-item:hover{background:#fcf7fb}.route-no{color:var(--coral);font-size:22px;font-weight:850}.route-item h3{font-size:18px;margin:0 0 3px}.route-item p{margin:0;color:var(--muted);font-size:14px}.arrow{font-size:23px;color:var(--berry);transition:.2s}.route-item:hover .arrow{transform:translateX(4px)}
    .compare-wrap{padding:34px;border-radius:var(--r-xl);background:linear-gradient(135deg,#f8f0f6,#fff8f2);border:1px solid var(--line)}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compare-card{padding:25px;border:1px solid var(--line);border-radius:22px;background:#fff}.compare-card.highlight{background:var(--berry);border-color:var(--berry);color:#fff}.compare-card h3{font-size:22px;margin:7px 0 12px}.compare-card p{font-size:14px;color:var(--muted);margin:0}.compare-card.highlight p{color:#f5e8f4}.checklist{list-style:none;padding:0;margin:18px 0 0}.checklist li{display:flex;gap:10px;padding:8px 0;border-top:1px solid rgba(230,220,229,.8);font-size:14px}.checklist li:before{content:"✓";font-weight:850;color:var(--coral)}.highlight .checklist li{border-color:rgba(255,255,255,.18)}.highlight .checklist li:before{color:#ffd1b8}
    .reading-layout{display:grid;grid-template-columns:7fr 5fr;gap:26px}.deep-copy{padding:40px;border-radius:var(--r-xl);background:#fff;border:1px solid var(--line)}.deep-copy h2{font-size:31px;line-height:1.3;margin:10px 0 16px}.deep-copy p{color:var(--muted);margin:0 0 16px}.image-card{overflow:hidden;min-height:360px;border-radius:var(--r-xl);position:relative;background:#e9dce7}.image-card img{width:100%;height:100%;position:absolute;object-fit:cover}.image-card .caption{position:absolute;left:22px;right:22px;bottom:22px;padding:18px;border-radius:17px;background:rgba(255,250,246,.94);font-size:14px;color:var(--muted)}
    .data-section{background:var(--dark);color:#fff}.data-section .section-top p{color:#d8cbd7}.data-board{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:16px}.metric{min-height:168px;padding:27px;border-radius:24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}.metric.featured{background:linear-gradient(135deg,#81507d,#c67277)}.metric .number{display:block;font-size:46px;line-height:1;font-weight:850;margin:11px 0}.metric p{margin:0;font-size:14px;color:#e8dce6}.metric small{color:#ffcfbb;font-weight:750}
    .recommend-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.recommend-main{overflow:hidden;border:1px solid var(--line);border-radius:var(--r-xl);background:#fff;box-shadow:var(--shadow)}.recommend-main img{height:245px;width:100%;object-fit:cover}.recommend-main div{padding:25px}.recommend-main h3{font-size:26px;line-height:1.3;margin:8px 0}.recommend-main p,.recommend-list p{font-size:14px;color:var(--muted)}.recommend-list{padding:6px 24px;border:1px solid var(--line);border-radius:var(--r-xl);background:#fff}.recommend-list article{padding:17px 0;border-bottom:1px solid var(--line)}.recommend-list article:last-child{border:0}.recommend-list h3{font-size:17px;margin:4px 0}
    .faq-grid{display:grid;grid-template-columns:4fr 8fr;gap:27px}.faq-side{padding:30px;border-radius:var(--r-xl);background:#fff0e9}.faq-side p{color:#76564d}.faq-list{border:1px solid var(--line);border-radius:var(--r-xl);background:#fff;overflow:hidden}.faq-item{border-bottom:1px solid var(--line)}.faq-item:last-child{border:0}.faq-q{display:flex;width:100%;padding:19px 22px;align-items:center;justify-content:space-between;text-align:left;background:#fff;cursor:pointer;font-weight:750;color:var(--ink)}.faq-q:hover{background:#fcf6fb;color:var(--berry)}.faq-q span:last-child{font-size:22px;transition:.2s}.faq-a{display:none;padding:0 22px 20px;color:var(--muted);font-size:14px}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q span:last-child{transform:rotate(45deg)}
    .subscribe{display:grid;grid-template-columns:1fr auto;gap:14px;padding:26px 30px;background:#fff;border:1px solid var(--line);border-radius:var(--r-xl)}.subscribe h2{font-size:23px;margin:0 0 4px}.subscribe p{margin:0;color:var(--muted);font-size:14px}.subscribe form{display:flex;align-items:center;gap:10px}.subscribe input{width:220px;padding:11px 14px;border:1px solid var(--line);border-radius:999px;outline:none;background:#fff}.subscribe input:focus{border-color:var(--berry);box-shadow:0 0 0 4px rgba(111,61,114,.12)}
    .cta{padding:0 0 82px}.cta-box{padding:47px;border-radius:var(--r-xl);background:linear-gradient(110deg,#633462,#9c5b87 58%,#d37a64);color:#fff;position:relative;overflow:hidden}.cta-box:after{content:"";position:absolute;width:270px;height:270px;border:34px solid rgba(255,255,255,.14);border-radius:50%;right:-75px;top:-100px}.cta-box p{max-width:680px;color:#fbeef8}.cta-box .btn-secondary{border-color:#fff;background:#fff;color:var(--berry)}
    .site-foot{padding:56px 0 20px;background:#2f2631;color:#e9dfe8}.foot-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px}.site-foot .logo{color:#fff}.site-foot p{color:#cbbfca}.site-foot h3{font-size:15px;color:#fff;margin:0 0 10px}.site-foot a{display:block;font-size:14px;padding:3px 0;color:#ddd0dc}.site-foot a:hover{color:#ffb99e}.foot-bottom{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-top:35px;padding-top:18px;border-top:1px solid rgba(255,255,255,.13);font-size:12px;color:#bfb2bd}.foot-bottom a{display:inline;padding:0}
    @media(max-width:900px){.brand-note{display:none}.hero-content{padding:52px 34px}.choice-panel{position:relative;right:auto;bottom:auto;width:auto;margin:0 28px 28px}.hero-shell{padding-bottom:1px}.path-grid,.reading-layout,.faq-grid,.recommend-grid{grid-template-columns:1fr}.data-board{grid-template-columns:1fr 1fr}.metric.featured{grid-column:span 2}.foot-grid{grid-template-columns:1fr 1fr}.subscribe{grid-template-columns:1fr}.subscribe form{justify-content:flex-start}}
    @media(max-width:680px){.container{width:min(100% - 28px,1180px)}.brand-row{min-height:57px}.logo{font-size:18px}.nav-row{align-items:center}.search input{width:42px;padding-right:0;color:transparent;cursor:pointer}.search input:focus{width:170px;color:var(--ink)}.channels a{font-size:13px;padding:7px 9px}.decision-hero{padding:24px 0 43px}.hero-shell{min-height:auto}.hero-content{padding:43px 25px 30px}.hero-content h1{font-size:39px}.hero-content p{font-size:15px}.choice-panel{margin:0 16px 18px}.choice-links{grid-template-columns:1fr}.section-top{display:block}.section-top h2{margin-bottom:12px}section{padding:54px 0}.route-item{grid-template-columns:42px 1fr;padding:19px}.route-item .arrow{display:none}.compare-grid,.data-board{grid-template-columns:1fr}.metric.featured{grid-column:auto}.deep-copy{padding:28px 23px}.image-card{min-height:280px}.subscribe{padding:23px}.subscribe form{align-items:stretch;flex-direction:column}.subscribe input{width:100%}.foot-grid{grid-template-columns:1fr}.cta-box{padding:34px 25px}.cta-box h2{font-size:29px}.foot-bottom{display:block}.foot-bottom span{display:block;margin:7px 0}}

/* roulang page: category5 */
:root{--berry:#6f3d72;--berry2:#925d91;--coral:#df7a5b;--cream:#fffaf6;--mist:#f4eef3;--ink:#29232a;--muted:#706773;--line:#e6dce5;--r-xl:30px;--r-lg:21px;--shadow:0 16px 42px rgba(75,46,74,.10)}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75}
    a{text-decoration:none;color:inherit}
    img{max-width:100%;display:block}
    button,input{font:inherit}
    button{cursor:pointer}
    .container{width:min(1180px,calc(100% - 40px));margin:auto}
    .site-head{position:sticky;top:0;z-index:30;background:rgba(255,250,246,.95);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
    .brand-row{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:18px}
    .logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;color:var(--berry)}
    .mark{width:30px;height:30px;border-radius:11px 11px 11px 4px;background:linear-gradient(135deg,var(--berry),var(--coral));display:inline-block;box-shadow:0 7px 15px rgba(111,61,114,.2)}
    .brand-note{font-size:12px;color:var(--muted);border-left:1px solid var(--line);padding-left:15px}
    .nav-row{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);min-height:48px}
    .channels{display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none;flex:1}
    .channels::-webkit-scrollbar{display:none}
    .channels a{white-space:nowrap;padding:8px 11px;border-radius:999px;font-size:14px;color:#504651;transition:.2s}
    .channels a:hover,.channels a.active{background:#eee0ed;color:var(--berry);font-weight:700}
    .search{position:relative}
    .search input{width:188px;border:1px solid var(--line);border-radius:999px;background:#fff;padding:7px 14px 7px 33px;outline:0;font-size:13px}
    .search:before{content:"⌕";position:absolute;left:12px;top:3px;color:var(--berry);font-size:19px}
    .search input:focus{border-color:var(--berry);box-shadow:0 0 0 4px rgba(111,61,114,.13)}
    .menu-btn{display:none;border:1px solid var(--line);background:#fff;border-radius:12px;padding:7px 10px;color:var(--berry)}
    .hero{padding:28px 0 65px;background:radial-gradient(circle at 80% 12%,#f3dce5 0,transparent 28%),linear-gradient(145deg,#fff9f5,#f5eef5)}
    .notice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;padding:10px 16px;border:1px solid #ead5df;border-radius:999px;background:#fff4ef;color:#724c4d;font-size:13px}
    .timer{font-weight:800;color:var(--berry);white-space:nowrap}
    .hero-kv{position:relative;min-height:520px;border-radius:var(--r-xl);overflow:hidden;background:linear-gradient(90deg,rgba(45,25,44,.87),rgba(82,46,79,.42)),url('/assets/images/backpic/back-3.webp') center/cover;display:flex;align-items:flex-end}
    .hero-copy{width:min(700px,100%);padding:62px;color:#fff}
    .eyebrow,.tag{display:inline-flex;width:max-content;align-items:center;gap:6px;border-radius:99px;padding:5px 11px;background:#f5e5ed;color:var(--berry);font-size:13px;font-weight:700}
    .hero-copy .eyebrow{background:rgba(255,255,255,.17);color:#fff}
    h1{font-size:clamp(40px,6vw,68px);line-height:1.15;letter-spacing:-.06em;margin:19px 0}
    .hero-copy p{font-size:17px;color:#f9eefa;max-width:610px}
    .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:12px 19px;font-weight:700;transition:.22s}
    .btn-primary{background:linear-gradient(105deg,var(--berry),#92558a);color:#fff;box-shadow:0 10px 22px rgba(111,61,114,.22)}
    .btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 26px rgba(111,61,114,.29)}
    .btn-secondary{border:1px solid var(--line);background:#fff;color:var(--berry)}
    .btn-secondary:hover{border-color:var(--berry);background:#fbf4fa}
    .hero-copy .btn-secondary{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.6);color:#fff}
    .btn:active{transform:translateY(1px)}
    .btn:focus-visible,.faq-q:focus-visible,a:focus-visible{outline:3px solid rgba(223,122,91,.48);outline-offset:3px}
    section{padding:76px 0}
    .section-top{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:27px}
    .section-top h2{font-size:clamp(27px,3vw,39px);line-height:1.25;margin:8px 0}
    .section-top p{max-width:650px;color:var(--muted);margin:0}
    .story-intro{display:grid;grid-template-columns:5fr 7fr;gap:28px;align-items:stretch}
    .intro-card,.story-card,.directory,.quote,.related-box,.faq-list{background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:0 8px 24px rgba(75,46,74,.05)}
    .intro-card{padding:36px;background:linear-gradient(145deg,#fff,#f8eef6)}
    .intro-card h2{font-size:34px;line-height:1.3;margin:0 0 16px}
    .intro-card p,.story-card p,.directory p{color:var(--muted)}
    .metric-stack{display:grid;grid-template-columns:1fr 1fr;gap:14px}
    .metric{padding:25px 20px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line)}
    .metric strong{display:block;color:var(--berry);font-size:31px;line-height:1.2}
    .metric small{color:var(--muted)}
    .story-grid{display:grid;grid-template-columns:7fr 5fr;gap:26px;align-items:center}
    .story-grid.reverse{grid-template-columns:5fr 7fr}
    .story-grid.reverse .story-image{order:2}
    .story-card{padding:38px}
    .story-card h2{font-size:30px;line-height:1.35;margin:13px 0}
    .story-image{min-height:350px;overflow:hidden;border-radius:var(--r-xl);position:relative}
    .story-image img{width:100%;height:100%;object-fit:cover}
    .image-label{position:absolute;left:20px;bottom:20px;padding:9px 14px;border-radius:999px;background:rgba(255,250,246,.92);color:var(--berry);font-size:13px;font-weight:700}
    .wide-strip{background:var(--mist)}
    .strip-inner{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:24px;align-items:center}
    .strip-inner h2{font-size:30px;line-height:1.3;margin:0}
    .strip-inner p{color:var(--muted);margin:0}
    .quote{padding:31px;background:#fff1eb;border-color:#f1d8cf}
    .quote-mark{font-size:52px;color:var(--coral);line-height:.8}
    .quote p{font-size:18px;margin:12px 0;color:#543f43}
    .quote small{color:#80656a}
    .directory{padding:30px}
    .directory-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}
    .path{padding:20px;border-radius:18px;background:#fbf5fa;border:1px solid var(--line);transition:.2s}
    .path:hover{transform:translateY(-3px);border-color:#c9acc7;box-shadow:var(--shadow)}
    .path b{color:var(--berry);font-size:20px}
    .path p{font-size:14px;margin:7px 0 0;color:var(--muted)}
    .related{background:#fff}
    .related-box{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;padding:34px}
    .related-list{list-style:none;padding:0;margin:0}
    .related-list li{padding:14px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px}
    .related-list li:last-child{border:0}
    .related-list span{color:var(--muted);font-size:13px}
    .faq-grid{display:grid;grid-template-columns:4fr 8fr;gap:27px}
    .faq-side{padding:30px;border-radius:var(--r-xl);background:#fff0e9}
    .faq-side h2{margin-top:0;font-size:30px;line-height:1.35}
    .faq-side p{color:#76564d}
    .faq-item{border-bottom:1px solid var(--line)}
    .faq-item:last-child{border:0}
    .faq-q{display:flex;width:100%;padding:19px 22px;align-items:center;justify-content:space-between;text-align:left;border:0;background:#fff;cursor:pointer;font-weight:750;color:var(--ink)}
    .faq-q:hover{background:#fcf6fb;color:var(--berry)}
    .faq-a{display:none;padding:0 22px 20px;color:var(--muted);font-size:14px}
    .faq-item.open .faq-a{display:block}
    .faq-item.open .faq-q span:last-child{transform:rotate(45deg)}
    .cta{padding:0 0 82px}
    .cta-box{padding:47px;border-radius:var(--r-xl);background:linear-gradient(110deg,#633462,#9c5b87 58%,#d37a64);color:#fff;position:relative;overflow:hidden}
    .cta-box:after{content:"";position:absolute;width:270px;height:270px;border:34px solid rgba(255,255,255,.14);border-radius:50%;right:-75px;top:-100px}
    .cta-box h2{font-size:34px;line-height:1.3;margin:0}
    .cta-box p{max-width:680px;color:#fbeef8}
    .cta-box .btn-secondary{border-color:#fff;background:#fff;color:var(--berry)}
    .site-foot{background:#312631;color:#fff;padding:54px 0 20px}
    .site-foot .logo{color:#fff}
    .site-foot p{color:#d7c9dlay:none}
.mobile-menu.open{display:block}
.mobile-menu .menu-backdrop{position:absolute;inset:0;background:rgba(41,35,42,.42)}
.mobile-menu .drawer{position:absolute;right:0;top:0;width:min(360px,86vw);height:100%;background:#fff;border-left:1px solid var(--line);padding:18px 18px 24px;box-shadow:-18px 0 42px rgba(75,46,74,.16);overflow:auto}
.mobile-menu .drawer-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.mobile-menu .drawer-nav{display:grid;gap:8px;padding:16px 0}
.mobile-menu .drawer-nav a{padding:12px 14px;border-radius:14px;background:#faf6fb;border:1px solid transparent;color:#4c4250}
.mobile-menu .drawer-nav a.active{background:#efe1ef;border-color:#dbc2de;color:var(--berry);font-weight:700}
.mobile-menu .drawer-tags{display:flex;flex-wrap:wrap;gap:8px;padding-top:8px}
.mobile-menu .drawer-tags span{padding:7px 10px;border-radius:999px;background:#fff5ef;border:1px solid #f1d8cf;color:#8a5544;font-size:12px}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.timeline-item{padding:20px;background:#fff;border:1px solid var(--line);border-radius:20px;transition:.2s}
.timeline-item:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.timeline-item .step{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--berry),var(--coral));color:#fff;font-weight:800;font-size:13px}
.timeline-item h3{font-size:18px;margin:12px 0 8px}
.timeline-item p{font-size:14px;margin:0;color:var(--muted)}
.feedback-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.feedback-card{padding:26px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 8px 24px rgba(75,46,74,.05)}
.feedback-card .head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.avatar{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,#efe0ee,#fde7dd);display:flex;align-items:center;justify-content:center;color:var(--berry);font-weight:800}
.feedback-card p{margin:0;color:#564d59}
.feedback-card small{display:block;margin-top:14px;color:var(--muted)}
.subtle{color:var(--muted)}
.pill-list{display:flex;flex-wrap:wrap;gap:10px}
.pill-list span{padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:13px;color:#5b4f5f}
.link-arrow{display:inline-flex;align-items:center;gap:7px;color:var(--berry);font-weight:700}
.link-arrow:after{content:"→";transition:.2s}
.link-arrow:hover:after{transform:translateX(3px)}
.update-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.update-card{padding:28px;background:#fff;border:1px solid var(--line);border-radius:26px}
.update-list{display:grid;gap:12px}
.update-item{padding:16px 18px;border-radius:18px;background:#faf6fb;border:1px solid var(--line)}
.update-item time{display:block;font-size:12px;color:var(--coral);font-weight:700}
.update-item b{display:block;margin:5px 0;font-size:17px}
.update-item p{margin:0;color:var(--muted);font-size:14px}
.form-row{display:flex;gap:10px;flex-wrap:wrap}
.mini-form{display:grid;gap:12px}
.mini-form input{width:100%;padding:13px 14px;border-radius:16px;border:1px solid var(--line);background:#fff;outline:0}
.mini-form input:focus{border-color:var(--berry);box-shadow:0 0 0 4px rgba(111,61,114,.12)}
.mini-form .help{font-size:12px;color:var(--muted)}
.gallery-note{font-size:13px;color:var(--muted);margin-top:12px}
.reduced{max-width:780px}
@media (max-width: 1024px){
  .story-intro,.story-grid,.story-grid.reverse,.faq-grid,.related-box,.strip-inner,.foot-grid,.directory-grid,.update-grid,.feedback-grid,.timeline{grid-template-columns:1fr}
  .story-grid.reverse .story-image{order:0}
  .hero-copy{width:100%;padding:44px 34px}
  .hero-kv{min-height:640px}
  .intro-card h2,.story-card h2,.cta-box h2{font-size:28px}
  .brand-row{flex-wrap:wrap}
  .brand-note{border:0;padding:0}
}
@media (max-width: 768px){
  .nav-row{display:none}
  .menu-btn{display:inline-flex}
  .hero{padding:18px 0 52px}
  .hero-kv{min-height:auto}
  .hero-copy{padding:30px 22px}
  .container{width:min(1180px,calc(100% - 24px))}
  section{padding:52px 0}
  .section-top{flex-direction:column;align-items:flex-start}
  .actions,.form-row{width:100%}
  .btn,.mini-form input{width:100%}
  .timeline-item,.feedback-card,.update-card,.directory,.intro-card,.story-card,.quote,.related-box,.faq-side,.faq-list,.cta-box{border-radius:22px}
  .story-image{min-height:260px}
  .foot-bottom{flex-direction:column;align-items:flex-start}
}