/* roulang page: index */
:root{
            --ink:#241a2b;
            --ink-soft:#3c3043;
            --coral:#f06b4f;
            --coral-dark:#d9573d;
            --sage:#8fae91;
            --sage-pale:#e3ebe1;
            --paper:#fffdf9;
            --warm:#f5f1ea;
            --line:#e5ddd3;
            --muted:#796f78;
            --shadow:0 16px 42px rgba(36,26,43,.10);
            --soft-shadow:0 8px 22px rgba(36,26,43,.07);
            --radius:12px;
            --container:1200px;
        }
        *{box-sizing:border-box;margin:0;padding:0}
        html{scroll-behavior:smooth}
        body{
            background:var(--warm);
            color:var(--ink);
            font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;
            font-size:16px;
            line-height:1.75;
            -webkit-font-smoothing:antialiased;
        }
        a{color:inherit;text-decoration:none}
        img{display:block;max-width:100%}
        button,input{font:inherit}
        button{border:0;cursor:pointer}
        .container{width:min(var(--container),calc(100% - 48px));margin:0 auto}
        .site-header{
            height:78px;
            background:rgba(255,253,249,.97);
            border-bottom:1px solid var(--line);
            position:sticky;top:0;z-index:20;
        }
        .nav-wrap{height:100%;display:flex;align-items:center;gap:34px}
        .brand{display:flex;align-items:center;gap:10px;white-space:nowrap}
        .brand-mark{
            width:34px;height:34px;background:var(--coral);color:var(--paper);
            display:grid;place-items:center;font-weight:800;border-radius:8px;
            letter-spacing:-2px;
        }
        .brand-text{font-size:18px;font-weight:800;letter-spacing:.02em}
        .brand-text small{display:block;font-size:10px;line-height:1;color:var(--muted);font-weight:600;letter-spacing:.18em}
        .main-nav{display:flex;align-items:center;gap:4px;flex:1}
        .main-nav a{
            position:relative;padding:9px 12px;font-size:14px;color:var(--ink-soft);
            transition:.2s ease;
        }
        .main-nav a:after{
            content:"";position:absolute;bottom:0;left:12px;right:12px;height:3px;
            background:var(--coral);transform:scaleX(0);transform-origin:left;transition:.2s;
        }
        .main-nav a:hover,.main-nav a.active{color:var(--coral-dark)}
        .main-nav a:hover:after,.main-nav a.active:after{transform:scaleX(1)}
        .nav-action,.btn{
            display:inline-flex;align-items:center;justify-content:center;gap:8px;
            min-height:44px;padding:0 19px;border-radius:8px;font-weight:700;font-size:14px;
            transition:transform .2s,background .2s,box-shadow .2s,border-color .2s;
        }
        .nav-action,.btn-primary{background:var(--coral);color:#fff}
        .nav-action:hover,.btn-primary:hover{background:var(--coral-dark);transform:translateY(-2px);box-shadow:0 8px 16px rgba(240,107,79,.22)}
        .btn-outline{border:1px solid rgba(255,253,249,.42);color:var(--paper);background:transparent}
        .btn-outline:hover{background:rgba(255,253,249,.1);transform:translateY(-2px)}
        .btn-light{background:var(--paper);color:var(--ink)}
        .btn-light:hover{background:#f1e8dc;transform:translateY(-2px)}
        .btn:focus,.nav-action:focus,.main-nav a:focus{outline:3px solid rgba(240,107,79,.35);outline-offset:3px}
        .menu-toggle{display:none;background:transparent;color:var(--ink);font-size:24px;padding:6px}
        .hero{padding:76px 0 70px;background:var(--paper);overflow:hidden}
        .hero-grid{display:grid;grid-template-columns:1fr .85fr;gap:75px;align-items:center}
        .eyebrow,.section-kicker{
            display:inline-flex;align-items:center;gap:9px;color:var(--coral-dark);
            font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
        }
        .eyebrow:before,.section-kicker:before{content:"";width:28px;height:3px;background:var(--coral)}
        h1{font-size:clamp(36px,5vw,64px);line-height:1.16;letter-spacing:-.055em;margin:18px 0 22px;max-width:700px}
        .hero-copy{font-size:18px;color:var(--muted);max-width:620px}
        .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
        .hero-note{display:flex;gap:25px;margin-top:38px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}
        .hero-note strong{display:block;color:var(--ink);font-size:20px;line-height:1.3}
        .entry-panel{
            background:var(--ink);color:var(--paper);padding:30px;border-radius:14px;
            box-shadow:var(--shadow);position:relative;overflow:hidden;
        }
        .entry-panel:before{
            content:"";position:absolute;width:170px;height:170px;right:-54px;top:-60px;
            border:1px solid rgba(143,174,145,.5);transform:rotate(25deg);
        }
        .panel-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,253,249,.18);padding-bottom:20px}
        .panel-title{font-size:20px;font-weight:800}
        .status{font-size:12px;color:#dbe7d9;display:flex;align-items:center;gap:7px}
        .status:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--sage)}
        .entry-main{padding:34px 0 26px}
        .entry-label{font-size:12px;color:#c7bac8;margin-bottom:6px}
        .entry-heading{font-size:29px;line-height:1.3;font-weight:800}
        .entry-desc{color:#c7bac8;font-size:14px;margin-top:10px}
        .panel-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}
        .panel-links a{border:1px solid rgba(255,253,249,.2);padding:13px 14px;border-radius:8px;font-size:13px;transition:.2s}
        .panel-links a:hover{border-color:var(--coral);background:rgba(240,107,79,.12)}
        .panel-links b{display:block;color:var(--sage);font-size:11px;margin-bottom:3px}
        .dark-section{background:var(--ink);color:var(--paper);padding:68px 0}
        .section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}
        .section-head h2{font-size:34px;line-height:1.25;letter-spacing:-.035em;margin-top:9px}
        .section-head p{color:var(--muted);max-width:480px}
        .dark-section .section-head p{color:#c7bac8}
        .steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,253,249,.22)}
        .step{padding:26px 22px 8px;border-right:1px solid rgba(255,253,249,.16)}
        .step:last-child{border-right:0}
        .step-num{font-size:13px;color:var(--coral);font-weight:800;letter-spacing:.1em}
        .step h3{font-size:18px;margin:12px 0 7px}
        .step p{font-size:14px;color:#c7bac8}
        .section{padding:86px 0}
        .app-area{background:var(--warm)}
        .app-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}
        .device-art{min-height:300px;background:var(--ink);border-radius:14px;position:relative;overflow:hidden;padding:28px;color:var(--paper)}
        .device-art:after{content:"DAFA";position:absolute;right:-10px;bottom:-38px;font-size:130px;font-weight:900;color:rgba(240,107,79,.16);letter-spacing:-.1em}
        .device-screen{width:180px;height:250px;border:8px solid #4a3b51;border-radius:22px;background:#31243a;margin:0 auto;padding:27px 15px;position:relative;z-index:1}
        .screen-bar{height:9px;width:60%;background:var(--sage);margin-bottom:25px}
        .screen-line{height:7px;background:#796278;margin:12px 0;border-radius:3px}
        .screen-line.short{width:65%}
        .screen-button{height:35px;background:var(--coral);border-radius:5px;margin-top:26px}
        .app-copy h2{font-size:37px;line-height:1.25;margin:10px 0 15px}
        .app-copy p{color:var(--muted);max-width:560px}
        .app-meta{display:flex;gap:25px;flex-wrap:wrap;margin:25px 0;color:var(--muted);font-size:13px}
        .app-meta strong{display:block;color:var(--ink);font-size:16px}
        .news-section{background:var(--paper)}
        .news-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px}
        .feature-news,.news-list{border:1px solid var(--line);background:var(--paper);border-radius:var(--radius)}
        .feature-news{padding:31px;min-height:280px;display:flex;flex-direction:column;justify-content:space-between;transition:.2s}
        .feature-news:hover,.news-row:hover{box-shadow:var(--soft-shadow);border-color:#d6c8bd}
        .tag{display:inline-block;background:var(--sage-pale);color:#52705a;padding:3px 9px;border-radius:4px;font-size:12px;font-weight:700}
        .feature-news h3{font-size:26px;line-height:1.35;margin:18px 0 10px;max-width:570px}
        .feature-news p{color:var(--muted);font-size:14px}
        .news-time{font-size:12px;color:var(--muted)}
        .news-list{padding:7px 22px}
        .news-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid var(--line);transition:.2s}
        .news-row:last-child{border-bottom:0}
        .news-row h3{font-size:15px;line-height:1.45;margin:5px 0}
        .news-row .arrow{color:var(--coral);font-size:20px}
        .quick{padding:72px 0;background:#ece5dc}
        .quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
        .quick-card{background:var(--paper);padding:25px;border-radius:10px;border-left:4px solid var(--coral);transition:.2s}
        .quick-card:hover{transform:translateY(-3px);box-shadow:var(--soft-shadow)}
        .quick-card h3{font-size:18px;margin-bottom:7px}
        .quick-card p{font-size:14px;color:var(--muted);margin-bottom:14px}
        .text-link{font-size:13px;color:var(--coral-dark);font-weight:800}
        .faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}
        .faq-intro h2{font-size:36px;line-height:1.25;margin:10px 0 15px}
        .faq-intro p{color:var(--muted)}
        .faq-list details{border-bottom:1px solid var(--line);padding:5px 0}
        .faq-list summary{list-style:none;cursor:pointer;padding:17px 5px;font-weight:700;display:flex;justify-content:space-between}
        .faq-list summary::-webkit-details-marker{display:none}
        .faq-list summary:after{content:"+";color:var(--coral);font-size:22px;line-height:1}
        .faq-list details[open] summary:after{content:"−"}
        .faq-answer{color:var(--muted);font-size:14px;padding:0 35px 18px 5px}
        .cta{padding:70px 0;background:var(--ink);color:var(--paper)}
        .cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}
        .cta h2{font-size:36px;line-height:1.3;margin-top:9px}
        .cta p{color:#c7bac8;margin-top:8px}
        .cta-actions{display:flex;gap:12px;flex-shrink:0}
        .site-footer{background:#1b1420;color:#c7bac8;padding:45px 0 24px}
        .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px;padding-bottom:38px}
        .footer-brand{color:var(--paper);font-size:18px;font-weight:800;margin-bottom:10px}
        .footer-grid p{font-size:13px;line-height:1.8}
        .footer-title{color:var(--paper);font-weight:700;font-size:14px;margin-bottom:12px}
        .footer-links{display:grid;gap:7px;font-size:13px}
        .footer-links a:hover{color:var(--coral)}
        .copyright{border-top:1px solid rgba(255,253,249,.14);padding-top:18px;font-size:12px;display:flex;justify-content:space-between;gap:20px}
        @media(max-width:1024px){
            .nav-wrap{gap:16px}.main-nav a{padding:9px 7px;font-size:13px}
            .hero-grid{gap:35px}.app-grid{gap:35px}.footer-grid{grid-template-columns:repeat(2,1fr)}
        }
        @media(max-width:768px){
            .site-header{height:68px}.container{width:min(100% - 32px,var(--container))}
            .menu-toggle{display:block;margin-left:auto}.nav-action{display:none}
            .main-nav{display:none;position:absolute;top:68px;left:0;right:0;padding:12px 16px 18px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:var(--soft-shadow);flex-direction:column;align-items:stretch}
            .main-nav.open{display:flex}.main-nav a{padding:11px 8px}.main-nav a:after{left:8px;right:auto;width:28px}
            .hero{padding:52px 0 48px}.hero-grid,.app-grid,.news-grid,.faq-grid{grid-template-columns:1fr}
            h1{font-size:42px}.hero-copy{font-size:16px}.hero-note{gap:18px}
            .entry-panel{padding:24px}.section{padding:62px 0}.steps{grid-template-columns:repeat(2,1fr)}
            .step:nth-child(2){border-right:0}.step:nth-child(-n+2){border-bottom:1px solid rgba(255,253,249,.16)}
            .device-art{min-height:270px}.app-copy h2,.faq-intro h2,.cta h2{font-size:30px}
            .quick-grid{grid-template-columns:1fr}.faq-grid{gap:28px}.cta-inner{display:block}.cta-actions{margin-top:24px}
        }
        @media(max-width:480px){
            .brand-text{font-size:15px}.brand-mark{width:30px;height:30px}
            h1{font-size:35px}.hero-actions,.cta-actions{display:grid;grid-template-columns:1fr}
            .hero-actions .btn,.cta-actions .btn{width:100%}.hero-note{font-size:12px}
            .hero-note strong{font-size:17px}.steps{grid-template-columns:1fr}.step{border-right:0!important;border-bottom:1px solid rgba(255,253,249,.16)!important;padding:20px 0}
            .step:last-child{border-bottom:0!important}.section-head{display:block}.section-head h2{font-size:29px}.section-head p{margin-top:12px}
            .feature-news{padding:23px}.feature-news h3{font-size:21px}.news-list{padding:5px 16px}
            .footer-grid{grid-template-columns:1fr;gap:25px}.copyright{display:block}.copyright span{display:block;margin-top:7px}
        }

/* roulang page: article */
:root{
        --ink:#241a2b;
        --ink-soft:#3c3043;
        --coral:#f06b4f;
        --coral-dark:#d9573d;
        --sage:#8fae91;
        --sage-pale:#e3ebe1;
        --paper:#fffdf9;
        --warm:#f5f1ea;
        --line:#e5ddd3;
        --muted:#796f78;
        --shadow:0 16px 42px rgba(36,26,43,.10);
        --soft-shadow:0 8px 22px rgba(36,26,43,.07);
        --radius:12px;
        --container:1200px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
        margin:0;background:var(--warm);color:var(--ink);
        font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;
        font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;
    }
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%;height:auto}
    button{border:0;cursor:pointer;font:inherit}
    .container{width:min(var(--container),calc(100% - 48px));margin:0 auto}
    .site-header{
        height:78px;background:rgba(255,253,249,.97);border-bottom:1px solid var(--line);
        position:sticky;top:0;z-index:20
    }
    .nav-wrap{height:100%;display:flex;align-items:center;gap:34px}
    .brand{display:flex;align-items:center;gap:10px;white-space:nowrap}
    .brand-mark{
        width:34px;height:34px;background:var(--coral);color:var(--paper);
        display:grid;place-items:center;font-weight:800;border-radius:8px;letter-spacing:-2px
    }
    .brand-text{font-size:18px;font-weight:800;letter-spacing:.02em}
    .brand-text small{display:block;font-size:10px;line-height:1;color:var(--muted);font-weight:600;letter-spacing:.18em}
    .main-nav{display:flex;align-items:center;gap:4px;flex:1}
    .main-nav a{
        position:relative;padding:9px 12px;font-size:14px;color:var(--ink-soft);transition:.2s ease
    }
    .main-nav a:after{
        content:"";position:absolute;bottom:0;left:12px;right:12px;height:3px;
        background:var(--coral);transform:scaleX(0);transform-origin:left;transition:.2s
    }
    .main-nav a:hover,.main-nav a.active{color:var(--coral-dark)}
    .main-nav a:hover:after,.main-nav a.active:after{transform:scaleX(1)}
    .nav-action,.btn{
        display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;
        padding:0 19px;border-radius:8px;font-weight:700;font-size:14px;
        transition:transform .2s,background .2s,box-shadow .2s,border-color .2s
    }
    .nav-action,.btn-primary{background:var(--coral);color:#fff}
    .nav-action:hover,.btn-primary:hover{background:var(--coral-dark);color:#fff;transform:translateY(-2px);box-shadow:0 8px 16px rgba(240,107,79,.22)}
    .btn-outline{border:1px solid rgba(255,253,249,.42);color:var(--paper);background:transparent}
    .btn-outline:hover{background:rgba(255,253,249,.1);color:var(--paper);transform:translateY(-2px)}
    .btn-light{background:var(--paper);color:var(--ink)}
    .btn-light:hover{background:#f1e8dc;color:var(--ink);transform:translateY(-2px)}
    .btn:focus,.nav-action:focus,.main-nav a:focus,.menu-toggle:focus{outline:3px solid rgba(240,107,79,.35);outline-offset:3px}
    .menu-toggle{display:none;background:transparent;color:var(--ink);font-size:24px;padding:6px}
    .article-hero{padding:68px 0 54px;background:var(--paper);border-bottom:1px solid var(--line)}
    .breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:13px;margin-bottom:25px}
    .breadcrumbs a:hover{color:var(--coral-dark)}
    .crumb-sep{color:#b8aaa0}
    .eyebrow,.section-kicker{
        display:inline-flex;align-items:center;gap:9px;color:var(--coral-dark);
        font-size:12px;font-weight:800;letter-spacing:.12em
    }
    .eyebrow:before,.section-kicker:before{content:"";width:28px;height:3px;background:var(--coral)}
    .article-hero h1{
        max-width:900px;margin:15px 0 18px;font-size:clamp(32px,5vw,58px);
        line-height:1.2;letter-spacing:-.045em;font-weight:850
    }
    .article-summary{max-width:790px;color:var(--muted);font-size:18px;margin:0}
    .article-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:27px;color:var(--muted);font-size:13px}
    .tag{display:inline-block;background:var(--sage-pale);color:#52705a;padding:3px 10px;border-radius:4px;font-size:12px;font-weight:700}
    .article-layout{display:grid;grid-template-columns:minmax(0,820px) 280px;gap:72px;align-items:start;padding:70px 0 88px}
    .article-content{
        background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
        padding:clamp(26px,5vw,58px);box-shadow:var(--soft-shadow);overflow:hidden
    }
    .article-content h2{font-size:28px;line-height:1.35;margin:35px 0 14px}
    .article-content h3{font-size:21px;line-height:1.45;margin:28px 0 10px}
    .article-content p{margin:0 0 19px;color:var(--ink-soft)}
    .article-content ul,.article-content ol{padding-left:24px;margin:10px 0 24px;color:var(--ink-soft)}
    .article-content li{margin:7px 0}
    .article-content blockquote{
        margin:28px 0;padding:18px 22px;border-left:4px solid var(--coral);
        background:#fbf0e9;color:var(--ink-soft)
    }
    .article-content a{color:var(--coral-dark);text-decoration:underline;text-underline-offset:3px}
    .article-content table{width:100%;border-collapse:collapse;margin:25px 0}
    .article-content th,.article-content td{padding:11px 13px;border:1px solid var(--line);text-align:left}
    .article-content th{background:var(--sage-pale);font-weight:700}
    .article-empty{text-align:center;padding:80px 20px;color:var(--muted)}
    .article-empty strong{display:block;font-size:24px;color:var(--ink);margin-bottom:14px}
    .side-stack{position:sticky;top:105px;display:grid;gap:16px}
    .side-card{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:23px}
    .side-card.dark{background:var(--ink);color:var(--paper);border-color:var(--ink)}
    .side-title{font-weight:800;font-size:17px;margin-bottom:13px}
    .side-card p{font-size:14px;color:var(--muted);margin:0 0 17px}
    .dark p{color:#c7bac8}
    .side-links{display:grid;gap:9px}
    .side-links a{padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}
    .side-links a:last-child{border-bottom:0}
    .side-links a:hover{color:var(--coral-dark)}
    .article-actions{background:var(--ink);color:var(--paper);padding:52px 0}
    .actions-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}
    .actions-inner h2{font-size:28px;line-height:1.3;margin:7px 0 0}
    .actions-inner p{color:#c7bac8;margin:8px 0 0}
    .actions-buttons{display:flex;gap:12px;flex-wrap:wrap}
    .site-footer{background:#1b1420;color:var(--paper);padding:54px 0 22px}
    .footer-grid{display:grid;grid-template-columns:1.55fr repeat(3,1fr);gap:38px}
    .footer-brand{font-size:18px;font-weight:800;margin-bottom:12px}
    .footer-grid p{color:#b9acbb;font-size:14px;max-width:330px;margin:0}
    .footer-title{font-size:13px;color:#f2a08e;font-weight:800;margin-bottom:14px}
    .footer-links{display:grid;gap:8px}
    .footer-links a{font-size:14px;color:#c7bac8;transition:.2s}
    .footer-links a:hover{color:#fff;transform:translateX(2px)}
    .copyright{
        display:flex;justify-content:space-between;gap:15px;border-top:1px solid rgba(255,255,255,.13);
        margin-top:42px;padding-top:18px;color:#938694;font-size:12px;flex-wrap:wrap
    }
    @media(max-width:1024px){
        .nav-wrap{gap:15px}.main-nav a{padding-left:8px;padding-right:8px;font-size:13px}
        .article-layout{grid-template-columns:minmax(0,1fr) 235px;gap:28px}
    }
    @media(max-width:768px){
        .site-header{height:70px}.container{width:min(var(--container),calc(100% - 32px))}
        .menu-toggle{display:block;margin-left:auto}.nav-action{display:none}
        .main-nav{
            display:none;position:absolute;left:0;right:0;top:69px;background:var(--paper);
            border-bottom:1px solid var(--line);padding:12px 16px;box-shadow:var(--soft-shadow);
            flex-direction:column;align-items:stretch
        }
        .main-nav.open{display:flex}.main-nav a{padding:12px 10px}
        .article-hero{padding:48px 0 40px}.article-layout{display:block;padding:42px 0 58px}
        .article-content{margin-bottom:25px}.side-stack{position:static}
        .actions-inner{display:block}.actions-buttons{margin-top:22px}
        .footer-grid{grid-template-columns:1fr 1fr;gap:30px}
    }
    @media(max-width:480px){
        .brand-text{font-size:15px}.brand-text small{font-size:8px}
        .article-hero h1{font-size:33px}.article-summary{font-size:16px}
        .article-content{padding:24px 20px}.article-content h2{font-size:24px}
        .actions-buttons .btn{width:100%}.footer-grid{grid-template-columns:1fr}
        .copyright{display:grid;gap:4px}
    }

/* roulang page: category1 */
:root{
            --ink:#241a2b;
            --ink-soft:#3c3043;
            --coral:#f06b4f;
            --coral-dark:#d9573d;
            --sage:#8fae91;
            --sage-pale:#e3ebe1;
            --paper:#fffdf9;
            --warm:#f5f1ea;
            --line:#e5ddd3;
            --muted:#796f78;
            --shadow:0 16px 42px rgba(36,26,43,.10);
            --soft-shadow:0 8px 22px rgba(36,26,43,.07);
            --radius:12px;
            --container:1200px;
        }
        *,*::before,*::after{box-sizing:border-box}
        html{scroll-behavior:smooth}
        body{
            margin:0;background:var(--warm);color:var(--ink);
            font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;
            font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;
        }
        a{color:inherit;text-decoration:none}
        img{display:block;max-width:100%}
        button,input{font:inherit}
        button{border:0;cursor:pointer}
        .container{width:min(var(--container),calc(100% - 48px));margin:0 auto}
        .site-header{
            height:78px;background:rgba(255,253,249,.97);
            border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;
        }
        .nav-wrap{height:100%;display:flex;align-items:center;gap:34px}
        .brand{display:flex;align-items:center;gap:10px;white-space:nowrap}
        .brand-mark{
            width:34px;height:34px;background:var(--coral);color:var(--paper);
            display:grid;place-items:center;font-weight:800;border-radius:8px;letter-spacing:-2px;
        }
        .brand-text{font-size:18px;font-weight:800;letter-spacing:.02em}
        .brand-text small{display:block;font-size:10px;line-height:1;color:var(--muted);font-weight:600;letter-spacing:.18em}
        .main-nav{display:flex;align-items:center;gap:4px;flex:1}
        .main-nav a{
            position:relative;padding:9px 12px;font-size:14px;color:var(--ink-soft);transition:.2s ease;
        }
        .main-nav a:after{
            content:"";position:absolute;bottom:0;left:12px;right:12px;height:3px;
            background:var(--coral);transform:scaleX(0);transform-origin:left;transition:.2s;
        }
        .main-nav a:hover,.main-nav a.active{color:var(--coral-dark)}
        .main-nav a:hover:after,.main-nav a.active:after{transform:scaleX(1)}
        .nav-action,.btn{
            display:inline-flex;align-items:center;justify-content:center;gap:8px;
            min-height:44px;padding:0 19px;border-radius:8px;font-weight:700;font-size:14px;
            transition:transform .2s,background .2s,box-shadow .2s,border-color .2s;
        }
        .nav-action,.btn-primary{background:var(--coral);color:#fff}
        .nav-action:hover,.btn-primary:hover{background:var(--coral-dark);transform:translateY(-2px);box-shadow:0 8px 16px rgba(240,107,79,.22)}
        .btn-dark{background:var(--ink);color:var(--paper)}
        .btn-dark:hover{background:var(--ink-soft);transform:translateY(-2px)}
        .btn-light{background:var(--paper);color:var(--ink)}
        .btn-light:hover{background:#f1e8dc;transform:translateY(-2px)}
        .btn:focus,.nav-action:focus,.main-nav a:focus,.menu-toggle:focus{outline:3px solid rgba(240,107,79,.35);outline-offset:3px}
        .menu-toggle{display:none;background:transparent;color:var(--ink);font-size:24px;padding:6px}
        .hero{
            padding:72px 0 66px;background:var(--paper);
            border-bottom:1px solid var(--line);
        }
        .breadcrumb{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:13px;margin-bottom:24px}
        .breadcrumb a:hover{color:var(--coral-dark)}
        .breadcrumb span{color:#b4a9a1}
        .hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:68px;align-items:center}
        .eyebrow,.section-kicker{
            display:inline-flex;align-items:center;gap:9px;color:var(--coral-dark);
            font-size:12px;font-weight:800;letter-spacing:.12em;
        }
        .eyebrow:before,.section-kicker:before{content:"";width:28px;height:3px;background:var(--coral)}
        h1,h2,h3,p{margin-top:0}
        h1{font-size:clamp(38px,5vw,64px);line-height:1.15;letter-spacing:-.045em;margin:16px 0 21px;font-weight:850}
        h2{font-size:clamp(28px,3vw,40px);line-height:1.25;letter-spacing:-.035em}
        .hero-copy{font-size:18px;color:var(--muted);max-width:650px}
        .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
        .guide-visual{
            background:var(--ink);color:var(--paper);padding:30px;border-radius:14px;
            position:relative;overflow:hidden;box-shadow:var(--shadow);
        }
        .guide-visual:after{
            content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(240,107,79,.5);
            right:-60px;top:-55px;transform:rotate(45deg);
        }
        .visual-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,253,249,.15);padding-bottom:20px}
        .visual-label{font-size:13px;color:#c7bac8}
        .status{display:inline-flex;align-items:center;gap:7px;color:#b6d0b8;font-size:12px}
        .status i{width:8px;height:8px;background:var(--sage);border-radius:50%;display:inline-block}
        .visual-title{font-size:26px;font-weight:800;line-height:1.3;margin:34px 0 22px;max-width:330px}
        .path-list{display:grid;gap:12px;position:relative;z-index:1}
        .path-item{display:flex;gap:13px;align-items:center;padding:13px 14px;border:1px solid rgba(255,253,249,.16);border-radius:8px}
        .path-number{width:28px;height:28px;border-radius:6px;background:var(--coral);display:grid;place-items:center;font-size:12px;font-weight:800;flex:none}
        .path-item strong{display:block;font-size:14px}
        .path-item small{display:block;color:#c7bac8;font-size:12px}
        .section{padding:82px 0}
        .section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}
        .section-head h2{margin:9px 0 0}
        .section-head p{color:var(--muted);max-width:500px;margin:0}
        .dark-section{background:var(--ink);color:var(--paper);padding:72px 0}
        .dark-section .section-head p{color:#c7bac8}
        .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,253,249,.18);border:1px solid rgba(255,253,249,.18)}
        .step{background:var(--ink);padding:27px 23px;min-height:190px}
        .step-number{color:var(--coral);font-size:13px;font-weight:800;letter-spacing:.1em}
        .step h3{font-size:19px;margin:23px 0 8px}
        .step p{color:#c7bac8;font-size:14px;margin-bottom:0}
        .guide-area{background:var(--warm)}
        .guide-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:54px;align-items:start}
        .intro-note{border-left:4px solid var(--coral);padding:20px 23px;background:var(--paper);box-shadow:var(--soft-shadow);margin-top:24px}
        .intro-note strong{display:block;font-size:18px;margin-bottom:5px}
        .intro-note p{margin:0;color:var(--muted);font-size:14px}
        .check-list{display:grid;gap:0;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
        .check-item{display:flex;gap:18px;padding:22px 24px;border-bottom:1px solid var(--line);align-items:flex-start}
        .check-item:last-child{border-bottom:0}
        .check-icon{width:30px;height:30px;background:var(--sage-pale);color:#52705a;border-radius:6px;display:grid;place-items:center;font-weight:800;flex:none}
        .check-item h3{font-size:17px;margin:0 0 4px}
        .check-item p{margin:0;color:var(--muted);font-size:14px}
        .compare-section{background:var(--paper)}
        .compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
        .compare-card{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);transition:.2s}
        .compare-card:hover{transform:translateY(-4px);box-shadow:var(--soft-shadow);border-color:#d6c8bd}
        .compare-card.featured{background:var(--sage-pale);border-color:#c9d9c8}
        .compare-index{font-size:12px;color:var(--coral-dark);font-weight:800}
        .compare-card h3{font-size:21px;margin:17px 0 8px}
        .compare-card p{font-size:14px;color:var(--muted);min-height:72px}
        .text-link{color:var(--coral-dark);font-weight:800;font-size:14px}
        .faq-section{background:var(--warm)}
        .faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px}
        .faq-intro p{color:var(--muted);max-width:380px}
        .faq-list{display:grid;gap:10px}
        details{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:0 20px}
        summary{cursor:pointer;list-style:none;font-weight:800;padding:20px 30px 20px 0;position:relative}
        summary::-webkit-details-marker{display:none}
        summary:after{content:"＋";position:absolute;right:0;color:var(--coral);font-size:22px;font-weight:400}
        details[open] summary:after{content:"−"}
        details p{color:var(--muted);font-size:14px;border-top:1px solid var(--line);padding:14px 0 18px;margin:0}
        .cta{background:var(--ink);color:var(--paper);padding:62px 0}
        .cta-inner{display:flex;justify-content:space-between;align-items:center;gap:28px}
        .cta h2{margin:0 0 10px;font-size:34px}
        .cta p{color:#c7bac8;margin:0}
        .cta-actions{display:flex;gap:12px;flex-wrap:wrap;flex:none}
        .site-footer{background:#1b1420;color:var(--paper);padding:56px 0 22px}
        .footer-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr;gap:35px}
        .footer-brand{font-size:18px;font-weight:800;margin-bottom:12px}
        .footer-grid p{color:#b9adb9;font-size:13px;max-width:280px}
        .footer-title{font-size:13px;color:#fff;font-weight:800;margin-bottom:13px}
        .footer-links{display:grid;gap:7px}
        .footer-links a{color:#b9adb9;font-size:13px;transition:.2s}
        .footer-links a:hover{color:var(--coral)}
        .copyright{border-top:1px solid rgba(255,253,249,.14);margin-top:38px;padding-top:18px;display:flex;justify-content:space-between;gap:15px;color:#8f8490;font-size:12px}
        @media(max-width:1024px){
            .nav-wrap{gap:15px}.main-nav a{padding-left:8px;padding-right:8px;font-size:13px}
            .hero-grid{gap:38px}.steps{grid-template-columns:repeat(2,1fr)}
        }
        @media(max-width:768px){
            .container{width:min(var(--container),calc(100% - 32px))}
            .site-header{height:70px}.brand-text{font-size:16px}.brand-mark{width:31px;height:31px}
            .menu-toggle{display:block;margin-left:auto}.nav-action{display:none}
            .main-nav{display:none;position:absolute;top:70px;left:0;right:0;padding:12px 16px 18px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:var(--soft-shadow);flex-direction:column;align-items:stretch}
            .main-nav.open{display:flex}.main-nav a{padding:12px 8px}.main-nav a:after{left:8px;right:auto;width:35px}
            .hero{padding:48px 0}.hero-grid,.guide-layout,.faq-layout{grid-template-columns:1fr;gap:34px}
            h1{font-size:42px}.hero-copy{font-size:16px}
            .section{padding:62px 0}.section-head{display:block}.section-head p{margin-top:14px}
            .compare-grid{grid-template-columns:1fr}.compare-card p{min-height:0}
            .cta-inner{display:block}.cta-actions{margin-top:25px}
            .footer-grid{grid-template-columns:repeat(2,1fr);gap:28px}
        }
        @media(max-width:480px){
            .hero-actions .btn{width:100%}.guide-visual{padding:23px}.visual-title{font-size:22px}
            .steps{grid-template-columns:1fr}.step{min-height:0}.step h3{margin-top:15px}
            .check-item{padding:18px}.cta h2{font-size:28px}
            .footer-grid{grid-template-columns:1fr}.copyright{display:block}.copyright span{display:block;margin-bottom:5px}
        }

/* roulang page: category2 */
:root{
            --ink:#241a2b;
            --ink-soft:#3c3043;
            --coral:#f06b4f;
            --coral-dark:#d9573d;
            --sage:#8fae91;
            --sage-pale:#e3ebe1;
            --paper:#fffdf9;
            --warm:#f5f1ea;
            --line:#e5ddd3;
            --muted:#796f78;
            --shadow:0 16px 42px rgba(36,26,43,.10);
            --soft-shadow:0 8px 22px rgba(36,26,43,.07);
            --radius:12px;
            --container:1200px;
        }
        *{box-sizing:border-box}
        html{scroll-behavior:smooth}
        body{
            margin:0;background:var(--warm);color:var(--ink);
            font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;
            font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;
        }
        h1,h2,h3,h4,p{margin-top:0}
        a{color:inherit;text-decoration:none}
        img{display:block;max-width:100%}
        button,input{font:inherit}
        button{border:0;cursor:pointer}
        .container{width:min(var(--container),calc(100% - 48px));margin:0 auto}
        .site-header{
            height:78px;background:rgba(255,253,249,.97);border-bottom:1px solid var(--line);
            position:sticky;top:0;z-index:20;
        }
        .nav-wrap{height:100%;display:flex;align-items:center;gap:34px}
        .brand{display:flex;align-items:center;gap:10px;white-space:nowrap}
        .brand-mark{
            width:34px;height:34px;background:var(--coral);color:var(--paper);
            display:grid;place-items:center;font-weight:800;border-radius:8px;letter-spacing:-2px;
        }
        .brand-text{font-size:18px;font-weight:800;letter-spacing:.02em}
        .brand-text small{display:block;font-size:10px;line-height:1;color:var(--muted);font-weight:600;letter-spacing:.18em}
        .main-nav{display:flex;align-items:center;gap:4px;flex:1}
        .main-nav a{
            position:relative;padding:9px 12px;font-size:14px;color:var(--ink-soft);transition:.2s ease;
        }
        .main-nav a:after{
            content:"";position:absolute;bottom:0;left:12px;right:12px;height:3px;
            background:var(--coral);transform:scaleX(0);transform-origin:left;transition:.2s;
        }
        .main-nav a:hover,.main-nav a.active{color:var(--coral-dark)}
        .main-nav a:hover:after,.main-nav a.active:after{transform:scaleX(1)}
        .nav-action,.btn{
            display:inline-flex;align-items:center;justify-content:center;gap:8px;
            min-height:44px;padding:0 19px;border-radius:8px;font-weight:700;font-size:14px;
            transition:transform .2s,background .2s,box-shadow .2s,border-color .2s;
        }
        .nav-action,.btn-primary{background:var(--coral);color:#fff}
        .nav-action:hover,.btn-primary:hover{background:var(--coral-dark);color:#fff;transform:translateY(-2px);box-shadow:0 8px 16px rgba(240,107,79,.22)}
        .btn-dark{background:var(--ink);color:var(--paper)}
        .btn-dark:hover{background:var(--ink-soft);color:#fff;transform:translateY(-2px)}
        .btn-outline-dark{border:1px solid var(--ink);color:var(--ink);background:transparent}
        .btn-outline-dark:hover{background:var(--ink);color:var(--paper);transform:translateY(-2px)}
        .btn-light{background:var(--paper);color:var(--ink)}
        .btn-light:hover{background:#f1e8dc;transform:translateY(-2px)}
        .btn:focus,.nav-action:focus,.main-nav a:focus,summary:focus{outline:3px solid rgba(240,107,79,.35);outline-offset:3px}
        .menu-toggle{display:none;background:transparent;color:var(--ink);font-size:24px;padding:6px}
        .hero{
            padding:78px 0 72px;background:var(--paper);border-bottom:1px solid var(--line);
        }
        .hero-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:75px;align-items:end}
        .eyebrow,.section-kicker{
            display:inline-flex;align-items:center;gap:9px;color:var(--coral-dark);
            font-size:12px;font-weight:800;letter-spacing:.12em;
        }
        .eyebrow:before,.section-kicker:before{content:"";width:28px;height:3px;background:var(--coral)}
        h1{font-size:clamp(42px,5.2vw,72px);line-height:1.12;letter-spacing:-.055em;margin:18px 0 24px;font-weight:900}
        .hero-copy{font-size:18px;color:var(--muted);max-width:650px}
        .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}
        .hero-aside{
            border-left:1px solid var(--line);padding-left:30px;position:relative;
        }
        .hero-aside:before{
            content:"02";position:absolute;right:0;top:-45px;font-size:110px;line-height:1;
            color:#eee5db;font-weight:900;z-index:0;
        }
        .hero-aside>*{position:relative;z-index:1}
        .aside-title{font-size:22px;font-weight:800;margin-bottom:12px}
        .aside-text{color:var(--muted);font-size:15px;margin-bottom:25px}
        .mini-rule{display:flex;align-items:center;gap:13px;font-size:13px;color:var(--ink-soft);margin:12px 0}
        .mini-rule i{width:9px;height:9px;background:var(--sage);display:block;border-radius:50%}
        .section{padding:84px 0}
        .section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:34px}
        .section-head h2{font-size:36px;line-height:1.25;letter-spacing:-.04em;margin:9px 0 0}
        .section-head p{color:var(--muted);max-width:490px;margin:0}
        .timeline-wrap{position:relative;max-width:940px;margin:0 auto}
        .timeline-wrap:before{
            content:"";position:absolute;left:116px;top:0;bottom:0;width:1px;background:#d8ccc1;
        }
        .timeline-item{display:grid;grid-template-columns:116px 1fr;gap:35px;position:relative;padding-bottom:28px}
        .timeline-item:last-child{padding-bottom:0}
        .timeline-date{font-size:13px;color:var(--muted);padding-top:23px;text-align:right;padding-right:28px}
        .timeline-dot{
            position:absolute;left:110px;top:25px;width:13px;height:13px;background:var(--coral);
            border:3px solid var(--paper);box-shadow:0 0 0 1px var(--coral);border-radius:50%;
        }
        .news-card{
            background:var(--paper);border:1px solid var(--line);padding:24px 27px;
            border-radius:var(--radius);transition:.2s;min-height:150px;
        }
        .news-card:hover{transform:translateY(-3px);box-shadow:var(--soft-shadow);border-color:#d6c8bd}
        .tag{display:inline-block;background:var(--sage-pale);color:#52705a;padding:3px 9px;border-radius:4px;font-size:12px;font-weight:700}
        .news-card h3{font-size:21px;line-height:1.4;margin:14px 0 7px}
        .news-card p{font-size:14px;color:var(--muted);margin-bottom:8px}
        .news-link{color:var(--coral-dark);font-size:14px;font-weight:800}
        .dark-section{background:var(--ink);color:var(--paper);padding:70px 0}
        .dark-section .section-head p{color:#c7bac8}
        .update-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}
        .update-main,.update-side{border:1px solid rgba(255,253,249,.18);border-radius:var(--radius);padding:30px}
        .update-main{background:#302238}
        .update-main h3{font-size:28px;line-height:1.35;margin:15px 0 12px}
        .update-main p,.update-side p{color:#c7bac8;font-size:14px}
        .update-side{display:flex;flex-direction:column;justify-content:space-between}
        .data-line{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid rgba(255,253,249,.14);padding:12px 0;font-size:14px}
        .data-line span{color:#c7bac8}
        .data-line strong{color:var(--paper)}
        .guide-band{background:var(--sage-pale);padding:25px 0}
        .guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
        .guide-item{background:rgba(255,253,249,.75);padding:21px;border-left:4px solid var(--sage)}
        .guide-item strong{display:block;font-size:18px;margin-bottom:5px}
        .guide-item span{font-size:14px;color:var(--muted)}
        .faq-area{background:var(--paper)}
        .faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:65px;align-items:start}
        .faq-intro p{color:var(--muted);font-size:15px}
        .faq-list{border-top:1px solid var(--line)}
        details{border-bottom:1px solid var(--line);padding:19px 0}
        summary{cursor:pointer;font-size:17px;font-weight:800;list-style:none;padding-right:25px;position:relative}
        summary::-webkit-details-marker{display:none}
        summary:after{content:"+";position:absolute;right:3px;color:var(--coral);font-size:24px;line-height:1}
        details[open] summary:after{content:"−"}
        details p{color:var(--muted);font-size:14px;margin:12px 25px 0 0}
        .cta{padding:72px 0;background:var(--coral);color:#fff}
        .cta-inner{display:flex;justify-content:space-between;align-items:center;gap:28px}
        .cta h2{font-size:36px;line-height:1.25;margin:0 0 8px;letter-spacing:-.03em}
        .cta p{margin:0;color:#ffe8e1}
        .cta-actions{display:flex;gap:11px;flex-wrap:wrap}
        .site-footer{background:var(--ink);color:var(--paper);padding:55px 0 22px}
        .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px;padding-bottom:45px}
        .footer-brand{font-size:18px;font-weight:800;margin-bottom:12px}
        .site-footer p{color:#c7bac8;font-size:14px;max-width:320px}
        .footer-title{font-size:13px;color:var(--coral);font-weight:800;margin-bottom:13px}
        .footer-links{display:grid;gap:7px}
        .footer-links a{color:#d9ced9;font-size:14px;transition:.2s}
        .footer-links a:hover{color:var(--coral)}
        .copyright{border-top:1px solid rgba(255,253,249,.15);padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:#aa9eab;font-size:12px;flex-wrap:wrap}
        @media(max-width:1024px){
            .nav-wrap{gap:16px}.main-nav a{padding-left:7px;padding-right:7px;font-size:13px}
            .hero-layout{gap:40px}.timeline-wrap:before{left:94px}.timeline-item{grid-template-columns:94px 1fr}.timeline-dot{left:88px}
        }
        @media(max-width:768px){
            .container{width:min(var(--container),calc(100% - 34px))}
            .site-header{height:70px}.menu-toggle{display:block;margin-left:auto}.nav-action{display:none}
            .main-nav{
                display:none;position:absolute;left:0;right:0;top:70px;background:var(--paper);
                border-bottom:1px solid var(--line);padding:12px 17px;box-shadow:var(--soft-shadow);
                flex-direction:column;align-items:stretch;
            }
            .main-nav.open{display:flex}.main-nav a{padding:12px 8px}.main-nav a:after{left:8px;right:auto;width:30px}
            .hero{padding:55px 0 52px}.hero-layout,.update-grid,.faq-grid{grid-template-columns:1fr}
            .hero-aside{border-left:0;border-top:1px solid var(--line);padding:25px 0 0;margin-top:15px}
            h1{font-size:clamp(38px,11vw,58px)}
            .section{padding:60px 0}.section-head{display:block}.section-head p{margin-top:15px}
            .section-head h2,.cta h2{font-size:30px}.timeline-wrap:before{left:8px}.timeline-item{display:block;padding-left:34px;padding-bottom:24px}.timeline-date{text-align:left;padding:0 0 7px}.timeline-dot{left:2px;top:31px}
            .guide-grid,.footer-grid{grid-template-columns:1fr 1fr}.cta-inner{display:block}.cta-actions{margin-top:25px}
        }
        @media(max-width:520px){
            .hero-actions .btn,.cta-actions .btn{width:100%}.guide-grid,.footer-grid{grid-template-columns:1fr}
            .news-card{padding:20px}.update-main,.update-side{padding:23px}
            .copyright{display:block}.copyright span{display:block;margin-top:5px}
        }

/* roulang page: category3 */
:root{
            --ink:#241a2b;
            --ink-soft:#3c3043;
            --coral:#f06b4f;
            --coral-dark:#d9573d;
            --sage:#8fae91;
            --sage-pale:#e3ebe1;
            --paper:#fffdf9;
            --warm:#f5f1ea;
            --line:#e5ddd3;
            --muted:#796f78;
            --shadow:0 16px 42px rgba(36,26,43,.10);
            --soft-shadow:0 8px 22px rgba(36,26,43,.07);
            --radius:12px;
            --container:1200px;
        }
        *{box-sizing:border-box}
        html{scroll-behavior:smooth}
        body{
            margin:0;background:var(--warm);color:var(--ink);
            font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;
            font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;
        }
        a{color:inherit;text-decoration:none}
        img{display:block;max-width:100%}
        button,input{font:inherit}
        button{border:0;cursor:pointer}
        .container{width:min(var(--container),calc(100% - 48px));margin:0 auto}
        .site-header{
            height:78px;background:rgba(255,253,249,.97);border-bottom:1px solid var(--line);
            position:sticky;top:0;z-index:20;
        }
        .nav-wrap{height:100%;display:flex;align-items:center;gap:34px}
        .brand{display:flex;align-items:center;gap:10px;white-space:nowrap}
        .brand-mark{
            width:34px;height:34px;background:var(--coral);color:var(--paper);
            display:grid;place-items:center;font-weight:800;border-radius:8px;letter-spacing:-2px;
        }
        .brand-text{font-size:18px;font-weight:800;letter-spacing:.02em}
        .brand-text small{display:block;font-size:10px;line-height:1;color:var(--muted);font-weight:600;letter-spacing:.18em}
        .main-nav{display:flex;align-items:center;gap:4px;flex:1}
        .main-nav a{
            position:relative;padding:9px 12px;font-size:14px;color:var(--ink-soft);transition:.2s ease;
        }
        .main-nav a:after{
            content:"";position:absolute;bottom:0;left:12px;right:12px;height:3px;
            background:var(--coral);transform:scaleX(0);transform-origin:left;transition:.2s;
        }
        .main-nav a:hover,.main-nav a.active{color:var(--coral-dark)}
        .main-nav a:hover:after,.main-nav a.active:after{transform:scaleX(1)}
        .nav-action,.btn{
            display:inline-flex;align-items:center;justify-content:center;gap:8px;
            min-height:44px;padding:0 19px;border-radius:8px;font-weight:700;font-size:14px;
            transition:transform .2s,background .2s,box-shadow .2s,border-color .2s;
        }
        .nav-action,.btn-primary{background:var(--coral);color:#fff}
        .nav-action:hover,.btn-primary:hover{background:var(--coral-dark);transform:translateY(-2px);box-shadow:0 8px 16px rgba(240,107,79,.22)}
        .btn-outline{border:1px solid rgba(255,253,249,.42);color:var(--paper);background:transparent}
        .btn-outline:hover{background:rgba(255,253,249,.1);transform:translateY(-2px)}
        .btn-light{background:var(--paper);color:var(--ink)}
        .btn-light:hover{background:#f1e8dc;transform:translateY(-2px)}
        .btn-soft{background:var(--sage-pale);color:#52705a}
        .btn-soft:hover{background:#d4e1d3;transform:translateY(-2px)}
        .btn:focus,.nav-action:focus,.main-nav a:focus,.menu-toggle:focus,summary:focus{
            outline:3px solid rgba(240,107,79,.35);outline-offset:3px;
        }
        .menu-toggle{display:none;background:transparent;color:var(--ink);font-size:24px;padding:6px}
        .page-hero{background:var(--paper);padding:68px 0 62px;border-bottom:1px solid var(--line)}
        .hero-layout{display:grid;grid-template-columns:1fr .82fr;gap:76px;align-items:end}
        .eyebrow,.section-kicker{
            display:inline-flex;align-items:center;gap:9px;color:var(--coral-dark);
            font-size:12px;font-weight:800;letter-spacing:.12em;
        }
        .eyebrow:before,.section-kicker:before{content:"";width:28px;height:3px;background:var(--coral)}
        h1,h2,h3,p{margin-top:0}
        h1{font-size:clamp(38px,5vw,64px);line-height:1.15;letter-spacing:-.055em;margin:16px 0 23px;font-weight:850}
        .hero-intro{max-width:670px;color:var(--muted);font-size:18px;margin-bottom:28px}
        .breadcrumb{display:flex;gap:9px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin-bottom:12px}
        .breadcrumb a:hover{color:var(--coral-dark)}
        .hero-side{border-left:4px solid var(--coral);padding:22px 0 22px 27px}
        .hero-side h2{font-size:24px;line-height:1.35;margin-bottom:12px}
        .hero-side p{color:var(--muted);font-size:14px;margin-bottom:20px}
        .section{padding:82px 0}
        .section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px}
        .section-head h2{font-size:34px;line-height:1.25;letter-spacing:-.035em;margin:9px 0 0}
        .section-head p{color:var(--muted);max-width:510px;margin-bottom:0}
        .download-section{background:var(--warm)}
        .download-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:28px;align-items:stretch}
        .device-card{
            background:var(--ink);color:var(--paper);border-radius:var(--radius);padding:34px;
            min-height:390px;position:relative;overflow:hidden;
        }
        .device-card:after{
            content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(240,107,79,.55);
            right:-48px;bottom:-56px;transform:rotate(18deg);
        }
        .device-symbol{width:70px;height:116px;border:3px solid var(--coral);border-radius:14px;margin:5px 0 32px;position:relative}
        .device-symbol:before{content:"";position:absolute;top:8px;left:50%;width:22px;height:3px;transform:translateX(-50%);background:var(--coral);border-radius:2px}
        .device-symbol:after{content:"";position:absolute;bottom:8px;left:50%;width:8px;height:8px;transform:translateX(-50%);border:1px solid var(--coral);border-radius:50%}
        .device-card h3{font-size:25px;margin-bottom:10px}
        .device-card p{color:#cbbfca;font-size:14px;max-width:280px}
        .download-panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:36px;box-shadow:var(--soft-shadow)}
        .download-panel h3{font-size:28px;margin-bottom:10px}
        .download-panel>p{color:var(--muted);font-size:15px}
        .download-actions{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0 28px}
        .download-meta{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;gap:18px}
        .meta-item{font-size:13px;color:var(--muted)}
        .meta-item strong{display:block;color:var(--ink);font-size:16px;margin-top:3px}
        .tag{display:inline-block;background:var(--sage-pale);color:#52705a;padding:3px 9px;border-radius:4px;font-size:12px;font-weight:700}
        .device-labels{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 0}
        .device-label{border:1px solid var(--line);padding:6px 11px;border-radius:6px;font-size:13px;color:var(--ink-soft)}
        .steps-section{background:var(--ink);color:var(--paper)}
        .steps-section .section-head p{color:#c7bac8}
        .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid rgba(255,253,249,.2)}
        .step{padding:27px 22px 15px 0;border-right:1px solid rgba(255,253,249,.2);margin-right:22px}
        .step:last-child{border-right:0;margin-right:0}
        .step-number{color:var(--coral);font-size:13px;font-weight:800;letter-spacing:.1em}
        .step h3{font-size:19px;margin:18px 0 8px}
        .step p{color:#c7bac8;font-size:14px;margin-bottom:0}
        .notice-section{background:var(--paper)}
        .notice-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}
        .notice-card{padding:31px;background:var(--warm);border-radius:var(--radius);border:1px solid var(--line)}
        .notice-card h3{font-size:22px;margin-bottom:17px}
        .notice-card p{color:var(--muted);font-size:14px}
        .check-list{list-style:none;margin:0;padding:0}
        .check-list li{position:relative;padding:12px 0 12px 30px;border-bottom:1px solid var(--line);font-size:14px}
        .check-list li:last-child{border-bottom:0}
        .check-list li:before{content:"✓";position:absolute;left:0;top:12px;color:var(--coral);font-weight:800}
        .quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
        .quick-card{background:var(--paper);padding:24px;border-radius:10px;border-left:4px solid var(--coral);border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.2s}
        .quick-card:hover{transform:translateY(-3px);box-shadow:var(--soft-shadow)}
        .quick-card h3{font-size:18px;margin:10px 0 7px}
        .quick-card p{font-size:14px;color:var(--muted);margin-bottom:15px}
        .text-link{color:var(--coral-dark);font-weight:700;font-size:14px}
        .text-link:hover{text-decoration:underline}
        .faq-section{background:var(--warm)}
        .faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px}
        .faq-lead h2{font-size:34px;line-height:1.25;margin:10px 0 15px}
        .faq-lead p{font-size:15px;color:var(--muted)}
        .faq-list{border-top:1px solid var(--line)}
        details{border-bottom:1px solid var(--line);padding:0}
        summary{list-style:none;cursor:pointer;padding:20px 42px 20px 0;font-weight:750;position:relative}
        summary::-webkit-details-marker{display:none}
        summary:after{content:"+";position:absolute;right:5px;top:16px;color:var(--coral);font-size:24px;font-weight:400}
        details[open] summary:after{content:"−"}
        details p{color:var(--muted);font-size:14px;padding:0 36px 21px 0;margin-bottom:0}
        .cta{background:var(--ink);color:var(--paper);padding:70px 0}
        .cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
        .cta h2{font-size:34px;line-height:1.3;margin:8px 0 12px}
        .cta p{color:#c7bac8;max-width:610px;margin-bottom:0}
        .cta-actions{display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0}
        .site-footer{background:#1b1420;color:var(--paper);padding:54px 0 22px}
        .footer-grid{display:grid;grid-template-columns:1.45fr .8fr .8fr .8fr;gap:35px;padding-bottom:42px}
        .footer-brand{font-size:19px;font-weight:800;margin-bottom:13px}
        .footer-grid p{color:#bcaebb;font-size:13px;max-width:320px}
        .footer-title{font-weight:800;font-size:14px;margin-bottom:14px}
        .footer-links{display:grid;gap:8px}
        .footer-links a{color:#bcaebb;font-size:13px;transition:.2s}
        .footer-links a:hover{color:var(--coral)}
        .copyright{border-top:1px solid rgba(255,253,249,.14);padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:#978a99;font-size:12px;flex-wrap:wrap}
        @media(max-width:1024px){
            .nav-wrap{gap:18px}.main-nav a{padding-left:8px;padding-right:8px;font-size:13px}
            .hero-layout{gap:40px}.download-layout,.notice-grid{grid-template-columns:1fr 1fr}
            .faq-layout{gap:35px}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}
        }
        @media(max-width:768px){
            .site-header{height:70px}.container{width:min(var(--container),calc(100% - 34px))}
            .brand-text{font-size:16px}.main-nav{
                display:none;position:absolute;left:0;right:0;top:70px;background:var(--paper);
                border-bottom:1px solid var(--line);padding:12px 17px;box-shadow:var(--soft-shadow);
                flex-direction:column;align-items:stretch;
            }
            .main-nav.open{display:flex}.main-nav a{padding:12px 10px}.nav-action{display:none}.menu-toggle{display:block;margin-left:auto}
            .page-hero{padding:48px 0 45px}.hero-layout,.download-layout,.notice-grid,.faq-layout{grid-template-columns:1fr}
            h1{font-size:42px}.hero-intro{font-size:16px}.hero-side{padding-left:20px}
            .section{padding:58px 0}.section-head{display:block}.section-head h2,.faq-lead h2,.cta h2{font-size:29px}.section-head p{margin-top:14px}
            .steps{grid-template-columns:1fr 1fr;gap:0}.step{border-right:0;border-bottom:1px solid rgba(255,253,249,.2);margin-right:18px;padding-bottom:24px}
            .step:nth-child(3),.step:nth-child(4){border-bottom:0}.download-panel,.device-card{padding:27px}
            .quick-links{grid-template-columns:1fr}.cta-inner{display:block}.cta-actions{margin-top:25px}
            .footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>div:first-child{grid-column:1/-1}
        }
        @media(max-width:480px){
            .container{width:calc(100% - 28px)}h1{font-size:35px}.breadcrumb{font-size:12px}
            .hero-actions,.download-actions{display:grid;grid-template-columns:1fr}.btn{width:100%}
            .download-meta{grid-template-columns:1fr;gap:12px}.device-card{min-height:320px}
            .steps{grid-template-columns:1fr}.step,.step:nth-child(3){border-bottom:1px solid rgba(255,253,249,.2);margin-right:0}
            .step:last-child{border-bottom:0}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}
            .copyright{display:block}.copyright span{display:block;margin-bottom:5px}
        }

/* roulang page: category4 */
:root{
            --ink:#241a2b;
            --ink-soft:#3c3043;
            --coral:#f06b4f;
            --coral-dark:#d9573d;
            --sage:#8fae91;
            --sage-pale:#e3ebe1;
            --paper:#fffdf9;
            --warm:#f5f1ea;
            --line:#e5ddd3;
            --muted:#796f78;
            --shadow:0 16px 42px rgba(36,26,43,.10);
            --soft-shadow:0 8px 22px rgba(36,26,43,.07);
            --radius:12px;
            --container:1200px;
        }
        *{box-sizing:border-box}
        html{scroll-behavior:smooth}
        body{
            margin:0;
            background:var(--warm);
            color:var(--ink);
            font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;
            font-size:16px;
            line-height:1.75;
            -webkit-font-smoothing:antialiased;
        }
        a{color:inherit;text-decoration:none}
        img{display:block;max-width:100%}
        button,input{font:inherit}
        button{border:0;cursor:pointer}
        .container{width:min(var(--container),calc(100% - 48px));margin:0 auto}
        .site-header{
            height:78px;
            background:rgba(255,253,249,.97);
            border-bottom:1px solid var(--line);
            position:sticky;
            top:0;
            z-index:20;
        }
        .nav-wrap{height:100%;display:flex;align-items:center;gap:34px}
        .brand{display:flex;align-items:center;gap:10px;white-space:nowrap}
        .brand-mark{
            width:34px;height:34px;background:var(--coral);color:var(--paper);
            display:grid;place-items:center;font-weight:800;border-radius:8px;
            letter-spacing:-2px;
        }
        .brand-text{font-size:18px;font-weight:800;letter-spacing:.02em}
        .brand-text small{display:block;font-size:10px;line-height:1;color:var(--muted);font-weight:600;letter-spacing:.18em}
        .main-nav{display:flex;align-items:center;gap:4px;flex:1}
        .main-nav a{
            position:relative;padding:9px 12px;font-size:14px;color:var(--ink-soft);
            transition:.2s ease;
        }
        .main-nav a:after{
            content:"";position:absolute;bottom:0;left:12px;right:12px;height:3px;
            background:var(--coral);transform:scaleX(0);transform-origin:left;transition:.2s;
        }
        .main-nav a:hover,.main-nav a.active{color:var(--coral-dark)}
        .main-nav a:hover:after,.main-nav a.active:after{transform:scaleX(1)}
        .nav-action,.btn{
            display:inline-flex;align-items:center;justify-content:center;gap:8px;
            min-height:44px;padding:0 19px;border-radius:8px;font-weight:700;font-size:14px;
            transition:transform .2s,background .2s,box-shadow .2s,border-color .2s;
        }
        .nav-action,.btn-primary{background:var(--coral);color:#fff}
        .nav-action:hover,.btn-primary:hover{background:var(--coral-dark);transform:translateY(-2px);box-shadow:0 8px 16px rgba(240,107,79,.22)}
        .btn-outline{border:1px solid rgba(255,253,249,.42);color:var(--paper);background:transparent}
        .btn-outline:hover{background:rgba(255,253,249,.1);transform:translateY(-2px)}
        .btn-light{background:var(--paper);color:var(--ink)}
        .btn-light:hover{background:#f1e8dc;transform:translateY(-2px)}
        .btn-ink{background:var(--ink);color:var(--paper)}
        .btn-ink:hover{background:var(--ink-soft);transform:translateY(-2px)}
        .btn:focus,.nav-action:focus,.main-nav a:focus,.menu-toggle:focus{outline:3px solid rgba(240,107,79,.35);outline-offset:3px}
        .menu-toggle{display:none;background:transparent;color:var(--ink);font-size:24px;padding:6px}
        .page-hero{
            background:var(--paper);
            padding:72px 0 66px;
            border-bottom:1px solid var(--line);
        }
        .breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:28px}
        .breadcrumbs a{color:var(--coral-dark)}
        .hero-layout{display:grid;grid-template-columns:1.12fr .88fr;gap:80px;align-items:end}
        .eyebrow,.section-kicker{
            display:inline-flex;align-items:center;gap:9px;color:var(--coral-dark);
            font-size:12px;font-weight:800;letter-spacing:.12em;
        }
        .eyebrow:before,.section-kicker:before{content:"";width:28px;height:3px;background:var(--coral)}
        h1,h2,h3,p{margin-top:0}
        h1{
            margin:16px 0 20px;
            font-size:clamp(40px,5vw,68px);
            line-height:1.13;
            letter-spacing:-.055em;
            font-weight:900;
        }
        .lead{max-width:650px;color:var(--muted);font-size:18px;line-height:1.9}
        .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
        .hero-side{
            background:var(--ink);
            color:var(--paper);
            padding:30px;
            border-radius:var(--radius);
            position:relative;
            overflow:hidden;
            box-shadow:var(--shadow);
        }
        .hero-side:after{
            content:"04";
            position:absolute;right:18px;bottom:-25px;
            font-size:120px;line-height:1;font-weight:900;color:rgba(255,253,249,.06);
        }
        .side-label{color:#c7bac8;font-size:12px;letter-spacing:.12em;font-weight:800}
        .hero-side h2{font-size:26px;line-height:1.35;margin:10px 0 14px;position:relative;z-index:1}
        .hero-side p{color:#c7bac8;font-size:14px;position:relative;z-index:1}
        .status-line{display:flex;align-items:center;gap:9px;color:#e5eee3;font-size:13px;margin-top:22px;position:relative;z-index:1}
        .status-dot{width:9px;height:9px;border-radius:50%;background:var(--sage);box-shadow:0 0 0 5px rgba(143,174,145,.13)}
        .section{padding:82px 0}
        .section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px}
        .section-head h2{font-size:34px;line-height:1.25;letter-spacing:-.035em;margin:9px 0 0}
        .section-head p{color:var(--muted);max-width:490px;margin-bottom:0}
        .help-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:26px;align-items:start}
        .help-index{
            background:var(--ink);
            color:var(--paper);
            padding:27px;
            border-radius:var(--radius);
            position:sticky;
            top:104px;
        }
        .help-index h3{font-size:21px;margin-bottom:18px}
        .help-index a{
            display:flex;justify-content:space-between;align-items:center;
            padding:14px 0;border-bottom:1px solid rgba(255,253,249,.16);
            color:#d9ced9;font-size:14px;transition:.2s;
        }
        .help-index a:last-child{border-bottom:0}
        .help-index a:hover{color:var(--coral);padding-left:5px}
        .help-index span{color:var(--coral);font-weight:800}
        .check-list{display:grid;gap:14px}
        .check-item{
            background:var(--paper);
            border:1px solid var(--line);
            padding:22px 24px;
            display:grid;
            grid-template-columns:46px 1fr;
            gap:17px;
            border-radius:10px;
            transition:.2s;
        }
        .check-item:hover{border-color:#d7c8bc;box-shadow:var(--soft-shadow);transform:translateY(-2px)}
        .check-number{
            width:42px;height:42px;border-radius:8px;
            display:grid;place-items:center;background:var(--sage-pale);
            color:#52705a;font-weight:900;
        }
        .check-item h3{font-size:18px;margin:0 0 5px}
        .check-item p{color:var(--muted);font-size:14px;margin:0}
        .dark-section{background:var(--ink);color:var(--paper);padding:76px 0}
        .dark-section .section-head p{color:#c7bac8}
        .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid rgba(255,253,249,.22)}
        .step{padding:25px 22px 4px 0;border-right:1px solid rgba(255,253,249,.16);margin-right:22px}
        .step:last-child{border-right:0;margin-right:0}
        .step-num{font-size:13px;color:var(--coral);font-weight:900;letter-spacing:.1em}
        .step h3{font-size:19px;margin:14px 0 7px}
        .step p{color:#c7bac8;font-size:14px;margin:0}
        .notice-area{background:var(--warm)}
        .notice-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
        .notice{
            background:var(--paper);
            border:1px solid var(--line);
            border-left:4px solid var(--coral);
            padding:26px 28px;
            border-radius:10px;
        }
        .notice.sage{border-left-color:var(--sage)}
        .notice h3{font-size:20px;margin-bottom:9px}
        .notice p{color:var(--muted);font-size:14px;margin-bottom:0}
        .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 32px}
        details{
            background:var(--paper);
            border-bottom:1px solid var(--line);
            padding:4px 0;
        }
        summary{
            cursor:pointer;list-style:none;padding:18px 32px 18px 0;
            font-weight:800;position:relative;
        }
        summary::-webkit-details-marker{display:none}
        summary:after{content:"+";position:absolute;right:4px;color:var(--coral);font-size:24px;font-weight:400;top:12px}
        details[open] summary:after{content:"−"}
        details p{color:var(--muted);font-size:14px;margin:-4px 30px 18px 0}
        .cta{
            background:var(--ink);
            color:var(--paper);
            padding:56px 0;
            position:relative;
            overflow:hidden;
        }
        .cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}
        .cta h2{font-size:34px;line-height:1.3;margin:0 0 9px}
        .cta p{color:#c7bac8;margin:0}
        .cta-actions{display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0}
        .site-footer{background:#1c1521;color:var(--paper);padding:54px 0 20px}
        .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px;padding-bottom:42px}
        .footer-brand{font-size:18px;font-weight:800;margin-bottom:12px}
        .footer-grid p{color:#b9aeba;font-size:14px;max-width:300px}
        .footer-title{font-weight:800;font-size:14px;margin-bottom:13px}
        .footer-links{display:grid;gap:8px}
        .footer-links a{color:#b9aeba;font-size:13px;transition:.2s}
        .footer-links a:hover{color:var(--coral)}
        .copyright{
            border-top:1px solid rgba(255,253,249,.13);
            padding-top:18px;color:#968998;font-size:12px;
            display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;
        }
        @media(max-width:1024px){
            .nav-wrap{gap:18px}
            .main-nav a{padding-left:8px;padding-right:8px;font-size:13px}
            .hero-layout{gap:40px}
            .help-layout{grid-template-columns:1fr 1.5fr}
        }
        @media(max-width:768px){
            .site-header{height:70px}
            .container{width:min(var(--container),calc(100% - 32px))}
            .menu-toggle{display:block;margin-left:auto}
            .nav-action{display:none}
            .main-nav{
                display:none;position:absolute;left:16px;right:16px;top:78px;
                background:var(--paper);border:1px solid var(--line);
                box-shadow:var(--shadow);padding:8px;flex-direction:column;align-items:stretch;
            }
            .main-nav.open{display:flex}
            .main-nav a{padding:12px 14px}
            .main-nav a:after{left:14px;right:auto;width:28px}
            .hero-layout,.help-layout,.notice-grid,.faq-grid{grid-template-columns:1fr}
            .page-hero{padding:48px 0 50px}
            h1{font-size:43px}
            .lead{font-size:16px}
            .hero-side{margin-top:10px}
            .section{padding:62px 0}
            .section-head{display:block}
            .section-head p{margin-top:14px}
            .help-index{position:static}
            .steps{grid-template-columns:1fr;gap:0}
            .step{border-right:0;border-bottom:1px solid rgba(255,253,249,.16);padding:22px 0;margin:0}
            .step:last-child{border-bottom:0}
            .cta-inner{display:block}
            .cta-actions{margin-top:24px}
            .footer-grid{grid-template-columns:1fr 1fr;gap:28px}
        }
        @media(max-width:480px){
            .brand-text{font-size:15px}
            .brand-text small{font-size:8px}
            .brand-mark{width:30px;height:30px}
            h1{font-size:36px}
            .hero-actions,.cta-actions{display:grid;grid-template-columns:1fr}
            .btn{width:100%}
            .check-item{grid-template-columns:38px 1fr;padding:19px 16px;gap:12px}
            .check-number{width:36px;height:36px}
            .section-head h2,.cta h2{font-size:29px}
            .footer-grid{grid-template-columns:1fr}
            .copyright{display:block}
            .copyright span{display:block;margin-bottom:6px}
        }

/* roulang page: category5 */
:root{
            --ink:#241a2b;
            --ink-soft:#3c3043;
            --coral:#f06b4f;
            --coral-dark:#d9573d;
            --sage:#8fae91;
            --sage-pale:#e3ebe1;
            --paper:#fffdf9;
            --warm:#f5f1ea;
            --line:#e5ddd3;
            --muted:#796f78;
            --shadow:0 16px 42px rgba(36,26,43,.10);
            --soft-shadow:0 8px 22px rgba(36,26,43,.07);
            --radius:12px;
            --container:1200px;
        }
        *{box-sizing:border-box}
        html{scroll-behavior:smooth}
        body{
            margin:0;background:var(--warm);color:var(--ink);
            font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;
            font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;
        }
        a{color:inherit;text-decoration:none}
        img{display:block;max-width:100%}
        button,input{font:inherit}
        button{border:0;cursor:pointer}
        .container{width:min(var(--container),calc(100% - 48px));margin:0 auto}
        .site-header{
            height:78px;background:rgba(255,253,249,.97);border-bottom:1px solid var(--line);
            position:sticky;top:0;z-index:20;
        }
        .nav-wrap{height:100%;display:flex;align-items:center;gap:34px}
        .brand{display:flex;align-items:center;gap:10px;white-space:nowrap;flex-shrink:0}
        .brand-mark{
            width:34px;height:34px;background:var(--coral);color:var(--paper);display:grid;
            place-items:center;font-weight:800;border-radius:8px;letter-spacing:-2px;
        }
        .brand-text{font-size:18px;font-weight:800;letter-spacing:.02em;line-height:1.2}
        .brand-text small{display:block;font-size:10px;line-height:1;color:var(--muted);font-weight:600;letter-spacing:.18em;margin-top:3px}
        .main-nav{display:flex;align-items:center;gap:4px;flex:1}
        .main-nav a{
            position:relative;padding:9px 12px;font-size:14px;color:var(--ink-soft);transition:.2s ease;
            white-space:nowrap;
        }
        .main-nav a:after{
            content:"";position:absolute;bottom:0;left:12px;right:12px;height:3px;background:var(--coral);
            transform:scaleX(0);transform-origin:left;transition:.2s;
        }
        .main-nav a:hover,.main-nav a.active{color:var(--coral-dark)}
        .main-nav a:hover:after,.main-nav a.active:after{transform:scaleX(1)}
        .nav-action,.btn{
            display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;
            padding:0 19px;border-radius:8px;font-weight:700;font-size:14px;
            transition:transform .2s,background .2s,box-shadow .2s,border-color .2s;
        }
        .nav-action,.btn-primary{background:var(--coral);color:#fff}
        .nav-action:hover,.btn-primary:hover{
            background:var(--coral-dark);transform:translateY(-2px);box-shadow:0 8px 16px rgba(240,107,79,.22)
        }
        .btn-light{background:var(--paper);color:var(--ink)}
        .btn-light:hover{background:#f1e8dc;transform:translateY(-2px)}
        .btn-outline{background:transparent;color:var(--paper);border:1px solid rgba(255,253,249,.44)}
        .btn-outline:hover{background:rgba(255,253,249,.1);transform:translateY(-2px)}
        .btn:focus,.nav-action:focus,.main-nav a:focus,.menu-toggle:focus,.faq-question:focus{
            outline:3px solid rgba(240,107,79,.35);outline-offset:3px
        }
        .menu-toggle{display:none;background:transparent;color:var(--ink);font-size:24px;padding:6px;margin-left:auto}
        .page-hero{background:var(--paper);padding:58px 0 64px;border-bottom:1px solid var(--line);overflow:hidden}
        .crumbs{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px;margin-bottom:25px}
        .crumbs span{color:var(--coral);font-weight:700}
        .hero-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:58px;align-items:end}
        .eyebrow,.section-kicker{
            display:inline-flex;align-items:center;gap:9px;color:var(--coral-dark);font-size:12px;
            font-weight:800;letter-spacing:.12em;
        }
        .eyebrow:before,.section-kicker:before{content:"";width:28px;height:3px;background:var(--coral)}
        h1,h2,h3,p{margin-top:0}
        h1{font-size:48px;line-height:1.2;letter-spacing:0;font-weight:850;margin:14px 0 20px}
        h2{font-size:34px;line-height:1.28;font-weight:850;margin-bottom:12px}
        h3{font-size:19px;line-height:1.4;font-weight:800}
        .hero-copy{max-width:700px;color:var(--muted);font-size:17px}
        .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
        .hero-aside{padding:26px 28px;border-left:4px solid var(--sage);background:var(--warm)}
        .hero-aside h3{margin-bottom:12px}
        .hero-aside p{font-size:14px;color:var(--muted);margin-bottom:18px}
        .status-line{display:flex;gap:9px;align-items:center;font-size:13px;color:var(--ink-soft)}
        .status-dot{width:9px;height:9px;border-radius:50%;background:var(--sage);display:inline-block}
        .section{padding:82px 0}
        .section-paper{background:var(--paper)}
        .section-dark{background:var(--ink);color:var(--paper)}
        .section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}
        .section-head p{max-width:500px;color:var(--muted);margin:0}
        .section-dark .section-head p{color:#cec2ce}
        .overview-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:24px}
        .feature-panel{background:var(--ink);color:var(--paper);padding:35px;min-height:360px;position:relative;overflow:hidden}
        .feature-panel:after{
            content:"";position:absolute;right:-54px;bottom:-68px;width:205px;height:205px;
            border:32px solid rgba(240,107,79,.25);transform:rotate(26deg)
        }
        .feature-panel h2{max-width:580px;margin:18px 0}
        .feature-panel p{max-width:570px;color:#d4c9d4;position:relative;z-index:1}
        .route-list{position:relative;z-index:1;margin-top:30px;display:grid;gap:12px}
        .route-item{display:flex;gap:15px;align-items:flex-start;border-top:1px solid rgba(255,253,249,.16);padding-top:12px}
        .route-num{color:var(--coral);font-size:13px;font-weight:800;min-width:28px}
        .route-item strong{display:block;font-size:15px}
        .route-item span{display:block;color:#d4c9d4;font-size:13px;margin-top:2px}
        .side-links{display:grid;gap:12px}
        .side-link{
            background:var(--paper);border:1px solid var(--line);padding:21px;min-height:112px;
            display:flex;flex-direction:column;justify-content:space-between;transition:.2s;
        }
        .side-link:hover{transform:translateY(-3px);box-shadow:var(--soft-shadow);border-color:#d5c5b9}
        .side-link h3{margin:8px 0 0;font-size:17px}
        .side-link p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.6}
        .arrow-link{color:var(--coral-dark);font-size:14px;font-weight:800;margin-top:10px}
        .signal-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:stretch}
        .signal-intro{padding:30px;background:var(--sage-pale);border-left:4px solid var(--sage)}
        .signal-intro h2{font-size:29px;margin-bottom:13px}
        .signal-intro p{color:#526458;font-size:15px;margin-bottom:22px}
        .signal-list{background:var(--paper);border:1px solid var(--line)}
        .signal-row{display:grid;grid-template-columns:115px 1fr auto;gap:18px;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line)}
        .signal-row:last-child{border-bottom:0}
        .signal-date{font-size:13px;color:var(--muted)}
        .signal-row h3{font-size:16px;margin:0}
        .signal-row p{font-size:13px;color:var(--muted);margin:3px 0 0}
        .tag{display:inline-block;background:var(--sage-pale);color:#52705a;padding:3px 9px;border-radius:4px;font-size:12px;font-weight:700}
        .info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
        .info-card{background:var(--paper);border:1px solid var(--line);padding:25px;transition:.2s}
        .info-card:hover{transform:translateY(-3px);box-shadow:var(--soft-shadow)}
        .info-index{display:block;color:var(--coral-dark);font-size:12px;font-weight:850;letter-spacing:.12em;margin-bottom:18px}
        .info-card p{font-size:14px;color:var(--muted);margin:8px 0 19px}
        .notice{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;border:1px solid #d4dfd2;background:#f8fbf7;padding:23px 25px;margin-top:28px}
        .notice-mark{width:32px;height:32px;background:var(--sage);color:white;display:grid;place-items:center;font-weight:850;border-radius:6px}
        .notice h3{font-size:16px;margin:0 0 3px}
        .notice p{color:#596d5c;font-size:14px;margin:0}
        .faq-layout{display:grid;grid-template-columns:.77fr 1.23fr;gap:55px;align-items:start}
        .faq-copy p{color:#cec2ce;margin:15px 0 28px}
        .faq-list{border-top:1px solid rgba(255,253,249,.24)}
        .faq-item{border-bottom:1px solid rgba(255,253,249,.24)}
        .faq-question{
            width:100%;background:none;color:var(--paper);padding:19px 0;text-align:left;display:flex;
            justify-content:space-between;gap:20px;align-items:center;font-weight:800;font-size:16px;
        }
        .faq-symbol{color:var(--coral);font-size:23px;font-weight:400;line-height:1}
        .faq-answer{color:#d4c9d4;font-size:14px;padding:0 35px 19px 0;display:none}
        .faq-item.open .faq-answer{display:block}
        .faq-item.open .faq-symbol{transform:rotate(45deg)}
        .cta-band{padding:64px 0;background:var(--paper)}
        .cta-box{background:var(--ink);color:var(--paper);padding:43px 48px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:5px solid var(--coral)}
        .cta-box h2{font-size:31px;margin:0 0 8px}
        .cta-box p{color:#cec2ce;margin:0}
        .cta-actions{display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0}
        .site-footer{background:#1c1422;color:#ddd2dd;padding:58px 0 22px}
        .footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:38px;padding-bottom:39px;border-bottom:1px solid rgba(255,253,249,.16)}
        .footer-brand{color:var(--paper);font-size:18px;font-weight:850;line-height:1.35;margin-bottom:12px}
        .site-footer p{font-size:13px;line-height:1.75;color:#bcaebb;margin:0;max-width:310px}
        .footer-title{color:var(--paper);font-size:14px;font-weight:800;margin-bottom:13px}
        .footer-links{display:grid;gap:8px}
        .footer-links a{font-size:13px;color:#cdbfcd;transition:.2s}
        .footer-links a:hover{color:var(--coral);padding-left:3px}
        .copyright{display:flex;justify-content:space-between;gap:20px;padding-top:19px;font-size:12px;color:#9f919f}
        @media (max-width:1024px){
            .nav-wrap{gap:17px}
            .main-nav a{padding:9px 8px;font-size:13px}
            .hero-layout,.faq-layout{gap:35px}
            h1{font-size:42px}
        }
        @media (max-width:768px){
            .container{width:min(var(--container),calc(100% - 32px))}
            .site-header{height:68px}
            .nav-wrap{position:relative}
            .brand-text{font-size:16px}
            .nav-action{display:none}
            .menu-toggle{display:block}
            .main-nav{
                display:none;position:absolute;top:67px;left:-16px;right:-16px;background:var(--paper);
                border-bottom:1px solid var(--line);padding:12px 16px 18px;box-shadow:var(--soft-shadow);
                flex-direction:column;align-items:stretch;
            }
            .main-nav.open{display:flex}
            .main-nav a{padding:11px 5px;font-size:15px}
            .main-nav a:after{left:5px;right:auto;width:28px}
            .page-hero{padding:42px 0 48px}
            .hero-layout,.overview-grid,.signal-grid,.faq-layout{grid-template-columns:1fr;gap:24px}
            h1{font-size:36px}
            h2{font-size:29px}
            .section{padding:63px 0}
            .section-head{display:block;margin-bottom:25px}
            .section-head p{margin-top:12px}
            .feature-panel{min-height:auto}
            .info-grid{grid-template-columns:1fr 1fr}
            .footer-grid{grid-template-columns:1fr 1fr;gap:30px}
            .cta-box{display:block;padding:35px}
            .cta-actions{margin-top:24px}
        }
        @media (max-width:520px){
            body{font-size:15px}
            .container{width:calc(100% - 28px)}
            .brand-mark{width:32px;height:32px}
            .brand-text small{font-size:9px}
            h1{font-size:31px}
            h2{font-size:26px}
            .hero-copy{font-size:16px}
            .hero-actions,.cta-actions{display:grid;grid-template-columns:1fr}
            .btn{width:100%}
            .hero-aside,.feature-panel,.signal-intro,.info-card{padding:23px}
            .signal-row{grid-template-columns:1fr;gap:5px;padding:18px}
            .signal-row .arrow-link{margin-top:4px}
            .info-grid{grid-template-columns:1fr}
            .notice{padding:19px;gap:13px}
            .faq-question{font-size:15px}
            .cta-box{padding:28px 23px}
            .cta-box h2{font-size:27px}
            .footer-grid{grid-template-columns:1fr;gap:25px}
            .copyright{display:block;line-height:2}
            .copyright span{display:block}
        }

/* 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}