/* roulang page: index */
:root{--bg:#101512;--surface:#171d19;--surface2:#202822;--line:#334037;--text:#f2f0e8;--muted:#a8b0a7;--soft:#707970;--lime:#b7e84a;--lime2:#d5f58c;--purple:#a89cc8;--danger:#d98778;--radius:16px;--shadow:0 18px 45px rgba(0,0,0,.22);--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.78,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.34;background-image:radial-gradient(circle at 20% 12%,rgba(183,232,74,.16),transparent 23%),radial-gradient(circle at 85% 22%,rgba(168,156,200,.11),transparent 20%),radial-gradient(rgba(242,240,232,.12) 1px,transparent 1px);background-size:auto,auto,38px 38px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%}.container{width:min(var(--max),calc(100% - 48px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(16,21,18,.94);border-bottom:1px solid rgba(168,176,167,.17);backdrop-filter:blur(12px)}.nav-wrap{min-height:76px;display:flex;align-items:center;gap:24px}.brand{line-height:1.28;min-width:250px;font-weight:800;letter-spacing:-.03em}.brand b{display:block;font-size:15px;color:var(--lime)}.brand span{display:block;font-size:11px;color:var(--muted);font-weight:600}.nav{display:flex;align-items:center;justify-content:center;gap:4px;flex:1}.nav a{font-size:14px;color:var(--muted);padding:8px 10px;border-radius:8px;white-space:nowrap;transition:.2s}.nav a:hover,.nav a.active{color:var(--text);background:rgba(183,232,74,.09)}.btn{border:1px solid transparent;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 18px;font-weight:800;font-size:14px;cursor:pointer;transition:transform .2s,background .2s,border-color .2s}.btn:hover{transform:translateY(-2px)}.btn:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.btn-primary{background:var(--lime);color:#172014}.btn-primary:hover{background:var(--lime2)}.btn-dark{border-color:var(--line);background:#18201b;color:var(--text)}.btn-dark:hover{border-color:rgba(183,232,74,.65);background:#222c24}.nav-download{white-space:nowrap}
.hero{position:relative;padding:72px 0 42px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:60px}.eyebrow,.tag{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(168,156,200,.52);color:#d0c9e6;background:rgba(168,156,200,.09);border-radius:99px;padding:4px 10px;font-size:12px;font-weight:700}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(183,232,74,.11)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(34px,4vw,48px);line-height:1.2;letter-spacing:-.05em;margin:18px 0}.hero p{color:var(--muted);max-width:620px;font-size:17px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.status-row{display:flex;flex-wrap:wrap;gap:20px;color:var(--soft);font-size:13px}.status-row span:before{content:"✓";color:var(--lime);font-weight:900;margin-right:7px}.stage{min-height:430px;position:relative;display:flex;justify-content:center;align-items:center}.stage:before{content:"";position:absolute;width:340px;height:340px;border:1px solid rgba(183,232,74,.22);border-radius:50%;box-shadow:0 0 0 45px rgba(183,232,74,.025),0 0 100px rgba(183,232,74,.08)}.phone{z-index:2;width:220px;height:420px;border:8px solid #2c362e;border-radius:31px;background:#111713;box-shadow:var(--shadow);padding:18px 13px;position:relative}.phone:before{content:"";width:78px;height:13px;background:#2c362e;border-radius:0 0 12px 12px;position:absolute;top:0;left:calc(50% - 39px)}.app-logo{font-size:11px;color:var(--lime);font-weight:800;margin:9px 0 24px}.app-title{font-weight:800;font-size:19px;line-height:1.35}.app-line{height:8px;background:#2b352e;border-radius:8px;margin:12px 0}.app-line.short{width:68%}.match-panel{margin-top:28px;border:1px solid #354237;border-radius:11px;padding:12px;background:#1c251f}.match-panel small{color:var(--muted)}.match-panel strong{display:block;font-size:13px;margin-top:7px}.progress{height:5px;background:#313b34;border-radius:5px;margin-top:12px;overflow:hidden}.progress i{display:block;background:var(--lime);height:100%;width:72%}.float-card{position:absolute;z-index:3;width:178px;background:#202822;border:1px solid #455046;border-radius:13px;padding:13px;box-shadow:var(--shadow);font-size:12px}.float-card strong{font-size:13px;display:block}.float-card small{color:var(--muted);display:block;margin-top:5px}.card-a{left:0;top:77px}.card-b{right:0;bottom:58px}.float-card i{display:block;width:28px;height:5px;background:var(--purple);border-radius:9px;margin-bottom:10px}
.quick{padding:28px 0}.quick-grid{display:grid;grid-template-columns:5fr 7fr;gap:14px}.quick-box{border:1px solid var(--line);border-radius:var(--radius);padding:25px 28px;background:var(--surface);display:flex;align-items:center;justify-content:space-between;gap:20px}.quick-box.download{background:linear-gradient(120deg,#202a20,#27341f);border-color:rgba(183,232,74,.37)}.quick-icon{width:44px;height:44px;border-radius:12px;background:rgba(183,232,74,.13);display:grid;place-items:center;color:var(--lime);font-size:22px}.quick-copy{flex:1}.quick-copy h2{font-size:19px;margin:0 0 3px}.quick-copy p{font-size:13px;margin:0;color:var(--muted)}.section{padding:76px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.section-head h2{font-size:30px;line-height:1.3;letter-spacing:-.04em;margin:8px 0 0}.section-head p{margin:0;color:var(--muted);max-width:470px;font-size:14px}.download-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px;align-items:start}.steps{border-left:1px solid #425047;margin:5px 0 0 12px}.step{padding:0 0 29px 30px;position:relative}.step:before{content:attr(data-no);position:absolute;left:-13px;top:0;width:25px;height:25px;border-radius:50%;background:var(--lime);color:#1a2119;display:grid;place-items:center;font-size:11px;font-weight:900}.step h3{font-size:18px;margin:0 0 5px}.step p{margin:0;color:var(--muted);font-size:14px}.download-panel{background:var(--surface2);border:1px solid var(--line);border-radius:18px;padding:28px;display:grid;grid-template-columns:132px 1fr;gap:25px;box-shadow:var(--shadow)}.qr{width:132px;height:132px;background:#e8ece0;padding:12px;display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.qr i{background:#172018}.qr i:nth-child(3n),.qr i:nth-child(5n){opacity:.14}.download-panel h3{font-size:21px;margin:0 0 7px}.download-panel p{color:var(--muted);font-size:14px;margin:0 0 14px}.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;color:var(--soft);font-size:12px;margin-bottom:15px}.notice{margin-top:17px;border-top:1px solid var(--line);padding-top:15px;color:var(--muted);font-size:13px}.notice b{color:var(--lime)}
.news-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:20px}.feature-news,.news-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:.2s}.feature-news:hover,.news-item:hover{transform:translateY(-3px);border-color:rgba(183,232,74,.58)}.feature-news{overflow:hidden}.news-visual{height:195px;background:linear-gradient(135deg,#263521,#151c17 48%,#313143);position:relative;padding:20px}.news-visual:after{content:"";position:absolute;inset:25px;border:1px solid rgba(183,232,74,.24);background:repeating-linear-gradient(90deg,transparent 0 28px,rgba(183,232,74,.1) 29px 30px)}.feature-news .news-copy{padding:22px}.news-copy h3{font-size:22px;line-height:1.4;margin:10px 0}.news-copy p{color:var(--muted);font-size:14px;margin-bottom:14px}.news-meta{display:flex;gap:11px;color:var(--soft);font-size:12px}.news-list{display:grid;gap:10px}.news-item{padding:15px 17px}.news-item h3{font-size:15px;line-height:1.45;margin:7px 0 5px}.news-item p{font-size:13px;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.empty{padding:36px;text-align:center;background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted)}.guide{background:linear-gradient(180deg,transparent,#151c17)}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.guide-item{padding:21px 18px;background:var(--surface);border-bottom:2px solid transparent;border-radius:14px}.guide-item:hover{border-color:var(--lime)}.guide-num{font-size:12px;color:var(--lime);font-weight:800}.guide-item h3{font-size:17px;margin:10px 0 7px}.guide-item p{color:var(--muted);font-size:13px;margin:0}.topics{display:grid;grid-template-columns:1.25fr .75fr;gap:15px}.topic-main,.topic-list a{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius)}.topic-main{padding:30px;min-height:230px;background:linear-gradient(140deg,#202b20,#171d19)}.topic-main h2{font-size:27px;margin:13px 0 8px}.topic-main p{color:var(--muted);max-width:520px}.topic-list{display:grid;gap:9px}.topic-list a{padding:14px 17px;display:flex;justify-content:space-between;align-items:center;transition:.2s}.topic-list a:hover{border-color:var(--lime);padding-left:22px}.topic-list span{font-size:13px;color:var(--muted)}.faq-wrap{max-width:860px;margin:auto}.faq{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;background:none;border:0;color:var(--text);text-align:left;padding:20px 0;cursor:pointer;font-weight:800;font-size:16px;display:flex;justify-content:space-between;gap:15px}.faq-q i{font-style:normal;color:var(--lime);font-size:21px;transition:.2s}.faq-a{display:none;color:var(--muted);font-size:14px;padding:0 34px 20px 0}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q{color:var(--lime)}.faq-item.open .faq-q i{transform:rotate(45deg)}.cta{padding:35px;border:1px solid rgba(183,232,74,.38);border-radius:18px;background:linear-gradient(100deg,#24311f,#171d19);display:flex;justify-content:space-between;align-items:center;gap:24px}.cta h2{font-size:27px;margin:0 0 6px}.cta p{margin:0;color:var(--muted);font-size:14px}.cta-right{display:flex;align-items:center;gap:15px}.mini-qr{width:62px;height:62px;background:#e8ece0;padding:7px;display:grid;grid-template-columns:repeat(5,1fr);gap:2px}.mini-qr i{background:#172018}.site-footer{margin-top:78px;background:#0c110e;border-top:1px solid var(--line);padding:50px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:28px}.footer-brand{font-weight:800}.footer-brand b{color:var(--lime);display:block}.footer-brand p,.footer-col a{color:var(--muted);font-size:13px}.footer-col h3{font-size:14px;margin:0 0 13px}.footer-col a{display:block;margin:7px 0}.footer-col a:hover{color:var(--lime)}.copyright{border-top:1px solid #263028;margin-top:35px;padding-top:17px;display:flex;justify-content:space-between;gap:15px;color:var(--soft);font-size:12px}
@media(max-width:1024px){.nav{gap:0}.nav a{padding:7px}.hero-grid{gap:25px}.guide-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.container{width:min(100% - 32px,var(--max))}.nav-wrap{min-height:68px;flex-wrap:wrap;padding:10px 0}.brand{min-width:0;flex:1}.nav-download{padding:0 12px;min-height:38px}.nav{order:3;flex-basis:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:2px}.nav a{font-size:13px;padding:6px 9px}.hero{padding-top:45px}.hero-grid,.download-layout,.news-layout,.topics{grid-template-columns:1fr}.stage{min-height:370px;order:-1}.phone{transform:scale(.86)}.quick-grid{grid-template-columns:1fr}.quick-box{padding:20px}.download-panel{grid-template-columns:105px 1fr;padding:20px}.qr{width:105px;height:105px}.section{padding:52px 0}.section-head{display:block}.section-head p{margin-top:10px}.footer-grid{grid-template-columns:1fr 1fr}.cta{align-items:flex-start;flex-direction:column}.cta-right{width:100%;justify-content:space-between}}
@media(max-width:520px){h1{font-size:31px}.hero p{font-size:15px}.actions .btn{width:100%}.stage{min-height:320px}.float-card{display:none}.phone{height:360px}.quick-box{align-items:flex-start;flex-wrap:wrap}.quick-box .btn{width:100%}.download-panel{grid-template-columns:1fr}.qr{width:120px;height:120px}.guide-grid{grid-template-columns:1fr}.meta-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.copyright{display:block}.copyright span{display:block;margin:5px 0}.cta h2{font-size:23px}}

/* roulang page: article */
:root{--bg:#101512;--surface:#171d19;--surface2:#202822;--surface3:#263129;--line:#334037;--text:#f2f0e8;--muted:#a8b0a7;--soft:#707970;--lime:#b7e84a;--lime2:#d5f58c;--purple:#a89cc8;--danger:#d98778;--radius:16px;--radius-sm:11px;--shadow:0 18px 45px rgba(0,0,0,.22);--max:1200px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.82,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.32;background-image:radial-gradient(circle at 18% 8%,rgba(183,232,74,.13),transparent 21%),radial-gradient(circle at 86% 22%,rgba(168,156,200,.11),transparent 20%),radial-gradient(rgba(242,240,232,.09) 1px,transparent 1px);background-size:auto,auto,38px 38px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
button,input{font:inherit}
button{border:0}
.container{width:min(var(--max),calc(100% - 48px));margin:auto}
.site-header{position:sticky;top:0;z-index:30;background:rgba(16,21,18,.95);border-bottom:1px solid rgba(168,176,167,.17);backdrop-filter:blur(12px)}
.nav-wrap{min-height:76px;display:flex;align-items:center;gap:24px}
.brand{line-height:1.28;min-width:250px;font-weight:800;letter-spacing:-.03em}
.brand b{display:block;font-size:15px;color:var(--lime)}
.brand span{display:block;font-size:11px;color:var(--muted);font-weight:600}
.nav{display:flex;align-items:center;justify-content:center;gap:4px;flex:1}
.nav a{font-size:14px;color:var(--muted);padding:8px 10px;border-radius:8px;white-space:nowrap;transition:.2s}
.nav a:hover,.nav a.active{color:var(--text);background:rgba(183,232,74,.09)}
.btn{border:1px solid transparent;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 18px;font-weight:800;font-size:14px;cursor:pointer;transition:transform .2s,background .2s,border-color .2s,color .2s}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0)}
.btn:focus-visible,a:focus-visible,.toc a:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.btn-primary{background:var(--lime);color:#172014}
.btn-primary:hover{background:var(--lime2);color:#101512}
.btn-dark{border-color:var(--line);background:#18201b;color:var(--text)}
.btn-dark:hover{border-color:rgba(183,232,74,.7);background:#222c24}
.nav-download{white-space:nowrap}
.page-head{padding:55px 0 42px;border-bottom:1px solid rgba(168,176,167,.14);background:linear-gradient(135deg,rgba(32,40,34,.75),rgba(16,21,18,.35))}
.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--soft);font-size:13px;margin-bottom:23px}
.breadcrumb a{color:var(--muted);transition:color .2s}
.breadcrumb a:hover{color:var(--lime)}
.breadcrumb i{font-style:normal;color:#536057}
.article-heading{max-width:900px}
.tag{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(168,156,200,.52);color:#d5cee8;background:rgba(168,156,200,.1);border-radius:99px;padding:4px 10px;font-size:12px;font-weight:700}
.tag:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime)}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(32px,4.3vw,47px);line-height:1.23;letter-spacing:-.045em;margin:15px 0 15px;max-width:960px}
.article-intro{max-width:780px;color:var(--muted);font-size:17px;margin:0}
.article-meta{display:flex;flex-wrap:wrap;gap:10px 22px;color:var(--soft);font-size:13px;margin-top:21px}
.article-meta span{display:inline-flex;align-items:center;gap:7px}
.article-meta span:before{content:"";width:6px;height:6px;border:1px solid var(--lime);border-radius:50%}
.article-layout{display:grid;grid-template-columns:minmax(0,790px) 300px;justify-content:space-between;gap:54px;padding:56px 0 82px}
.article-body{min-width:0}
.cover-strip{height:170px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:34px;position:relative;background:linear-gradient(125deg,#18211b 0%,#293827 48%,#181d19 100%)}
.cover-strip:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(112deg,transparent 0 37px,rgba(183,232,74,.11) 38px 39px,transparent 40px 80px),radial-gradient(circle at 72% 50%,rgba(183,232,74,.24),transparent 22%),radial-gradient(circle at 20% 10%,rgba(168,156,200,.2),transparent 25%)}
.cover-strip:after{content:"XINGKONG  ·  APP INFO";position:absolute;right:26px;bottom:18px;color:rgba(242,240,232,.45);font-size:11px;font-weight:800;letter-spacing:.15em}
.article-content{font-size:16px;color:#d8d9d2}
.article-content>*:first-child{margin-top:0}
.article-content h2{font-size:29px;line-height:1.35;letter-spacing:-.035em;color:var(--text);margin:48px 0 17px;padding-top:4px}
.article-content h3{font-size:21px;line-height:1.45;color:var(--text);margin:31px 0 12px}
.article-content p{margin:0 0 19px}
.article-content ul,.article-content ol{padding-left:1.35em;margin:0 0 22px}
.article-content li{padding-left:5px;margin:7px 0}
.article-content li::marker{color:var(--lime);font-weight:800}
.article-content a{color:var(--lime2);text-decoration:underline;text-decoration-color:rgba(183,232,74,.55);text-underline-offset:3px}
.article-content blockquote{margin:27px 0;padding:17px 20px;border-left:3px solid var(--lime);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:rgba(183,232,74,.06);color:var(--muted)}
.article-content table{display:block;overflow:auto;width:100%;border-collapse:collapse;margin:25px 0;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.article-content th,.article-content td{padding:12px 14px;border:1px solid var(--line);text-align:left;white-space:nowrap}
.article-content th{color:var(--lime2);background:#202821;font-size:14px}
.article-content img{display:block;border-radius:13px;border:1px solid var(--line);margin:28px 0}
.article-content pre{padding:16px;overflow:auto;border-radius:12px;background:#0c100d;color:#d7e4bf;border:1px solid var(--line)}
.notice{display:flex;gap:14px;padding:18px 19px;margin:29px 0;border:1px solid rgba(183,232,74,.34);border-radius:14px;background:linear-gradient(100deg,rgba(183,232,74,.1),rgba(32,40,34,.5))}
.notice-icon{flex:0 0 29px;width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:var(--lime);color:#162015;font-weight:900}
.notice strong{display:block;color:var(--text);font-size:15px;margin-bottom:2px}
.notice p{color:var(--muted);font-size:14px;margin:0}
.article-action{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:36px 0 7px;padding:21px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.article-action h3{font-size:18px;margin:0 0 4px}
.article-action p{font-size:13px;color:var(--muted);margin:0}
.aside{position:relative}
.aside-inner{position:sticky;top:99px}
.toc,.side-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}
.toc{padding:19px}
.toc h2,.side-card h2{font-size:16px;margin:0 0 12px;color:var(--text)}
.toc a{display:block;padding:8px 9px;border-radius:8px;color:var(--muted);font-size:13px;line-height:1.45;transition:.2s}
.toc a:hover{color:var(--lime);background:rgba(183,232,74,.08)}
.side-card{margin-top:14px;padding:20px;background:linear-gradient(145deg,#202a22,#171d19)}
.side-card p{font-size:13px;color:var(--muted);margin:0 0 15px}
.side-card .btn{width:100%;min-height:42px}
.related{margin-top:58px;padding-top:38px;border-top:1px solid var(--line)}
.section-kicker{color:var(--purple);font-size:12px;font-weight:800;letter-spacing:.08em}
.related h2{font-size:28px;letter-spacing:-.035em;margin:6px 0 19px}
.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.related-card{display:block;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);transition:.2s}
.related-card:hover{transform:translateY(-3px);border-color:rgba(183,232,74,.62);background:var(--surface2)}
.related-card h3{font-size:17px;line-height:1.45;margin:10px 0 8px}
.related-card p{color:var(--muted);font-size:13px;line-height:1.65;margin:0}
.card-meta{color:var(--soft);font-size:12px}
.cta-band{padding:0 0 76px}
.cta{padding:32px 35px;border:1px solid rgba(183,232,74,.38);border-radius:18px;background:linear-gradient(100deg,#24311f,#171d19);display:flex;justify-content:space-between;align-items:center;gap:24px}
.cta h2{font-size:25px;line-height:1.35;margin:0 0 7px}
.cta p{margin:0;color:var(--muted);font-size:14px}
.cta-actions{display:flex;gap:10px;flex-shrink:0}
.site-footer{border-top:1px solid var(--line);padding:54px 0 21px;background:#0c100d}
.footer-grid{display:grid;grid-template-columns:1.55fr repeat(3,1fr);gap:38px}
.footer-brand{font-size:16px;font-weight:800;line-height:1.5}.footer-brand b{color:var(--lime)}
.site-footer p{font-size:13px;color:var(--muted);margin:12px 0 0;max-width:290px}
.footer-col h3{font-size:14px;margin:0 0 12px;color:var(--text)}
.footer-col a{display:block;font-size:13px;color:var(--muted);padding:3px 0;transition:.2s}
.footer-col a:hover{color:var(--lime);transform:translateX(3px)}
.copyright{border-top:1px solid rgba(168,176,167,.14);margin-top:37px;padding-top:18px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:12px;color:var(--soft)}
.backtop{position:fixed;right:24px;bottom:25px;z-index:15;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:#202822;color:var(--lime);font-size:19px;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:.2s}
.backtop.show{opacity:1;visibility:visible;transform:translateY(0)}
.backtop:hover{border-color:var(--lime);background:#293529}
.not-found{padding:42px 25px;border:1px solid var(--line);border-radius:var(--radius);text-align:center;background:var(--surface)}
.not-found h2{font-size:27px;margin-bottom:9px}.not-found p{color:var(--muted);margin-bottom:20px}
@media(max-width:1100px){.nav-wrap{gap:13px}.brand{min-width:218px}.nav a{padding:7px 7px;font-size:13px}.article-layout{gap:30px;grid-template-columns:minmax(0,1fr) 270px}}
@media(max-width:900px){.nav{overflow-x:auto;justify-content:flex-start;padding-bottom:2px}.nav::-webkit-scrollbar{display:none}.nav-download{display:none}.article-layout{display:block;padding-top:40px}.aside{margin-bottom:27px}.aside-inner{position:static}.toc{display:grid;grid-template-columns:130px 1fr;gap:10px;align-items:start}.toc h2{margin:5px 0}.toc nav{display:grid;grid-template-columns:repeat(2,1fr)}.side-card{display:none}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{display:none}}
@media(max-width:680px){.container{width:min(var(--max),calc(100% - 32px))}.site-header{position:relative}.nav-wrap{min-height:72px;display:grid;grid-template-columns:1fr}.brand{padding-top:12px;min-width:0}.nav{width:100%;padding-bottom:11px;gap:2px}.nav a{font-size:12px;padding:6px 8px}.page-head{padding:36px 0 31px}.breadcrumb{font-size:12px;margin-bottom:18px}h1{font-size:31px}.article-intro{font-size:15px}.article-layout{padding:33px 0 55px}.cover-strip{height:125px;margin-bottom:26px}.article-content{font-size:15px}.article-content h2{font-size:24px;margin-top:38px}.article-content h3{font-size:19px}.article-action{display:block}.article-action .btn{width:100%;margin-top:16px}.toc{display:block}.toc nav{grid-template-columns:1fr}.related{margin-top:42px}.related-grid{grid-template-columns:1fr}.cta{padding:25px;display:block}.cta h2{font-size:22px}.cta-actions{margin-top:18px;display:grid;grid-template-columns:1fr}.cta-actions .btn{width:100%}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>div:first-child{grid-column:1/-1}.copyright{display:block}.copyright span{display:block;margin:4px 0}.backtop{right:16px;bottom:16px}}
@media(max-width:420px){.brand b{font-size:14px}.brand span{font-size:10px}.nav a{padding:6px 7px}.article-meta{gap:8px 14px}.notice{padding:15px}.article-content th,.article-content td{padding:10px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}

/* roulang page: category1 */
:root{--bg:#101512;--surface:#171d19;--surface2:#202822;--surface3:#263028;--line:#334037;--text:#f2f0e8;--muted:#a8b0a7;--soft:#707970;--lime:#b7e84a;--lime2:#d5f58c;--purple:#a89cc8;--danger:#d98778;--radius:16px;--shadow:0 18px 45px rgba(0,0,0,.22);--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.78,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.35;background-image:radial-gradient(circle at 18% 5%,rgba(183,232,74,.13),transparent 23%),radial-gradient(circle at 85% 15%,rgba(168,156,200,.1),transparent 19%),radial-gradient(rgba(242,240,232,.1) 1px,transparent 1px);background-size:auto,auto,38px 38px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit}.container{width:min(var(--max),calc(100% - 48px));margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(16,21,18,.94);border-bottom:1px solid rgba(168,176,167,.17);backdrop-filter:blur(12px)}.nav-wrap{min-height:76px;display:flex;align-items:center;gap:24px}.brand{line-height:1.28;min-width:250px;font-weight:800;letter-spacing:-.03em}.brand b{display:block;font-size:15px;color:var(--lime)}.brand span{display:block;font-size:11px;color:var(--muted);font-weight:600}.nav{display:flex;align-items:center;justify-content:center;gap:4px;flex:1}.nav a{font-size:14px;color:var(--muted);padding:8px 10px;border-radius:8px;white-space:nowrap;transition:.2s}.nav a:hover,.nav a.active{color:var(--text);background:rgba(183,232,74,.09)}
.btn{border:1px solid transparent;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 18px;font-weight:800;font-size:14px;cursor:pointer;transition:transform .2s,background .2s,border-color .2s}.btn:hover{transform:translateY(-2px)}.btn:focus-visible,a:focus-visible,.faq-q:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.btn-primary{background:var(--lime);color:#172014}.btn-primary:hover{background:var(--lime2)}.btn-dark{border-color:var(--line);background:#18201b;color:var(--text)}.btn-dark:hover{border-color:rgba(183,232,74,.65);background:#222c24}.nav-download{white-space:nowrap}
.page-hero{position:relative;padding:66px 0 54px;border-bottom:1px solid rgba(168,176,167,.12);overflow:hidden}.page-hero:after{content:"";position:absolute;right:-90px;top:-160px;width:420px;height:420px;border:1px solid rgba(183,232,74,.16);border-radius:50%;box-shadow:0 0 0 48px rgba(183,232,74,.025),0 0 90px rgba(183,232,74,.06)}.crumb{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--soft);font-size:13px;margin-bottom:25px}.crumb a:hover{color:var(--lime)}.crumb i{font-style:normal;color:var(--line)}.hero-inner{position:relative;z-index:1;max-width:850px}.eyebrow,.tag{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(168,156,200,.52);color:#d0c9e6;background:rgba(168,156,200,.09);border-radius:99px;padding:4px 10px;font-size:12px;font-weight:700}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(183,232,74,.11)}h1,h2,h3,p{margin-top:0}h1{font-size:44px;line-height:1.2;letter-spacing:-.05em;margin:16px 0 18px;max-width:820px}h2{font-size:29px;line-height:1.32;letter-spacing:-.04em;margin-bottom:14px}h3{font-size:18px;line-height:1.45}.lead{max-width:760px;color:var(--muted);font-size:17px;margin-bottom:25px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.section{padding:78px 0}.section-head{margin-bottom:29px}.section-head p{max-width:670px;color:var(--muted);margin:0}
.content-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:44px;align-items:start}.side-nav{position:sticky;top:100px;background:rgba(23,29,25,.86);border:1px solid var(--line);border-radius:var(--radius);padding:12px}.side-nav strong{display:block;padding:8px 10px 11px;font-size:14px}.side-nav a{display:block;padding:10px;border-radius:9px;color:var(--muted);font-size:14px;transition:.2s}.side-nav a:hover{color:var(--text);background:rgba(183,232,74,.09);padding-left:14px}.reading{min-width:0}.reading>section{scroll-margin-top:110px;padding:0 0 43px;margin-bottom:43px;border-bottom:1px solid var(--line)}.reading>section:last-child{border:0;margin-bottom:0}.reading p{color:var(--muted);margin-bottom:15px}.note{display:flex;gap:14px;align-items:flex-start;margin-top:22px;padding:18px;border-radius:14px;background:rgba(183,232,74,.055);border:1px solid rgba(183,232,74,.25)}.note-icon{flex:0 0 32px;height:32px;border-radius:10px;background:var(--lime);color:#172014;display:grid;place-items:center;font-weight:900}.note p{margin:0;font-size:14px}.step-list{display:grid;gap:12px;margin-top:23px}.step{position:relative;display:grid;grid-template-columns:52px 1fr;gap:16px;padding:19px;background:var(--surface);border:1px solid var(--line);border-radius:14px;transition:.2s}.step:hover{transform:translateY(-2px);border-color:rgba(183,232,74,.58);background:var(--surface2)}.step-no{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:rgba(183,232,74,.12);border:1px solid rgba(183,232,74,.45);color:var(--lime);font-size:13px;font-weight:900}.step h3{margin:0 0 5px}.step p{font-size:14px;margin:0}
.identify-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:22px}.identify-card{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:.2s}.identify-card:hover{transform:translateY(-3px);border-color:rgba(183,232,74,.58)}.identify-card .mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:var(--lime);background:rgba(183,232,74,.1);font-size:19px;margin-bottom:15px}.identify-card h3{margin-bottom:7px}.identify-card p{font-size:14px;margin:0}
.mini-panel{padding:25px;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(135deg,#202a22,#171d19);margin-top:22px}.mini-panel h3{margin-bottom:8px}.check-list{list-style:none;padding:0;margin:16px 0 0}.check-list li{position:relative;padding:8px 0 8px 25px;color:var(--muted);font-size:14px;border-bottom:1px solid rgba(168,176,167,.1)}.check-list li:last-child{border:0}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--lime);font-weight:900}
.faq{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;background:none;border:0;color:var(--text);text-align:left;padding:20px 0;cursor:pointer;font-weight:800;font-size:16px;display:flex;justify-content:space-between;gap:15px}.faq-q i{font-style:normal;color:var(--lime);font-size:21px;transition:.2s}.faq-a{display:none;color:var(--muted);font-size:14px;padding:0 35px 20px 0}.faq-a p:last-child{margin-bottom:0}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q{color:var(--lime)}.faq-item.open .faq-q i{transform:rotate(45deg)}
.related{padding:34px;border:1px solid rgba(183,232,74,.35);border-radius:18px;background:linear-gradient(100deg,#24311f,#171d19);display:flex;align-items:center;justify-content:space-between;gap:24px}.related h2{font-size:25px;margin:0 0 8px}.related p{margin:0;color:var(--muted);font-size:14px;max-width:620px}.related-actions{display:flex;flex-wrap:wrap;gap:10px;flex:none}
.site-footer{padding:55px 0 20px;background:#0c100e;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:38px}.footer-brand{font-size:16px;font-weight:700;line-height:1.5}.footer-brand b{color:var(--lime)}.footer-grid p{color:var(--muted);font-size:14px;max-width:330px;margin:12px 0 0}.footer-col h3{font-size:14px;color:var(--text);margin:0 0 12px}.footer-col a{display:block;color:var(--muted);font-size:14px;padding:3px 0;transition:.2s}.footer-col a:hover{color:var(--lime);transform:translateX(3px)}.copyright{border-top:1px solid rgba(168,176,167,.15);margin-top:38px;padding-top:18px;display:flex;justify-content:space-between;gap:14px;color:var(--soft);font-size:12px}
.mobile-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:9px;color:var(--text);height:40px;width:42px;font-size:19px}
@media(max-width:1100px){.nav{gap:0}.nav a{font-size:13px;padding:8px 7px}.nav-wrap{gap:15px}.brand{min-width:218px}.content-layout{gap:28px}}
@media(max-width:900px){.nav-wrap{flex-wrap:wrap;padding:12px 0}.brand{flex:1}.mobile-toggle{display:block;order:2}.nav-download{order:3}.nav{display:none;order:4;flex-basis:100%;padding-top:7px;justify-content:flex-start;flex-wrap:wrap}.nav.open{display:flex}.page-hero{padding:50px 0 40px}h1{font-size:37px}.content-layout{grid-template-columns:1fr}.side-nav{position:relative;top:auto;display:flex;align-items:center;gap:5px;overflow:auto;padding:9px}.side-nav strong{white-space:nowrap;padding:7px}.side-nav a{white-space:nowrap;padding:7px 9px}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.container{width:min(var(--max),calc(100% - 32px))}.nav-download{min-height:40px;padding:0 12px;font-size:13px}.brand b{font-size:14px}.brand span{font-size:10px}h1{font-size:31px;letter-spacing:-.04em}.lead{font-size:15px}.section{padding:50px 0}.page-hero{padding:38px 0 34px}.identify-grid{grid-template-columns:1fr}.step{grid-template-columns:42px 1fr;padding:16px}.related{display:block;padding:26px}.related-actions{margin-top:18px}.footer-grid{grid-template-columns:1fr;gap:27px}.copyright{display:block}.copyright span{display:block;margin:5px 0}.hero-actions .btn{flex:1}.faq-q{font-size:15px}.faq-a{padding-right:0}}

/* roulang page: category2 */
:root{--bg:#101512;--surface:#171d19;--surface2:#202822;--surface3:#263029;--line:#334037;--text:#f2f0e8;--muted:#a8b0a7;--soft:#707970;--lime:#b7e84a;--lime2:#d5f58c;--purple:#a89cc8;--danger:#d98778;--radius:16px;--shadow:0 18px 45px rgba(0,0,0,.22);--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.78,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.34;background-image:radial-gradient(circle at 20% 12%,rgba(183,232,74,.15),transparent 23%),radial-gradient(circle at 85% 22%,rgba(168,156,200,.11),transparent 20%),radial-gradient(rgba(242,240,232,.1) 1px,transparent 1px);background-size:auto,auto,38px 38px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{border:0}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 48px));margin:auto}
.site-header{position:sticky;top:0;z-index:30;background:rgba(16,21,18,.94);border-bottom:1px solid rgba(168,176,167,.17);backdrop-filter:blur(12px)}.nav-wrap{min-height:76px;display:flex;align-items:center;gap:24px}.brand{line-height:1.28;min-width:250px;font-weight:800;letter-spacing:-.03em}.brand b{display:block;font-size:15px;color:var(--lime)}.brand span{display:block;font-size:11px;color:var(--muted);font-weight:600}.nav{display:flex;align-items:center;justify-content:center;gap:4px;flex:1}.nav a{font-size:14px;color:var(--muted);padding:8px 10px;border-radius:8px;white-space:nowrap;transition:.2s}.nav a:hover,.nav a.active{color:var(--text);background:rgba(183,232,74,.09)}.btn{border:1px solid transparent;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 18px;font-weight:800;font-size:14px;cursor:pointer;transition:transform .2s,background .2s,border-color .2s}.btn:hover{transform:translateY(-2px)}.btn:focus-visible,a:focus-visible,.faq-q:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.btn-primary{background:var(--lime);color:#172014}.btn-primary:hover{background:var(--lime2)}.btn-dark{border-color:var(--line);background:#18201b;color:var(--text)}.btn-dark:hover{border-color:rgba(183,232,74,.65);background:#222c24}.nav-download{white-space:nowrap}
.page-hero{position:relative;padding:62px 0 48px;border-bottom:1px solid rgba(168,176,167,.13);overflow:hidden}.page-hero:after{content:"";position:absolute;width:480px;height:480px;border:1px solid rgba(183,232,74,.18);border-radius:50%;right:6%;top:-220px;box-shadow:0 0 0 52px rgba(183,232,74,.025),0 0 90px rgba(183,232,74,.06)}.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--soft);font-size:13px;margin-bottom:20px}.breadcrumb a:hover{color:var(--lime)}.breadcrumb i{font-style:normal;color:#556057}.eyebrow,.tag{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(168,156,200,.52);color:#d0c9e6;background:rgba(168,156,200,.09);border-radius:99px;padding:4px 10px;font-size:12px;font-weight:700}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(183,232,74,.11)}h1,h2,h3,p{margin-top:0}h1{font-size:44px;line-height:1.22;letter-spacing:-.05em;max-width:850px;margin:13px 0 16px;position:relative;z-index:1}.hero-copy{max-width:780px;color:var(--muted);font-size:17px;margin-bottom:25px;position:relative;z-index:1}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;position:relative;z-index:1}.section{padding:76px 0}.layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:54px;align-items:start}.side-nav{position:sticky;top:105px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(23,29,25,.9);padding:16px}.side-nav strong{display:block;color:var(--lime);font-size:13px;margin:2px 8px 9px}.side-nav a{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:14px;padding:10px 8px;border-radius:9px;transition:.2s}.side-nav a:before{content:"";width:5px;height:5px;border-radius:50%;background:#596259}.side-nav a:hover{color:var(--text);background:rgba(183,232,74,.08)}.side-nav a:hover:before{background:var(--lime)}.content-block{padding-bottom:68px;scroll-margin-top:105px}.content-block:last-child{padding-bottom:0}.block-head{margin-bottom:24px}.block-head h2{font-size:30px;line-height:1.3;letter-spacing:-.04em;margin-bottom:9px}.block-head p{color:var(--muted);margin-bottom:0;max-width:730px}.intro-panel{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.panel,.step-card,.notice,.device-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.panel{padding:28px}.panel h3{font-size:20px;margin-bottom:12px}.panel p{color:var(--muted);font-size:15px;margin-bottom:0}.check-list{list-style:none;padding:0;margin:17px 0 0}.check-list li{position:relative;color:var(--muted);padding:8px 0 8px 27px;border-bottom:1px solid rgba(168,176,167,.11);font-size:14px}.check-list li:last-child{border-bottom:0}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--lime);font-weight:900}.download-card{background:linear-gradient(135deg,#273421,#1a211b 64%);border-color:rgba(183,232,74,.45);position:relative;overflow:hidden}.download-card:after{content:"↓";font-size:170px;line-height:1;position:absolute;right:-10px;bottom:-55px;color:rgba(183,232,74,.09);font-weight:900}.download-card>*{position:relative;z-index:1}.mini-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}.mini-meta span{border:1px solid rgba(168,176,167,.16);padding:8px 10px;border-radius:9px;color:var(--muted);font-size:12px}.mini-meta b{display:block;color:var(--text);font-size:13px}.steps{position:relative;display:grid;gap:13px}.steps:before{content:"";position:absolute;left:24px;top:35px;bottom:35px;border-left:1px dashed rgba(183,232,74,.45)}.step-card{display:grid;grid-template-columns:50px 1fr;gap:17px;padding:20px;position:relative;transition:.2s}.step-card:hover{border-color:rgba(183,232,74,.6);transform:translateX(3px)}.step-no{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#273321;color:var(--lime);border:1px solid rgba(183,232,74,.5);font-weight:900;position:relative;z-index:1}.step-card h3{font-size:18px;margin:1px 0 5px}.step-card p{color:var(--muted);font-size:14px;margin:0}.device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.device-card{padding:22px;transition:.2s}.device-card:hover{transform:translateY(-3px);border-color:rgba(183,232,74,.58);background:var(--surface2)}.device-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:rgba(168,156,200,.13);color:#d0c9e6;font-size:21px;margin-bottom:14px}.device-card h3{font-size:17px;margin-bottom:7px}.device-card p{color:var(--muted);font-size:13px;margin:0}.notice{display:flex;gap:14px;padding:17px 19px;margin-top:16px;color:var(--muted);font-size:14px}.notice i{font-style:normal;flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:rgba(183,232,74,.13);display:grid;place-items:center;color:var(--lime);font-weight:900}.faq-wrap{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;background:none;color:var(--text);text-align:left;padding:20px 0;cursor:pointer;font-weight:800;font-size:16px;display:flex;justify-content:space-between;gap:15px}.faq-q i{font-style:normal;color:var(--lime);font-size:21px;transition:.2s}.faq-a{display:none;color:var(--muted);font-size:14px;padding:0 35px 20px 0}.faq-a p{margin:0 0 9px}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q{color:var(--lime)}.faq-item.open .faq-q i{transform:rotate(45deg)}.related{padding:34px;border:1px solid rgba(183,232,74,.38);border-radius:18px;background:linear-gradient(100deg,#24311f,#171d19);display:flex;justify-content:space-between;align-items:center;gap:24px}.related h2{font-size:25px;margin:0 0 7px}.related p{margin:0;color:var(--muted);font-size:14px;max-width:650px}.related-actions{display:flex;gap:10px;flex-wrap:wrap;flex-shrink:0}
.site-footer{margin-top:24px;padding:58px 0 22px;border-top:1px solid var(--line);background:#0c100e}.footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:36px}.footer-brand{font-size:15px;font-weight:700}.footer-brand b{color:var(--lime)}.site-footer p{color:var(--muted);font-size:13px;max-width:310px;margin:13px 0 0}.footer-col h3{font-size:14px;color:var(--text);margin:0 0 12px}.footer-col a{display:block;color:var(--muted);font-size:13px;margin:7px 0;transition:.2s}.footer-col a:hover{color:var(--lime);padding-left:3px}.copyright{border-top:1px solid rgba(168,176,167,.14);margin-top:38px;padding-top:17px;display:flex;justify-content:space-between;gap:20px;color:var(--soft);font-size:12px}
@media(max-width:1024px){.nav-wrap{gap:13px}.brand{min-width:205px}.nav a{padding:8px 7px;font-size:13px}.nav-download{padding:0 12px}.layout{grid-template-columns:210px minmax(0,1fr);gap:28px}}@media(max-width:820px){.site-header{position:relative}.nav-wrap{min-height:auto;padding:15px 0;flex-wrap:wrap}.brand{min-width:0;flex:1}.nav{order:3;flex-basis:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:2px}.nav::-webkit-scrollbar{height:3px}.nav::-webkit-scrollbar-thumb{background:var(--line)}.nav a{font-size:13px}.page-hero{padding:45px 0 38px}h1{font-size:34px}.section{padding:52px 0}.layout{grid-template-columns:1fr;gap:28px}.side-nav{position:relative;top:0;display:flex;gap:4px;overflow-x:auto;padding:10px}.side-nav strong{display:none}.side-nav a{white-space:nowrap;padding:8px 9px}.intro-panel{grid-template-columns:1fr}.device-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:26px}.footer-grid>div:first-child{grid-column:1/-1}}@media(max-width:520px){.container{width:min(var(--max),calc(100% - 32px))}.nav-download{min-height:40px;font-size:13px;padding:0 12px}.brand b{font-size:14px}.brand span{font-size:10px}.page-hero{padding-top:34px}.breadcrumb{font-size:12px}h1{font-size:29px}.hero-copy{font-size:15px}.hero-actions,.related-actions{display:grid;grid-template-columns:1fr;width:100%}.hero-actions .btn,.related-actions .btn{width:100%}.panel{padding:21px}.mini-meta{grid-template-columns:1fr}.device-grid{grid-template-columns:1fr}.block-head h2{font-size:25px}.content-block{padding-bottom:48px}.related{padding:25px;display:block}.related p{margin-bottom:18px}.footer-grid{grid-template-columns:1fr 1fr;gap:26px}.footer-grid>div:first-child{grid-column:1/-1}.copyright{display:block}.copyright span{display:block;margin:5px 0}.faq-q{font-size:15px}.faq-a{padding-right:5px}.step-card{padding:17px;grid-template-columns:44px 1fr}.step-no{width:44px;height:44px}.steps:before{left:22px}}

/* roulang page: category4 */
:root{--bg:#101512;--surface:#171d19;--surface2:#202822;--surface3:#263028;--line:#334037;--text:#f2f0e8;--muted:#a8b0a7;--soft:#707970;--lime:#b7e84a;--lime2:#d5f58c;--purple:#a89cc8;--danger:#d98778;--radius:16px;--shadow:0 18px 45px rgba(0,0,0,.22);--max:1200px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.78,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.34;background-image:radial-gradient(circle at 20% 12%,rgba(183,232,74,.16),transparent 23%),radial-gradient(circle at 85% 22%,rgba(168,156,200,.11),transparent 20%),radial-gradient(rgba(242,240,232,.12) 1px,transparent 1px);background-size:auto,auto,38px 38px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
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(16,21,18,.94);border-bottom:1px solid rgba(168,176,167,.17);backdrop-filter:blur(12px)}
.nav-wrap{min-height:76px;display:flex;align-items:center;gap:24px}
.brand{line-height:1.28;min-width:250px;font-weight:800;letter-spacing:-.03em}
.brand b{display:block;font-size:15px;color:var(--lime)}
.brand span{display:block;font-size:11px;color:var(--muted);font-weight:600}
.nav{display:flex;align-items:center;justify-content:center;gap:4px;flex:1}
.nav a{font-size:14px;color:var(--muted);padding:8px 10px;border-radius:8px;white-space:nowrap;transition:.2s}
.nav a:hover,.nav a.active{color:var(--text);background:rgba(183,232,74,.09)}
.btn{border:1px solid transparent;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 18px;font-weight:800;font-size:14px;cursor:pointer;transition:transform .2s,background .2s,border-color .2s,color .2s}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0)}
.btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.btn-primary{background:var(--lime);color:#172014}
.btn-primary:hover{background:var(--lime2)}
.btn-dark{border-color:var(--line);background:#18201b;color:var(--text)}
.btn-dark:hover{border-color:rgba(183,232,74,.65);background:#222c24}
.nav-download{white-space:nowrap}
.page-head{padding:58px 0 46px;position:relative;border-bottom:1px solid rgba(168,176,167,.12)}
.page-head:after{content:"";position:absolute;width:420px;height:220px;right:8%;top:0;background:radial-gradient(ellipse,rgba(183,232,74,.12),transparent 67%);pointer-events:none}
.breadcrumb{display:flex;flex-wrap:wrap;gap:9px;align-items:center;color:var(--soft);font-size:13px;margin-bottom:23px;position:relative;z-index:1}
.breadcrumb a:hover{color:var(--lime)}
.breadcrumb i{font-style:normal;color:#586359}
.eyebrow,.tag{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(168,156,200,.52);color:#d0c9e6;background:rgba(168,156,200,.09);border-radius:99px;padding:4px 10px;font-size:12px;font-weight:700}
.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(183,232,74,.11)}
.page-head h1{position:relative;z-index:1;font-size:clamp(31px,4vw,46px);letter-spacing:-.055em;line-height:1.2;max-width:850px;margin:16px 0}
.page-head p{position:relative;z-index:1;max-width:760px;margin:0;color:var(--muted);font-size:16px}
.head-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:11px;margin-top:26px}
.section{padding:78px 0}
.reading-layout{display:grid;grid-template-columns:250px minmax(0,1fr);align-items:start;gap:62px}
.side-nav{position:sticky;top:102px;background:rgba(23,29,25,.88);border:1px solid var(--line);border-radius:var(--radius);padding:18px}
.side-nav strong{display:block;font-size:14px;padding:1px 8px 10px;color:var(--text)}
.side-nav a{display:block;color:var(--muted);font-size:14px;padding:10px 8px;border-radius:9px;border-left:2px solid transparent;transition:.2s}
.side-nav a:hover{color:var(--text);background:rgba(183,232,74,.07);border-color:var(--lime)}
.article-content{min-width:0}
.article-content h2{font-size:30px;line-height:1.32;letter-spacing:-.04em;margin:0 0 16px}
.article-content h3{font-size:19px;line-height:1.45;margin:0 0 7px}
.article-content p{color:var(--muted);margin:0 0 16px}
.lead{font-size:17px!important;color:#c5ccc3!important;border-left:3px solid var(--lime);padding-left:18px;margin-bottom:30px!important}
.step-list{position:relative;margin-top:29px}
.step-list:before{content:"";position:absolute;left:22px;top:28px;bottom:31px;border-left:1px dashed rgba(183,232,74,.52)}
.step{position:relative;display:grid;grid-template-columns:46px 1fr;gap:18px;padding:0 0 25px}
.step:last-child{padding-bottom:0}
.step-no{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;position:relative;z-index:1;background:#1c281a;border:1px solid rgba(183,232,74,.65);color:var(--lime);font-weight:900;font-size:14px}
.step-box{padding:18px 20px;background:var(--surface);border:1px solid var(--line);border-radius:14px;transition:.2s}
.step-box:hover{transform:translateX(3px);border-color:rgba(183,232,74,.52);background:var(--surface2)}
.step-box p{font-size:14px;margin:5px 0 0}
.info-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;margin-top:28px}
.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:25px}
.panel.highlight{background:linear-gradient(135deg,#24301f,#171d19);border-color:rgba(183,232,74,.32)}
.panel p{font-size:14px}
.check-list{padding:0;margin:16px 0 0;list-style:none}
.check-list li{position:relative;padding:9px 0 9px 26px;color:var(--muted);font-size:14px;border-bottom:1px solid rgba(168,176,167,.1)}
.check-list li:last-child{border:0}
.check-list li:before{content:"✓";position:absolute;left:1px;color:var(--lime);font-weight:900}
.notice{display:flex;gap:14px;align-items:flex-start;margin-top:28px;padding:17px 19px;border:1px solid rgba(168,156,200,.38);border-radius:14px;background:rgba(168,156,200,.07)}
.notice-icon{flex:0 0 29px;width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:rgba(168,156,200,.17);color:#d9d2ee;font-weight:900}
.notice p{margin:0;font-size:14px;color:#bec4bc}
.function-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:26px}
.function-card{padding:21px;background:var(--surface);border:1px solid var(--line);border-radius:14px;transition:.2s}
.function-card:hover{transform:translateY(-3px);border-color:rgba(183,232,74,.58);background:var(--surface2)}
.function-icon{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;background:#293520;color:var(--lime);font-size:19px;margin-bottom:15px}
.function-card p{font-size:13px;margin:6px 0 0}
.setting-list{display:grid;gap:11px;margin-top:24px}
.setting-row{display:flex;gap:17px;justify-content:space-between;align-items:center;padding:17px 19px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}
.setting-row:hover{border-color:rgba(183,232,74,.46)}
.setting-row strong{font-size:15px}
.setting-row p{font-size:13px;margin:2px 0 0}
.setting-status{font-size:12px;color:var(--lime);white-space:nowrap;padding:3px 9px;border-radius:99px;background:rgba(183,232,74,.09)}
.faq-wrap{margin-top:24px;border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-q{width:100%;background:none;border:0;color:var(--text);text-align:left;padding:20px 0;cursor:pointer;font-weight:800;font-size:16px;display:flex;justify-content:space-between;gap:15px}
.faq-q i{font-style:normal;color:var(--lime);font-size:21px;transition:.2s}
.faq-a{display:none;color:var(--muted);font-size:14px;padding:0 36px 20px 0}
.faq-a p{margin:0}
.faq-item.open .faq-a{display:block}
.faq-item.open .faq-q{color:var(--lime)}
.faq-item.open .faq-q i{transform:rotate(45deg)}
.related{margin-top:70px;padding:31px;border:1px solid rgba(183,232,74,.35);border-radius:18px;background:linear-gradient(105deg,#24311f,#171d19);display:flex;align-items:center;justify-content:space-between;gap:26px}
.related h2{font-size:25px;margin:0 0 7px}
.related h2{font-size:25px;margin:0 0 7px}
.related p{color:var(--muted);font-size:14px;margin:0;max-width:650px}
.site-footer{background:#0b100d;border-top:1px solid rgba(168,176,167,.14);padding:54px 0 22px}
.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.1fr;gap:34px}
.footer-brand{font-size:15px;font-weight:800;color:var(--text);margin-bottom:13px}
.footer-brand b{color:var(--lime)}
.site-footer p{color:var(--muted);font-size:13px;max-width:280px;margin:0}
.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.footer-col h3{font-size:14px;margin:0 0 8px;color:var(--text)}
.footer-col a{color:var(--muted);font-size:13px;transition:.2s}
.footer-col a:hover{color:var(--lime);transform:translateX(2px)}
.copyright{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(168,176,167,.12);margin-top:40px;padding-top:18px;color:var(--soft);font-size:12px}
.back-top{position:fixed;right:24px;bottom:24px;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#18201b;color:var(--lime);cursor:pointer;opacity:0;pointer-events:none;transition:.2s;z-index:10}
.back-top.show{opacity:1;pointer-events:auto}
.back-top:hover{background:var(--lime);color:#172014;transform:translateY(-2px)}
@media(max-width:1024px){
  .nav-wrap{gap:12px}
  .brand{min-width:220px}
  .nav{gap:0}
  .nav a{padding:8px 7px;font-size:13px}
  .reading-layout{gap:35px}
}
@media(max-width:768px){
  .container{width:min(var(--max),calc(100% - 36px))}
  .nav-wrap{min-height:70px;flex-wrap:wrap;padding:12px 0}
  .brand{min-width:0;flex:1}
  .nav{order:3;display:flex;overflow-x:auto;width:100%;justify-content:flex-start;padding-bottom:2px}
  .nav a{font-size:13px;padding:7px 9px}
  .nav-download{font-size:13px;min-height:40px;padding:0 13px}
  .page-head{padding:40px 0 35px}
  .section{padding:52px 0}
  .reading-layout{display:block}
  .side-nav{position:relative;top:auto;margin-bottom:32px;display:flex;gap:5px;overflow-x:auto;align-items:center;padding:10px}
  .side-nav strong{display:none}
  .side-nav a{white-space:nowrap;border-left:0;border-bottom:2px solid transparent;padding:7px 10px}
  .side-nav a:hover{border-color:var(--lime)}
  .info-grid{grid-template-columns:1fr}
  .related{display:block;padding:24px}
  .related .btn{margin-top:18px}
  .footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:25px}
  .footer-grid>div:first-child{grid-column:1/-1}
}
@media(max-width:520px){
  .container{width:min(var(--max),calc(100% - 32px))}
  .brand b{font-size:14px}
  .brand span{font-size:10px}
  .nav-download{padding:0 10px;font-size:12px}
  .page-head h1{font-size:31px}
  .page-head p{font-size:15px}
  .head-actions{display:grid;grid-template-columns:1fr}
  .head-actions .btn{width:100%}
  .article-content h2{font-size:25px}
  .function-grid{grid-template-columns:1fr}
  .step{grid-template-columns:39px 1fr;gap:12px}
  .step-no{width:39px;height:39px}
  .step-list:before{left:19px}
  .step-box{padding:16px}
  .setting-row{align-items:flex-start;flex-direction:column;gap:9px}
  .copyright{display:block;line-height:2}
  .copyright span{display:block}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-grid>div:first-child{grid-column:1/-1}
  .back-top{right:16px;bottom:16px}
}

/* roulang page: category5 */
:root{
      --bg:#101512;--surface:#171d19;--surface2:#202822;--line:#334037;
      --text:#f2f0e8;--muted:#a8b0a7;--soft:#707970;--lime:#b7e84a;
      --lime2:#d5f58c;--purple:#a89cc8;--danger:#d98778;--radius:16px;
      --shadow:0 18px 45px rgba(0,0,0,.22);--max:1200px
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--bg);color:var(--text);font:16px/1.78,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;overflow-x:hidden}
    body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.34;background-image:radial-gradient(circle at 20% 12%,rgba(183,232,74,.16),transparent 23%),radial-gradient(circle at 85% 22%,rgba(168,156,200,.11),transparent 20%),radial-gradient(rgba(242,240,232,.12) 1px,transparent 1px);background-size:auto,auto,38px 38px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}
    a{color:inherit;text-decoration:none}
    button{font:inherit}
    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(16,21,18,.96);border-bottom:1px solid rgba(168,176,167,.17);backdrop-filter:blur(12px)}
    .nav-wrap{min-height:76px;display:flex;align-items:center;gap:24px}
    .brand{line-height:1.28;min-width:250px;font-weight:800;letter-spacing:-.03em}
    .brand b{display:block;font-size:15px;color:var(--lime)}
    .brand span{display:block;font-size:11px;color:var(--muted);font-weight:600}
    .nav{display:flex;align-items:center;justify-content:center;gap:4px;flex:1}
    .nav a{font-size:14px;color:var(--muted);padding:8px 10px;border-radius:8px;white-space:nowrap;transition:.2s}
    .nav a:hover,.nav a.active{color:var(--text);background:rgba(183,232,74,.09)}
    .btn{border:1px solid transparent;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 18px;font-weight:800;font-size:14px;cursor:pointer;transition:transform .2s,background .2s,border-color .2s}
    .btn:hover{transform:translateY(-2px)}
    .btn:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
    .btn-primary{background:var(--lime);color:#172014}
    .btn-primary:hover{background:var(--lime2)}
    .btn-dark{border-color:var(--line);background:#18201b;color:var(--text)}
    .btn-dark:hover{border-color:rgba(183,232,74,.65);background:#222c24}
    .nav-download{white-space:nowrap}
    .page-hero{padding:68px 0 54px;border-bottom:1px solid rgba(168,176,167,.12)}
    .crumb{display:flex;gap:9px;align-items:center;color:var(--soft);font-size:13px;margin-bottom:20px}
    .crumb a:hover{color:var(--lime)}
    .crumb em{font-style:normal;color:var(--line)}
    .eyebrow,.tag{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(168,156,200,.52);color:#d0c9e6;background:rgba(168,156,200,.09);border-radius:99px;padding:4px 10px;font-size:12px;font-weight:700}
    .eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(183,232,74,.11)}
    h1,h2,h3{letter-spacing:-.04em;line-height:1.3}
    h1{font-size:clamp(32px,4.2vw,48px);margin:18px 0 15px;max-width:820px}
    .page-hero p{color:var(--muted);max-width:760px;margin:0;font-size:17px}
    .content-section{padding:72px 0}
    .faq-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:52px;align-items:start}
    .side-nav{position:sticky;top:105px;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
    .side-nav h2{font-size:17px;margin:0 0 14px}
    .side-nav a{display:flex;justify-content:space-between;gap:10px;padding:11px 0;color:var(--muted);font-size:14px;border-bottom:1px solid rgba(168,176,167,.12)}
    .side-nav a:last-child{border-bottom:0}
    .side-nav a:hover,.side-nav a.active{color:var(--lime)}
    .content-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}
    .content-head h2{font-size:30px;margin:0}
    .content-head p{color:var(--muted);font-size:14px;margin:0;max-width:390px}
    .filter-row{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 25px}
    .filter{border:1px solid var(--line);border-radius:99px;background:var(--surface);color:var(--muted);padding:7px 13px;font-size:13px;cursor:pointer}
    .filter:hover,.filter.active{color:#172014;background:var(--lime);border-color:var(--lime)}
    .faq-box{border-top:1px solid var(--line)}
    .faq-item{border-bottom:1px solid var(--line);background:rgba(23,29,25,.54)}
    .faq-item.open{background:var(--surface2);border-left:2px solid var(--lime)}
    .faq-q{width:100%;background:none;border:0;color:var(--text);text-align:left;padding:21px 23px;cursor:pointer;font-weight:800;font-size:16px;display:flex;justify-content:space-between;gap:15px}
    .faq-q i{font-style:normal;color:var(--lime);font-size:21px;line-height:1;transition:.2s}
    .faq-item.open .faq-q{color:var(--lime)}
    .faq-item.open .faq-q i{transform:rotate(45deg)}
    .faq-a{display:none;color:var(--muted);font-size:14px;padding:0 55px 23px 23px}
    .faq-item.open .faq-a{display:block}
    .faq-a p{margin:0 0 9px}
    .faq-a p:last-child{margin-bottom:0}
    .info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}
    .info-card{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:.2s}
    .info-card:hover{transform:translateY(-3px);border-color:rgba(183,232,74,.58)}
    .info-card .num{color:var(--lime);font-size:13px;font-weight:900}
    .info-card h3{font-size:18px;margin:12px 0 7px}
    .info-card p{color:var(--muted);font-size:14px;margin:0}
    .notice{display:flex;gap:14px;align-items:flex-start;border:1px solid rgba(168,156,200,.35);background:rgba(168,156,200,.08);border-radius:14px;padding:19px 21px;margin-top:28px;color:var(--muted);font-size:14px}
    .notice strong{color:var(--text);display:block;margin-bottom:3px}
    .notice-icon{color:var(--purple);font-size:22px;line-height:1}
    .cta{padding:34px;border:1px solid rgba(183,232,74,.38);border-radius:18px;background:linear-gradient(100deg,#24311f,#171d19);display:flex;justify-content:space-between;align-items:center;gap:24px}
    .cta h2{font-size:27px;margin:0 0 7px}
    .cta p{color:var(--muted);margin:0;font-size:14px}
    .cta-actions{display:flex;gap:10px;flex-wrap:wrap}
    .site-footer{background:#0b100d;border-top:1px solid rgba(168,176,167,.15);padding:54px 0 22px}
    .footer-grid{display:grid;grid-template-columns:1.55fr 1fr 1fr 1fr;gap:35px}
    .footer-brand{font-weight:800;color:var(--text);font-size:15px}
    .footer-brand b{color:var(--lime)}
    .site-footer p{color:var(--muted);font-size:13px;max-width:280px;margin:12px 0}
    .footer-col{display:flex;flex-direction:column;gap:8px}
    .footer-col h3{font-size:14px;margin:0 0 8px}
    .footer-col a{color:var(--muted);font-size:13px}
    .footer-col a:hover{color:var(--lime)}
    .copyright{display:flex;justify-content:space-between;gap:15px;border-top:1px solid rgba(168,176,167,.13);margin-top:38px;padding-top:18px;color:var(--soft);font-size:12px}
    @media(max-width:960px){
      .nav-wrap{gap:12px}.brand{min-width:205px}.nav{gap:0}.nav a{padding:7px 6px;font-size:13px}
      .faq-layout{grid-template-columns:1fr;gap:28px}.side-nav{position:static;display:flex;flex-wrap:wrap;gap:8px;padding:14px}.side-nav h2{width:100%;margin-bottom:3px}.side-nav a{border:1px solid var(--line);border-radius:9px;padding:7px 10px}
    }
    @media(max-width:768px){
      .container{width:min(var(--max),calc(100% - 32px))}
      .nav-wrap{min-height:68px;flex-wrap:wrap;padding:10px 0}.brand{flex:1}.nav-download{min-height:40px;padding:0 12px}
      .nav{order:3;width:100%;overflow:auto;justify-content:flex-start;padding-bottom:3px}.nav a{font-size:12px}
      .page-hero{padding:45px 0 38px}.content-section{padding:48px 0}
      .info-grid{grid-template-columns:1fr}.cta{align-items:flex-start;flex-direction:column}
      .footer-grid{grid-template-columns:1fr 1fr;gap:28px}
    }
    @media(max-width:520px){
      h1{font-size:31px}.page-hero p{font-size:15px}.content-head{display:block}.content-head p{margin-top:10px}
      .faq-q{padding:18px 15px;font-size:15px}.faq-a{padding:0 18px 19px 15px}
      .side-nav a{font-size:12px}.cta{padding:25px 20px}.cta h2{font-size:23px}.cta-actions,.cta-actions .btn{width:100%}
      .footer-grid{grid-template-columns:1fr}.copyright{display:block}.copyright span{display:block;margin-top:5px}
    }

/* roulang page: category6 */
:root{
      --bg:#101512;--surface:#171d19;--surface2:#202822;--line:#334037;
      --text:#f2f0e8;--muted:#a8b0a7;--soft:#707970;--lime:#b7e84a;
      --lime2:#d5f58c;--purple:#a89cc8;--danger:#d98778;--radius:16px;
      --shadow:0 18px 45px rgba(0,0,0,.22);--max:1200px
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--bg);color:var(--text);font:16px/1.78,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;overflow-x:hidden}
    body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.34;background-image:radial-gradient(circle at 20% 12%,rgba(183,232,74,.16),transparent 23%),radial-gradient(circle at 85% 22%,rgba(168,156,200,.11),transparent 20%),radial-gradient(rgba(242,240,232,.12) 1px,transparent 1px);background-size:auto,auto,38px 38px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}
    a{color:inherit;text-decoration:none}
    img{max-width:100%;display:block}
    button{font:inherit}
    .container{width:min(var(--max),calc(100% - 48px));margin:auto}
    .site-header{position:sticky;top:0;z-index:20;background:rgba(16,21,18,.95);border-bottom:1px solid rgba(168,176,167,.17);backdrop-filter:blur(12px)}
    .nav-wrap{min-height:76px;display:flex;align-items:center;gap:24px}
    .brand{line-height:1.28;min-width:250px;font-weight:800;letter-spacing:-.03em}
    .brand b{display:block;font-size:15px;color:var(--lime)}
    .brand span{display:block;font-size:11px;color:var(--muted);font-weight:600}
    .nav{display:flex;align-items:center;justify-content:center;gap:4px;flex:1}
    .nav a{font-size:14px;color:var(--muted);padding:8px 10px;border-radius:8px;white-space:nowrap;transition:.2s}
    .nav a:hover,.nav a.active{color:var(--text);background:rgba(183,232,74,.09)}
    .btn{border:1px solid transparent;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 18px;font-weight:800;font-size:14px;cursor:pointer;transition:transform .2s,background .2s,border-color .2s}
    .btn:hover{transform:translateY(-2px)}
    .btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
    .btn-primary{background:var(--lime);color:#172014}
    .btn-primary:hover{background:var(--lime2)}
    .btn-dark{border-color:var(--line);background:#18201b;color:var(--text)}
    .btn-dark:hover{border-color:rgba(183,232,74,.65);background:#222c24}
    .nav-download{white-space:nowrap}
    .menu-toggle{display:none;background:none;border:1px solid var(--line);color:var(--text);border-radius:9px;padding:7px 10px}
    .page-hero{padding:72px 0 54px;border-bottom:1px solid rgba(168,176,167,.12)}
    .eyebrow,.tag{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(168,156,200,.52);color:#d0c9e6;background:rgba(168,156,200,.09);border-radius:99px;padding:4px 10px;font-size:12px;font-weight:700}
    .eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(183,232,74,.11)}
    h1,h2,h3,p{margin-top:0}
    h1{font-size:clamp(32px,5vw,48px);line-height:1.18;letter-spacing:-.045em;margin:18px 0}
    h2{font-size:30px;line-height:1.3;letter-spacing:-.035em;margin-bottom:14px}
    h3{font-size:19px;line-height:1.4}
    .page-hero p{max-width:760px;color:var(--muted);font-size:17px;margin-bottom:26px}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap}
    .section{padding:78px 0}
    .section-head{margin-bottom:30px}
    .section-head p{color:var(--muted);max-width:650px;margin-bottom:0}
    .content-layout{display:grid;grid-template-columns:245px 1fr;gap:46px;align-items:start}
    .side-nav{position:sticky;top:104px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:12px}
    .side-nav strong{display:block;padding:12px 13px 10px;color:var(--lime);font-size:13px}
    .side-nav a{display:block;padding:11px 13px;color:var(--muted);border-radius:9px;font-size:14px;transition:.2s}
    .side-nav a:hover,.side-nav a.active{color:var(--text);background:rgba(183,232,74,.1)}
    .reading{min-width:0}
    .reading-section{padding:0 0 48px;margin-bottom:48px;border-bottom:1px solid var(--line)}
    .reading-section:last-child{border-bottom:0;margin-bottom:0}
    .reading-section h2{margin-bottom:16px}
    .reading-section p{color:var(--muted);max-width:780px}
    .check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px}
    .check-card,.step-card,.issue-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;transition:.2s}
    .check-card:hover,.step-card:hover,.issue-card:hover{transform:translateY(-3px);border-color:rgba(183,232,74,.6);box-shadow:var(--shadow)}
    .icon-box{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(183,232,74,.12);color:var(--lime);font-weight:900;margin-bottom:15px}
    .check-card h3,.step-card h3,.issue-card h3{margin-bottom:8px;font-size:18px}
    .check-card p,.step-card p,.issue-card p{font-size:14px;margin:0;color:var(--muted)}
    .notice{border-left:3px solid var(--lime);background:rgba(183,232,74,.07);border-radius:0 12px 12px 0;padding:18px 20px;color:var(--muted);margin-top:24px}
    .notice strong{color:var(--text)}
    .step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}
    .step-num{font-size:28px;color:var(--lime);font-weight:900;line-height:1;margin-bottom:18px}
    .issue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}
    .faq-wrap{max-width:860px}
    .faq{border-top:1px solid var(--line)}
    .faq-item{border-bottom:1px solid var(--line)}
    .faq-q{width:100%;background:none;border:0;color:var(--text);text-align:left;padding:20px 0;cursor:pointer;font-weight:800;font-size:16px;display:flex;justify-content:space-between;gap:15px}
    .faq-q i{font-style:normal;color:var(--lime);font-size:21px;transition:.2s}
    .faq-a{display:none;color:var(--muted);font-size:14px;padding:0 34px 20px 0}
    .faq-item.open .faq-a{display:block}
    .faq-item.open .faq-q{color:var(--lime)}
    .faq-item.open .faq-q i{transform:rotate(45deg)}
    .cta{padding:35px;border:1px solid rgba(183,232,74,.38);border-radius:18px;background:linear-gradient(100deg,#24311f,#171d19);display:flex;justify-content:space-between;align-items:center;gap:24px}
    .cta h2{margin-bottom:8px}
    .cta p{color:var(--muted);margin:0}
    .site-footer{background:#0b100d;border-top:1px solid rgba(168,176,167,.15);padding:54px 0 22px}
    .footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px}
    .footer-brand{font-weight:800;margin-bottom:12px}
    .footer-brand b{color:var(--lime)}
    .footer-grid p{color:var(--muted);font-size:14px;max-width:300px}
    .footer-col{display:flex;flex-direction:column;gap:8px}
    .footer-col h3{font-size:14px;color:var(--text);margin-bottom:8px}
    .footer-col a{font-size:13px;color:var(--muted);transition:.2s}
    .footer-col a:hover{color:var(--lime)}
    .copyright{border-top:1px solid var(--line);margin-top:40px;padding-top:18px;display:flex;justify-content:space-between;gap:15px;color:var(--soft);font-size:12px}
    @media(max-width:1024px){
      .nav-wrap{gap:12px}.brand{min-width:210px}.nav a{padding:8px 6px;font-size:13px}
      .content-layout{grid-template-columns:210px 1fr;gap:28px}.step-grid{grid-template-columns:repeat(2,1fr)}
    }
    @media(max-width:768px){
      .container{width:min(var(--max),calc(100% - 32px))}
      .nav-wrap{min-height:68px;flex-wrap:wrap}.brand{flex:1;min-width:0}
      .menu-toggle{display:block}.nav-download{min-height:40px;padding:0 12px}
      .nav{display:none;order:5;width:100%;flex-basis:100%;padding:8px 0 14px;flex-wrap:wrap;justify-content:flex-start}
      .nav.open{display:flex}.nav a{font-size:14px;padding:9px 10px}
      .page-hero{padding:52px 0 40px}.section{padding:55px 0}
      h2{font-size:25px}.content-layout{display:block}
      .side-nav{position:static;margin-bottom:30px;display:flex;flex-wrap:wrap;align-items:center;gap:3px}
      .side-nav strong{width:100%;padding-bottom:5px}.side-nav a{padding:8px 10px}
      .issue-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}
    }
    @media(max-width:520px){
      h1{font-size:32px}.page-hero p{font-size:15px}.hero-actions .btn{width:100%}
      .check-grid,.step-grid,.issue-grid{grid-template-columns:1fr}
      .cta{display:block;padding:26px 22px}.cta .btn{width:100%;margin-top:20px}
      .footer-grid{grid-template-columns:1fr;gap:24px}.copyright{display:block}.copyright span{display:block;margin-bottom:6px}
    }

/* roulang page: category3 */
:root{--bg:#101512;--surface:#171d19;--surface2:#202822;--surface3:#263129;--line:#334037;--text:#f2f0e8;--muted:#a8b0a7;--soft:#707970;--lime:#b7e84a;--lime2:#d5f58c;--purple:#a89cc8;--danger:#d98778;--radius:16px;--radius-sm:11px;--shadow:0 18px 45px rgba(0,0,0,.22);--max:1200px}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--bg);color:var(--text);font:16px/1.8,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;overflow-x:hidden}
    body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.35;background-image:radial-gradient(circle at 13% 10%,rgba(183,232,74,.13),transparent 23%),radial-gradient(circle at 88% 18%,rgba(168,156,200,.11),transparent 19%),radial-gradient(rgba(242,240,232,.09) 1px,transparent 1px);background-size:auto,auto,38px 38px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}
    a{color:inherit;text-decoration:none}
    button{font:inherit}
    img{max-width:100%;display:block}
    .container{width:min(var(--max),calc(100% - 48px));margin:auto}
    .site-header{position:sticky;top:0;z-index:50;background:rgba(16,21,18,.96);border-bottom:1px solid rgba(168,176,167,.17);backdrop-filter:blur(12px)}
    .nav-wrap{min-height:76px;display:flex;align-items:center;gap:22px}
    .brand{line-height:1.28;min-width:250px;font-weight:800;letter-spacing:-.03em}
    .brand b{display:block;font-size:15px;color:var(--lime)}
    .brand span{display:block;font-size:11px;color:var(--muted);font-weight:600}
    .nav{display:flex;align-items:center;justify-content:center;gap:4px;flex:1}
    .nav a{font-size:14px;color:var(--muted);padding:8px 10px;border-radius:8px;white-space:nowrap;transition:.2s}
    .nav a:hover,.nav a.active{color:var(--text);background:rgba(183,232,74,.09)}
    .btn{border:1px solid transparent;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 18px;font-weight:800;font-size:14px;cursor:pointer;transition:transform .2s,background .2s,border-color .2s,color .2s}
    .btn:hover{transform:translateY(-2px)}
    .btn:active{transform:translateY(0)}
    .btn:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
    .btn-primary{background:var(--lime);color:#172014}
    .btn-primary:hover{background:var(--lime2)}
    .btn-dark{border-color:var(--line);background:#18201b;color:var(--text)}
    .btn-dark:hover{border-color:rgba(183,232,74,.7);background:#222c24}
    .nav-download{white-space:nowrap}
    .menu-toggle{display:none;border:1px solid var(--line);border-radius:9px;background:var(--surface2);color:var(--text);width:42px;height:42px;font-size:19px}
    .page-hero{padding:58px 0 48px;position:relative;border-bottom:1px solid rgba(168,176,167,.12)}
    .page-hero:after{content:"";position:absolute;right:6%;top:12%;width:290px;height:290px;border:1px solid rgba(183,232,74,.18);border-radius:50%;box-shadow:0 0 0 36px rgba(183,232,74,.025),0 0 80px rgba(183,232,74,.07);pointer-events:none}
    .breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--soft);font-size:13px;margin-bottom:20px}
    .breadcrumbs a{transition:color .2s}.breadcrumbs a:hover{color:var(--lime)}
    .breadcrumbs i{font-style:normal;color:var(--line)}
    .eyebrow,.tag{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(168,156,200,.52);color:#d0c9e6;background:rgba(168,156,200,.09);border-radius:99px;padding:4px 10px;font-size:12px;font-weight:700}
    .eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(183,232,74,.11)}
    h1,h2,h3,p{margin-top:0}
    h1{font-size:43px;letter-spacing:-.055em;line-height:1.22;margin:14px 0 16px;max-width:850px}
    .hero-copy{max-width:760px;color:var(--muted);font-size:16px;margin-bottom:25px}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap}
    .hero-note{display:flex;align-items:center;gap:10px;margin-top:20px;color:var(--soft);font-size:13px}
    .hero-note:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lime)}
    .main-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:46px;padding:64px 0 78px}
    .side-nav{position:sticky;top:101px;height:max-content;background:rgba(23,29,25,.86);border:1px solid var(--line);border-radius:var(--radius);padding:17px}
    .side-nav strong{display:block;font-size:14px;margin:1px 8px 11px;color:var(--text)}
    .side-nav a{display:flex;align-items:center;justify-content:space-between;color:var(--muted);padding:10px 9px;border-radius:9px;font-size:14px;transition:.2s}
    .side-nav a:after{content:"→";color:var(--soft)}
    .side-nav a:hover{color:var(--text);background:rgba(183,232,74,.08)}
    .side-nav a:hover:after{color:var(--lime)}
    .reading{min-width:0}
    .content-section{margin-bottom:66px;scroll-margin-top:105px}
    .section-kicker{color:var(--lime);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
    .section-title{font-size:30px;line-height:1.32;letter-spacing:-.04em;margin:7px 0 13px}
    .section-intro{max-width:770px;color:var(--muted);margin-bottom:25px}
    .news-frame{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}
    .feature-strip{display:grid;grid-template-columns:.8fr 1.2fr;min-height:235px}
    .abstract-cover{position:relative;overflow:hidden;background:linear-gradient(135deg,#263529,#151c17)}
    .abstract-cover:before{content:"";position:absolute;width:230px;height:230px;left:-54px;top:15px;border:1px solid rgba(183,232,74,.35);border-radius:50%;box-shadow:0 0 0 27px rgba(183,232,74,.05),0 0 0 63px rgba(168,156,200,.035)}
    .abstract-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 44%,rgba(168,156,200,.13) 44.5%,transparent 45%),linear-gradient(20deg,transparent 60%,rgba(183,232,74,.24) 60.5%,transparent 61%)}
    .feature-copy{padding:28px 30px}
    .feature-copy h3{font-size:22px;line-height:1.4;margin:12px 0 10px}
    .feature-copy p{font-size:14px;color:var(--muted);margin-bottom:16px}
    .meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--soft);font-size:12px}
    .meta span:first-child{color:var(--purple)}
    .news-types{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}
    .type-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px;transition:.2s}
    .type-card:hover{transform:translateY(-3px);background:var(--surface2);border-color:rgba(183,232,74,.62)}
    .type-icon{width:38px;height:38px;border:1px solid rgba(183,232,74,.45);color:var(--lime);border-radius:11px;display:grid;place-items:center;font-weight:900;margin-bottom:14px;background:rgba(183,232,74,.06)}
    .type-card h3{font-size:17px;margin-bottom:7px}
    .type-card p{color:var(--muted);font-size:14px;margin:0}
    .timeline{position:relative;margin:5px 0 0;padding-left:31px}
    .timeline:before{content:"";position:absolute;left:7px;top:11px;bottom:15px;width:1px;background:linear-gradient(var(--lime),var(--line),transparent)}
    .timeline-item{position:relative;padding:0 0 27px}
    .timeline-item:before{content:"";position:absolute;left:-29px;top:8px;width:11px;height:11px;border-radius:50%;background:var(--surface2);border:2px solid var(--lime);box-shadow:0 0 0 5px rgba(183,232,74,.06)}
    .timeline-item:last-child{padding-bottom:0}
    .timeline-item h3{font-size:17px;margin:0 0 5px}
    .timeline-item p{color:var(--muted);font-size:14px;margin:0 0 7px}
    .path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
    .path-card{padding:22px 19px;background:linear-gradient(145deg,var(--surface2),var(--surface));border:1px solid var(--line);border-radius:var(--radius)}
    .path-num{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:50%;background:rgba(183,232,74,.12);color:var(--lime);font-size:13px;font-weight:900;margin-bottom:13px}
    .path-card h3{font-size:17px;margin-bottom:7px}
    .path-card p{font-size:14px;color:var(--muted);margin:0}
    .notice{display:flex;gap:14px;align-items:flex-start;border:1px solid rgba(168,156,200,.35);border-radius:14px;background:rgba(168,156,200,.07);padding:17px 18px;color:var(--muted);font-size:14px;margin-top:17px}
    .notice b{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:50%;background:rgba(168,156,200,.17);color:#ddd5f2}
    .faq-list{border-top:1px solid var(--line)}
    details{border-bottom:1px solid var(--line);background:transparent;transition:background .2s}
    details[open]{background:rgba(183,232,74,.045)}
    summary{position:relative;list-style:none;cursor:pointer;padding:19px 42px 19px 4px;font-size:16px;font-weight:800}
    summary::-webkit-details-marker{display:none}
    summary:after{content:"+";position:absolute;right:8px;top:15px;width:27px;height:27px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:19px;font-weight:400;color:var(--lime);transition:transform .2s}
    details[open] summary:after{transform:rotate(45deg);border-color:rgba(183,232,74,.7)}
    .faq-answer{padding:0 42px 19px 4px;color:var(--muted);font-size:14px}
    .faq-answer p:last-child{margin-bottom:0}
    .cta{position:relative;overflow:hidden;border:1px solid rgba(183,232,74,.36);border-radius:var(--radius);background:linear-gradient(120deg,#202d20,#171d19 62%);padding:32px;display:flex;align-items:center;justify-content:space-between;gap:25px}
    .cta:after{content:"";position:absolute;right:-40px;top:-85px;width:240px;height:240px;border:1px solid rgba(183,232,74,.2);border-radius:50%;box-shadow:0 0 0 28px rgba(183,232,74,.035)}
    .cta-copy{position:relative;z-index:1}.cta h2{font-size:25px;line-height:1.35;margin:0 0 8px}.cta p{color:var(--muted);margin:0;max-width:620px;font-size:14px}.cta .btn{position:relative;z-index:1;white-space:nowrap}
    .site-footer{background:#0c100d;border-top:1px solid rgba(168,176,167,.16);padding:50px 0 20px}
    .footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:32px}
    .footer-brand{line-height:1.45;font-size:15px}.footer-brand b{color:var(--lime)}
    .site-footer p{font-size:13px;color:var(--muted);max-width:300px;margin:10px 0 0}
    .footer-col h3{font-size:14px;margin:0 0 12px;color:var(--text)}
    .footer-col a{display:block;color:var(--muted);font-size:13px;margin:6px 0;transition:.2s}
    .footer-col a:hover{color:var(--lime);padding-left:3px}
    .copyright{margin-top:37px;padding-top:17px;border-top:1px solid rgba(168,176,167,.13);display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:var(--soft);font-size:12px}
    @media(max-width:1080px){.nav-wrap{gap:12px}.brand{min-width:218px}.nav a{padding:8px 7px;font-size:13px}.nav-download{padding:0 13px}.main-layout{gap:28px}.footer-grid{grid-template-columns:1.4fr repeat(3,1fr)}}
    @media(max-width:860px){.menu-toggle{display:block;margin-left:auto}.nav-download{display:none}.nav-wrap{min-height:67px}.nav{display:none;position:absolute;top:67px;left:0;right:0;padding:11px calc((100% - min(var(--max),calc(100% - 32px)))/2) 16px;background:#131914;border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-wrap:wrap;justify-content:flex-start}.nav.open{display:flex}.nav a{font-size:14px}.page-hero{padding:42px 0 37px}.main-layout{grid-template-columns:1fr;padding:43px 0 58px}.side-nav{position:relative;top:auto;display:flex;flex-wrap:wrap;gap:4px;padding:10px}.side-nav strong{width:100%;margin:3px 6px 5px}.side-nav a{padding:7px 9px}.side-nav a:after{display:none}.feature-strip{grid-template-columns:1fr}.abstract-cover{min-height:125px}.path-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:560px){.container{width:min(var(--max),calc(100% - 32px))}.brand{min-width:0;max-width:255px}.brand b{font-size:14px}.brand span{font-size:10px}h1{font-size:31px}.hero-copy{font-size:15px}.hero-actions .btn{width:100%}.section-title{font-size:25px}.content-section{margin-bottom:49px}.news-types{grid-template-columns:1fr}.feature-copy{padding:22px}.path-grid{gap:10px}.cta{padding:25px;display:block}.cta h2{font-size:22px}.cta .btn{margin-top:18px;width:100%}.footer-grid{grid-template-columns:1fr;gap:23px}.copyright{display:block}.copyright span{display:block;margin:4px 0}.page-hero:after{right:-100px;opacity:.55}.notice{font-size:13px}.nav{padding-left:16px;padding-right:16px}}

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