/* roulang page: index */
:root{
            --berry:#5d203f;
            --berry-deep:#351329;
            --berry-soft:#f4e8ef;
            --coral:#e8855c;
            --coral-deep:#c76642;
            --ink:#28232a;
            --muted:#766f77;
            --paper:#fffdfa;
            --cream:#f7f2ee;
            --line:#e8dfe2;
            --white:#fff;
            --shadow:0 16px 44px rgba(54,25,43,.09);
            --shadow-sm:0 8px 24px rgba(54,25,43,.07);
            --radius:18px;
            --container:1200px;
        }
        *{box-sizing:border-box;margin:0;padding:0}
        html{scroll-behavior:smooth}
        body{font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.7;-webkit-font-smoothing:antialiased}
        a{color:inherit;text-decoration:none}
        img{display:block;max-width:100%}
        button,input{font:inherit}
        button{cursor:pointer}
        .container{width:min(var(--container),calc(100% - 48px));margin:0 auto}
        .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--coral-deep);font-size:13px;font-weight:700;letter-spacing:.08em}
        .eyebrow:before{content:"";width:24px;height:2px;background:var(--coral);display:inline-block}
        .section{padding:92px 0}
        .section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:34px}
        .section-head h2{font-size:clamp(25px,3vw,34px);line-height:1.25;letter-spacing:-.03em;margin-top:10px}
        .section-head p{max-width:510px;color:var(--muted);font-size:15px}
        .text-link{display:inline-flex;align-items:center;gap:8px;color:var(--berry);font-size:14px;font-weight:700;border-bottom:1px solid transparent;transition:.25s}
        .text-link:hover{color:var(--coral-deep);border-color:var(--coral)}
        .text-link span{font-size:18px;transition:.25s}
        .text-link:hover span{transform:translateX(4px)}
        .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 21px;border-radius:9px;border:1px solid transparent;font-size:14px;font-weight:700;transition:transform .25s,box-shadow .25s,background .25s,border-color .25s}
        .btn:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(54,25,43,.14)}
        .btn:focus-visible,.nav-link:focus-visible,.menu-toggle:focus-visible,.faq-question:focus-visible{outline:3px solid rgba(232,133,92,.5);outline-offset:3px}
        .btn-primary{background:var(--coral);color:#fff}
        .btn-primary:hover{background:var(--coral-deep)}
        .btn-dark{background:var(--berry);color:#fff}
        .btn-dark:hover{background:var(--berry-deep)}
        .btn-outline{border-color:#cdbac2;color:var(--berry);background:transparent}
        .btn-outline:hover{border-color:var(--berry);background:var(--berry-soft)}
        .tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;background:var(--berry-soft);color:var(--berry);font-size:12px;font-weight:700}
        .meta{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px}
        .site-header{height:78px;background:rgba(255,253,250,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
        .header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}
        .brand{display:flex;align-items:center;gap:11px;white-space:nowrap}
        .brand-mark{width:34px;height:34px;border-radius:10px;background:var(--berry);position:relative;display:grid;place-items:center;color:#fff;font-weight:800}
        .brand-mark:after{content:"";width:10px;height:10px;border:2px solid var(--coral);border-radius:50%}
        .brand-name{font-size:17px;font-weight:800;letter-spacing:-.04em;color:var(--berry-deep)}
        .main-nav{display:flex;align-items:center;gap:5px;margin-left:auto}
        .nav-link{padding:9px 14px;border-radius:8px;font-size:14px;color:#5b535b;transition:.25s}
        .nav-link:hover,.nav-link.active{color:var(--berry);background:var(--berry-soft)}
        .header-cta{margin-left:8px}
        .menu-toggle{display:none;border:0;background:var(--berry-soft);color:var(--berry);width:42px;height:40px;border-radius:8px;font-size:20px}
        .hero{background:var(--berry-deep);color:#fff;overflow:hidden;position:relative}
        .hero:before{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(232,133,92,.25);border-radius:50%;right:-150px;top:-190px}
        .hero:after{content:"";position:absolute;width:260px;height:260px;background:rgba(232,133,92,.09);border-radius:50%;right:8%;bottom:-150px;filter:blur(2px)}
        .hero-inner{min-height:590px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:65px;position:relative;z-index:1}
        .hero-copy{padding:74px 0}
        .hero .eyebrow{color:#f3b095}
        .hero .eyebrow:before{background:var(--coral)}
        .hero h1{font-size:clamp(32px,4.5vw,52px);line-height:1.18;letter-spacing:-.055em;max-width:650px;margin:18px 0 22px}
        .hero h1 em{font-style:normal;color:#f1a37e}
        .hero-copy>p{max-width:560px;color:#ddcfd6;font-size:16px;line-height:1.9}
        .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
        .hero .btn-outline{border-color:rgba(255,255,255,.32);color:#fff}
        .hero .btn-outline:hover{background:rgba(255,255,255,.1);border-color:#fff}
        .hero-labels{display:flex;gap:9px;flex-wrap:wrap;margin-top:36px}
        .hero-labels span{border:1px solid rgba(255,255,255,.2);padding:6px 11px;border-radius:6px;color:#d9cbd3;font-size:12px}
        .hero-art{height:390px;position:relative;display:flex;align-items:center;justify-content:center}
        .art-orbit{width:330px;height:330px;border:1px solid rgba(255,255,255,.18);border-radius:50%;position:absolute}
        .art-orbit:before,.art-orbit:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 7px rgba(232,133,92,.14)}
        .art-orbit:before{top:35px;right:44px}.art-orbit:after{bottom:47px;left:20px;background:#d8a9c0}
        .art-panel{width:350px;min-height:245px;background:#fff;color:var(--ink);border-radius:18px;box-shadow:0 25px 55px rgba(0,0,0,.26);padding:25px;position:relative;transform:rotate(-3deg)}
        .art-panel-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:17px}
        .art-title{font-weight:800;color:var(--berry);font-size:16px}
        .art-dots{display:flex;gap:5px}.art-dots i{width:7px;height:7px;border-radius:50%;background:#e7c5b8}
        .art-feature{margin-top:22px;padding:18px;background:linear-gradient(130deg,#f3e4eb,#fff5ed);border-radius:12px;display:flex;justify-content:space-between;align-items:end}
        .art-feature strong{font-size:28px;line-height:1;color:var(--berry)}.art-feature small{display:block;color:var(--muted);font-size:11px;margin-top:5px}
        .art-bars{display:flex;align-items:end;gap:6px;height:45px}.art-bars i{width:9px;background:var(--coral);border-radius:3px 3px 0 0}.art-bars i:nth-child(1){height:20px}.art-bars i:nth-child(2){height:33px}.art-bars i:nth-child(3){height:27px}.art-bars i:nth-child(4){height:42px}.art-bars i:nth-child(5){height:36px}
        .quick{padding:25px 0;background:var(--cream);border-bottom:1px solid var(--line)}
        .quick-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:14px}
        .quick-item{min-height:105px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;justify-content:space-between;transition:.25s}
        .quick-item:first-child{background:var(--berry);color:#fff;border-color:var(--berry)}
        .quick-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm);border-color:#cba7b8}
        .quick-item small{font-size:11px;opacity:.7;letter-spacing:.08em}.quick-item strong{font-size:16px}.quick-item a{font-size:12px;color:var(--coral-deep)}.quick-item:first-child a{color:#f3b095}
        .news-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}
        .feature-news{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:var(--shadow-sm);transition:.25s}
        .feature-news:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
        .news-visual{height:235px;background:linear-gradient(135deg,#4d1b39,#a2495d 58%,#e9936c);position:relative;overflow:hidden;padding:24px}
        .news-visual:after{content:"资讯精选";position:absolute;right:24px;bottom:18px;color:rgba(255,255,255,.17);font-size:48px;font-weight:900;letter-spacing:-.1em}
        .visual-chip{display:inline-block;padding:7px 11px;border:1px solid rgba(255,255,255,.4);border-radius:6px;color:#fff;font-size:12px}
        .visual-line{position:absolute;left:24px;bottom:28px;width:44%;height:2px;background:#f3b095}.visual-line:after{content:"";display:block;width:48%;height:8px;background:#f3b095;margin-top:-3px}
        .feature-content{padding:25px}.feature-content h3{font-size:22px;line-height:1.4;margin:13px 0 9px}.feature-content p{color:var(--muted);font-size:14px;margin-bottom:20px}
        .news-list{border-top:1px solid var(--line)}
        .news-row{display:grid;grid-template-columns:1fr auto;gap:18px;padding:17px 0;border-bottom:1px solid var(--line);transition:.2s}
        .news-row:hover h3{color:var(--coral-deep)}.news-row h3{font-size:16px;line-height:1.5;transition:.2s}.news-row .meta{margin-top:7px}
        .arrow{align-self:center;width:31px;height:31px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--berry);transition:.2s}.news-row:hover .arrow{background:var(--berry);color:#fff;border-color:var(--berry)}
        .empty-state{padding:28px;border:1px dashed #d6c4cc;border-radius:12px;background:#fbf5f8;color:var(--muted);font-size:14px}
        .topics{background:var(--cream)}
        .topic-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:18px}
        .topic-card{min-height:205px;border-radius:var(--radius);padding:25px;position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);transition:.25s}
        .topic-card:first-child{background:#ead8e1}.topic-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}
        .topic-card .number{font-size:46px;line-height:1;color:rgba(93,32,63,.16);font-weight:900;position:absolute;right:21px;top:17px}
        .topic-card h3{font-size:19px;margin:42px 0 10px}.topic-card p{font-size:13px;color:var(--muted);max-width:280px}.topic-card a{position:absolute;bottom:24px;color:var(--berry);font-size:13px;font-weight:700}
        .download{padding:82px 0;background:var(--berry);color:#fff;position:relative;overflow:hidden}.download:after{content:"";position:absolute;width:440px;height:440px;border:1px solid rgba(255,255,255,.14);border-radius:50%;right:-100px;top:-200px}
        .download-inner{display:grid;grid-template-columns:1fr .8fr;gap:65px;align-items:center;position:relative;z-index:1}.download h2{font-size:clamp(27px,3.5vw,39px);line-height:1.25;margin:13px 0}.download p{color:#ddcfd6;max-width:590px;font-size:15px}
        .download-info{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.info-pill{padding:9px 13px;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#eadde3;font-size:12px}
        .download-side{display:flex;align-items:center;justify-content:center;gap:22px}.qr-box{width:150px;height:150px;border-radius:14px;background:#fff;padding:12px;display:grid;place-items:center;color:var(--berry);font-weight:900;font-size:11px;text-align:center}.qr-pattern{width:104px;height:104px;background:repeating-linear-gradient(45deg,#351329 0 5px,#fff 5px 10px);border:8px solid #fff}
        .download-note{font-size:12px;color:#cdb9c5;margin-top:13px}.download .btn-primary{background:var(--coral)}.download .btn-primary:hover{background:#f19b78}
        .faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.faq-intro p{color:var(--muted);font-size:15px;margin-top:15px}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-question{width:100%;border:0;background:transparent;padding:20px 0;text-align:left;display:flex;justify-content:space-between;align-items:center;color:var(--ink);font-weight:700;font-size:15px}.faq-question span{width:26px;height:26px;border:1px solid #d9c5cf;border-radius:50%;display:grid;place-items:center;color:var(--berry);transition:.25s}.faq-answer{display:none;color:var(--muted);font-size:14px;padding:0 42px 20px 0}.faq-item.open .faq-answer{display:block}.faq-item.open .faq-question span{background:var(--berry);color:#fff;transform:rotate(45deg)}
        .closing{padding:28px 0;background:var(--cream)}.closing-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 34px;border-radius:14px;background:#fff;border:1px solid var(--line)}.closing h2{font-size:21px}.closing p{color:var(--muted);font-size:13px;margin-top:4px}
        .site-footer{background:#281522;color:#e8dce2;padding:54px 0 24px}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr 1fr;gap:35px;padding-bottom:42px;border-bottom:1px solid rgba(255,255,255,.12)}.footer-brand p{color:#b9aab3;font-size:13px;max-width:300px;margin-top:13px}.footer-title{font-size:13px;color:#fff;margin-bottom:14px;font-weight:700}.footer-links{display:grid;gap:9px}.footer-links a{font-size:13px;color:#b9aab3;transition:.2s}.footer-links a:hover{color:#f3a37e}.footer-note{font-size:12px;color:#b9aab3;line-height:1.8}.copyright{display:flex;justify-content:space-between;gap:20px;padding-top:21px;color:#988691;font-size:11px}
        @media(max-width:1024px){.hero-inner{gap:30px}.quick-grid{grid-template-columns:repeat(2,1fr)}.quick-item:first-child{grid-column:span 2}.topic-grid{grid-template-columns:1fr 1fr}.topic-card:first-child{grid-column:span 2}.download-inner{gap:30px}.footer-grid{grid-template-columns:1fr 1fr}}
        @media(max-width:768px){.container{width:min(100% - 36px,var(--container))}.site-header{height:68px}.main-nav,.header-cta{display:none}.menu-toggle{display:block}.header-inner{gap:12px}.hero-inner{display:block;min-height:0}.hero-copy{padding:70px 0 42px}.hero h1{font-size:34px}.hero-copy>p{font-size:15px}.hero-art{height:285px;padding-bottom:45px}.art-panel{transform:scale(.82) rotate(-3deg)}.art-orbit{transform:scale(.78)}.section{padding:66px 0}.section-head{display:block;margin-bottom:25px}.section-head p{margin-top:13px}.news-layout,.faq-grid,.download-inner{grid-template-columns:1fr;gap:35px}.download-side{justify-content:flex-start}.closing-inner{display:block;padding:24px}.closing .btn{margin-top:18px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}}
        @media(max-width:520px){.brand-name{font-size:15px}.quick-grid,.topic-grid{grid-template-columns:1fr}.quick-item:first-child,.topic-card:first-child{grid-column:auto}.hero h1{font-size:29px}.hero-actions .btn{width:100%}.hero-labels{margin-top:25px}.news-visual{height:185px}.feature-content{padding:20px}.feature-content h3{font-size:19px}.download-side{display:block}.qr-box{margin-bottom:20px}.footer-grid{grid-template-columns:1fr}.copyright{display:block}.copyright span{display:block;margin-top:7px}.section-head h2{font-size:27px}}

/* roulang page: article */
:root{
            --berry:#5d203f;
            --berry-deep:#351329;
            --berry-soft:#f4e8ef;
            --coral:#e8855c;
            --coral-deep:#c76642;
            --ink:#28232a;
            --muted:#766f77;
            --paper:#fffdfa;
            --cream:#f7f2ee;
            --line:#e8dfe2;
            --white:#fff;
            --shadow:0 16px 44px rgba(54,25,43,.09);
            --shadow-sm:0 8px 24px rgba(54,25,43,.07);
            --radius:18px;
            --container:1200px;
        }
        *{box-sizing:border-box}
        html{scroll-behavior:smooth}
        body{
            margin:0;
            font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;
            color:var(--ink);
            background:var(--paper);
            line-height:1.7;
            -webkit-font-smoothing:antialiased;
        }
        a{color:inherit;text-decoration:none}
        img{display:block;max-width:100%;height:auto}
        button,input{font:inherit}
        button{cursor:pointer}
        .container{width:min(var(--container),calc(100% - 48px));margin:0 auto}
        .eyebrow{
            display:inline-flex;
            align-items:center;
            gap:8px;
            color:var(--coral-deep);
            font-size:13px;
            font-weight:700;
            letter-spacing:.08em;
        }
        .eyebrow:before{content:"";width:24px;height:2px;background:var(--coral);display:inline-block}
        .section{padding:86px 0}
        .section-head{
            display:flex;
            align-items:end;
            justify-content:space-between;
            gap:28px;
            margin-bottom:34px;
        }
        .section-head h2{
            font-size:clamp(25px,3vw,34px);
            line-height:1.25;
            letter-spacing:-.03em;
            margin:10px 0 0;
        }
        .section-head p{max-width:510px;color:var(--muted);font-size:15px;margin:0}
        .text-link{
            display:inline-flex;
            align-items:center;
            gap:8px;
            color:var(--berry);
            font-size:14px;
            font-weight:700;
            border-bottom:1px solid transparent;
            transition:.25s;
        }
        .text-link:hover{color:var(--coral-deep);border-color:var(--coral)}
        .text-link span{font-size:18px;transition:.25s}
        .text-link:hover span{transform:translateX(4px)}
        .btn{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            gap:9px;
            min-height:46px;
            padding:0 21px;
            border-radius:9px;
            border:1px solid transparent;
            font-size:14px;
            font-weight:700;
            transition:transform .25s,box-shadow .25s,background .25s,border-color .25s;
        }
        .btn:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(54,25,43,.14)}
        .btn:focus-visible,.nav-link:focus-visible,.menu-toggle:focus-visible{
            outline:3px solid rgba(232,133,92,.5);
            outline-offset:3px;
        }
        .btn-primary{background:var(--coral);color:#fff}
        .btn-primary:hover{background:var(--coral-deep);color:#fff}
        .btn-dark{background:var(--berry);color:#fff}
        .btn-dark:hover{background:var(--berry-deep);color:#fff}
        .btn-outline{border-color:#cdbac2;color:var(--berry);background:transparent}
        .btn-outline:hover{border-color:var(--berry);background:var(--berry-soft)}
        .tag{
            display:inline-flex;
            align-items:center;
            padding:4px 10px;
            border-radius:6px;
            background:var(--berry-soft);
            color:var(--berry);
            font-size:12px;
            font-weight:700;
        }
        .meta{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;flex-wrap:wrap}
        .site-header{
            height:78px;
            background:rgba(255,253,250,.97);
            border-bottom:1px solid var(--line);
            position:sticky;
            top:0;
            z-index:20;
        }
        .header-inner{
            height:100%;
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:28px;
        }
        .brand{display:flex;align-items:center;gap:11px;white-space:nowrap}
        .brand-mark{
            width:34px;
            height:34px;
            border-radius:10px;
            background:var(--berry);
            position:relative;
            display:grid;
            place-items:center;
            color:#fff;
            font-weight:800;
        }
        .brand-mark:after{
            content:"";
            width:10px;
            height:10px;
            border:2px solid var(--coral);
            border-radius:50%;
        }
        .brand-name{font-size:17px;font-weight:800;letter-spacing:-.04em;color:var(--berry-deep)}
        .main-nav{display:flex;align-items:center;gap:5px;margin-left:auto}
        .nav-link{
            padding:9px 14px;
            border-radius:8px;
            font-size:14px;
            color:#5b535b;
            transition:.25s;
        }
        .nav-link:hover,.nav-link.active{color:var(--berry);background:var(--berry-soft)}
        .header-cta{margin-left:8px}
        .menu-toggle{
            display:none;
            border:0;
            background:var(--berry-soft);
            color:var(--berry);
            width:42px;
            height:40px;
            border-radius:8px;
            font-size:20px;
        }
        .article-top{
            background:var(--cream);
            border-bottom:1px solid var(--line);
            padding:30px 0 58px;
        }
        .breadcrumbs{
            display:flex;
            align-items:center;
            gap:9px;
            flex-wrap:wrap;
            color:var(--muted);
            font-size:13px;
            margin-bottom:30px;
        }
        .breadcrumbs a{color:var(--berry);font-weight:600}
        .breadcrumbs .separator{color:#b6aab1}
        .article-heading{max-width:900px}
        .article-heading h1{
            margin:16px 0 18px;
            font-size:clamp(30px,4.2vw,48px);
            line-height:1.24;
            letter-spacing:-.045em;
            color:var(--berry-deep);
            overflow-wrap:anywhere;
        }
        .article-intro{
            max-width:800px;
            color:var(--muted);
            font-size:17px;
            line-height:1.9;
            margin:0 0 22px;
        }
        .article-body-wrap{padding:70px 0 90px}
        .article-layout{
            display:grid;
            grid-template-columns:minmax(0,820px) 270px;
            gap:66px;
            align-items:start;
            justify-content:center;
        }
        .article-content{
            min-width:0;
            color:#403940;
            font-size:16px;
            line-height:2;
        }
        .article-content>*:first-child{margin-top:0}
        .article-content h2{
            color:var(--berry-deep);
            font-size:28px;
            line-height:1.35;
            margin:42px 0 16px;
            padding-left:17px;
            border-left:4px solid var(--coral);
        }
        .article-content h3{
            color:var(--berry);
            font-size:21px;
            line-height:1.45;
            margin:32px 0 12px;
        }
        .article-content p{margin:0 0 22px}
        .article-content ul,.article-content ol{padding-left:25px;margin:0 0 24px}
        .article-content li{padding-left:5px;margin:7px 0}
        .article-content blockquote{
            margin:30px 0;
            padding:20px 24px;
            background:var(--berry-soft);
            border-left:4px solid var(--berry);
            color:var(--berry-deep);
            border-radius:0 12px 12px 0;
        }
        .article-content img{border-radius:14px;margin:28px auto}
        .article-content figure{margin:30px 0}
        .article-content figcaption{
            text-align:center;
            color:var(--muted);
            font-size:13px;
            margin-top:-17px;
        }
        .article-content table{
            width:100%;
            border-collapse:collapse;
            margin:28px 0;
            font-size:14px;
            overflow:hidden;
        }
        .article-content th,.article-content td{border:1px solid var(--line);padding:11px 14px;text-align:left}
        .article-content th{background:var(--berry-soft);color:var(--berry-deep)}
        .article-content a{
            color:var(--berry);
            text-decoration:underline;
            text-decoration-color:#d9b5c6;
            text-underline-offset:4px;
        }
        .article-content hr{border:0;border-top:1px solid var(--line);margin:42px 0}
        .article-aside{
            position:sticky;
            top:108px;
        }
        .aside-card{
            background:#fff;
            border:1px solid var(--line);
            border-radius:15px;
            padding:22px;
            box-shadow:var(--shadow-sm);
        }
        .aside-card + .aside-card{margin-top:16px}
        .aside-card h3{
            font-size:17px;
            color:var(--berry-deep);
            margin:0 0 15px;
        }
        .aside-card p{font-size:13px;color:var(--muted);line-height:1.8;margin:0 0 17px}
        .aside-list{list-style:none;padding:0;margin:0}
        .aside-list li{border-top:1px solid var(--line);padding:11px 0}
        .aside-list li:first-child{border-top:0;padding-top:0}
        .aside-list a{font-size:14px;color:#4d444c;line-height:1.6}
        .aside-list a:hover{color:var(--coral-deep)}
        .article-bottom{
            display:flex;
            justify-content:space-between;
            gap:18px;
            border-top:1px solid var(--line);
            margin-top:54px;
            padding-top:25px;
        }
        .empty-state{
            border:1px dashed #cdbac2;
            border-radius:var(--radius);
            background:#fff;
            padding:58px 30px;
            text-align:center;
            color:var(--muted);
        }
        .empty-state .empty-icon{
            width:52px;height:52px;
            border-radius:15px;
            display:grid;place-items:center;
            margin:0 auto 17px;
            background:var(--berry-soft);
            color:var(--berry);
            font-size:24px;
        }
        .empty-state h2{font-size:24px;color:var(--berry-deep);margin:0 0 8px}
        .empty-state p{margin:0 0 22px;font-size:14px}
        .cta-strip{padding:0 0 82px}
        .cta-box{
            background:var(--berry-deep);
            color:#fff;
            border-radius:var(--radius);
            padding:34px 42px;
            display:flex;
            justify-content:space-between;
            align-items:center;
            gap:28px;
            position:relative;
            overflow:hidden;
        }
        .cta-box:after{
            content:"";
            position:absolute;
            width:210px;height:210px;
            border:1px solid rgba(232,133,92,.35);
            border-radius:50%;
            right:-65px;top:-92px;
        }
        .cta-box h2{font-size:25px;margin:0 0 8px;position:relative;z-index:1}
        .cta-box p{color:#dacbd3;font-size:14px;margin:0;position:relative;z-index:1}
        .cta-box .btn{position:relative;z-index:1;white-space:nowrap}
        .site-footer{background:var(--berry-deep);color:#fff;padding:58px 0 24px}
        .footer-grid{
            display:grid;
            grid-template-columns:1.35fr .8fr .8fr 1.1fr;
            gap:34px;
            padding-bottom:42px;
        }
        .footer-brand p,.footer-note{color:#cbbbc5;font-size:13px;line-height:1.8;margin:17px 0 0}
        .footer-title{font-size:14px;font-weight:800;margin-bottom:15px;color:#fff}
        .footer-links{display:flex;flex-direction:column;gap:9px}
        .footer-links a{color:#cbbbc5;font-size:13px;transition:.2s}
        .footer-links a:hover{color:#f3b095}
        .copyright{
            border-top:1px solid rgba(255,255,255,.14);
            padding-top:20px;
            color:#a995a1;
            font-size:12px;
            display:flex;
            justify-content:space-between;
            gap:15px;
            flex-wrap:wrap;
        }
        @media (max-width:1024px){
            .article-layout{grid-template-columns:minmax(0,1fr) 230px;gap:35px}
            .footer-grid{grid-template-columns:1.3fr 1fr 1fr}
            .footer-grid>div:last-child{grid-column:1/-1;max-width:560px}
        }
        @media (max-width:768px){
            .container{width:min(var(--container),calc(100% - 36px))}
            .site-header{height:68px}
            .header-inner{gap:12px}
            .brand-name{font-size:15px}
            .brand-mark{width:31px;height:31px;border-radius:9px}
            .main-nav{
                display:none;
                position:absolute;
                top:68px;
                left:0;
                right:0;
                padding:12px 18px 18px;
                background:var(--paper);
                border-bottom:1px solid var(--line);
                box-shadow:var(--shadow-sm);
                flex-direction:column;
                align-items:stretch;
                gap:4px;
            }
            .main-nav.open{display:flex}
            .nav-link{padding:12px 14px}
            .header-cta{display:none}
            .menu-toggle{display:block}
            .article-top{padding:24px 0 42px}
            .breadcrumbs{margin-bottom:24px}
            .article-heading h1{font-size:32px}
            .article-intro{font-size:15px}
            .article-body-wrap{padding:48px 0 62px}
            .article-layout{display:block}
            .article-content{font-size:15px;line-height:1.9}
            .article-content h2{font-size:24px;margin-top:34px}
            .article-aside{position:static;margin-top:42px}
            .article-bottom{margin-top:40px}
            .cta-strip{padding-bottom:60px}
            .cta-box{padding:28px 25px;display:block}
            .cta-box h2{font-size:22px}
            .cta-box .btn{margin-top:22px}
            .footer-grid{grid-template-columns:1fr 1fr;gap:28px}
            .footer-grid>div:last-child{grid-column:1/-1}
        }
        @media (max-width:520px){
            .container{width:calc(100% - 32px)}
            .brand-name{font-size:14px}
            .article-heading h1{font-size:28px}
            .article-content h2{font-size:22px;padding-left:12px}
            .article-content table{display:block;overflow-x:auto;white-space:nowrap}
            .article-bottom{display:grid;grid-template-columns:1fr}
            .footer-grid{grid-template-columns:1fr}
            .footer-grid>div:last-child{grid-column:auto}
            .copyright{display:block}
            .copyright span{display:block;margin-top:5px}
        }

/* roulang page: category1 */
:root{
            --berry:#5d203f;
            --berry-deep:#351329;
            --berry-soft:#f4e8ef;
            --coral:#e8855c;
            --coral-deep:#c76642;
            --ink:#28232a;
            --muted:#766f77;
            --paper:#fffdfa;
            --cream:#f7f2ee;
            --line:#e8dfe2;
            --white:#fff;
            --shadow:0 16px 44px rgba(54,25,43,.09);
            --shadow-sm:0 8px 24px rgba(54,25,43,.07);
            --radius:18px;
            --container:1200px;
        }
        *{box-sizing:border-box}
        html{scroll-behavior:smooth}
        body{margin:0;font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.7;-webkit-font-smoothing:antialiased}
        a{color:inherit;text-decoration:none}
        a:hover{text-decoration:none}
        img{display:block;max-width:100%}
        button,input{font:inherit}
        button{cursor:pointer}
        .container{width:min(var(--container),calc(100% - 48px));margin:0 auto}
        .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--coral-deep);font-size:13px;font-weight:700;letter-spacing:.08em}
        .eyebrow:before{content:"";width:24px;height:2px;background:var(--coral);display:inline-block}
        .section{padding:82px 0}
        .section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:32px}
        .section-head h2{font-size:clamp(25px,3vw,34px);line-height:1.25;letter-spacing:-.03em;margin:10px 0 0}
        .section-head p{max-width:510px;color:var(--muted);font-size:15px;margin:0}
        .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 21px;border-radius:9px;border:1px solid transparent;font-size:14px;font-weight:700;transition:transform .25s,box-shadow .25s,background .25s,border-color .25s}
        .btn:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(54,25,43,.14)}
        .btn:focus-visible,.nav-link:focus-visible,.menu-toggle:focus-visible,.faq-question:focus-visible{outline:3px solid rgba(232,133,92,.5);outline-offset:3px}
        .btn-primary{background:var(--coral);color:#fff}
        .btn-primary:hover{background:var(--coral-deep);color:#fff}
        .btn-dark{background:var(--berry);color:#fff}
        .btn-dark:hover{background:var(--berry-deep);color:#fff}
        .btn-outline{border-color:#cdbac2;color:var(--berry);background:transparent}
        .btn-outline:hover{border-color:var(--berry);background:var(--berry-soft)}
        .tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;background:var(--berry-soft);color:var(--berry);font-size:12px;font-weight:700}
        .meta{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px}
        .site-header{height:78px;background:rgba(255,253,250,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
        .header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}
        .brand{display:flex;align-items:center;gap:11px;white-space:nowrap}
        .brand-mark{width:34px;height:34px;border-radius:10px;background:var(--berry);position:relative;display:grid;place-items:center;color:#fff;font-weight:800}
        .brand-mark:after{content:"";width:10px;height:10px;border:2px solid var(--coral);border-radius:50%}
        .brand-name{font-size:17px;font-weight:800;letter-spacing:-.04em;color:var(--berry-deep)}
        .main-nav{display:flex;align-items:center;gap:5px;margin-left:auto}
        .nav-link{padding:9px 14px;border-radius:8px;font-size:14px;color:#5b535b;transition:.25s}
        .nav-link:hover,.nav-link.active{color:var(--berry);background:var(--berry-soft)}
        .header-cta{margin-left:8px}
        .menu-toggle{display:none;border:0;background:var(--berry-soft);color:var(--berry);width:42px;height:40px;border-radius:8px;font-size:20px}
        .page-hero{background:var(--berry-deep);color:#fff;padding:72px 0 78px;position:relative;overflow:hidden}
        .page-hero:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(232,133,92,.25);border-radius:50%;right:-100px;top:-150px}
        .page-hero .container{position:relative;z-index:1}
        .page-hero .eyebrow{color:#f3b095}
        .page-hero h1{font-size:clamp(30px,4vw,46px);line-height:1.22;letter-spacing:-.05em;margin:18px 0 16px;max-width:760px}
        .page-hero p{color:#ddcfd6;max-width:680px;font-size:16px;margin:0}
        .breadcrumb{display:flex;align-items:center;gap:10px;color:#dbcbd3;font-size:13px;margin-bottom:28px}
        .breadcrumb a:hover{color:#fff}
        .breadcrumb span{color:var(--coral)}
        .info-strip{margin-top:-28px;position:relative;z-index:2}
        .strip-inner{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm);display:grid;grid-template-columns:repeat(3,1fr);padding:22px 28px;gap:20px}
        .strip-item{display:flex;gap:14px;align-items:center;border-right:1px solid var(--line)}
        .strip-item:last-child{border-right:0}
        .strip-icon{width:38px;height:38px;border-radius:10px;background:var(--berry-soft);color:var(--berry);display:grid;place-items:center;font-weight:800}
        .strip-item strong{display:block;font-size:15px}
        .strip-item small{color:var(--muted);font-size:12px}
        .news-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr);gap:24px}
        .news-list{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}
        .news-item{display:grid;grid-template-columns:125px 1fr auto;gap:22px;align-items:center;padding:23px 25px;border-bottom:1px solid var(--line);transition:.25s}
        .news-item:last-child{border-bottom:0}
        .news-item:hover{background:#fffaf7;padding-left:29px}
        .news-date{color:var(--berry);font-weight:800;font-size:15px;line-height:1.25}
        .news-date small{display:block;color:var(--muted);font-size:11px;font-weight:500;margin-top:3px}
        .news-item h3{font-size:17px;margin:8px 0 5px;line-height:1.45}
        .news-item p{font-size:13px;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
        .news-arrow{font-size:22px;color:var(--coral);transition:.25s}
        .news-item:hover .news-arrow{transform:translateX(4px)}
        .side-card{background:var(--cream);border-radius:var(--radius);padding:28px;border:1px solid var(--line)}
        .side-card h3{font-size:20px;color:var(--berry-deep);margin:0 0 12px}
        .side-card p{font-size:14px;color:var(--muted);margin:0 0 22px}
        .side-list{list-style:none;padding:0;margin:0}
        .side-list li{padding:13px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;font-size:14px}
        .side-list a{color:var(--berry);font-weight:700}
        .side-list a:hover{color:var(--coral-deep)}
        .update-panel{background:var(--berry-soft);border-radius:var(--radius);padding:32px 34px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px}
        .update-panel h2{font-size:25px;margin:0 0 8px;color:var(--berry-deep)}
        .update-panel p{margin:0;color:var(--muted);font-size:14px}
        .faq-list{max-width:850px;margin:0 auto;border-top:1px solid var(--line)}
        .faq-item{border-bottom:1px solid var(--line)}
        .faq-question{width:100%;padding:20px 4px;background:none;border:0;display:flex;justify-content:space-between;align-items:center;text-align:left;color:var(--ink);font-weight:700;font-size:16px}
        .faq-question span:last-child{color:var(--coral);font-size:22px;transition:.25s}
        .faq-answer{padding:0 42px 20px 4px;color:var(--muted);font-size:14px}
        .cta-band{background:var(--berry-deep);color:#fff;padding:46px 0}
        .cta-inner{display:flex;justify-content:space-between;align-items:center;gap:28px}
        .cta-inner h2{font-size:27px;margin:0 0 7px}
        .cta-inner p{color:#ddcfd6;margin:0;font-size:14px}
        .site-footer{background:var(--berry-deep);color:#fff;padding:58px 0 24px;border-top:1px solid rgba(255,255,255,.12)}
        .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:34px;padding-bottom:40px}
        .footer-brand p,.footer-note{color:#cdbbc5;font-size:13px;line-height:1.8;margin:16px 0 0}
        .footer-title{font-size:14px;font-weight:800;margin-bottom:15px;color:#fff}
        .footer-links{display:flex;flex-direction:column;gap:9px;color:#cdbbc5;font-size:13px}
        .footer-links a:hover{color:#f3b095}
        .copyright{border-top:1px solid rgba(255,255,255,.14);padding-top:18px;display:flex;justify-content:space-between;gap:15px;color:#ad98a4;font-size:12px}
        @media (max-width:1024px){
            .news-layout{grid-template-columns:1fr}
            .side-card{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
            .side-card h3,.side-card p{grid-column:1}
            .side-list{grid-column:2;grid-row:1 / span 2}
            .footer-grid{grid-template-columns:1.3fr 1fr 1fr}
            .footer-grid>div:last-child{grid-column:1 / -1}
        }
        @media (max-width:768px){
            .container{width:min(var(--container),calc(100% - 36px))}
            .site-header{height:68px}
            .brand-name{font-size:15px}
            .main-nav{display:none;position:absolute;left:18px;right:18px;top:76px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;box-shadow:var(--shadow)}
            .main-nav.open{display:flex;flex-direction:column;align-items:stretch}
            .nav-link{padding:12px 14px}
            .header-cta{display:none}
            .menu-toggle{display:block}
            .page-hero{padding:48px 0 62px}
            .breadcrumb{margin-bottom:22px}
            .strip-inner{grid-template-columns:1fr;padding:18px 20px}
            .strip-item{border-right:0;border-bottom:1px solid var(--line);padding-bottom:15px}
            .strip-item:last-child{border-bottom:0;padding-bottom:0}
            .section{padding:62px 0}
            .section-head{display:block;margin-bottom:24px}
            .section-head p{margin-top:12px}
            .news-item{grid-template-columns:78px 1fr auto;gap:13px;padding:19px 17px}
            .news-item:hover{padding-left:20px}
            .news-item h3{font-size:15px}
            .news-item p{font-size:12px}
            .side-card{display:block}
            .side-list{margin-top:18px}
            .update-panel,.cta-inner{display:block}
            .update-panel .btn,.cta-inner .btn{margin-top:20px}
            .footer-grid{grid-template-columns:1fr 1fr;gap:28px}
            .footer-grid>div:last-child{grid-column:1 / -1}
            .copyright{display:block}
            .copyright span{display:block;margin-top:6px}
        }
        @media (max-width:520px){
            .container{width:calc(100% - 32px)}
            .page-hero h1{font-size:30px}
            .page-hero p{font-size:14px}
            .news-item{grid-template-columns:1fr auto}
            .news-date{grid-column:1 / -1;display:flex;gap:8px;align-items:center}
            .news-date small{margin-top:0}
            .news-arrow{grid-column:2;grid-row:2}
            .news-item h3{grid-column:1}
            .footer-grid{grid-template-columns:1fr}
            .footer-grid>div:last-child{grid-column:auto}
        }

/* roulang page: category2 */
:root{
            --berry:#5d203f;--berry-deep:#351329;--berry-soft:#f4e8ef;
            --coral:#e8855c;--coral-deep:#c76642;--ink:#28232a;--muted:#766f77;
            --paper:#fffdfa;--cream:#f7f2ee;--line:#e8dfe2;--white:#fff;
            --shadow:0 16px 44px rgba(54,25,43,.09);--shadow-sm:0 8px 24px rgba(54,25,43,.07);
            --radius:18px;--container:1200px
        }
        *{box-sizing:border-box}
        html{scroll-behavior:smooth}
        body{margin:0;font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.7;-webkit-font-smoothing:antialiased}
        a{color:inherit;text-decoration:none}
        img{display:block;max-width:100%}
        button,input{font:inherit}
        button{cursor:pointer}
        .container{width:min(var(--container),calc(100% - 48px));margin:0 auto}
        .site-header{height:78px;background:rgba(255,253,250,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
        .header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}
        .brand{display:flex;align-items:center;gap:11px;white-space:nowrap}
        .brand-mark{width:34px;height:34px;border-radius:10px;background:var(--berry);position:relative;display:grid;place-items:center;color:#fff;font-weight:800}
        .brand-mark:after{content:"";width:10px;height:10px;border:2px solid var(--coral);border-radius:50%}
        .brand-name{font-size:17px;font-weight:800;letter-spacing:-.04em;color:var(--berry-deep)}
        .main-nav{display:flex;align-items:center;gap:5px;margin-left:auto}
        .nav-link{padding:9px 14px;border-radius:8px;font-size:14px;color:#5b535b;transition:.25s}
        .nav-link:hover,.nav-link.active{color:var(--berry);background:var(--berry-soft)}
        .header-cta{margin-left:8px}
        .menu-toggle{display:none;border:0;background:var(--berry-soft);color:var(--berry);width:42px;height:40px;border-radius:8px;font-size:20px}
        .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 21px;border-radius:9px;border:1px solid transparent;font-size:14px;font-weight:700;transition:transform .25s,box-shadow .25s,background .25s,border-color .25s}
        .btn:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(54,25,43,.14)}
        .btn:focus-visible,.nav-link:focus-visible,.menu-toggle:focus-visible,.faq-question:focus-visible{outline:3px solid rgba(232,133,92,.5);outline-offset:3px}
        .btn-primary{background:var(--coral);color:#fff}.btn-primary:hover{background:var(--coral-deep)}
        .btn-dark{background:var(--berry);color:#fff}.btn-dark:hover{background:var(--berry-deep)}
        .btn-outline{border-color:#cdbac2;color:var(--berry);background:transparent}.btn-outline:hover{border-color:var(--berry);background:var(--berry-soft)}
        .tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;background:var(--berry-soft);color:var(--berry);font-size:12px;font-weight:700}
        .meta{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px}
        .page-top{padding:32px 0 72px;background:var(--cream);border-bottom:1px solid var(--line)}
        .breadcrumb{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:13px;margin-bottom:38px}
        .breadcrumb a:hover{color:var(--berry)}
        .breadcrumb .current{color:var(--berry);font-weight:700}
        .intro{max-width:780px}
        .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--coral-deep);font-size:13px;font-weight:700;letter-spacing:.08em}
        .eyebrow:before{content:"";width:24px;height:2px;background:var(--coral);display:inline-block}
        h1,h2,h3,p{margin-top:0}
        h1{font-size:clamp(32px,4.5vw,52px);line-height:1.18;letter-spacing:-.055em;margin:17px 0 18px;color:var(--berry-deep)}
        .intro p{max-width:700px;color:var(--muted);font-size:16px;line-height:1.9;margin-bottom:26px}
        .section{padding:84px 0}
        .section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:32px}
        .section-head h2{font-size:clamp(25px,3vw,34px);line-height:1.25;letter-spacing:-.03em;margin:10px 0 0;color:var(--berry-deep)}
        .section-head p{max-width:500px;color:var(--muted);font-size:15px;margin-bottom:0}
        .topic-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}
        .topic-card,.feature-panel,.info-card,.faq-item{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}
        .topic-card{padding:30px;min-height:245px;transition:.25s}
        .topic-card:hover,.info-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
        .topic-card.primary{background:var(--berry);color:#fff;border-color:var(--berry)}
        .topic-card h3{font-size:22px;margin:22px 0 10px}
        .topic-card p{color:var(--muted);font-size:14px;line-height:1.8;margin-bottom:23px}
        .primary p{color:#dfcfd8}.primary .tag{background:rgba(255,255,255,.14);color:#fff}
        .topic-mark{font-size:28px;color:var(--coral)}
        .topic-side{display:grid;gap:20px}
        .topic-side .topic-card{min-height:112px;padding:22px}
        .topic-side h3{font-size:18px;margin:8px 0 4px}.topic-side p{margin:0;font-size:13px}
        .feature-panel{overflow:hidden;display:grid;grid-template-columns:.9fr 1.1fr}
        .feature-visual{min-height:300px;background:linear-gradient(145deg,var(--berry-deep),var(--berry));padding:30px;display:flex;align-items:end;position:relative;overflow:hidden}
        .feature-visual:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.2);border-radius:50%;right:-60px;top:-55px}
        .visual-copy{position:relative;z-index:1;color:#fff}.visual-copy small{color:#f3b095;display:block;margin-bottom:9px}.visual-copy strong{font-size:29px;line-height:1.3;display:block}
        .feature-copy{padding:34px}.feature-copy h3{font-size:24px;color:var(--berry-deep);margin:16px 0 12px}.feature-copy p{font-size:15px;color:var(--muted);line-height:1.9}
        .feature-list{list-style:none;padding:0;margin:22px 0 26px;display:grid;gap:10px}
        .feature-list li{display:flex;gap:10px;font-size:14px}.feature-list li:before{content:"✓";color:var(--coral-deep);font-weight:800}
        .info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
        .info-card{padding:24px;min-height:180px;transition:.25s}.info-card h3{font-size:18px;margin:16px 0 8px}.info-card p{color:var(--muted);font-size:14px;line-height:1.8;margin:0}
        .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
        .step{padding:22px;background:var(--cream);border:1px solid var(--line);border-radius:14px;position:relative}
        .step-number{color:var(--coral-deep);font-size:13px;font-weight:800;letter-spacing:.08em}.step h3{font-size:17px;margin:14px 0 7px}.step p{color:var(--muted);font-size:13px;margin:0;line-height:1.8}
        .faq-list{display:grid;gap:10px;max-width:850px;margin:0 auto}.faq-item{overflow:hidden}
        .faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;background:#fff;border:0;padding:20px 23px;color:var(--ink);font-weight:700}
        .faq-question span:last-child{font-size:22px;color:var(--coral-deep);font-weight:400}.faq-answer{padding:0 23px 20px;color:var(--muted);font-size:14px;line-height:1.85;display:none}.faq-item.open .faq-answer{display:block}.faq-item.open .faq-question{background:var(--berry-soft);color:var(--berry)}
        .cta{padding:54px 0;background:var(--berry-deep);color:#fff}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}.cta h2{font-size:30px;margin:0 0 8px}.cta p{color:#dfcfd8;margin:0;font-size:14px}
        .site-footer{background:#24151f;color:#fff;padding:60px 0 22px}.footer-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr 1.2fr;gap:30px}.footer-brand p,.footer-note{color:#c6b8c0;font-size:13px;line-height:1.8;margin:18px 0 0}.footer-title{font-size:14px;font-weight:700;margin-bottom:15px;color:#f4d6c9}.footer-links{display:grid;gap:8px;color:#c6b8c0;font-size:13px}.footer-links a:hover{color:#fff}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:42px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:#9e8d97;font-size:12px}
        @media(max-width:1024px){.topic-layout{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
        @media(max-width:768px){.container{width:min(var(--container),calc(100% - 36px))}.site-header{height:68px}.main-nav,.header-cta{display:none}.menu-toggle{display:block}.header-inner .brand-name{font-size:15px}.page-top{padding-bottom:55px}.breadcrumb{margin-bottom:28px}.section{padding:64px 0}.section-head{display:block;margin-bottom:25px}.section-head p{margin-top:12px}.feature-panel{grid-template-columns:1fr}.feature-visual{min-height:210px}.info-grid{grid-template-columns:1fr}.cta-inner{display:block}.cta .btn{margin-top:24px}.copyright{display:block}.copyright span{display:block;margin-top:6px}}
        @media(max-width:520px){h1{font-size:31px}.intro p{font-size:15px}.topic-card{padding:23px;min-height:210px}.topic-side .topic-card{min-height:120px}.steps{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:24px}.feature-copy{padding:25px}.cta h2{font-size:25px}}

/* roulang page: category3 */
:root{
            --berry:#5d203f;
            --berry-deep:#351329;
            --berry-soft:#f4e8ef;
            --coral:#e8855c;
            --coral-deep:#c76642;
            --ink:#28232a;
            --muted:#766f77;
            --paper:#fffdfa;
            --cream:#f7f2ee;
            --line:#e8dfe2;
            --white:#fff;
            --shadow:0 16px 44px rgba(54,25,43,.09);
            --shadow-sm:0 8px 24px rgba(54,25,43,.07);
            --radius:18px;
            --container:1200px;
        }
        *{box-sizing:border-box}
        html{scroll-behavior:smooth}
        body{
            margin:0;
            font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;
            color:var(--ink);
            background:var(--paper);
            line-height:1.7;
            -webkit-font-smoothing:antialiased;
        }
        a{color:inherit;text-decoration:none}
        img{display:block;max-width:100%}
        button,input{font:inherit}
        button{cursor:pointer}
        .container{width:min(var(--container),calc(100% - 48px));margin:0 auto}
        .eyebrow{
            display:inline-flex;
            align-items:center;
            gap:8px;
            color:var(--coral-deep);
            font-size:13px;
            font-weight:700;
            letter-spacing:.08em;
        }
        .eyebrow:before{content:"";width:24px;height:2px;background:var(--coral);display:inline-block}
        .section{padding:88px 0}
        .section-head{
            display:flex;
            align-items:end;
            justify-content:space-between;
            gap:28px;
            margin-bottom:34px;
        }
        .section-head h2{
            font-size:clamp(25px,3vw,34px);
            line-height:1.25;
            letter-spacing:-.03em;
            margin:10px 0 0;
        }
        .section-head p{max-width:520px;color:var(--muted);font-size:15px;margin:0}
        .text-link{
            display:inline-flex;
            align-items:center;
            gap:8px;
            color:var(--berry);
            font-size:14px;
            font-weight:700;
            border-bottom:1px solid transparent;
            transition:.25s;
        }
        .text-link:hover{color:var(--coral-deep);border-color:var(--coral)}
        .text-link span{font-size:18px;transition:.25s}
        .text-link:hover span{transform:translateX(4px)}
        .btn{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            gap:9px;
            min-height:46px;
            padding:0 21px;
            border-radius:9px;
            border:1px solid transparent;
            font-size:14px;
            font-weight:700;
            transition:transform .25s,box-shadow .25s,background .25s,border-color .25s;
        }
        .btn:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(54,25,43,.14)}
        .btn:active{transform:translateY(0)}
        .btn:focus-visible,.nav-link:focus-visible,.menu-toggle:focus-visible,.faq-question:focus-visible{
            outline:3px solid rgba(232,133,92,.5);
            outline-offset:3px;
        }
        .btn-primary{background:var(--coral);color:#fff}
        .btn-primary:hover{background:var(--coral-deep)}
        .btn-dark{background:var(--berry);color:#fff}
        .btn-dark:hover{background:var(--berry-deep)}
        .btn-outline{border-color:#cdbac2;color:var(--berry);background:transparent}
        .btn-outline:hover{border-color:var(--berry);background:var(--berry-soft)}
        .tag{
            display:inline-flex;
            align-items:center;
            padding:4px 10px;
            border-radius:6px;
            background:var(--berry-soft);
            color:var(--berry);
            font-size:12px;
            font-weight:700;
        }
        .meta{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px}
        .site-header{
            height:78px;
            background:rgba(255,253,250,.96);
            border-bottom:1px solid var(--line);
            position:sticky;
            top:0;
            z-index:20;
        }
        .header-inner{
            height:100%;
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:28px;
        }
        .brand{display:flex;align-items:center;gap:11px;white-space:nowrap}
        .brand-mark{
            width:34px;
            height:34px;
            border-radius:10px;
            background:var(--berry);
            position:relative;
            display:grid;
            place-items:center;
            color:#fff;
            font-weight:800;
        }
        .brand-mark:after{
            content:"";
            width:10px;
            height:10px;
            border:2px solid var(--coral);
            border-radius:50%;
        }
        .brand-name{font-size:17px;font-weight:800;letter-spacing:-.04em;color:var(--berry-deep)}
        .main-nav{display:flex;align-items:center;gap:5px;margin-left:auto}
        .nav-link{
            padding:9px 14px;
            border-radius:8px;
            font-size:14px;
            color:#5b535b;
            transition:.25s;
        }
        .nav-link:hover,.nav-link.active{color:var(--berry);background:var(--berry-soft)}
        .header-cta{margin-left:8px}
        .menu-toggle{
            display:none;
            border:0;
            background:var(--berry-soft);
            color:var(--berry);
            width:42px;
            height:40px;
            border-radius:8px;
            font-size:20px;
        }
        .page-hero{
            background:var(--berry-deep);
            color:#fff;
            padding:70px 0 76px;
            position:relative;
            overflow:hidden;
        }
        .page-hero:before{
            content:"";
            position:absolute;
            width:460px;
            height:460px;
            border:1px solid rgba(232,133,92,.25);
            border-radius:50%;
            right:-130px;
            top:-220px;
        }
        .page-hero:after{
            content:"";
            position:absolute;
            width:260px;
            height:260px;
            background:rgba(232,133,92,.1);
            border-radius:50%;
            left:48%;
            bottom:-190px;
        }
        .page-hero-inner{position:relative;z-index:1}
        .breadcrumb{
            display:flex;
            flex-wrap:wrap;
            align-items:center;
            gap:9px;
            color:#cdbbc5;
            font-size:13px;
            margin-bottom:28px;
        }
        .breadcrumb a:hover{color:#fff}
        .breadcrumb .current{color:#f2aa8b}
        .page-hero h1{
            max-width:760px;
            font-size:clamp(30px,4vw,46px);
            line-height:1.22;
            letter-spacing:-.05em;
            margin:0 0 20px;
        }
        .page-hero h1 em{font-style:normal;color:#f1a37e}
        .page-hero-copy{max-width:700px;color:#ddcfd6;font-size:16px;margin:0}
        .hero-points{
            display:flex;
            flex-wrap:wrap;
            gap:10px;
            margin-top:30px;
        }
        .hero-points span{
            padding:7px 13px;
            border:1px solid rgba(255,255,255,.2);
            border-radius:7px;
            color:#e5d7dd;
            font-size:13px;
        }
        .download-layout{
            display:grid;
            grid-template-columns:1.08fr .92fr;
            gap:28px;
            align-items:stretch;
        }
        .download-card,.version-card,.step-card,.notice-card,.faq-item{
            background:#fff;
            border:1px solid var(--line);
            border-radius:var(--radius);
            box-shadow:var(--shadow-sm);
        }
        .download-card{padding:34px}
        .download-card h2{font-size:26px;margin:10px 0 10px;letter-spacing:-.03em}
        .download-card>p{color:var(--muted);font-size:15px;margin:0 0 25px}
        .entry-row{
            display:flex;
            align-items:center;
            gap:15px;
            padding:15px 0;
            border-top:1px solid var(--line);
        }
        .entry-icon{
            width:46px;
            height:46px;
            flex:none;
            border-radius:13px;
            display:grid;
            place-items:center;
            color:#fff;
            background:var(--berry);
            font-weight:800;
        }
        .entry-row strong{display:block;font-size:16px}
        .entry-row small{display:block;color:var(--muted);font-size:13px}
        .entry-row .btn{margin-left:auto;min-height:40px;padding:0 15px}
        .version-card{
            padding:30px;
            color:#fff;
            background:var(--berry);
            border-color:var(--berry);
            position:relative;
            overflow:hidden;
        }
        .version-card:after{
            content:"";
            position:absolute;
            width:190px;
            height:190px;
            border:1px solid rgba(255,255,255,.17);
            border-radius:50%;
            right:-65px;
            bottom:-75px;
        }
        .version-card h2{font-size:25px;margin:10px 0 24px;position:relative;z-index:1}
        .version-list{display:grid;gap:16px;position:relative;z-index:1}
        .version-line{
            display:flex;
            justify-content:space-between;
            gap:20px;
            padding-bottom:13px;
            border-bottom:1px solid rgba(255,255,255,.16);
            color:#e2d5db;
            font-size:14px;
        }
        .version-line b{color:#fff;font-weight:700;text-align:right}
        .version-card .btn{margin-top:26px;position:relative;z-index:1}
        .section-cream{background:var(--cream)}
        .steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
        .step-card{padding:25px;transition:.25s}
        .step-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
        .step-number{
            display:inline-grid;
            place-items:center;
            width:35px;
            height:35px;
            border-radius:9px;
            color:var(--berry);
            background:var(--berry-soft);
            font-weight:800;
            margin-bottom:18px;
        }
        .step-card h3{font-size:19px;margin:0 0 8px}
        .step-card p{font-size:14px;color:var(--muted);margin:0}
        .info-band{
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:20px;
            margin-top:22px;
        }
        .notice-card{padding:25px}
        .notice-card h3{font-size:18px;margin:0 0 9px}
        .notice-card p{font-size:14px;color:var(--muted);margin:0}
        .notice-card.accent{background:var(--berry-soft);border-color:#ead1dd}
        .notice-card.accent h3{color:var(--berry)}
        .faq-list{display:grid;gap:12px;max-width:880px}
        .faq-item{overflow:hidden;box-shadow:none}
        .faq-question{
            width:100%;
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:18px;
            border:0;
            background:#fff;
            color:var(--ink);
            text-align:left;
            padding:20px 22px;
            font-size:16px;
            font-weight:700;
        }
        .faq-question span{
            width:25px;
            height:25px;
            display:grid;
            place-items:center;
            color:var(--berry);
            background:var(--berry-soft);
            border-radius:6px;
            font-size:20px;
            line-height:1;
            transition:.25s;
        }
        .faq-answer{display:none;padding:0 22px 20px;color:var(--muted);font-size:14px}
        .faq-item.open .faq-answer{display:block}
        .faq-item.open .faq-question span{transform:rotate(45deg);background:var(--coral);color:#fff}
        .cta-strip{
            background:var(--berry-soft);
            border:1px solid #ead1dd;
            border-radius:var(--radius);
            padding:31px 35px;
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:24px;
        }
        .cta-strip h2{font-size:24px;margin:0 0 7px;color:var(--berry-deep)}
        .cta-strip p{color:var(--muted);margin:0;font-size:14px}
        .cta-actions{display:flex;gap:10px;flex-wrap:wrap;flex:none}
        .site-footer{background:var(--berry-deep);color:#e7dce1;padding:56px 0 25px}
        .footer-grid{
            display:grid;
            grid-template-columns:1.35fr .8fr .8fr 1fr;
            gap:35px;
            padding-bottom:42px;
            border-bottom:1px solid rgba(255,255,255,.14);
        }
        .footer-brand p{font-size:13px;color:#cdbdc5;max-width:260px;margin:16px 0 0}
        .footer-title{font-size:14px;color:#fff;font-weight:700;margin-bottom:14px}
        .footer-links{display:grid;gap:9px}
        .footer-links a{font-size:13px;color:#cdbdc5;transition:.2s}
        .footer-links a:hover{color:#f3a481}
        .footer-note{font-size:13px;color:#cdbdc5;line-height:1.8;margin:0}
        .copyright{
            display:flex;
            justify-content:space-between;
            gap:18px;
            padding-top:20px;
            color:#aa969f;
            font-size:12px;
        }
        @media (max-width:1024px){
            .download-layout{grid-template-columns:1fr 1fr}
            .footer-grid{grid-template-columns:1fr 1fr}
        }
        @media (max-width:768px){
            .container{width:min(var(--container),calc(100% - 36px))}
            .site-header{height:68px}
            .header-inner{gap:12px}
            .brand-name{font-size:15px}
            .main-nav{
                display:none;
                position:absolute;
                top:68px;
                left:0;
                right:0;
                padding:13px 18px 18px;
                background:var(--paper);
                border-bottom:1px solid var(--line);
                box-shadow:var(--shadow-sm);
                flex-direction:column;
                align-items:stretch;
                gap:4px;
            }
            .main-nav.is-open{display:flex}
            .nav-link{padding:12px 14px}
            .header-cta{display:none}
            .menu-toggle{display:block}
            .page-hero{padding:48px 0 55px}
            .page-hero h1{font-size:32px}
            .section{padding:64px 0}
            .section-head{display:block;margin-bottom:25px}
            .section-head p{margin-top:12px}
            .download-layout,.info-band{grid-template-columns:1fr}
            .steps-grid{grid-template-columns:1fr}
            .cta-strip{display:block;padding:27px 24px}
            .cta-actions{margin-top:20px}
            .footer-grid{grid-template-columns:1fr 1fr;gap:28px}
            .footer-brand{grid-column:1/-1}
        }
        @media (max-width:520px){
            .container{width:calc(100% - 32px)}
            .brand-mark{width:31px;height:31px}
            .brand-name{font-size:14px}
            .page-hero h1{font-size:29px}
            .page-hero-copy{font-size:14px}
            .download-card,.version-card{padding:23px 20px}
            .entry-row{align-items:flex-start;flex-wrap:wrap}
            .entry-row .btn{margin-left:61px;margin-top:-5px}
            .hero-points span{font-size:12px}
            .copyright{display:block}
            .copyright span{display:block;margin-top:6px}
            .footer-grid{grid-template-columns:1fr}
        }

/* roulang page: category3 */
:root{
            --berry:#5d203f;
            --berry-deep:#351329;
            --berry-soft:#f4e8ef;
            --coral:#e8855c;
            --coral-deep:#c76642;
            --ink:#28232a;
            --muted:#766f77;
            --paper:#fffdfa;
            --cream:#f7f2ee;
            --line:#e8dfe2;
            --white:#fff;
            --shadow:0 16px 44px rgba(54,25,43,.09);
            --shadow-sm:0 8px 24px rgba(54,25,43,.07);
            --radius:18px;
            --container:1200px;
        }
        *{box-sizing:border-box}
        html{scroll-behavior:smooth}
        body{margin:0;font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.7;-webkit-font-smoothing:antialiased}
        a{color:inherit;text-decoration:none}
        img{display:block;max-width:100%}
        button,input{font:inherit}
        button{cursor:pointer}
        .container{width:min(var(--container),calc(100% - 48px));margin:0 auto}
        .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--coral-deep);font-size:13px;font-weight:700;letter-spacing:.08em}
        .eyebrow:before{content:"";width:24px;height:2px;background:var(--coral);display:inline-block}
        .section{padding:88px 0}
        .section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:32px}
        .section-head h2{font-size:clamp(25px,3vw,34px);line-height:1.25;letter-spacing:-.03em;margin:10px 0 0}
        .section-head p{max-width:510px;color:var(--muted);font-size:15px;margin:0}
        .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 21px;border-radius:9px;border:1px solid transparent;font-size:14px;font-weight:700;transition:transform .25s,box-shadow .25s,background .25s,border-color .25s}
        .btn:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(54,25,43,.14)}
        .btn:focus-visible,.nav-link:focus-visible,.menu-toggle:focus-visible,.faq-question:focus-visible{outline:3px solid rgba(232,133,92,.5);outline-offset:3px}
        .btn-primary{background:var(--coral);color:#fff}
        .btn-primary:hover{background:var(--coral-deep)}
        .btn-dark{background:var(--berry);color:#fff}
        .btn-dark:hover{background:var(--berry-deep)}
        .btn-outline{border-color:#cdbac2;color:var(--berry);background:transparent}
        .btn-outline:hover{border-color:var(--berry);background:var(--berry-soft)}
        .tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;background:var(--berry-soft);color:var(--berry);font-size:12px;font-weight:700}
        .meta{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px}
        .site-header{height:78px;background:rgba(255,253,250,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
        .header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}
        .brand{display:flex;align-items:center;gap:11px;white-space:nowrap}
        .brand-mark{width:34px;height:34px;border-radius:10px;background:var(--berry);position:relative;display:grid;place-items:center;color:#fff;font-weight:800}
        .brand-mark:after{content:"";width:10px;height:10px;border:2px solid var(--coral);border-radius:50%}
        .brand-name{font-size:17px;font-weight:800;letter-spacing:-.04em;color:var(--berry-deep)}
        .main-nav{display:flex;align-items:center;gap:5px;margin-left:auto}
        .nav-link{padding:9px 14px;border-radius:8px;font-size:14px;color:#5b535b;transition:.25s}
        .nav-link:hover,.nav-link.active{color:var(--berry);background:var(--berry-soft)}
        .header-cta{margin-left:8px}
        .menu-toggle{display:none;border:0;background:var(--berry-soft);color:var(--berry);width:42px;height:40px;border-radius:8px;font-size:20px}
        .page-hero{background:var(--cream);border-bottom:1px solid var(--line);padding:58px 0 64px;position:relative;overflow:hidden}
        .page-hero:after{content:"";position:absolute;width:320px;height:320px;border:1px solid rgba(93,32,63,.12);border-radius:50%;right:-80px;top:-120px}
        .breadcrumbs{display:flex;flex-wrap:wrap;gap:9px;color:var(--muted);font-size:13px;margin-bottom:25px;position:relative;z-index:1}
        .breadcrumbs a:hover{color:var(--berry)}
        .breadcrumbs .current{color:var(--berry);font-weight:700}
        .page-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center;position:relative;z-index:1}
        .page-hero h1{font-size:clamp(30px,4vw,46px);line-height:1.2;letter-spacing:-.05em;margin:15px 0 18px;color:var(--berry-deep)}
        .page-hero h1 em{font-style:normal;color:var(--coral-deep)}
        .page-hero p{max-width:650px;color:var(--muted);font-size:16px;margin:0}
        .hero-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:25px;box-shadow:var(--shadow-sm)}
        .panel-top{display:flex;align-items:center;gap:15px;padding-bottom:20px;border-bottom:1px solid var(--line)}
        .app-icon{width:62px;height:62px;border-radius:16px;background:var(--berry);color:#fff;display:grid;place-items:center;font-size:24px;font-weight:800;box-shadow:0 8px 18px rgba(93,32,63,.2)}
        .panel-top strong{display:block;color:var(--berry-deep);font-size:18px}
        .panel-top small{color:var(--muted);font-size:12px}
        .panel-info{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px 0}
        .panel-info span{display:block;color:var(--muted);font-size:12px}
        .panel-info b{display:block;color:var(--ink);font-size:15px;margin-top:3px}
        .panel-actions{display:flex;gap:10px;flex-wrap:wrap}
        .download-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:stretch}
        .download-card,.notice-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}
        .download-card{padding:32px}
        .download-card h2,.notice-card h3{color:var(--berry-deep);margin:10px 0 12px;line-height:1.35}
        .download-card p{color:var(--muted);font-size:15px;margin-bottom:22px}
        .download-details{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}
        .detail-box{background:var(--cream);border-radius:10px;padding:14px}
        .detail-box span{display:block;color:var(--muted);font-size:12px}
        .detail-box strong{display:block;color:var(--berry);font-size:14px;margin-top:4px}
        .download-card .hint{font-size:12px;color:var(--muted);margin:16px 0 0}
        .notice-card{padding:28px;background:var(--berry-deep);color:#fff}
        .notice-card h3{color:#fff;font-size:22px}
        .notice-card p{color:#ddcfd6;font-size:14px}
        .check-list{list-style:none;margin:21px 0 0;padding:0}
        .check-list li{display:flex;gap:11px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.13);color:#f3e9ed;font-size:14px}
        .check-list li:last-child{border-bottom:0}
        .check-list li:before{content:"✓";color:#f3a17d;font-weight:800}
        .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
        .step{background:#fff;border:1px solid var(--line);border-radius:14px;padding:23px;transition:.25s}
        .step:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm);border-color:#cba7b8}
        .step-no{width:34px;height:34px;border-radius:9px;background:var(--berry-soft);color:var(--berry);display:grid;place-items:center;font-weight:800;margin-bottom:17px}
        .step h3{font-size:18px;margin:0 0 8px;color:var(--berry-deep)}
        .step p{font-size:14px;color:var(--muted);margin:0}
        .update-section{background:var(--cream)}
        .update-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px}
        .update-intro p{color:var(--muted);font-size:15px}
        .update-list{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
        .update-item{display:grid;grid-template-columns:100px 1fr auto;gap:18px;align-items:center;padding:20px 23px;border-bottom:1px solid var(--line)}
        .update-item:last-child{border-bottom:0}
        .update-date{color:var(--coral-deep);font-size:13px;font-weight:700}
        .update-item strong{display:block;color:var(--berry-deep);font-size:16px}
        .update-item span{display:block;color:var(--muted);font-size:13px;margin-top:3px}
        .update-arrow{color:var(--berry);font-size:20px}
        .faq-list{max-width:850px;margin:0 auto}
        .faq-item{border-bottom:1px solid var(--line)}
        .faq-question{width:100%;border:0;background:none;text-align:left;padding:20px 4px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--berry-deep);font-size:16px;font-weight:700}
        .faq-question span{color:var(--coral-deep);font-size:24px;font-weight:400;transition:transform .25s}
        .faq-answer{display:none;color:var(--muted);font-size:14px;padding:0 42px 20px 4px}
        .faq-item.open .faq-answer{display:block}
        .faq-item.open .faq-question span{transform:rotate(45deg)}
        .cta-band{background:var(--berry);color:#fff;padding:38px 0}
        .cta-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}
        .cta-inner h2{font-size:26px;margin:0 0 7px;letter-spacing:-.03em}
        .cta-inner p{margin:0;color:#e2d3da;font-size:14px}
        .site-footer{background:var(--berry-deep);color:#fff;padding:54px 0 22px}
        .footer-grid{display:grid;grid-template-columns:1.35fr .8fr .8fr 1fr;gap:35px}
        .footer-brand p,.footer-note{color:#cdbbc5;font-size:13px;line-height:1.8;margin:16px 0 0}
        .footer-title{font-size:14px;font-weight:700;margin-bottom:15px;color:#fff}
        .footer-links{display:flex;flex-direction:column;gap:9px}
        .footer-links a{color:#cdbbc5;font-size:13px;transition:.2s}
        .footer-links a:hover{color:#f1a37e}
        .copyright{border-top:1px solid rgba(255,255,255,.13);margin-top:40px;padding-top:18px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#aa929f;font-size:12px}
        @media (max-width:1024px){
            .page-hero-grid,.download-layout,.update-layout{grid-template-columns:1fr}
            .hero-panel{max-width:620px}
            .footer-grid{grid-template-columns:1fr 1fr}
        }
        @media (max-width:768px){
            .container{width:min(var(--container),calc(100% - 36px))}
            .site-header{height:70px}
            .main-nav{display:none;position:absolute;left:18px;right:18px;top:78px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;box-shadow:var(--shadow)}
            .main-nav.open{display:flex;flex-direction:column;align-items:stretch}
            .nav-link{display:block;padding:12px 14px}
            .header-cta{display:none}
            .menu-toggle{display:block}
            .section{padding:64px 0}
            .section-head{display:block;margin-bottom:25px}
            .section-head p{margin-top:12px}
            .page-hero{padding:38px 0 46px}
            .page-hero-grid{gap:30px}
            .steps{grid-template-columns:1fr}
            .download-details{grid-template-columns:1fr}
            .cta-inner{display:block}
            .cta-inner .btn{margin-top:22px}
        }
        @media (max-width:520px){
            .brand-name{font-size:15px}
            .brand-mark{width:31px;height:31px}
            .page-hero h1{font-size:30px}
            .download-card,.notice-card{padding:23px}
            .update-item{grid-template-columns:1fr auto;gap:5px 12px}
            .update-date{grid-column:1/-1}
            .update-arrow{grid-column:2;grid-row:2}
            .footer-grid{grid-template-columns:1fr;gap:24px}
            .copyright{display:block}
            .copyright span{display:block;margin-bottom:6px}
        }

/* roulang page: category2 */
:root{
            --berry:#5d203f;
            --berry-deep:#351329;
            --berry-soft:#f4e8ef;
            --coral:#e8855c;
            --coral-deep:#c76642;
            --ink:#28232a;
            --muted:#766f77;
            --paper:#fffdfa;
            --cream:#f7f2ee;
            --line:#e8dfe2;
            --white:#fff;
            --shadow:0 16px 44px rgba(54,25,43,.09);
            --shadow-sm:0 8px 24px rgba(54,25,43,.07);
            --radius:18px;
            --container:1200px;
        }
        *{box-sizing:border-box}
        html{scroll-behavior:smooth}
        body{margin:0;font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.7;-webkit-font-smoothing:antialiased}
        a{color:inherit;text-decoration:none}
        img{display:block;max-width:100%}
        button,input{font:inherit}
        button{cursor:pointer}
        .container{width:min(var(--container),calc(100% - 48px));margin:0 auto}
        .site-header{height:78px;background:rgba(255,253,250,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
        .header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}
        .brand{display:flex;align-items:center;gap:11px;white-space:nowrap}
        .brand-mark{width:34px;height:34px;border-radius:10px;background:var(--berry);position:relative;display:grid;place-items:center;color:#fff;font-weight:800}
        .brand-mark:after{content:"";width:10px;height:10px;border:2px solid var(--coral);border-radius:50%}
        .brand-name{font-size:17px;font-weight:800;letter-spacing:-.04em;color:var(--berry-deep)}
        .main-nav{display:flex;align-items:center;gap:5px;margin-left:auto}
        .nav-link{padding:9px 14px;border-radius:8px;font-size:14px;color:#5b535b;transition:.25s}
        .nav-link:hover,.nav-link.active{color:var(--berry);background:var(--berry-soft)}
        .header-cta{margin-left:8px}
        .menu-toggle{display:none;border:0;background:var(--berry-soft);color:var(--berry);width:42px;height:40px;border-radius:8px;font-size:20px}
        .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 21px;border-radius:9px;border:1px solid transparent;font-size:14px;font-weight:700;transition:transform .25s,box-shadow .25s,background .25s,border-color .25s}
        .btn:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(54,25,43,.14)}
        .btn:focus-visible,.nav-link:focus-visible,.menu-toggle:focus-visible,.faq-question:focus-visible{outline:3px solid rgba(232,133,92,.5);outline-offset:3px}
        .btn-primary{background:var(--coral);color:#fff}
        .btn-primary:hover{background:var(--coral-deep)}
        .btn-dark{background:var(--berry);color:#fff}
        .btn-dark:hover{background:var(--berry-deep)}
        .btn-outline{border-color:#cdbac2;color:var(--berry);background:transparent}
        .btn-outline:hover{border-color:var(--berry);background:var(--berry-soft)}
        .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--coral-deep);font-size:13px;font-weight:700;letter-spacing:.08em}
        .eyebrow:before{content:"";width:24px;height:2px;background:var(--coral);display:inline-block}
        .breadcrumb-wrap{padding:25px 0 0;color:var(--muted);font-size:13px}
        .breadcrumb-wrap a{color:var(--berry)}
        .breadcrumb-wrap span{padding:0 8px;color:#b9aeb4}
        .page-hero{padding:58px 0 72px;background:var(--cream);border-bottom:1px solid var(--line)}
        .page-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}
        h1,h2,h3,p{margin-top:0}
        h1{font-size:clamp(30px,4vw,46px);line-height:1.2;letter-spacing:-.05em;margin:16px 0 20px;color:var(--berry-deep)}
        .page-hero p{max-width:650px;color:var(--muted);font-size:16px;margin-bottom:28px}
        .hero-panel{min-height:245px;border-radius:var(--radius);background:var(--berry-deep);color:#fff;padding:25px;position:relative;overflow:hidden;box-shadow:var(--shadow)}
        .hero-panel:before{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(232,133,92,.35);border-radius:50%;right:-65px;top:-70px}
        .panel-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}
        .panel-label{color:#f3b095;font-size:12px;letter-spacing:.08em}
        .panel-dot{width:9px;height:9px;border-radius:50%;background:var(--coral)}
        .panel-title{font-size:22px;font-weight:800;margin:48px 0 12px;position:relative;z-index:1}
        .panel-note{color:#d8cbd2;font-size:13px;position:relative;z-index:1}
        .section{padding:86px 0}
        .section.alt{background:var(--cream)}
        .section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:32px}
        .section-head h2{font-size:clamp(25px,3vw,34px);line-height:1.25;letter-spacing:-.03em;margin:10px 0 0;color:var(--berry-deep)}
        .section-head p{max-width:520px;color:var(--muted);font-size:15px;margin-bottom:0}
        .info-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}
        .info-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;min-height:220px;transition:.25s}
        .info-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm);border-color:#cba7b8}
        .card-index{color:var(--coral-deep);font-size:13px;font-weight:800;letter-spacing:.1em}
        .info-card h3{font-size:20px;color:var(--berry);margin:22px 0 10px}
        .info-card p{color:var(--muted);font-size:14px;margin-bottom:18px}
        .text-link{display:inline-flex;align-items:center;gap:8px;color:var(--berry);font-size:14px;font-weight:700;border-bottom:1px solid transparent;transition:.25s}
        .text-link:hover{color:var(--coral-deep);border-color:var(--coral)}
        .text-link span{font-size:18px;transition:.25s}
        .text-link:hover span{transform:translateX(4px)}
        .topic-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}
        .topic-main,.topic-list{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px}
        .topic-main{background:var(--berry);color:#fff;min-height:310px}
        .topic-main .tag{background:rgba(255,255,255,.14);color:#fff}
        .tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;background:var(--berry-soft);color:var(--berry);font-size:12px;font-weight:700}
        .topic-main h3{font-size:25px;line-height:1.35;margin:42px 0 12px}
        .topic-main p{color:#decfd6;font-size:14px;max-width:520px}
        .topic-list{display:flex;flex-direction:column;gap:0}
        .topic-item{padding:17px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}
        .topic-item:last-child{border-bottom:0}
        .topic-item strong{font-size:15px;color:var(--berry-deep)}
        .topic-item small{display:block;color:var(--muted);font-size:12px;margin-top:3px}
        .topic-item b{color:var(--coral-deep);font-size:19px;font-weight:400}
        .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
        .step{padding:24px;border-left:3px solid var(--coral);background:#fff;border-radius:0 14px 14px 0;box-shadow:var(--shadow-sm)}
        .step-number{font-size:13px;color:var(--coral-deep);font-weight:800}
        .step h3{font-size:18px;margin:15px 0 8px;color:var(--berry)}
        .step p{font-size:14px;color:var(--muted);margin:0}
        .faq-list{max-width:850px;margin:0 auto;border-top:1px solid var(--line)}
        .faq-item{border-bottom:1px solid var(--line)}
        .faq-question{width:100%;padding:21px 4px;background:none;border:0;text-align:left;display:flex;justify-content:space-between;gap:18px;color:var(--berry-deep);font-weight:700}
        .faq-question span{color:var(--coral-deep);font-size:22px;line-height:1}
        .faq-answer{padding:0 40px 20px 4px;color:var(--muted);font-size:14px}
        .cta{padding:34px 40px;background:var(--berry-deep);border-radius:var(--radius);display:flex;justify-content:space-between;align-items:center;gap:28px;color:#fff}
        .cta h2{font-size:26px;margin:0 0 8px}
        .cta p{margin:0;color:#ddcfd6;font-size:14px}
        .site-footer{background:var(--berry-deep);color:#fff;padding:62px 0 24px}
        .footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr 1fr;gap:35px}
        .footer-brand p,.footer-note{color:#cdbec7;font-size:13px;line-height:1.8;margin:18px 0 0}
        .footer-title{font-size:14px;font-weight:800;margin-bottom:15px;color:#f4d8ca}
        .footer-links{display:flex;flex-direction:column;gap:9px;color:#d8cbd2;font-size:13px}
        .footer-links a:hover{color:#f3a17e}
        .copyright{border-top:1px solid rgba(255,255,255,.13);margin-top:42px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:#aa98a4;font-size:12px}
        @media (max-width:1024px){
            .page-hero-grid,.topic-grid{grid-template-columns:1fr 1fr;gap:30px}
            .footer-grid{grid-template-columns:1fr 1fr}
        }
        @media (max-width:768px){
            .container{width:min(var(--container),calc(100% - 36px))}
            .site-header{height:68px}
            .header-inner{gap:12px}
            .brand-name{font-size:15px}
            .main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:12px 18px;flex-direction:column;align-items:stretch;box-shadow:var(--shadow-sm)}
            .main-nav.open{display:flex}
            .nav-link{padding:12px 14px}
            .header-cta{display:none}
            .menu-toggle{display:block}
            .page-hero{padding:42px 0 50px}
            .page-hero-grid,.topic-grid,.info-layout{grid-template-columns:1fr}
            .hero-panel{min-height:210px}
            .section{padding:64px 0}
            .section-head{display:block}
            .section-head p{margin-top:15px}
            .steps{grid-template-columns:1fr}
            .cta{display:block;padding:28px}
            .cta .btn{margin-top:22px}
        }
        @media (max-width:520px){
            h1{font-size:30px}
            .breadcrumb-wrap{padding-top:18px}
            .info-card,.topic-main,.topic-list{padding:22px}
            .topic-main h3{font-size:21px;margin-top:32px}
            .copyright,.footer-grid{display:block}
            .copyright span{display:block;margin-top:8px}
            .footer-grid>div{margin-bottom:28px}
        }

/* roulang: framework shim */
/* 覆盖 Bootstrap 等对 a/btn 的全局默认，避免导航出现下划线/蓝链 */
.site-header a,.site-header a:hover,.navbar a,.navbar a:hover,.nav-links a,.nav-links a:hover,header nav a,header nav a:hover{text-decoration:none}
.site-header .btn,.navbar .btn,.nav-cta{text-decoration:none}