/* roulang page: index */
:root{--ink:#202522;--ink-soft:#4e5a52;--muted:#748078;--paper:#f5f1e8;--card:#fffdf8;--line:#dedbd1;--moss:#607d68;--moss-dark:#3e5b48;--orange:#b9683f;--orange-soft:#f3dfd2;--radius:14px;--shadow:0 12px 32px rgba(38,45,38,.08);--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}button{font:inherit;border:0;cursor:pointer}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 48px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(245,241,232,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(222,219,209,.8)}.nav-wrap{height:76px;display:flex;align-items:center;gap:34px}.logo{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.04em;font-size:21px;white-space:nowrap}.logo-mark{width:35px;height:35px;border-radius:9px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:17px}.logo small{display:block;color:var(--moss);font-size:10px;letter-spacing:.08em;font-weight:700;line-height:1}.main-nav{display:flex;align-items:center;gap:5px;margin-left:auto}.main-nav a{position:relative;padding:10px 13px;color:var(--ink-soft);font-size:14px;border-radius:8px;transition:.25s}.main-nav a:hover,.main-nav a.active{background:#e7ece4;color:var(--moss-dark)}.main-nav a.active:after{content:"";position:absolute;bottom:3px;left:13px;right:13px;height:2px;background:var(--orange)}.nav-action{padding:11px 17px;border-radius:8px;background:var(--moss-dark);color:#fff;font-size:14px;transition:.25s}.nav-action:hover{background:var(--ink);transform:translateY(-2px)}.menu-toggle{display:none;background:none;font-size:26px;color:var(--ink)}.hero{padding:82px 0 54px;position:relative;overflow:hidden}.hero:before{content:"28";position:absolute;right:4%;top:10px;font-size:270px;line-height:1;color:rgba(96,125,104,.08);font-weight:900;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;position:relative}.eyebrow,.section-kicker{color:var(--moss-dark);font-size:13px;letter-spacing:.13em;font-weight:800;text-transform:uppercase}.hero h1{font-size:clamp(42px,5vw,64px);line-height:1.16;letter-spacing:-.065em;margin:15px 0 22px;max-width:680px}.hero h1 span{color:var(--orange)}.hero-copy{font-size:18px;color:var(--ink-soft);max-width:620px;margin:0 0 30px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:8px;font-weight:700;font-size:14px;transition:.25s;border:1px solid transparent}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:var(--moss-dark);transform:translateY(-2px)}.btn-secondary{border-color:var(--line);background:var(--card);color:var(--ink)}.btn-secondary:hover{border-color:var(--moss);color:var(--moss-dark)}.hero-panel{background:var(--ink);border-radius:22px;color:#fff;padding:26px;box-shadow:var(--shadow);transform:rotate(1.5deg)}.panel-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.16);padding-bottom:18px}.panel-top strong{font-size:20px}.panel-top span{font-size:12px;color:#b9d0bd}.panel-list{padding:8px 0}.panel-row{display:flex;align-items:center;gap:15px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.1)}.panel-row:last-child{border:0}.panel-num{width:34px;height:34px;display:grid;place-items:center;border:1px solid #839d88;border-radius:50%;color:#c6ddc9;font-size:13px}.panel-row b{display:block;font-size:15px}.panel-row small{color:#aeb8b0;font-size:12px}.index-strip{display:flex;gap:10px;flex-wrap:wrap;margin-top:42px}.index-strip a{padding:9px 14px;border:1px solid var(--line);border-radius:30px;background:rgba(255,253,248,.6);font-size:13px;color:var(--ink-soft);transition:.2s}.index-strip a:hover{border-color:var(--moss);color:var(--moss-dark)}section{padding:92px 0}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:30px}.section-head h2{font-size:32px;line-height:1.25;letter-spacing:-.045em;margin:8px 0 0}.section-head p{color:var(--muted);max-width:450px;margin:0;font-size:14px}.entry-band{display:grid;grid-template-columns:1.25fr .85fr .85fr;gap:12px}.entry{min-height:170px;padding:25px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;justify-content:space-between;transition:.25s}.entry:first-child{background:var(--moss-dark);color:#fff}.entry:hover,.info-card:hover,.guide-step:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--moss)}.entry em{font-style:normal;font-size:12px;color:var(--orange)}.entry:first-child em{color:#d8ead7}.entry h3{font-size:22px;margin:18px 0 5px}.entry p{font-size:13px;color:var(--muted);margin:0}.entry:first-child p{color:#d2ddd2}.arrow{font-size:22px;align-self:flex-end}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick{padding:20px;background:#eeece3;border-radius:10px;border:1px solid transparent;transition:.2s}.quick:hover{background:var(--card);border-color:var(--moss)}.quick b{display:block;margin:8px 0 3px}.quick span{font-size:12px;color:var(--muted)}.quick-icon{color:var(--orange);font-size:22px}.number-list{display:grid;grid-template-columns:1fr 1fr;gap:0 55px;border-top:1px solid var(--line)}.number-item{display:grid;grid-template-columns:52px 1fr;gap:16px;padding:24px 0;border-bottom:1px solid var(--line)}.number-item strong{font-size:20px;color:var(--orange)}.number-item h3{font-size:18px;margin:0 0 4px}.number-item p{margin:0;color:var(--muted);font-size:14px}.news-section{background:#ebe9df}.news-list{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.news-item{display:grid;grid-template-columns:110px 1fr 100px 28px;gap:20px;align-items:center;padding:19px 24px;border-bottom:1px solid var(--line);transition:.2s}.news-item:last-child{border:0}.news-item:hover{background:#f1f5ed}.news-date{font-size:13px;color:var(--orange);font-weight:700}.news-item h3{font-size:16px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.news-item p{margin:3px 0 0;color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag{display:inline-block;padding:3px 9px;background:#e5eee4;color:var(--moss-dark);font-size:11px;border-radius:20px;white-space:nowrap}.empty{padding:34px;text-align:center;color:var(--muted)}.notice{padding:18px 22px;background:var(--orange-soft);border-left:4px solid var(--orange);display:flex;align-items:center;gap:20px;border-radius:8px}.notice strong{white-space:nowrap}.notice span{font-size:14px}.notice a{margin-left:auto;font-size:13px;color:var(--orange);font-weight:700}.app-wrap{display:grid;grid-template-columns:1fr 380px;gap:70px;align-items:center;background:var(--moss-dark);color:#fff;border-radius:20px;padding:52px 62px;overflow:hidden}.app-wrap h2{font-size:36px;line-height:1.25;margin:9px 0 15px}.app-wrap p{color:#d4dfd5}.app-meta{display:flex;gap:10px;flex-wrap:wrap;margin:23px 0}.app-meta span{border:1px solid rgba(255,255,255,.25);padding:6px 10px;border-radius:5px;font-size:12px}.device{width:205px;height:350px;border:8px solid #1b2920;border-radius:27px;background:#fbf9f1;margin:auto;padding:25px 14px;color:var(--ink);box-shadow:20px 20px 0 rgba(22,35,26,.2);transform:rotate(5deg)}.device small{color:var(--moss);font-weight:700}.device h3{font-size:21px;line-height:1.3;margin:24px 0}.device-line{height:9px;background:#dce7dc;border-radius:9px;margin:13px 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.guide-step{padding:24px;background:var(--card);border:1px solid var(--line);transition:.2s}.guide-step strong{font-size:30px;color:var(--orange)}.guide-step h3{font-size:17px;margin:12px 0 5px}.guide-step p{font-size:13px;color:var(--muted);margin:0}.timeline{border-left:2px solid #c5d3c5;padding-left:28px}.timeline-item{position:relative;padding:0 0 27px}.timeline-item:before{content:"";position:absolute;left:-36px;top:8px;width:12px;height:12px;border-radius:50%;background:var(--orange);border:3px solid var(--paper)}.timeline-item b{color:var(--moss-dark);font-size:13px}.timeline-item h3{margin:5px 0;font-size:18px}.timeline-item p{margin:0;color:var(--muted);font-size:14px}.topic{display:grid;grid-template-columns:1.2fr 1fr;min-height:220px;background:var(--ink);color:#fff;border-radius:16px;overflow:hidden}.topic-text{padding:36px}.topic h2{font-size:28px;margin:8px 0}.topic p{color:#c2cbc3}.topic-art{background:linear-gradient(135deg,#789580,#d08a5f);position:relative}.topic-art:after{content:"南宫28";position:absolute;right:25px;bottom:15px;font-size:45px;font-weight:900;color:rgba(255,255,255,.65)}.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.info-card{padding:24px;background:var(--card);border:1px solid var(--line);border-radius:12px;transition:.2s}.info-card h3{margin:0 0 8px;font-size:17px}.info-card p{margin:0;color:var(--muted);font-size:14px}.faq{max-width:850px;margin:auto;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between}summary:after{content:"＋";color:var(--orange);font-size:20px}details[open] summary:after{content:"－"}details p{color:var(--muted);font-size:14px;margin:14px 30px 0 0}.service-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-row .info-card{border-top:3px solid var(--moss)}.bottom-cta{padding:45px 0;background:var(--ink);color:#fff}.bottom-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.bottom-cta h2{margin:0;font-size:28px}.site-footer{background:#171d19;color:#dce5dc;padding:58px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.footer-brand p{color:#8f9b91;font-size:13px;max-width:270px}.site-footer h3{font-size:14px;margin:0 0 15px;color:#fff}.site-footer a{display:block;color:#aab5ac;font-size:13px;margin:8px 0;transition:.2s}.site-footer a:hover{color:#d7a07f}.copyright{border-top:1px solid #303932;margin-top:42px;padding-top:18px;color:#7e8a81;font-size:12px}.focus-ring:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #d08a5f;outline-offset:3px}
@media(max-width:900px){.main-nav{gap:0}.main-nav a{padding:9px 8px}.nav-action{display:none}.hero-grid,.app-wrap{grid-template-columns:1fr;gap:38px}.hero{padding-top:55px}.hero-panel{max-width:520px}.entry-band{grid-template-columns:1fr 1fr}.entry:first-child{grid-column:span 2}.quick-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.app-wrap{padding:38px}.app-wrap .device{order:-1}.news-item{grid-template-columns:85px 1fr 28px}.news-item .tag{display:none}}
@media(max-width:700px){.container{width:min(100% - 36px,var(--max))}.nav-wrap{height:66px}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;top:66px;left:0;right:0;padding:10px 18px 18px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav a{padding:13px 12px}.hero h1{font-size:43px}.hero-copy{font-size:16px}.section-head{display:block}.section-head p{margin-top:13px}.number-list,.topic,.help-grid,.service-row{grid-template-columns:1fr}.entry-band{grid-template-columns:1fr}.entry:first-child{grid-column:auto}.app-wrap{padding:30px 24px}.app-wrap h2{font-size:29px}.news-item{grid-template-columns:1fr 24px;gap:5px 14px;padding:17px}.news-date{grid-column:1}.news-item h3{grid-column:1}.news-item p{grid-column:1}.news-item>a:last-child{grid-column:2;grid-row:1/4}.bottom-cta-inner{display:block}.bottom-cta .btn{margin-top:20px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){section{padding:65px 0}.hero{padding:45px 0 35px}.hero h1{font-size:37px}.index-strip a{font-size:12px;padding:7px 10px}.quick-grid,.steps{grid-template-columns:1fr}.entry{min-height:145px}.footer-grid{grid-template-columns:1fr}.copyright{margin-top:25px}.device{transform:none}.topic-art{min-height:130px}}

/* roulang page: article */
:root{
      --ink:#202522;--ink-soft:#4e5a52;--muted:#748078;--paper:#f5f1e8;
      --card:#fffdf8;--line:#dedbd1;--moss:#607d68;--moss-dark:#3e5b48;
      --orange:#b9683f;--orange-soft:#f3dfd2;--radius:14px;
      --shadow:0 12px 32px rgba(38,45,38,.08);--max:1200px
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.75}
    a{color:inherit;text-decoration:none}
    a:focus-visible,button:focus-visible{outline:3px solid rgba(185,104,63,.45);outline-offset:3px}
    img{max-width:100%;display:block}
    button{font:inherit;border:0;cursor:pointer}
    .container{width:min(var(--max),calc(100% - 48px));margin:auto}
    .site-header{position:sticky;top:0;z-index:20;background:rgba(245,241,232,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(222,219,209,.85)}
    .nav-wrap{height:76px;display:flex;align-items:center;gap:34px}
    .logo{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.04em;font-size:21px;white-space:nowrap}
    .logo-mark{width:35px;height:35px;border-radius:9px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:17px}
    .logo small{display:block;color:var(--moss);font-size:10px;letter-spacing:.08em;font-weight:700;line-height:1}
    .main-nav{display:flex;align-items:center;gap:5px;margin-left:auto}
    .main-nav a{position:relative;padding:10px 13px;color:var(--ink-soft);font-size:14px;border-radius:8px;transition:.25s}
    .main-nav a:hover,.main-nav a.active{background:#e7ece4;color:var(--moss-dark)}
    .main-nav a.active:after{content:"";position:absolute;bottom:3px;left:13px;right:13px;height:2px;background:var(--orange)}
    .nav-action{padding:11px 17px;border-radius:8px;background:var(--moss-dark);color:#fff;font-size:14px;transition:.25s}
    .nav-action:hover{background:var(--ink);transform:translateY(-2px);color:#fff}
    .menu-toggle{display:none;background:none;font-size:26px;color:var(--ink)}
    main{min-height:60vh}
    .article-top{padding:48px 0 32px;border-bottom:1px solid var(--line)}
    .breadcrumb{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;margin-bottom:28px;flex-wrap:wrap}
    .breadcrumb a:hover{color:var(--moss-dark)}
    .breadcrumb span{color:#b7b8ae}
    .article-heading{max-width:900px}
    .eyebrow,.section-kicker{color:var(--moss-dark);font-size:13px;letter-spacing:.13em;font-weight:800}
    .article-heading h1{font-size:clamp(34px,5vw,58px);line-height:1.2;letter-spacing:-.06em;margin:13px 0 22px;overflow-wrap:anywhere}
    .article-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:13px}
    .tag{display:inline-block;padding:3px 10px;background:#e5eee4;color:var(--moss-dark);font-size:11px;border-radius:20px;white-space:nowrap}
    .article-intro{padding:48px 0 20px}
    .intro-box{max-width:820px;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--orange);border-radius:var(--radius);padding:25px 30px;box-shadow:0 5px 18px rgba(38,45,38,.035)}
    .intro-box h2{font-size:20px;margin:0 0 8px}
    .intro-box p{margin:0;color:var(--ink-soft);font-size:16px}
    .article-content-section{padding:30px 0 76px}
    .reading-layout{display:grid;grid-template-columns:minmax(0,820px) 260px;gap:70px;align-items:start}
    .article-content{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(26px,5vw,56px);box-shadow:0 7px 22px rgba(38,45,38,.035);overflow-wrap:anywhere}
    .article-content h2{font-size:28px;line-height:1.35;margin:34px 0 14px;letter-spacing:-.035em}
    .article-content h3{font-size:20px;line-height:1.45;margin:28px 0 10px}
    .article-content h2:first-child,.article-content h3:first-child{margin-top:0}
    .article-content p{margin:0 0 20px;color:#3f4942}
    .article-content ul,.article-content ol{padding-left:25px;margin:12px 0 24px;color:#3f4942}
    .article-content li{padding:4px 0}
    .article-content blockquote{margin:26px 0;padding:17px 21px;border-left:3px solid var(--moss);background:#edf1ea;color:var(--moss-dark);border-radius:0 8px 8px 0}
    .article-content table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14px}
    .article-content th,.article-content td{padding:11px 13px;border:1px solid var(--line);text-align:left}
    .article-content th{background:#edf1ea;color:var(--moss-dark)}
    .article-content img{border-radius:10px;margin:24px auto}
    .article-content figcaption{text-align:center;color:var(--muted);font-size:13px;margin-top:-15px}
    .side-card{position:sticky;top:105px;border-top:3px solid var(--moss);padding:22px;background:#ebe9df;border-radius:10px}
    .side-card h3{font-size:17px;margin:0 0 12px}
    .side-card p{color:var(--muted);font-size:14px;margin:0}
    .notice-section{padding:0 0 80px}
    .notice-box{display:flex;align-items:center;gap:18px;padding:18px 22px;background:var(--orange-soft);border:1px solid #e6cbbb;border-radius:10px}
    .notice-box strong{color:#854729;font-size:14px;white-space:nowrap}
    .notice-box p{margin:0;color:#6b5145;font-size:14px}
    .related-section{padding:86px 0;background:#ebe9df}
    .section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:30px}
    .section-head h2{font-size:32px;line-height:1.25;letter-spacing:-.045em;margin:8px 0 0}
    .section-head p{color:var(--muted);max-width:450px;margin:0;font-size:14px}
    .related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
    .info-card{padding:24px;background:var(--card);border:1px solid var(--line);border-radius:12px;transition:.2s}
    .info-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--moss)}
    .info-card h3{margin:12px 0 7px;font-size:18px;line-height:1.45}
    .info-card p{margin:0;color:var(--muted);font-size:14px}
    .card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:19px;color:var(--muted);font-size:12px}
    .arrow{font-size:20px;color:var(--orange)}
    .article-links{padding:55px 0}
    .link-panel{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:25px 29px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}
    .link-panel h2{font-size:22px;margin:0 0 4px}
    .link-panel p{margin:0;color:var(--muted);font-size:14px}
    .btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:8px;font-weight:700;font-size:14px;transition:.25s;border:1px solid transparent}
    .btn-primary{background:var(--ink);color:#fff}
    .btn-primary:hover{background:var(--moss-dark);transform:translateY(-2px);color:#fff}
    .btn-secondary{border-color:var(--line);background:var(--card);color:var(--ink)}
    .btn-secondary:hover{border-color:var(--moss);color:var(--moss-dark)}
    .bottom-cta{padding:45px 0;background:var(--ink);color:#fff}
    .bottom-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}
    .bottom-cta h2{margin:0;font-size:28px;line-height:1.35}
    .bottom-cta p{margin:6px 0 0;color:#b8c2ba;font-size:14px}
    .bottom-cta .btn{background:#e3eee2;color:var(--moss-dark)}
    .site-footer{background:#171d19;color:#dce5dc;padding:58px 0 25px}
    .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px}
    .footer-brand p{color:#9da99f;font-size:13px;margin:18px 0 0;max-width:230px}
    .site-footer h3{font-size:14px;color:#fff;margin:4px 0 15px}
    .site-footer a{display:block;color:#aab6ac;font-size:13px;margin:8px 0;transition:.2s}
    .site-footer a:hover{color:#fff;transform:translateX(2px)}
    .copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:42px;padding-top:20px;color:#7f8b82;font-size:12px}
    .empty-state{padding:54px 20px;text-align:center;background:var(--card);border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted)}
    .empty-state strong{display:block;color:var(--ink);font-size:20px;margin-bottom:8px}
    @media(max-width:900px){
      .nav-wrap{gap:16px}.main-nav{gap:0}.main-nav a{padding:9px 8px}
      .nav-action{display:none}.reading-layout{grid-template-columns:1fr;gap:24px}.side-card{position:static}
      .related-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}
    }
    @media(max-width:768px){
      .container{width:min(var(--max),calc(100% - 40px))}
      .menu-toggle{display:block;margin-left:auto}
      .main-nav{display:none;position:absolute;left:20px;right:20px;top:70px;padding:10px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}
      .main-nav.open{display:flex}.main-nav a{padding:13px 15px}
      .main-nav a.active:after{left:15px;right:auto;width:22px}
      .article-top{padding-top:35px}.article-content-section{padding-bottom:55px}
      .notice-box{align-items:flex-start;flex-direction:column;gap:5px}
      .link-panel,.bottom-cta-inner{align-items:flex-start;flex-direction:column}
      .link-panel .btn,.bottom-cta .btn{width:100%}
      .footer-grid{grid-template-columns:1fr 1fr;gap:28px}
    }
    @media(max-width:520px){
      .container{width:calc(100% - 36px)}.logo{font-size:18px}.logo-mark{width:32px;height:32px}
      .article-heading h1{font-size:34px}.article-content{padding:24px 20px}
      .related-grid{grid-template-columns:1fr}.section-head{display:block}.section-head p{margin-top:12px}
      .footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}
      .copyright{line-height:1.7}
    }

/* roulang page: category1 */
:root{
      --ink:#202522;--ink-soft:#4e5a52;--muted:#748078;--paper:#f5f1e8;
      --card:#fffdf8;--line:#dedbd1;--moss:#607d68;--moss-dark:#3e5b48;
      --orange:#b9683f;--orange-soft:#f3dfd2;--radius:14px;
      --shadow:0 12px 32px rgba(38,45,38,.08);--max:1200px
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.75}
    a{color:inherit;text-decoration:none}
    a:focus-visible,button:focus-visible{outline:3px solid rgba(185,104,63,.4);outline-offset:3px}
    button{font:inherit;border:0;cursor:pointer}
    img{max-width:100%;display:block}
    .container{width:min(var(--max),calc(100% - 48px));margin:auto}
    .site-header{position:sticky;top:0;z-index:20;background:rgba(245,241,232,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(222,219,209,.8)}
    .nav-wrap{height:76px;display:flex;align-items:center;gap:34px}
    .logo{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.04em;font-size:21px;white-space:nowrap}
    .logo-mark{width:35px;height:35px;border-radius:9px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:17px}
    .logo small{display:block;color:var(--moss);font-size:10px;letter-spacing:.08em;font-weight:700;line-height:1}
    .main-nav{display:flex;align-items:center;gap:5px;margin-left:auto}
    .main-nav a{position:relative;padding:10px 13px;color:var(--ink-soft);font-size:14px;border-radius:8px;transition:.25s}
    .main-nav a:hover,.main-nav a.active{background:#e7ece4;color:var(--moss-dark)}
    .main-nav a.active:after{content:"";position:absolute;bottom:3px;left:13px;right:13px;height:2px;background:var(--orange)}
    .nav-action{padding:11px 17px;border-radius:8px;background:var(--moss-dark);color:#fff;font-size:14px;transition:.25s}
    .nav-action:hover{background:var(--ink);transform:translateY(-2px)}
    .menu-toggle{display:none;background:none;font-size:26px;color:var(--ink)}
    main{overflow:hidden}
    .page-intro{padding:66px 0 42px;border-bottom:1px solid var(--line)}
    .breadcrumbs{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:13px;margin-bottom:25px}
    .breadcrumbs a:hover{color:var(--moss-dark)}
    .breadcrumbs span{color:var(--orange)}
    .intro-grid{display:grid;grid-template-columns:1fr 360px;gap:70px;align-items:end}
    .eyebrow,.section-kicker{color:var(--moss-dark);font-size:13px;letter-spacing:.13em;font-weight:800}
    h1{font-size:clamp(38px,5vw,62px);line-height:1.16;letter-spacing:-.065em;margin:13px 0 18px;max-width:760px}
    h1 em{font-style:normal;color:var(--orange)}
    .intro-copy{font-size:18px;color:var(--ink-soft);max-width:720px;margin:0}
    .status-card{background:var(--ink);color:#fff;border-radius:18px;padding:25px;box-shadow:var(--shadow)}
    .status-card .tag{background:rgba(255,255,255,.12);color:#dce8dc}
    .status-card h2{font-size:21px;margin:17px 0 7px}
    .status-card p{color:#b8c3ba;font-size:14px;margin:0}
    .tag{display:inline-block;padding:3px 9px;background:#e5eee4;color:var(--moss-dark);font-size:11px;border-radius:20px;white-space:nowrap}
    section{padding:78px 0}
    .section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}
    .section-head h2{font-size:31px;line-height:1.25;letter-spacing:-.045em;margin:8px 0 0}
    .section-head p{color:var(--muted);max-width:480px;margin:0;font-size:14px}
    .entry-list{border-top:1px solid var(--line)}
    .entry-row{display:grid;grid-template-columns:78px minmax(180px,1fr) 1.2fr 100px 28px;gap:22px;align-items:center;padding:24px 18px;border-bottom:1px solid var(--line);transition:.22s}
    .entry-row:hover{background:var(--card);box-shadow:var(--shadow);transform:translateX(4px)}
    .entry-no{font-size:24px;color:var(--orange);font-weight:800}
    .entry-row h3{font-size:18px;margin:0 0 3px}
    .entry-row p{font-size:14px;color:var(--muted);margin:0}
    .entry-note{font-size:14px;color:var(--ink-soft)}
    .arrow{font-size:23px;color:var(--moss-dark)}
    .feature-section{background:#ebe9df}
    .feature-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:16px}
    .feature-card,.scene-card,.article-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);transition:.22s}
    .feature-card:hover,.scene-card:hover,.article-card:hover{border-color:var(--moss);box-shadow:var(--shadow);transform:translateY(-3px)}
    .feature-card{padding:32px}
    .feature-card.large{min-height:240px;background:var(--ink);color:#fff}
    .feature-card.large p{color:#bcc8be}
    .feature-card h3{font-size:24px;margin:12px 0 10px}
    .feature-card p{font-size:14px;color:var(--muted);margin:0;max-width:580px}
    .feature-card .feature-link{display:inline-flex;margin-top:24px;color:var(--orange);font-weight:700;font-size:14px}
    .feature-stack{display:grid;gap:16px}
    .feature-stack .feature-card{padding:24px}
    .feature-stack h3{font-size:18px;margin:10px 0 5px}
    .scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
    .scene-card{padding:25px}
    .scene-icon{width:38px;height:38px;border-radius:10px;background:var(--orange-soft);color:var(--orange);display:grid;place-items:center;font-weight:800;margin-bottom:18px}
    .scene-card h3{font-size:18px;margin:0 0 7px}
    .scene-card p{font-size:14px;color:var(--muted);margin:0}
    .faq{max-width:850px;margin:auto;border-top:1px solid var(--line)}
    .faq details{border-bottom:1px solid var(--line);padding:20px 0}
    .faq summary{cursor:pointer;list-style:none;font-weight:700;display:flex;justify-content:space-between;gap:20px}
    .faq summary::-webkit-details-marker{display:none}
    .faq summary:after{content:"+";font-size:22px;color:var(--orange);line-height:1}
    .faq details[open] summary:after{content:"−"}
    .faq details p{color:var(--muted);font-size:14px;margin:13px 32px 0 0}
    .article-section{background:#f0eee6}
    .article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
    .article-card{padding:23px}
    .article-card .meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px;margin-bottom:14px}
    .article-card h3{font-size:18px;line-height:1.45;margin:0 0 8px}
    .article-card p{color:var(--muted);font-size:14px;margin:0}
    .more-section{padding:52px 0}
    .more-box{background:var(--moss-dark);color:#fff;border-radius:16px;padding:32px 38px;display:flex;justify-content:space-between;align-items:center;gap:24px}
    .more-box h2{font-size:26px;margin:0 0 4px}
    .more-box p{color:#d2ded3;font-size:14px;margin:0}
    .btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:8px;font-weight:700;font-size:14px;transition:.25s;border:1px solid transparent}
    .btn-primary{background:var(--ink);color:#fff}
    .btn-primary:hover{background:#fff;color:var(--ink);transform:translateY(-2px)}
    .btn-light{background:#fff;color:var(--moss-dark)}
    .btn-light:hover{background:var(--orange-soft);color:var(--ink)}
    .site-footer{background:#171d19;color:#dce5dc;padding:58px 0 25px}
    .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:34px}
    .footer-brand p{color:#9eaaa0;font-size:13px;margin:17px 0 0;max-width:250px}
    .site-footer .logo{color:#fff}
    .site-footer .logo small{color:#9fc2a5}
    .site-footer h3{font-size:14px;color:#fff;margin:5px 0 15px}
    .site-footer>div a:not(.logo){display:block;color:#aeb9b0;font-size:13px;margin:8px 0;transition:.2s}
    .site-footer>div a:not(.logo):hover{color:#fff;padding-left:3px}
    .copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:42px;padding-top:20px;color:#89958b;font-size:12px}
    @media(max-width:900px){
      .nav-wrap{gap:18px}.main-nav{gap:0}.main-nav a{padding:9px 8px}
      .intro-grid,.feature-grid{grid-template-columns:1fr;gap:30px}
      .status-card{max-width:480px}
      .entry-row{grid-template-columns:58px 1fr 28px}.entry-note,.entry-row .tag{display:none}
      .scene-grid,.article-grid{grid-template-columns:1fr 1fr}
      .footer-grid{grid-template-columns:1.4fr 1fr 1fr}
    }
    @media(max-width:768px){
      .container{width:min(var(--max),calc(100% - 36px))}
      .nav-wrap{height:68px}.menu-toggle{display:block;margin-left:auto}
      .main-nav{display:none;position:absolute;left:18px;right:18px;top:74px;padding:10px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}
      .main-nav.open{display:flex}.main-nav a{padding:13px 15px}.nav-action{display:none}
      .page-intro{padding:48px 0 35px}h1{font-size:42px}
      section{padding:60px 0}.section-head{display:block}.section-head p{margin-top:12px}
      .feature-grid,.scene-grid,.article-grid{grid-template-columns:1fr}
      .more-box{display:block;padding:27px}.more-box .btn{margin-top:20px;width:100%}
      .footer-grid{grid-template-columns:1fr 1fr;gap:28px}
      .footer-brand{grid-column:1/-1}
    }
    @media(max-width:480px){
      .container{width:calc(100% - 36px)}
      .logo{font-size:18px}.logo-mark{width:32px;height:32px}
      h1{font-size:36px}.intro-copy{font-size:16px}
      .entry-row{padding:19px 8px;grid-template-columns:43px 1fr 22px}.entry-row h3{font-size:16px}
      .feature-card.large{min-height:auto}.feature-card{padding:24px}
      .footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}
      .copyright{line-height:1.8}
    }

/* roulang page: category3 */
:root{--ink:#202522;--ink-soft:#4e5a52;--muted:#748078;--paper:#f5f1e8;--card:#fffdf8;--line:#dedbd1;--moss:#607d68;--moss-dark:#3e5b48;--orange:#b9683f;--orange-soft:#f3dfd2;--radius:14px;--shadow:0 12px 32px rgba(38,45,38,.08);--max:1200px}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.75}
    a{color:inherit;text-decoration:none}
    a:focus-visible,button:focus-visible{outline:3px solid rgba(185,104,63,.38);outline-offset:3px}
    button{font:inherit;border:0;cursor:pointer}
    .container{width:min(var(--max),calc(100% - 48px));margin:auto}
    .site-header{position:sticky;top:0;z-index:20;background:rgba(245,241,232,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(222,219,209,.85)}
    .nav-wrap{height:76px;display:flex;align-items:center;gap:34px}
    .logo{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.04em;font-size:21px;white-space:nowrap}
    .logo-mark{width:35px;height:35px;border-radius:9px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:17px}
    .logo small{display:block;color:var(--moss);font-size:10px;letter-spacing:.08em;font-weight:700;line-height:1}
    .main-nav{display:flex;align-items:center;gap:5px;margin-left:auto}
    .main-nav a{position:relative;padding:10px 13px;color:var(--ink-soft);font-size:14px;border-radius:8px;transition:.25s}
    .main-nav a:hover,.main-nav a.active{background:#e7ece4;color:var(--moss-dark)}
    .main-nav a.active:after{content:"";position:absolute;bottom:3px;left:13px;right:13px;height:2px;background:var(--orange)}
    .nav-action{padding:11px 17px;border-radius:8px;background:var(--moss-dark);color:#fff;font-size:14px;transition:.25s}
    .nav-action:hover{background:var(--ink);transform:translateY(-2px)}
    .menu-toggle{display:none;background:none;font-size:26px;color:var(--ink)}
    main{overflow:hidden}
    .page-intro{padding:72px 0 56px;border-bottom:1px solid var(--line)}
    .breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:26px}
    .breadcrumbs a{color:var(--moss-dark)}
    .intro-grid{display:grid;grid-template-columns:1fr 330px;gap:70px;align-items:end}
    .section-kicker{color:var(--moss-dark);font-size:13px;letter-spacing:.13em;font-weight:800}
    h1{font-size:clamp(38px,5vw,62px);line-height:1.16;letter-spacing:-.065em;margin:13px 0 20px}
    .intro-copy{font-size:18px;color:var(--ink-soft);max-width:720px;margin:0}
    .issue-card{background:var(--ink);color:#fff;border-radius:18px;padding:25px;box-shadow:var(--shadow)}
    .issue-card span{display:block;color:#b6c5b8;font-size:12px;margin-bottom:9px}
    .issue-card strong{font-size:25px;line-height:1.3;display:block}
    .issue-card p{color:#c4cdc5;font-size:13px;margin:12px 0 0}
    section{padding:82px 0}
    .section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}
    .section-head h2{font-size:31px;line-height:1.25;letter-spacing:-.045em;margin:8px 0 0}
    .section-head p{color:var(--muted);max-width:470px;margin:0;font-size:14px}
    .filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}
    .filter-row span{padding:8px 16px;border:1px solid var(--line);border-radius:30px;color:var(--ink-soft);font-size:13px;background:rgba(255,253,248,.55)}
    .filter-row span.active{background:var(--moss-dark);border-color:var(--moss-dark);color:#fff}
    .news-board{border-top:1px solid var(--line)}
    .news-line{display:grid;grid-template-columns:112px 1fr 94px 28px;gap:22px;align-items:center;padding:23px 12px;border-bottom:1px solid var(--line);transition:.25s}
    .news-line:hover{background:#edf1ea;transform:translateX(5px)}
    .news-date{font-size:13px;color:var(--orange);font-weight:800}
    .news-line h3{font-size:18px;margin:0 0 4px;line-height:1.45}
    .news-line p{font-size:13px;color:var(--muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .tag{display:inline-block;padding:4px 10px;background:#e5eee4;color:var(--moss-dark);font-size:11px;border-radius:20px;white-space:nowrap}
    .line-arrow{font-size:22px;color:var(--moss-dark)}
    .feature{background:#ebe9df}
    .feature-band{display:grid;grid-template-columns:1.2fr .8fr;gap:35px;align-items:stretch}
    .feature-main{background:var(--moss-dark);color:#fff;border-radius:16px;padding:36px}
    .feature-main .tag{background:#dbe8dc;color:var(--moss-dark)}
    .feature-main h2{font-size:29px;line-height:1.35;margin:22px 0 12px}
    .feature-main p{color:#d4ded5;max-width:630px;margin:0}
    .feature-side{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px}
    .feature-side h3{font-size:19px;margin:0 0 16px}
    .mini-news{display:flex;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}
    .mini-news:last-child{border-bottom:0}
    .mini-news small{color:var(--muted);white-space:nowrap}
    .update-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
    .update-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:25px;transition:.25s}
    .update-card:hover{transform:translateY(-4px);border-color:var(--moss);box-shadow:var(--shadow)}
    .update-card b{color:var(--orange);font-size:13px}
    .update-card h3{font-size:19px;margin:11px 0 7px}
    .update-card p{font-size:14px;color:var(--muted);margin:0}
    .help-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}
    .help-box{padding:27px 30px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}
    .help-box h3{margin:0 0 12px;font-size:19px}
    .help-box ul{list-style:none;margin:0;padding:0}
    .help-box li{padding:10px 0;border-bottom:1px solid var(--line);color:var(--ink-soft);font-size:14px}
    .help-box li:last-child{border:0}
    .help-box li:before{content:"＋";color:var(--orange);font-weight:700;margin-right:8px}
    .faq{max-width:880px;margin:auto;border-top:1px solid var(--line)}
    .faq details{border-bottom:1px solid var(--line);padding:0 3px}
    .faq summary{list-style:none;cursor:pointer;padding:20px 4px;font-weight:700;display:flex;justify-content:space-between;gap:20px}
    .faq summary::-webkit-details-marker{display:none}
    .faq summary:after{content:"＋";color:var(--orange);font-size:21px}
    .faq details[open] summary:after{content:"－"}
    .faq details p{color:var(--muted);font-size:14px;margin:0 34px 20px 4px}
    .more-area{padding:50px 0;text-align:center;background:var(--orange-soft)}
    .more-area h2{margin:0 0 8px;font-size:27px}
    .more-area p{color:var(--ink-soft);margin:0 0 21px}
    .btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:8px;font-weight:700;font-size:14px;transition:.25s;border:1px solid transparent}
    .btn-primary{background:var(--ink);color:#fff}
    .btn-primary:hover{background:var(--moss-dark);transform:translateY(-2px)}
    .site-footer{background:#171d19;color:#dce5dc;padding:58px 0 25px}
    .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}
    .footer-brand p{color:#9fac9f;font-size:13px;margin:16px 0 0}
    .site-footer .logo{color:#fff}
    .site-footer .logo small{color:#9db89f}
    .site-footer h3{font-size:14px;color:#fff;margin:3px 0 13px}
    .site-footer>div a:not(.logo){display:block;color:#aebbb0;font-size:13px;padding:3px 0;transition:.2s}
    .site-footer>div a:not(.logo):hover{color:#fff;transform:translateX(3px)}
    .copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-top:20px;color:#8c998e;font-size:12px}
    @media(max-width:900px){.intro-grid,.feature-band{grid-template-columns:1fr;gap:30px}.news-line{grid-template-columns:90px 1fr 28px}.news-line .tag{display:none}.update-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}}
    @media(max-width:768px){.container{width:min(var(--max),calc(100% - 36px))}.nav-wrap{height:68px}.main-nav,.nav-action{display:none}.menu-toggle{display:block;margin-left:auto}.page-intro{padding:52px 0 40px}section{padding:62px 0}.news-line{grid-template-columns:1fr 25px;gap:8px;padding:20px 0}.news-date{grid-column:1}.news-line h3{grid-column:1;grid-row:2}.news-line p{grid-column:1;grid-row:3}.line-arrow{grid-column:2;grid-row:2}.help-columns,.footer-grid{grid-template-columns:1fr}.feature-main{padding:28px}.copyright{line-height:1.7}}
    @media(max-width:520px){h1{font-size:39px}.intro-copy{font-size:16px}.section-head{display:block}.section-head p{margin-top:12px}.update-grid{grid-template-columns:1fr}.issue-card strong{font-size:22px}.site-footer{padding-top:44px}}

/* roulang page: category2 */
:root{--ink:#202522;--ink-soft:#4e5a52;--muted:#748078;--paper:#f5f1e8;--card:#fffdf8;--line:#dedbd1;--moss:#607d68;--moss-dark:#3e5b48;--orange:#b9683f;--orange-soft:#f3dfd2;--radius:14px;--shadow:0 12px 32px rgba(38,45,38,.08);--max:1200px}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.75}
    a{color:inherit;text-decoration:none}
    a:focus-visible,button:focus-visible{outline:3px solid rgba(185,104,63,.45);outline-offset:3px}
    button{font:inherit;border:0;cursor:pointer}
    img{max-width:100%;display:block}
    .container{width:min(var(--max),calc(100% - 48px));margin:auto}
    .site-header{position:sticky;top:0;z-index:20;background:rgba(245,241,232,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(222,219,209,.8)}
    .nav-wrap{height:76px;display:flex;align-items:center;gap:34px}
    .logo{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.04em;font-size:21px;white-space:nowrap}
    .logo-mark{width:35px;height:35px;border-radius:9px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:17px}
    .logo small{display:block;color:var(--moss);font-size:10px;letter-spacing:.08em;font-weight:700;line-height:1}
    .main-nav{display:flex;align-items:center;gap:5px;margin-left:auto}
    .main-nav a{position:relative;padding:10px 13px;color:var(--ink-soft);font-size:14px;border-radius:8px;transition:.25s}
    .main-nav a:hover,.main-nav a.active{background:#e7ece4;color:var(--moss-dark)}
    .main-nav a.active:after{content:"";position:absolute;bottom:3px;left:13px;right:13px;height:2px;background:var(--orange)}
    .nav-action{padding:11px 17px;border-radius:8px;background:var(--moss-dark);color:#fff;font-size:14px;transition:.25s}
    .nav-action:hover{background:var(--ink);transform:translateY(-2px);color:#fff}
    .menu-toggle{display:none;background:none;font-size:26px;color:var(--ink)}
    main{overflow:hidden}
    .page-top{padding:54px 0 42px;border-bottom:1px solid var(--line)}
    .breadcrumb{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:13px;margin-bottom:22px}
    .breadcrumb span{color:var(--orange)}
    .page-top-grid{display:grid;grid-template-columns:1fr 330px;gap:70px;align-items:end}
    .eyebrow,.section-kicker{color:var(--moss-dark);font-size:13px;letter-spacing:.13em;font-weight:800}
    h1{font-size:clamp(38px,5vw,58px);line-height:1.18;letter-spacing:-.06em;margin:12px 0 18px}
    .intro{font-size:18px;color:var(--ink-soft);max-width:720px;margin:0}
    .page-index{background:var(--ink);color:#fff;border-radius:16px;padding:24px}
    .page-index strong{font-size:42px;line-height:1;color:var(--orange);display:block;margin-bottom:10px}
    .page-index p{color:#c3cec4;font-size:13px;margin:0}
    section{padding:82px 0}
    .section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:30px}
    .section-head h2{font-size:32px;line-height:1.25;letter-spacing:-.045em;margin:8px 0 0}
    .section-head p{color:var(--muted);max-width:470px;margin:0;font-size:14px}
    .column-list{border-top:1px solid var(--line)}
    .column-row{display:grid;grid-template-columns:75px 1.2fr 1.6fr 130px 28px;gap:20px;align-items:center;padding:23px 18px;border-bottom:1px solid var(--line);transition:.22s}
    .column-row:hover{background:var(--card);transform:translateX(4px);box-shadow:var(--shadow)}
    .column-no{font-size:20px;color:var(--orange);font-weight:800}
    .column-row h3{font-size:18px;margin:0}
    .column-row p{font-size:14px;color:var(--muted);margin:0}
    .type-tag,.status-tag{display:inline-block;padding:4px 10px;border-radius:20px;font-size:11px;white-space:nowrap}
    .type-tag{background:#e5eee4;color:var(--moss-dark)}
    .status-tag{background:var(--orange-soft);color:#8c4e32}
    .row-arrow{font-size:21px;color:var(--moss)}
    .highlight{background:#ebe9df}
    .feature-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}
    .feature-card,.info-card,.scene-card,.notice-box{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:27px;transition:.24s}
    .feature-card:hover,.info-card:hover,.scene-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--moss)}
    .feature-card{min-height:235px;display:flex;flex-direction:column;justify-content:space-between;background:var(--ink);color:#fff}
    .feature-card p{color:#c3cec4;max-width:590px}
    .feature-card .tag{background:rgba(255,255,255,.12);color:#e7efe7}
    .tag{display:inline-block;padding:4px 10px;background:#e5eee4;color:var(--moss-dark);font-size:11px;border-radius:20px}
    .feature-card h3{font-size:27px;margin:14px 0 4px}
    .text-link{color:var(--orange);font-weight:700;font-size:14px}
    .mini-stack{display:grid;gap:18px}
    .mini-stack h3,.scene-card h3,.info-card h3{font-size:18px;margin:0 0 7px}
    .mini-stack p,.scene-card p,.info-card p{font-size:14px;color:var(--muted);margin:0}
    .scene-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
    .scene-card{padding:22px}
    .scene-icon{width:36px;height:36px;border-radius:10px;background:var(--orange-soft);color:var(--orange);display:grid;place-items:center;font-weight:800;margin-bottom:17px}
    .tips{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
    .tip-number{font-size:13px;color:var(--orange);font-weight:800;margin-bottom:15px}
    .notice-box{border-left:4px solid var(--moss);background:#edf1ea}
    .notice-box h3{margin:0 0 8px;font-size:20px}
    .notice-box p{margin:0;color:var(--ink-soft);font-size:14px}
    .article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
    .article-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:22px;min-height:174px;transition:.2s}
    .article-card:hover{border-color:var(--moss);box-shadow:var(--shadow);transform:translateY(-3px)}
    .article-card h3{font-size:17px;margin:14px 0 7px}
    .article-card p{font-size:13px;color:var(--muted);margin:0}
    .more-area{padding:45px 0 92px;text-align:center}
    .more-area h2{font-size:27px;margin:0 0 10px}
    .more-area p{color:var(--muted);font-size:14px;margin:0 0 22px}
    .btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:8px;font-weight:700;font-size:14px;transition:.25s;border:1px solid transparent}
    .btn-primary{background:var(--ink);color:#fff}
    .btn-primary:hover{background:var(--moss-dark);transform:translateY(-2px);color:#fff}
    .btn-secondary{border-color:var(--line);background:var(--card);color:var(--ink)}
    .btn-secondary:hover{border-color:var(--moss);color:var(--moss-dark)}
    .site-footer{background:#171d19;color:#dce5dc;padding:58px 0 25px}
    .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:34px}
    .footer-brand p{color:#aeb8b0;font-size:13px;margin:16px 0 0}
    .site-footer .logo{color:#fff}
    .site-footer .logo small{color:#9eb4a1}
    .site-footer h3{font-size:14px;color:#fff;margin:4px 0 14px}
    .site-footer a:not(.logo){display:block;color:#aeb8b0;font-size:13px;margin:8px 0;transition:.2s}
    .site-footer a:not(.logo):hover{color:#fff;transform:translateX(2px)}
    .copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:42px;padding-top:20px;color:#849188;font-size:12px}
    @media(max-width:900px){
      .nav-wrap{gap:15px}.nav-action{display:none}.page-top-grid,.feature-layout{grid-template-columns:1fr}.page-index{max-width:420px}.column-row{grid-template-columns:55px 1fr 28px}.column-row p,.column-row .status-tag{display:none}.scene-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}
    }
    @media(max-width:768px){
      .container{width:min(var(--max),calc(100% - 36px))}.nav-wrap{height:68px}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;left:18px;right:18px;top:75px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav a{padding:13px 15px}.page-top{padding:38px 0 34px}section{padding:62px 0}.section-head{display:block}.section-head p{margin-top:12px}.column-row{grid-template-columns:48px 1fr 24px;padding:20px 5px}.column-row h3{font-size:16px}.column-row .type-tag{display:none}.article-grid{grid-template-columns:1fr}.tips{grid-template-columns:1fr}
    }
    @media(max-width:520px){
      h1{font-size:38px}.intro{font-size:16px}.scene-grid,.footer-grid{grid-template-columns:1fr}.feature-card h3{font-size:23px}.copyright{line-height:1.8}
    }

/* roulang page: category4 */
:root{
      --ink:#202522;
      --ink-soft:#4e5a52;
      --muted:#748078;
      --paper:#f5f1e8;
      --card:#fffdf8;
      --line:#dedbd1;
      --moss:#607d68;
      --moss-dark:#3e5b48;
      --orange:#b9683f;
      --orange-soft:#f3dfd2;
      --radius:14px;
      --shadow:0 12px 32px rgba(38,45,38,.08);
      --max:1200px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.75}
    a{color:inherit;text-decoration:none}
    a:focus-visible,button:focus-visible{outline:3px solid rgba(185,104,63,.35);outline-offset:3px}
    img{max-width:100%;display:block}
    button{font:inherit;border:0;cursor:pointer}
    .container{width:min(var(--max),calc(100% - 48px));margin:auto}
    .site-header{position:sticky;top:0;z-index:20;background:rgba(245,241,232,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(222,219,209,.8)}
    .nav-wrap{height:76px;display:flex;align-items:center;gap:34px}
    .logo{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.04em;font-size:21px;white-space:nowrap}
    .logo-mark{width:35px;height:35px;border-radius:9px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:17px}
    .logo small{display:block;color:var(--moss);font-size:10px;letter-spacing:.08em;font-weight:700;line-height:1}
    .main-nav{display:flex;align-items:center;gap:5px;margin-left:auto}
    .main-nav a{position:relative;padding:10px 13px;color:var(--ink-soft);font-size:14px;border-radius:8px;transition:.25s}
    .main-nav a:hover,.main-nav a.active{background:#e7ece4;color:var(--moss-dark)}
    .main-nav a.active:after{content:"";position:absolute;bottom:3px;left:13px;right:13px;height:2px;background:var(--orange)}
    .nav-action{padding:11px 17px;border-radius:8px;background:var(--moss-dark);color:#fff;font-size:14px;transition:.25s}
    .nav-action:hover{background:var(--ink);transform:translateY(-2px)}
    .menu-toggle{display:none;background:none;font-size:26px;color:var(--ink)}
    main{overflow:hidden}
    .page-head{padding:64px 0 45px;border-bottom:1px solid var(--line)}
    .crumbs{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:13px;margin-bottom:22px}
    .crumbs a:hover{color:var(--moss-dark)}
    .crumbs span{color:#b1b6ad}
    .page-head-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end}
    .eyebrow,.section-kicker{color:var(--moss-dark);font-size:13px;letter-spacing:.13em;font-weight:800}
    .page-head h1{font-size:clamp(38px,5vw,62px);line-height:1.14;letter-spacing:-.065em;margin:12px 0 18px}
    .page-head h1 em{font-style:normal;color:var(--orange)}
    .lead{max-width:720px;color:var(--ink-soft);font-size:17px;margin:0}
    .head-note{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}
    .head-note strong{display:block;font-size:18px;margin-bottom:7px}
    .head-note p{margin:0;color:var(--muted);font-size:14px}
    section{padding:76px 0}
    .section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}
    .section-head h2{font-size:31px;line-height:1.25;letter-spacing:-.045em;margin:8px 0 0}
    .section-head p{color:var(--muted);max-width:480px;margin:0;font-size:14px}
    .summary-band{background:#ebe9df}
    .summary-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;align-items:center}
    .summary-grid h2{font-size:30px;line-height:1.3;margin:9px 0 0}
    .summary-copy{color:var(--ink-soft);margin:0}
    .feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}
    .feature{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px;transition:.25s}
    .feature:hover,.download-card:hover,.scene:hover,.recommend:hover{transform:translateY(-3px);border-color:var(--moss);box-shadow:var(--shadow)}
    .feature b{display:flex;justify-content:space-between;font-size:16px}
    .feature span{display:block;color:var(--muted);font-size:13px;margin-top:5px}
    .download-area{display:grid;grid-template-columns:.82fr 1.18fr;gap:56px;align-items:center}
    .phone-stage{min-height:410px;background:#e7ece4;border-radius:24px;display:grid;place-items:center;position:relative;border:1px solid #d4ded3}
    .phone{width:210px;height:370px;border:8px solid var(--ink);border-radius:28px;background:#faf8f0;box-shadow:0 20px 30px rgba(32,37,34,.16);overflow:hidden}
    .phone-top{height:42px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:11px}
    .phone-body{padding:18px 14px}
    .phone-brand{font-weight:800;font-size:18px;margin-bottom:16px}
    .phone-label{font-size:11px;color:var(--muted);margin-bottom:7px}
    .phone-line{height:9px;border-radius:8px;background:#dfe8df;margin-bottom:9px}
    .phone-line.short{width:64%}
    .phone-box{background:var(--orange-soft);border-radius:9px;padding:13px;margin:19px 0}
    .phone-box b{font-size:13px;display:block}.phone-box span{font-size:10px;color:var(--ink-soft)}
    .phone-nav{display:flex;gap:7px;margin-top:22px}.phone-nav i{height:24px;flex:1;border-radius:5px;background:#dce7dd}
    .phone-nav i:first-child{background:var(--moss)}
    .download-card{background:var(--ink);color:#fff;border-radius:18px;padding:36px;transition:.25s}
    .download-card h2{font-size:32px;line-height:1.3;margin:9px 0 14px}
    .download-card p{color:#c3cec4;margin:0}
    .download-tags{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0 28px}
    .download-tags span{border:1px solid rgba(255,255,255,.23);padding:6px 11px;border-radius:20px;font-size:12px;color:#dce5dc}
    .btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:8px;font-weight:700;font-size:14px;transition:.25s;border:1px solid transparent}
    .btn-primary{background:var(--orange);color:#fff}.btn-primary:hover{background:#995333;transform:translateY(-2px)}
    .btn-secondary{border-color:var(--line);background:var(--card);color:var(--ink)}.btn-secondary:hover{border-color:var(--moss);color:var(--moss-dark)}
    .download-tip{font-size:12px;color:#aeb8b0;margin:18px 0 0!important}
    .entry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
    .entry{padding:23px;background:var(--card);border:1px solid var(--line);border-radius:12px;transition:.25s}
    .entry-num{font-size:13px;color:var(--orange);font-weight:800}
    .entry h3{font-size:18px;margin:12px 0 5px}.entry p{font-size:13px;color:var(--muted);margin:0}
    .timeline{border-left:1px solid var(--line);padding-left:35px;max-width:850px}
    .timeline-item{position:relative;padding:0 0 30px}.timeline-item:last-child{padding-bottom:0}
    .timeline-item:before{content:"";position:absolute;left:-42px;top:7px;width:13px;height:13px;border-radius:50%;background:var(--orange);border:3px solid var(--paper)}
    .timeline-item b{color:var(--moss-dark);font-size:13px}.timeline-item h3{margin:5px 0;font-size:19px}.timeline-item p{margin:0;color:var(--muted);font-size:14px}
    .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .step{padding:25px 22px;border-right:1px solid var(--line)}.step:last-child{border:0}
    .step strong{color:var(--orange);font-size:22px}.step h3{font-size:17px;margin:10px 0 5px}.step p{font-size:13px;color:var(--muted);margin:0}
    .scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
    .scene{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:25px;transition:.25s}
    .scene h3{margin:0 0 8px;font-size:18px}.scene p{margin:0;color:var(--muted);font-size:14px}
    .faq{max-width:850px;margin:auto;border-top:1px solid var(--line)}
    .faq-item{border-bottom:1px solid var(--line)}
    .faq-question{width:100%;padding:20px 4px;background:none;text-align:left;display:flex;justify-content:space-between;align-items:center;font-weight:700;color:var(--ink)}
    .faq-question span:last-child{font-size:22px;color:var(--orange);transition:.2s}
    .faq-answer{display:none;padding:0 34px 20px 4px;color:var(--muted);font-size:14px}
    .faq-item.open .faq-answer{display:block}.faq-item.open .faq-question span:last-child{transform:rotate(45deg)}
    .recommend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
    .recommend{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:23px;transition:.25s}
    .recommend .tag{display:inline-block;padding:3px 9px;background:#e5eee4;color:var(--moss-dark);font-size:11px;border-radius:20px}
    .recommend h3{font-size:18px;margin:13px 0 7px}.recommend p{font-size:13px;color:var(--muted);margin:0}
    .more-section{padding:52px 0;background:var(--orange-soft)}
    .more-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.more-inner h2{font-size:27px;margin:0 0 6px}.more-inner p{margin:0;color:var(--ink-soft);font-size:14px}
    .site-footer{background:#171d19;color:#dce5dc;padding:58px 0 25px}
    .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}
    .footer-brand .logo{color:#fff}.footer-brand p{color:#9eaba0;font-size:13px;margin:17px 0 0}
    .site-footer h3{font-size:14px;color:#fff;margin:0 0 15px}.site-footer a{display:block;color:#aeb8b0;font-size:13px;margin:8px 0;transition:.2s}.site-footer a:hover{color:#fff;padding-left:3px}
    .copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:42px;padding-top:20px;color:#89968c;font-size:12px}
    @media(max-width:1024px){.page-head-grid,.download-area,.summary-grid{gap:35px}.entry-grid{grid-template-columns:repeat(2,1fr)}.nav-wrap{gap:16px}.main-nav a{padding:9px 8px}}
    @media(max-width:768px){
      .container{width:min(100% - 36px,var(--max))}.nav-wrap{height:68px}.main-nav{display:none;position:absolute;left:18px;right:18px;top:75px;background:var(--card);padding:12px;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.main-nav.show{display:flex}.main-nav a{padding:13px 14px}.nav-action{display:none}.menu-toggle{display:block;margin-left:auto}.page-head{padding:46px 0 35px}.page-head-grid,.download-area,.summary-grid{grid-template-columns:1fr}.page-head h1{font-size:42px}.head-note{max-width:540px}section{padding:60px 0}.section-head{display:block}.section-head p{margin-top:12px}.steps{grid-template-columns:repeat(2,1fr)}.step:nth-child(2){border-right:0}.step:nth-child(-n+2){border-bottom:1px solid var(--line)}.scene-grid,.recommend-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2}.more-inner{display:block}.more-inner .btn{margin-top:20px}}
    @media(max-width:520px){
      .container{width:calc(100% - 36px)}.page-head h1{font-size:36px}.lead{font-size:15px}.feature-list,.entry-grid{grid-template-columns:1fr}.download-card{padding:27px 22px}.download-card h2{font-size:27px}.phone-stage{min-height:370px}.phone{transform:scale(.88)}.steps{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid var(--line)!important}.step:last-child{border-bottom:0!important}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-brand{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.copyright{margin-top:30px}}