/* roulang page: index */
:root{
  --ink:#101311;--coal:#171b18;--panel:#202622;--panel-2:#252d27;
  --lime:#c7f36b;--lime-dark:#8dbb32;--amber:#e8a85b;--cream:#f5f1e8;
  --muted:#9da69d;--line:rgba(245,241,232,.13);--white:#fffdf7;
  --radius:16px;--shadow:0 18px 50px rgba(0,0,0,.24);--max:1220px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;background:var(--ink);color:var(--white);font-size:16px;line-height:1.75}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input{font:inherit}
button{cursor:pointer}
.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.site-header{height:76px;border-bottom:1px solid var(--line);background:rgba(16,19,17,.94);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}
.header-inner{height:100%;display:flex;align-items:center;gap:32px}
.brand{display:flex;align-items:center;gap:11px;min-width:245px;font-weight:800;letter-spacing:-.4px}
.brand-mark{width:34px;height:34px;border:2px solid var(--lime);border-radius:9px;position:relative}
.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:var(--lime);height:3px;left:7px;right:7px}
.brand-mark:before{top:10px}.brand-mark:after{top:19px}
.brand strong{font-size:18px}.brand small{display:block;color:var(--amber);font-size:10px;line-height:1}
.main-nav{display:flex;align-items:center;gap:21px;flex:1}
.main-nav a{color:#c5ccc3;font-size:14px;padding:25px 0;position:relative;white-space:nowrap;transition:.25s}
.main-nav a:hover,.main-nav a.active{color:var(--lime)}
.main-nav a.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--lime)}
.header-action{padding:10px 17px!important;background:var(--lime);color:var(--ink)!important;border-radius:9px;font-weight:800}
.header-action:hover{background:#e2ff9c!important;transform:translateY(-2px)}
.menu-toggle{display:none;background:none;border:1px solid var(--line);color:var(--white);padding:8px 10px;border-radius:8px}
.hero{padding:82px 0 68px;background:
 radial-gradient(circle at 88% 20%,rgba(199,243,107,.1),transparent 28%),
 linear-gradient(120deg,#101311 0%,#1c241e 100%);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}
.eyebrow,.section-kicker{color:var(--lime);text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:1.8px}
.hero h1{font-size:clamp(36px,4.7vw,60px);line-height:1.16;letter-spacing:-2px;margin:19px 0 22px;max-width:720px}
.hero h1 em{font-style:normal;color:var(--lime)}
.hero-copy{color:#c5ccc3;max-width:650px;font-size:18px;line-height:1.8}
.hero-buttons{display:flex;gap:12px;margin-top:31px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 21px;border-radius:10px;border:1px solid transparent;font-weight:800;transition:.25s}
.btn-primary{background:var(--lime);color:var(--ink)}.btn-primary:hover{background:#e2ff9c;transform:translateY(-2px);box-shadow:0 8px 20px rgba(199,243,107,.2)}
.btn-secondary{border-color:var(--line);color:var(--white);background:#252b26}.btn-secondary:hover{border-color:var(--lime);color:var(--lime);transform:translateY(-2px)}
.hero-note{margin-top:18px;color:var(--muted);font-size:12px}
.scoreboard{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:25px;box-shadow:var(--shadow);transform:rotate(1.2deg)}
.score-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line)}
.live{display:flex;align-items:center;gap:8px;color:var(--amber);font-size:13px;font-weight:700}.live i{width:8px;height:8px;border-radius:50%;background:var(--amber);display:block}
.score-title{font-size:14px;color:var(--muted)}
.match-line{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;padding:28px 0}
.team{text-align:center;color:#dfe5db}.team b{display:block;font-size:17px;margin-top:8px}.team-icon{width:47px;height:47px;border-radius:13px;background:#303b30;margin:auto;display:grid;place-items:center;color:var(--lime);font-size:22px}
.vs{color:var(--muted);font-size:12px}.score-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;background:#182019;padding:12px;border-radius:9px}
.signal-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.signal{padding:12px 8px;border:1px solid var(--line);border-radius:9px;text-align:center;font-size:12px;color:#d8ded4}.signal strong{display:block;color:var(--lime);font-size:18px}
.quick-links{padding:25px 0;border-bottom:1px solid var(--line);background:#151a16}
.quick-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:12px}.quick-item{padding:18px 20px;border-right:1px solid var(--line);transition:.25s}.quick-item:last-child{border:0}.quick-item:hover{transform:translateY(-3px);color:var(--lime)}.quick-item span{font-size:22px;color:var(--amber);display:block}.quick-item b{display:block;font-size:16px;margin:3px 0}.quick-item small{color:var(--muted);font-size:12px}
.section{padding:92px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:32px}.section h2{font-size:34px;line-height:1.25;letter-spacing:-1px;margin-top:9px}.section-intro{color:var(--muted);max-width:560px;font-size:15px}.text-link{color:var(--lime);font-weight:700;font-size:14px}.text-link:hover{text-decoration:underline}
.news-layout{display:grid;grid-template-columns:1.02fr .98fr;gap:22px}.featured{background:var(--cream);color:var(--ink);border-radius:20px;overflow:hidden;min-height:330px;display:flex;flex-direction:column}.feature-art{height:142px;background:linear-gradient(120deg,#35452e,#9dbb55);position:relative;padding:23px;color:var(--ink)}.feature-art:after{content:"BET365";position:absolute;right:20px;bottom:-17px;font-size:58px;font-weight:900;opacity:.13}.feature-body{padding:25px}.tag{display:inline-flex;align-items:center;padding:4px 9px;background:rgba(199,243,107,.15);color:var(--lime-dark);border-radius:5px;font-size:12px;font-weight:800}.featured .tag{background:#dbeeb4}.featured h3{font-size:23px;line-height:1.4;margin:15px 0 9px}.featured p{color:#5b635b;font-size:14px}.date{color:var(--muted);font-size:12px}.news-list{border-top:1px solid var(--line)}.news-row{display:grid;grid-template-columns:70px 1fr auto;gap:18px;align-items:center;padding:19px 0;border-bottom:1px solid var(--line);transition:.25s}.news-row:hover{padding-left:8px}.news-row time{color:var(--amber);font-size:12px;line-height:1.35}.news-row time strong{display:block;font-size:20px;color:var(--white)}.news-row h3{font-size:16px;font-weight:700}.news-row p{color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arrow{font-size:22px;color:var(--lime)}
.entry-section{background:#f1ede4;color:var(--ink)}.entry-section .section-kicker{color:#688528}.entry-section .section-intro{color:#687066}.entry-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:16px}.entry{border:1px solid #d8d5cc;border-radius:15px;padding:24px;min-height:170px;position:relative;transition:.25s;background:#f8f5ed}.entry:hover{transform:translateY(-4px);box-shadow:0 13px 25px rgba(28,35,25,.1);border-color:#abc95b}.entry:first-child{background:#dcebb8}.entry-number{color:#758b36;font-size:12px;font-weight:800}.entry h3{font-size:21px;margin:23px 0 7px}.entry p{font-size:13px;color:#667066}.entry .arrow{position:absolute;right:22px;bottom:18px;color:#617c25}
.app-section{padding:90px 0}.app-panel{background:var(--panel-2);border-radius:24px;border:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;padding:38px 48px;align-items:center;overflow:hidden}.device{height:300px;width:160px;border:7px solid #333c34;border-radius:25px;background:#101511;margin:auto;box-shadow:0 18px 0 -8px #303a30;position:relative;padding:35px 13px 15px}.device:before{content:"Bet365官网";display:block;background:var(--lime);color:var(--ink);font-weight:900;font-size:12px;padding:9px 6px;border-radius:6px}.device:after{content:"赛事资讯   游戏入口";display:block;color:#dce6d7;font-size:9px;margin-top:20px;word-spacing:5px}.app-copy h2{font-size:32px;margin:8px 0 14px}.app-copy p{color:var(--muted);max-width:570px}.app-tags{display:flex;gap:8px;flex-wrap:wrap;margin:19px 0}.app-tags span{border:1px solid var(--line);border-radius:20px;padding:5px 11px;color:#dce5d8;font-size:12px}.download-box{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.qr{width:58px;height:58px;background:repeating-linear-gradient(45deg,#fff 0 4px,#222 4px 8px);border:5px solid #fff;border-radius:4px}.app-tip{color:var(--muted);font-size:12px;margin-top:13px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);padding-top:28px}.step{padding:0 23px;border-right:1px solid var(--line)}.step:first-child{padding-left:0}.step:last-child{border:0}.step-num{color:var(--lime);font-size:13px;font-weight:900}.step h3{font-size:17px;margin:11px 0 5px}.step p{font-size:13px;color:var(--muted)}
.faq{max-width:850px;margin:auto}.faq-item{border-top:1px solid var(--line)}.faq-item:last-child{border-bottom:1px solid var(--line)}.faq-question{width:100%;background:none;color:var(--white);border:0;text-align:left;padding:20px 4px;font-weight:700;display:flex;justify-content:space-between;align-items:center}.faq-question span{color:var(--lime);font-size:22px;transition:.25s}.faq-answer{max-height:0;overflow:hidden;color:var(--muted);font-size:14px;transition:max-height .3s ease}.faq-item.open{border-left:3px solid var(--lime);padding-left:15px}.faq-item.open .faq-answer{max-height:120px;padding:0 4px 20px}.faq-item.open .faq-question span{transform:rotate(45deg)}
.cta{background:var(--lime);color:var(--ink);padding:55px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-size:31px;line-height:1.3}.cta p{margin-top:8px;color:#40512c}.cta .btn{background:var(--ink);color:var(--lime)}
.site-footer{background:#0c0f0d;padding:52px 0 22px;color:#dce2d9}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px;padding-bottom:42px;border-bottom:1px solid var(--line)}.footer-brand p{color:var(--muted);font-size:13px;max-width:290px;margin-top:15px}.footer-col h3{font-size:14px;margin-bottom:15px;color:var(--lime)}.footer-col a{display:block;color:var(--muted);font-size:13px;margin:8px 0}.footer-col a:hover{color:var(--white);text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:20px;color:#778077;font-size:12px}.risk{color:var(--amber)}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
@media(max-width:1000px){.main-nav{gap:12px}.brand{min-width:auto}.header-inner{gap:18px}.header-action{display:none}.hero-grid{gap:35px}.entry-grid{grid-template-columns:repeat(2,1fr)}.entry:first-child{grid-column:span 2}}
@media(max-width:767px){.container{width:min(100% - 32px,var(--max))}.site-header{height:66px}.main-nav{display:none;position:absolute;top:66px;left:0;right:0;background:#151a16;padding:10px 16px 18px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.main-nav.show{display:flex}.main-nav a{padding:13px 8px}.main-nav a.active:after{left:0;right:auto;bottom:10px;width:3px;height:22px}.menu-toggle{display:block;margin-left:auto}.hero{padding:57px 0 48px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:37px;letter-spacing:-1px}.hero-copy{font-size:16px}.scoreboard{transform:none;padding:18px}.quick-grid{grid-template-columns:repeat(2,1fr);gap:0}.quick-item{padding:15px 10px;border-bottom:1px solid var(--line)}.section{padding:60px 0}.section-head{display:block;margin-bottom:24px}.section-head .text-link{display:inline-block;margin-top:14px}.section h2{font-size:28px}.news-layout{grid-template-columns:1fr}.featured{min-height:0}.news-row{grid-template-columns:56px 1fr auto;gap:10px}.news-row p{display:none}.entry-grid{grid-template-columns:1fr}.entry:first-child{grid-column:auto}.app-panel{grid-template-columns:1fr;padding:28px 22px;gap:25px}.device{height:215px;width:120px;padding:25px 10px}.app-copy h2{font-size:27px}.steps{grid-template-columns:1fr 1fr;gap:26px}.step{padding:0 12px;border:0}.step:first-child{padding-left:0}.cta-inner{display:block}.cta h2{font-size:27px}.cta .btn{margin-top:20px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-brand{grid-column:span 2}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}}
@media(max-width:480px){.brand strong{font-size:15px}.brand-mark{width:30px;height:30px}.hero h1{font-size:32px}.signal-list{grid-template-columns:1fr 1fr}.signal:last-child{grid-column:span 2}.steps{grid-template-columns:1fr}.step{padding:0;border-bottom:1px solid var(--line);padding-bottom:17px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}}

/* roulang page: index */
:root{
  --bg:#17151f;--panel:#24212e;--panel-2:#2d2938;--panel-3:#1e1b28;
  --mint:#29c7a3;--mint-light:#8ce8d2;--orange:#ff9b54;--red:#e86a78;
  --text:#f4f1f7;--muted:#b7b1c2;--dim:#827b8d;--line:rgba(244,241,247,.11);
  --radius:16px;--radius-sm:10px;--shadow:0 16px 38px rgba(0,0,0,.18);
  --container:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.75}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input{font:inherit}
button{cursor:pointer}
.container{width:min(var(--container),calc(100% - 48px));margin:auto}
.notice{height:36px;background:#201d29;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px;display:flex;align-items:center}
.notice .container{display:flex;align-items:center;gap:10px;white-space:nowrap;overflow:hidden}
.notice b{color:var(--orange);font-size:15px}
.site-header{position:sticky;top:0;z-index:20;background:rgba(23,21,31,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{height:76px;display:flex;align-items:center;gap:28px}
.logo{font-weight:800;letter-spacing:-.5px;font-size:19px;white-space:nowrap}
.logo span{color:var(--mint)}
.nav-links{display:flex;align-items:center;gap:4px;margin-left:auto}
.nav-links a{padding:10px 12px;color:var(--muted);font-size:14px;border-bottom:2px solid transparent;transition:.2s}
.nav-links a:hover,.nav-links a.active{color:var(--text);border-color:var(--mint)}
.nav-actions{display:flex;gap:10px;margin-left:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 17px;border:1px solid transparent;border-radius:9px;font-weight:700;font-size:13px;transition:transform .2s,background .2s,border .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px)}
.btn:focus-visible,.nav-links a:focus-visible,.faq-question:focus-visible{outline:3px solid rgba(41,199,163,.35);outline-offset:3px}
.btn-primary{background:var(--mint);color:#10251f;box-shadow:0 8px 20px rgba(41,199,163,.15)}
.btn-primary:hover{background:#55d8ba;box-shadow:0 10px 26px rgba(41,199,163,.25)}
.btn-secondary{background:var(--panel-2);border-color:rgba(41,199,163,.45);color:var(--mint-light)}
.menu-toggle{display:none;background:none;border:0;color:var(--text);font-size:23px}
.hero{padding:82px 0 66px;border-bottom:1px solid var(--line);background:
 radial-gradient(circle at 85% 18%,rgba(41,199,163,.11),transparent 24%),
 radial-gradient(circle at 15% 0%,rgba(255,155,84,.08),transparent 27%)}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--orange);font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}
.eyebrow:before{content:"";width:25px;height:2px;background:var(--orange)}
h1{font-size:clamp(36px,5vw,64px);line-height:1.16;letter-spacing:-2px;margin:19px 0 20px;max-width:780px}
.hero-copy{font-size:17px;color:var(--muted);max-width:660px;margin:0 0 28px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-note{font-size:12px;color:var(--dim);margin-top:17px}
.signal-board{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow);transform:rotate(1deg)}
.board-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px;color:var(--muted);font-size:12px}
.live{color:var(--mint);display:flex;gap:7px;align-items:center}.live:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mint)}
.board-main{padding:20px;border-radius:13px;background:var(--panel-3);border:1px solid var(--line)}
.board-title{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px}
.board-title strong{font-size:22px;color:var(--text)}
.progress{height:8px;background:#3a3547;border-radius:10px;overflow:hidden;margin:18px 0}
.progress i{display:block;width:72%;height:100%;background:var(--mint);border-radius:inherit}
.board-rows{display:grid;gap:10px;margin-top:18px}
.board-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font-size:13px}
.board-row span{color:var(--muted)}.board-row b{color:var(--orange)}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}
.metric{padding:15px;border-left:2px solid var(--mint);background:rgba(45,41,56,.65)}
.metric strong{display:block;font-size:16px}.metric span{color:var(--dim);font-size:12px}
.section{padding:76px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:27px}
.section-head h2{margin:0;font-size:30px;letter-spacing:-.8px}.section-head p{margin:0;color:var(--muted);font-size:14px}
.text-link{color:var(--mint-light);font-size:13px;font-weight:700;white-space:nowrap}.text-link:hover{color:var(--mint)}
.entry-layout{display:grid;grid-template-columns:1.35fr .85fr;gap:16px}
.entry-main,.entry-side{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:27px;transition:.2s}
.entry-main:hover,.entry-side:hover{border-color:rgba(41,199,163,.55);box-shadow:var(--shadow)}
.entry-main{min-height:210px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(120deg,#2a2635,#24212e)}
.entry-side{display:flex;flex-direction:column;justify-content:space-between;min-height:210px}
.icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(41,199,163,.12);color:var(--mint);font-size:20px}
.entry-main h3,.entry-side h3{font-size:21px;margin:18px 0 5px}.entry-side h3{font-size:18px}
.entry-main p,.entry-side p{margin:0;color:var(--muted);font-size:13px}
.arrow{color:var(--mint);font-size:22px;margin-top:15px}
.news-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}
.news-feature{background:var(--panel-2);border-radius:var(--radius);padding:28px;border:1px solid var(--line);min-height:340px;display:flex;flex-direction:column;justify-content:end}
.news-feature .visual{height:150px;border-radius:12px;margin-bottom:auto;background:linear-gradient(135deg,#314e55,#24212e 63%);position:relative;overflow:hidden}
.visual:after{content:"资讯 / 安全 / 规则";position:absolute;bottom:20px;left:20px;color:var(--mint-light);font-size:20px;font-weight:800;letter-spacing:1px}
.badge{display:inline-flex;width:max-content;padding:4px 9px;border-radius:99px;background:rgba(255,155,84,.13);color:var(--orange);font-size:11px;font-weight:700}
.news-feature h3{font-size:24px;line-height:1.35;margin:13px 0 7px}.news-feature p{color:var(--muted);font-size:13px;margin:0}
.news-list{display:grid;gap:10px}
.news-item{padding:17px 20px;background:var(--panel);border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:76px 1fr;gap:15px;transition:.2s}
.news-item:hover{border-color:rgba(41,199,163,.5);transform:translateX(3px)}
.news-date{color:var(--orange);font-size:12px;border-right:1px solid var(--line);padding-top:2px}
.news-item h4{margin:0 0 3px;font-size:15px;line-height:1.45}.news-item p{margin:0;color:var(--muted);font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.empty{grid-column:1/-1;padding:36px;text-align:center;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted)}
.app-section{padding:42px 0}.app-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center;background:#292634;border:1px solid var(--line);border-radius:20px;padding:45px}
.phone{width:190px;height:300px;margin:auto;border:7px solid #11101a;border-radius:27px;background:#343040;padding:18px 12px;box-shadow:0 20px 30px rgba(0,0,0,.25)}
.phone-bar{height:10px;width:65%;background:var(--mint);border-radius:9px;margin:7px 0 23px}.phone-line{height:38px;border-radius:8px;background:#484254;margin:10px 0}.phone-line.short{width:70%;background:#3b5960}
.app-panel h2{font-size:31px;line-height:1.3;margin:13px 0}.app-panel p{color:var(--muted);font-size:14px}.device-note{font-size:12px;color:var(--dim);margin-top:14px}
.topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.topic-card{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}
.topic-card h3{margin:0 0 9px;font-size:18px}.topic-card p{margin:0;color:var(--muted);font-size:13px}.topic-mark{color:var(--mint);font-size:24px;margin-bottom:12px}
.faq{max-width:850px;margin:auto}.faq-item{border-top:1px solid var(--line)}.faq-question{width:100%;min-height:58px;border:0;background:none;color:var(--text);display:flex;justify-content:space-between;align-items:center;text-align:left;font-weight:700;padding:10px 0}.faq-question span:last-child{color:var(--mint);font-size:22px;transition:.2s}.faq-answer{display:none;color:var(--muted);font-size:14px;padding:0 35px 18px 0}.faq-item.open .faq-answer{display:block}.faq-item.open .faq-question span:last-child{transform:rotate(45deg)}
.cta{padding:35px 40px;border:1px solid rgba(41,199,163,.28);background:rgba(41,199,163,.07);border-radius:var(--radius);display:flex;justify-content:space-between;align-items:center;gap:25px}.cta h2{margin:0 0 5px;font-size:24px}.cta p{margin:0;color:var(--muted);font-size:13px}
.site-footer{border-top:1px solid var(--line);background:#13121a;padding:54px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:35px}.footer-brand p{color:var(--muted);font-size:13px;max-width:300px}.footer-title{font-weight:800;margin:0 0 13px;font-size:14px}.footer-links{display:grid;gap:8px}.footer-links a{color:var(--muted);font-size:13px}.footer-links a:hover{color:var(--mint)}.footer-bottom{border-top:1px solid var(--line);margin-top:35px;padding-top:18px;color:var(--dim);font-size:12px;display:flex;justify-content:space-between;gap:20px}.risk{color:#d9a6a9}
@media(max-width:1100px){.nav{gap:14px}.nav-links a{padding:9px 7px}.nav-actions{display:none}}
@media(max-width:820px){.container{width:min(100% - 34px,var(--container))}.menu-toggle{display:block;margin-left:auto}.nav-links{display:none;position:absolute;top:76px;left:0;right:0;background:#1b1924;padding:12px 17px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{padding:12px 8px}.hero{padding:56px 0}.hero-grid,.news-layout,.app-panel{grid-template-columns:1fr;gap:28px}.signal-board{transform:none}.section{padding:54px 0}.footer-grid{grid-template-columns:1fr 1fr}.app-panel{padding:30px}.phone{margin:0 auto}}
@media(max-width:560px){h1{font-size:36px;letter-spacing:-1px}.hero-copy{font-size:15px}.hero-actions .btn{width:100%}.metrics,.entry-layout,.topic-grid,.footer-grid{grid-template-columns:1fr}.section-head{display:block}.section-head h2{font-size:26px;margin-bottom:9px}.news-feature{min-height:300px;padding:21px}.news-item{grid-template-columns:62px 1fr;padding:14px}.cta{display:block;padding:26px}.cta .btn{width:100%;margin-top:18px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* roulang page: article */
:root{
      --ink:#101311;--coal:#171b18;--panel:#202622;--panel-2:#252d27;
      --lime:#c7f36b;--lime-dark:#8dbb32;--amber:#e8a85b;--cream:#f5f1e8;
      --muted:#9da69d;--line:rgba(245,241,232,.13);--white:#fffdf7;
      --bg:#17151f;--panel-purple:#24212e;--panel-3:#1e1b28;
      --mint:#29c7a3;--mint-light:#8ce8d2;--orange:#ff9b54;--red:#e86a78;
      --text:#f4f1f7;--dim:#827b8d;--radius:16px;--radius-sm:10px;
      --shadow:0 16px 38px rgba(0,0,0,.2);--max:1220px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--ink);color:var(--white);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.75}
    a{color:inherit;text-decoration:none}
    a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
    img{display:block;max-width:100%}
    button,input{font:inherit}
    button{cursor:pointer}
    .container{width:min(var(--max),calc(100% - 40px));margin:0 auto}
    .notice-bar{height:36px;background:#242b23;color:#cfd8cb;font-size:12px;border-bottom:1px solid rgba(199,243,107,.12)}
    .notice-inner{height:36px;display:flex;align-items:center;justify-content:space-between;gap:20px}
    .notice-inner strong{color:var(--amber);font-weight:800}
    .notice-link{color:var(--lime);white-space:nowrap}
    .site-header{height:76px;border-bottom:1px solid var(--line);background:rgba(16,19,17,.96);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}
    .header-inner{height:100%;display:flex;align-items:center;gap:28px}
    .brand,.logo{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.4px}
    .brand{min-width:245px}
    .brand-mark{width:34px;height:34px;border:2px solid var(--lime);border-radius:9px;position:relative;flex:none}
    .brand-mark:before,.brand-mark:after{content:"";position:absolute;background:var(--lime);height:3px;left:7px;right:7px}
    .brand-mark:before{top:10px}.brand-mark:after{top:19px}
    .brand strong{font-size:18px}.brand small{display:block;color:var(--amber);font-size:10px;line-height:1}
    .nav-links{display:flex;align-items:center;gap:20px;flex:1}
    .nav-links a{color:#c5ccc3;font-size:14px;padding:25px 0;position:relative;white-space:nowrap;transition:.2s}
    .nav-links a:hover,.nav-links a.active{color:var(--lime)}
    .nav-links a.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--lime)}
    .header-action{padding:10px 16px!important;background:var(--lime);color:var(--ink)!important;border-radius:9px;font-weight:800}
    .header-action:hover{background:#e2ff9c!important;transform:translateY(-2px)}
    .menu-toggle{display:none;background:none;border:1px solid var(--line);color:var(--white);padding:8px 10px;border-radius:8px}
    .breadcrumb-wrap{background:#151815;border-bottom:1px solid var(--line)}
    .breadcrumb{margin:0;padding:18px 0;color:var(--dim);font-size:13px}
    .breadcrumb a{color:var(--muted)}.breadcrumb a:hover{color:var(--lime)}
    .breadcrumb span{margin:0 9px;color:#586057}
    .article-hero{padding:72px 0 64px;background:radial-gradient(circle at 84% 20%,rgba(41,199,163,.12),transparent 29%),linear-gradient(135deg,#171b18,#202722)}
    .article-label{display:inline-flex;align-items:center;gap:8px;color:var(--lime);font-size:12px;font-weight:800;letter-spacing:1.5px}
    .article-label:before{content:"";width:8px;height:8px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 5px rgba(255,155,84,.12)}
    .article-hero h1{max-width:930px;font-size:clamp(34px,5vw, sixtypx);font-size:clamp(34px,5vw,60px);line-height:1.2;letter-spacing:-1.8px;margin:20px 0}
    .article-summary{max-width:820px;color:#c5ccc3;font-size:18px;line-height:1.85;margin:0}
    .article-meta{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:26px;color:var(--muted);font-size:13px}
    .meta-tag{padding:5px 10px;border-radius:6px;background:rgba(41,199,163,.12);color:var(--mint-light);font-weight:700}
    .article-layout{display:grid;grid-template-columns:minmax(0,820px) 270px;gap:58px;align-items:start;padding:76px 0 90px}
    .article-content{min-width:0;color:#e2dfe7;font-size:17px;line-height:1.9}
    .article-content h2{color:var(--white);font-size:30px;line-height:1.35;margin:42px 0 17px;padding-left:16px;border-left:4px solid var(--mint)}
    .article-content h3{color:var(--white);font-size:22px;line-height:1.45;margin:32px 0 13px}
    .article-content p{margin:0 0 22px}
    .article-content ul,.article-content ol{padding-left:26px;margin:0 0 25px}
    .article-content li{margin:8px 0}
    .article-content a{color:var(--mint);text-decoration:underline;text-underline-offset:4px}
    .article-content blockquote{margin:30px 0;padding:20px 24px;border-left:4px solid var(--orange);background:rgba(255,155,84,.08);color:#f1d4b9;border-radius:0 var(--radius-sm) var(--radius-sm) 0}
    .article-content table{width:100%;border-collapse:collapse;margin:28px 0;background:var(--panel)}
    .article-content th,.article-content td{padding:13px 15px;border:1px solid var(--line);text-align:left}
    .article-content th{color:var(--lime);font-weight:700}
    .article-content img{border-radius:var(--radius);margin:28px 0}
    .article-content .notice,.article-content .warning{padding:18px 20px;background:rgba(41,199,163,.08);border:1px solid rgba(41,199,163,.25);border-radius:var(--radius-sm);margin:28px 0}
    .article-side{position:sticky;top:105px}
    .side-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:23px}
    .side-card+.side-card{margin-top:14px}
    .side-title{font-size:15px;color:var(--lime);font-weight:800;margin:0 0 15px}
    .side-list{list-style:none;padding:0;margin:0}
    .side-list li{padding:10px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:13px}
    .side-list li:last-child{border-bottom:0}
    .side-list a:hover{color:var(--lime)}
    .side-note{color:var(--muted);font-size:13px;line-height:1.7;margin:0}
    .article-empty{padding:42px 28px;text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);color:var(--muted)}
    .article-empty h2{color:var(--white);margin:0 0 10px;font-size:25px}
    .article-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:45px;padding-top:26px;border-top:1px solid var(--line)}
    .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 21px;border-radius:10px;border:1px solid transparent;font-weight:800;transition:.22s}
    .btn-primary{background:var(--lime);color:var(--ink)}
    .btn-primary:hover{background:#e2ff9c;transform:translateY(-2px);box-shadow:0 8px 20px rgba(199,243,107,.2)}
    .btn-secondary{border-color:var(--line);color:var(--white);background:#252b26}
    .btn-secondary:hover{border-color:var(--lime);color:var(--lime);transform:translateY(-2px)}
    .safety-strip{background:#f1ede4;color:var(--ink);padding:34px 0}
    .safety-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
    .safety-inner strong{font-size:18px}.safety-inner p{margin:4px 0 0;color:#687066;font-size:14px}
    .safety-inner .btn-secondary{background:transparent;color:var(--ink);border-color:#bac5ad}
    .site-footer{background:#101311;padding:62px 0 24px;border-top:1px solid var(--line)}
    .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}
    .footer-brand .logo{color:var(--white);font-size:18px}.footer-brand .logo span{color:var(--lime)}
    .footer-brand p{max-width:330px;color:var(--muted);font-size:13px;margin-top:17px}
    .footer-title{font-size:14px;color:var(--white);margin:0 0 15px}
    .footer-links{display:grid;gap:9px}.footer-links a{color:var(--muted);font-size:13px;transition:.2s}
    .footer-links a:hover{color:var(--lime);padding-left:3px}
    .footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:45px;padding-top:20px;color:var(--dim);font-size:12px}
    .footer-bottom .risk{color:#b28b87;text-align:right}
    @media (max-width:1100px){
      .header-inner{gap:16px}.brand{min-width:220px}.nav-links{gap:13px}
      .header-action{display:none}.article-layout{grid-template-columns:minmax(0,1fr) 235px;gap:32px}
    }
    @media (max-width:768px){
      .container{width:min(var(--max),calc(100% - 30px))}
      .notice-inner{overflow:hidden;white-space:nowrap}.notice-link{display:none}
      .site-header{height:68px}.brand{min-width:0;flex:1}.brand strong{font-size:16px}
      .menu-toggle{display:block}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;background:#101311;border-bottom:1px solid var(--line);padding:8px 20px 17px;flex-direction:column;align-items:stretch;gap:0}
      .nav-links.open{display:flex}.nav-links a{padding:12px 0}.nav-links a.active:after{bottom:3px;right:auto;width:42px}
      .article-hero{padding:52px 0 48px}.article-hero h1{font-size:38px}
      .article-summary{font-size:16px}.article-layout{display:block;padding:52px 0 65px}
      .article-content{font-size:16px}.article-content h2{font-size:26px}
      .article-side{position:static;margin-top:40px}.side-card{display:none}
      .safety-inner{align-items:flex-start;flex-direction:column;gap:17px}.safety-inner .btn{width:100%}
      .footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1}
      .footer-bottom{flex-direction:column}.footer-bottom .risk{text-align:left}
    }
    @media (max-width:520px){
      .notice-bar,.notice-inner{height:34px}.notice-inner{font-size:11px}
      .brand small{display:none}.article-hero h1{font-size:31px;letter-spacing:-1px}
      .article-meta{gap:10px}.article-content h2{font-size:23px}
      .article-actions .btn{width:100%}.footer-grid{grid-template-columns:1fr}
    }
    @media (prefers-reduced-motion:reduce){
      *,*:before,*:after{scroll-behavior:auto!important;transition:none!important}
    }

/* roulang page: category1 */
:root{
      --ink:#101311;--coal:#171b18;--panel:#202622;--panel-2:#252d27;
      --lime:#c7f36b;--lime-dark:#8dbb32;--amber:#e8a85b;--cream:#f5f1e8;
      --muted:#9da69d;--line:rgba(245,241,232,.13);--white:#fffdf7;
      --radius:16px;--shadow:0 18px 50px rgba(0,0,0,.24);--max:1220px;
      --bg:#17151f;--dark-panel:#24212e;--dark-panel-2:#2d2938;
      --mint:#29c7a3;--mint-light:#8ce8d2;--orange:#ff9b54;--red:#e86a78;
      --text:#f4f1f7;--dim:#827b8d;--dark-line:rgba(244,241,247,.11);
      --container:1200px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--ink);color:var(--white);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.75}
    a{color:inherit;text-decoration:none}
    a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
    img{max-width:100%;display:block}
    button,input{font:inherit}
    button{cursor:pointer}
    .container{width:min(var(--max),calc(100% - 40px));margin:0 auto}
    .notice-bar{height:36px;background:#0d100e;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}
    .notice-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}
    .notice-message{display:flex;align-items:center;gap:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .notice-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px rgba(255,155,84,.1)}
    .notice-link{color:var(--orange);white-space:nowrap}
    .site-header{height:76px;border-bottom:1px solid var(--line);background:rgba(16,19,17,.95);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}
    .header-inner{height:100%;display:flex;align-items:center;gap:30px}
    .brand{display:flex;align-items:center;gap:11px;min-width:245px;font-weight:800;letter-spacing:-.4px}
    .brand-mark{width:34px;height:34px;border:2px solid var(--lime);border-radius:9px;position:relative;flex:none}
    .brand-mark:before,.brand-mark:after{content:"";position:absolute;background:var(--lime);height:3px;left:7px;right:7px}
    .brand-mark:before{top:10px}.brand-mark:after{top:19px}
    .brand strong{font-size:18px}.brand small{display:block;color:var(--amber);font-size:10px;line-height:1}
    .nav-links{display:flex;align-items:center;gap:20px;flex:1}
    .nav-links a{color:#c5ccc3;font-size:14px;padding:25px 0;position:relative;white-space:nowrap;transition:.2s}
    .nav-links a:hover,.nav-links a.active{color:var(--lime)}
    .nav-links a.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--lime)}
    .header-action{padding:10px 16px!important;background:var(--lime);color:var(--ink)!important;border-radius:9px;font-weight:800}
    .header-action:hover{background:#e2ff9c!important;transform:translateY(-2px)}
    .menu-toggle{display:none;background:none;border:1px solid var(--line);color:var(--white);padding:8px 10px;border-radius:8px}
    .page-hero{padding:78px 0 62px;background:radial-gradient(circle at 90% 12%,rgba(41,199,163,.13),transparent 28%),linear-gradient(125deg,#111613 0%,#202a22 100%)}
    .breadcrumb{display:flex;align-items:center;gap:10px;color:var(--dim);font-size:13px;margin-bottom:30px}
    .breadcrumb a:hover{color:var(--lime)}
    .breadcrumb strong{color:var(--muted);font-weight:500}
    .hero-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end}
    .eyebrow,.section-kicker{color:var(--lime);font-size:12px;font-weight:800;letter-spacing:1.8px}
    .page-hero h1{font-size:clamp(36px,5vw,62px);line-height:1.16;letter-spacing:-2px;margin:17px 0 20px;max-width:760px}
    .page-hero h1 em{font-style:normal;color:var(--lime)}
    .hero-copy{color:#c5ccc3;max-width:700px;font-size:18px;line-height:1.85;margin:0}
    .hero-meta{border-left:2px solid var(--orange);padding:8px 0 8px 23px;color:var(--muted);font-size:14px}
    .hero-meta b{display:block;color:var(--white);font-size:24px;line-height:1.35;margin-bottom:7px}
    .section{padding:86px 0}
    .section-light{background:var(--cream);color:var(--ink)}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}
    .section h2{font-size:34px;line-height:1.25;letter-spacing:-1px;margin:9px 0 0}
    .section-intro{color:var(--muted);max-width:610px;font-size:15px;margin:8px 0 0}
    .section-light .section-kicker{color:#688528}.section-light .section-intro{color:#687066}
    .text-link{color:var(--lime);font-weight:700;font-size:14px;white-space:nowrap}
    .text-link:hover{text-decoration:underline}
    .filter-bar{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 28px}
    .filter-bar button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:20px;padding:7px 16px;font-size:13px;transition:.2s}
    .filter-bar button:hover,.filter-bar button.active{background:var(--lime);border-color:var(--lime);color:var(--ink);font-weight:700}
    .news-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:22px}
    .featured-news{background:var(--cream);color:var(--ink);border-radius:20px;overflow:hidden;min-height:420px;box-shadow:var(--shadow);display:flex;flex-direction:column}
    .feature-art{height:170px;padding:24px;background:linear-gradient(135deg,#35452e,#a9c65e);position:relative;overflow:hidden}
    .feature-art:before{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(16,19,17,.25);border-radius:50%;right:30px;top:-50px}
    .feature-art:after{content:"资讯";position:absolute;right:23px;bottom:-21px;font-size:78px;font-weight:900;opacity:.13}
    .feature-art-label{font-size:12px;font-weight:800;letter-spacing:1px}
    .feature-body{padding:27px}
    .tag{display:inline-flex;align-items:center;padding:4px 10px;background:#dbeeb4;color:var(--lime-dark);border-radius:5px;font-size:12px;font-weight:800}
    .featured-news h3{font-size:24px;line-height:1.45;margin:15px 0 9px}
    .featured-news p{color:#5b635b;font-size:14px;margin:0 0 20px}
    .date-line{color:#778078;font-size:12px;display:flex;justify-content:space-between;gap:12px}
    .news-list{border-top:1px solid var(--line)}
    .news-row{display:grid;grid-template-columns:70px 1fr auto;gap:18px;align-items:center;padding:19px 0;border-bottom:1px solid var(--line);transition:.2s}
    .news-row:hover{padding-left:8px;background:rgba(255,255,255,.02)}
    .news-row time{color:var(--orange);font-size:12px;line-height:1.35}
    .news-row time strong{display:block;font-size:20px;color:var(--white)}
    .news-row h3{font-size:16px;line-height:1.45;margin:0 0 3px}
    .news-row p{color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}
    .row-tag{color:var(--mint-light);font-size:11px;margin-bottom:4px}
    .arrow{font-size:22px;color:var(--lime)}
    .topic-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}
    .topic-item{background:var(--dark-panel);padding:22px 20px;transition:.2s}
    .topic-item:hover{background:var(--dark-panel-2);transform:translateY(-3px)}
    .topic-icon{color:var(--orange);font-size:21px;margin-bottom:8px}
    .topic-item h3{font-size:16px;margin:0 0 4px}.topic-item p{color:var(--muted);font-size:13px;margin:0}
    .timeline{max-width:900px;border-left:1px solid rgba(16,19,17,.18);margin:10px 0 0 12px}
    .timeline-item{position:relative;padding:0 0 30px 30px}
    .timeline-item:before{content:"";position:absolute;left:-5px;top:8px;width:9px;height:9px;border-radius:50%;background:#789b32;border:2px solid var(--cream)}
    .timeline-date{color:#789b32;font-size:12px;font-weight:800}.timeline-item h3{font-size:18px;margin:5px 0 5px}.timeline-item p{color:#687066;font-size:14px;margin:0;max-width:760px}
    .info-panel{background:var(--dark-panel);border:1px solid var(--dark-line);border-radius:18px;padding:30px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
    .info-panel h2{font-size:25px;margin:0 0 8px}.info-panel p{color:var(--muted);margin:0;max-width:720px;font-size:14px}
    .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 21px;border-radius:10px;border:1px solid transparent;font-weight:800;transition:.2s}
    .btn-primary{background:var(--lime);color:var(--ink)}.btn-primary:hover{background:#e2ff9c;transform:translateY(-2px);box-shadow:0 8px 20px rgba(199,243,107,.2)}
    .btn-secondary{border-color:var(--line);color:var(--white);background:#252b26}.btn-secondary:hover{border-color:var(--lime);color:var(--lime);transform:translateY(-2px)}
    .faq{max-width:880px;margin:0 auto}.faq-item{border-top:1px solid var(--line)}.faq-item:last-child{border-bottom:1px solid var(--line)}
    .faq-question{width:100%;min-height:60px;background:none;color:var(--white);border:0;text-align:left;display:flex;align-items:center;justify-content:space-between;padding:14px 0;font-weight:700}
    .faq-question span:last-child{color:var(--lime);font-size:24px;font-weight:400;transition:.2s}.faq-answer{display:none;color:var(--muted);font-size:14px;padding:0 38px 19px 0;line-height:1.8}.faq-item.open .faq-answer{display:block}.faq-item.open .faq-question span:last-child{transform:rotate(45deg)}
    .site-footer{background:#0e110f;border-top:1px solid var(--line);padding:56px 0 24px}
    .footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:38px}.logo{font-weight:800;font-size:18px}.logo span{color:var(--lime)}
    .footer-brand p{color:var(--muted);font-size:13px;max-width:300px;margin-top:14px}.footer-title{font-size:14px;margin:0 0 14px}.footer-links{display:grid;gap:8px}.footer-links a{color:var(--muted);font-size:13px;transition:.2s}.footer-links a:hover{color:var(--lime)}
    .footer-bottom{border-top:1px solid var(--line);margin-top:40px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:var(--dim);font-size:12px}.risk{color:#c28b86}
    @media(max-width:1100px){.brand{min-width:205px}.nav-links{gap:13px}.header-action{display:none}.hero-layout{gap:40px}}
    @media(max-width:820px){.site-header{height:68px}.header-inner{gap:12px}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;background:#101311;border-bottom:1px solid var(--line);padding:8px 20px 18px;flex-direction:column;align-items:stretch;gap:0}.nav-links.is-open{display:flex}.nav-links a{padding:12px 0}.nav-links a.active:after{left:auto;width:32px;right:auto;top:50%;bottom:auto}.menu-toggle{display:block;margin-left:auto}.hero-layout,.news-layout{grid-template-columns:1fr}.page-hero{padding:55px 0 48px}.section{padding:62px 0}.topic-strip{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2}}
    @media(max-width:560px){.container{width:min(100% - 28px,var(--max))}.notice-inner{justify-content:flex-start}.notice-link{display:none}.page-hero h1{font-size:38px;letter-spacing:-1px}.hero-copy{font-size:16px}.section-head{display:block}.section h2{font-size:28px}.section-head .text-link{display:inline-block;margin-top:13px}.topic-strip{grid-template-columns:1fr}.news-row{grid-template-columns:55px 1fr auto;gap:10px}.news-row p{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.news-row h3{font-size:15px}.info-panel{grid-template-columns:1fr;padding:24px}.info-panel .btn{width:100%}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom .risk{display:block;margin-top:8px}}
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* roulang page: category2 */
:root{
      --ink:#101311;--coal:#171b18;--panel:#202622;--panel-2:#252d27;
      --lime:#c7f36b;--lime-dark:#8dbb32;--amber:#e8a85b;--cream:#f5f1e8;
      --muted:#9da69d;--line:rgba(245,241,232,.13);--white:#fffdf7;
      --bg:#17151f;--purple-panel:#24212e;--purple-2:#2d2938;
      --mint:#29c7a3;--mint-light:#8ce8d2;--orange:#ff9b54;--red:#e86a78;
      --text:#f4f1f7;--dim:#827b8d;--radius:16px;--radius-sm:10px;
      --shadow:0 16px 38px rgba(0,0,0,.22);--container:1200px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.75}
    a{color:inherit;text-decoration:none}
    a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
    img{display:block;max-width:100%}
    button,input{font:inherit}
    button{cursor:pointer}
    .container{width:min(var(--container),calc(100% - 40px));margin:0 auto}
    .notice-bar{height:36px;background:#111410;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px;display:flex;align-items:center}
    .notice-bar .container{display:flex;align-items:center;justify-content:space-between;gap:16px}
    .notice-label{color:var(--orange);font-weight:800;white-space:nowrap}
    .notice-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .site-header{height:76px;border-bottom:1px solid var(--line);background:rgba(16,19,17,.95);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}
    .header-inner{height:100%;display:flex;align-items:center;gap:28px}
    .brand{display:flex;align-items:center;gap:11px;min-width:220px;font-weight:800;letter-spacing:-.4px}
    .brand-mark{width:34px;height:34px;border:2px solid var(--lime);border-radius:9px;position:relative;flex:none}
    .brand-mark:before,.brand-mark:after{content:"";position:absolute;background:var(--lime);height:3px;left:7px;right:7px}
    .brand-mark:before{top:10px}.brand-mark:after{top:19px}
    .brand strong{font-size:18px}.brand small{display:block;color:var(--amber);font-size:10px;line-height:1}
    .nav-links{display:flex;align-items:center;gap:20px;flex:1}
    .nav-links a{color:#c5ccc3;font-size:14px;padding:25px 0;position:relative;white-space:nowrap;transition:.2s}
    .nav-links a:hover,.nav-links a.active{color:var(--lime)}
    .nav-links a.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--lime)}
    .header-action{padding:10px 16px!important;background:var(--lime);color:var(--ink)!important;border-radius:9px;font-weight:800}
    .header-action:hover{background:#e2ff9c!important;transform:translateY(-2px)}
    .menu-toggle{display:none;background:none;border:1px solid var(--line);color:var(--white);padding:8px 11px;border-radius:8px}
    .breadcrumb-wrap{padding:24px 0 0;color:var(--dim);font-size:13px}
    .breadcrumb-wrap a:hover{color:var(--lime)}
    .breadcrumb-wrap span{margin:0 9px;color:#5e5968}
    .page-hero{padding:48px 0 70px;background:radial-gradient(circle at 82% 28%,rgba(41,199,163,.12),transparent 32%),linear-gradient(135deg,#17151f,#202a22)}
    .page-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
    .eyebrow,.section-kicker{color:var(--lime);text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:1.7px}
    h1{font-size:clamp(36px,5vw,62px);line-height:1.15;letter-spacing:-2px;margin:17px 0 20px}
    .hero-copy{max-width:670px;color:#c5ccc3;font-size:18px}
    .hero-note{margin-top:18px;color:var(--muted);font-size:13px}
    .device-stage{min-height:330px;display:flex;align-items:center;justify-content:center;position:relative}
    .device{width:220px;height:370px;border:8px solid #0d100e;border-radius:32px;background:#dcebd0;box-shadow:var(--shadow);padding:12px;transform:rotate(5deg)}
    .device-top{height:18px;width:75px;margin:0 auto 18px;background:#121712;border-radius:0 0 12px 12px}
    .screen-label{font-size:12px;color:#59713d;font-weight:800;margin-bottom:12px}
    .screen-line{height:11px;background:#a8c783;border-radius:4px;margin:10px 0}
    .screen-line.short{width:58%}.screen-box{height:74px;background:#f5f1e8;border-radius:10px;margin:18px 0;padding:12px}
    .screen-box b{display:block;color:#243221;font-size:12px;margin-bottom:8px}.screen-box i{display:block;width:70%;height:8px;background:#cadbac;border-radius:3px}
    .data-orb{position:absolute;width:155px;height:155px;border:1px solid rgba(199,243,107,.3);border-radius:50%;right:2%;top:8%;z-index:0}
    .data-orb:after{content:"移动端说明";position:absolute;right:18px;bottom:15px;color:var(--amber);font-size:12px;transform:rotate(-18deg)}
    .section{padding:84px 0}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}
    h2{font-size:34px;line-height:1.25;letter-spacing:-1px;margin:8px 0 0}
    .section-intro{max-width:620px;color:var(--muted);font-size:15px}
    .download-panel{background:var(--cream);color:var(--ink);border-radius:20px;padding:42px;display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:center}
    .preview-board{background:#d8e7ca;border-radius:16px;min-height:270px;padding:25px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
    .preview-board:before{content:"";position:absolute;width:250px;height:250px;border:1px solid rgba(56,91,38,.18);border-radius:50%}
    .mini-device{width:145px;height:245px;border:6px solid #182018;border-radius:23px;background:#f6f3e9;padding:10px;position:relative;z-index:1}
    .mini-device .device-top{height:10px;width:45px;margin-bottom:12px}
    .mini-device .screen-box{height:48px;margin:10px 0;padding:8px}
    .mini-device .screen-box b{font-size:9px;margin-bottom:5px}.mini-device i{height:5px}
    .download-panel h2{margin:0;color:var(--ink);font-size:30px}
    .download-panel p{color:#5e665d;margin:15px 0}
    .status-row{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}
    .status-row span{font-size:12px;border:1px solid #b8c9aa;border-radius:20px;padding:4px 10px;color:#4e683b}
    .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 21px;border-radius:10px;border:1px solid transparent;font-weight:800;transition:.22s}
    .btn-primary{background:var(--lime);color:var(--ink)}.btn-primary:hover{background:#e2ff9c;transform:translateY(-2px)}
    .btn-secondary{border-color:var(--line);color:var(--white);background:#252b26}.btn-secondary:hover{border-color:var(--lime);color:var(--lime);transform:translateY(-2px)}
    .download-panel .btn-secondary{color:#263022;border-color:#879d76;background:transparent}
    .download-panel .btn-secondary:hover{color:#334b27;border-color:#536e43}
    .notice-box{margin-top:18px;background:#f5e6d7;border-left:4px solid var(--orange);padding:12px 15px;color:#685442;font-size:13px;border-radius:4px}
    .steps-section{background:#1d1a27}
    .steps-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px}
    .step{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:24px;background:var(--purple-panel);border:1px solid var(--line);border-radius:var(--radius);transition:.22s}
    .step:hover{border-color:rgba(41,199,163,.55);transform:translateY(-3px);box-shadow:var(--shadow)}
    .step-number{width:42px;height:42px;border-radius:12px;background:rgba(41,199,163,.15);color:var(--mint);display:grid;place-items:center;font-size:19px;font-weight:800}
    .step h3{font-size:18px;margin:0 0 7px}.step p{color:var(--muted);font-size:14px;margin:0}
    .tips-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}
    .tip-card{padding:30px;background:var(--purple-panel);border:1px solid var(--line);border-radius:var(--radius)}
    .tip-card h3{margin:0 0 14px;font-size:21px}.tip-card p{color:var(--muted);font-size:14px}
    .check-list{list-style:none;padding:0;margin:0}.check-list li{padding:13px 0;border-bottom:1px solid var(--line);color:#ddd9e5;font-size:14px}.check-list li:last-child{border:0}.check-list li:before{content:"✓";color:var(--mint);font-weight:800;margin-right:10px}
    .faq{max-width:860px;margin:auto}.faq-item{border-top:1px solid var(--line)}.faq-item:last-child{border-bottom:1px solid var(--line)}
    .faq-question{width:100%;background:none;color:var(--white);border:0;text-align:left;min-height:60px;padding:16px 4px;display:flex;justify-content:space-between;align-items:center;font-weight:700}
    .faq-question span:last-child{color:var(--mint);font-size:24px;transition:.2s}.faq-answer{display:none;color:var(--muted);padding:0 35px 18px 4px;font-size:14px}.faq-item.open .faq-answer{display:block}.faq-item.open .faq-question span:last-child{transform:rotate(45deg)}
    .cta{padding:56px 0;background:#202b22;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .cta-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.cta h2{margin:0;font-size:29px}.cta p{color:var(--muted);margin:8px 0 0}
    .site-footer{background:#101311;padding:60px 0 24px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:35px}.footer-brand .logo{font-size:18px;font-weight:800}.logo span{color:var(--amber)}.footer-brand p{color:var(--muted);font-size:13px;max-width:300px;margin-top:15px}.footer-title{font-size:14px;margin:0 0 15px;color:var(--white)}.footer-links{display:grid;gap:9px}.footer-links a{color:var(--muted);font-size:13px;transition:.2s}.footer-links a:hover{color:var(--lime);padding-left:3px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:42px;padding-top:20px;color:var(--dim);font-size:12px}.risk{color:#bf8d78}
    @media(max-width:1050px){.nav-links{gap:12px}.nav-links a{font-size:13px}.brand{min-width:205px}.header-inner{gap:16px}.page-hero-grid{gap:35px}}
    @media(max-width:768px){.container{width:min(100% - 30px,var(--container))}.site-header{height:68px}.header-inner{justify-content:space-between}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;background:#111410;border-bottom:1px solid var(--line);padding:8px 20px 18px;flex-direction:column;align-items:stretch;gap:0}.nav-links.show{display:flex}.nav-links a{padding:12px 0}.nav-links a.active:after{left:auto;width:30px;right:0;bottom:8px}.header-action{display:none}.menu-toggle{display:block}.page-hero{padding:28px 0 55px}.page-hero-grid,.download-panel,.tips-grid{grid-template-columns:1fr}.device-stage{min-height:300px}.section{padding:58px 0}.section-head{display:block}.section-head .section-intro{margin-top:12px}.steps-grid{grid-template-columns:1fr}.download-panel{padding:24px;gap:28px}.footer-grid{grid-template-columns:1fr 1fr}.cta-inner{display:block}.cta .btn{margin-top:22px}}
    @media(max-width:520px){.notice-bar{height:34px}.notice-label{font-size:11px}.notice-text{font-size:11px}.brand strong{font-size:15px}.brand small{font-size:9px}h1{font-size:37px;letter-spacing:-1px}.hero-copy{font-size:16px}.hero-buttons .btn{width:100%}.device{transform:rotate(3deg) scale(.9)}h2{font-size:28px}.footer-grid{grid-template-columns:1fr;gap:25px}.footer-bottom{display:block}.footer-bottom .risk{display:block;margin-top:8px}.download-panel .btn{width:100%;margin-top:8px}}
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* roulang page: category3 */
:root{
      --ink:#101311;--coal:#171b18;--panel:#202622;--panel-2:#252d27;
      --lime:#c7f36b;--lime-dark:#8dbb32;--amber:#e8a85b;--cream:#f5f1e8;
      --muted:#9da69d;--line:rgba(245,241,232,.13);--white:#fffdf7;
      --bg:#17151f;--purple-panel:#24212e;--purple-2:#2d2938;--mint:#29c7a3;
      --mint-light:#8ce8d2;--orange:#ff9b54;--red:#e86a78;--text:#f4f1f7;
      --dim:#827b8d;--radius:16px;--radius-sm:10px;--shadow:0 16px 38px rgba(0,0,0,.22);
      --container:1200px
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.75}
    a{color:inherit;text-decoration:none}
    a:hover{color:var(--lime)}
    img{max-width:100%;display:block}
    button,input{font:inherit}
    button{cursor:pointer}
    .container{width:min(var(--container),calc(100% - 40px));margin:0 auto}
    .notice-bar{height:36px;background:#111018;border-bottom:1px solid rgba(255,255,255,.07);color:var(--muted);font-size:12px;display:flex;align-items:center}
    .notice-inner{display:flex;align-items:center;justify-content:space-between;gap:18px}
    .notice-label{color:var(--orange);font-weight:800;white-space:nowrap}
    .notice-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .site-header{height:76px;background:rgba(16,19,17,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}
    .header-inner{height:100%;display:flex;align-items:center;gap:26px}
    .logo{display:flex;align-items:center;gap:11px;min-width:235px;font-weight:800;letter-spacing:-.4px;color:var(--white)}
    .brand-mark{width:34px;height:34px;border:2px solid var(--lime);border-radius:9px;position:relative;flex:none}
    .brand-mark:before,.brand-mark:after{content:"";position:absolute;background:var(--lime);height:3px;left:7px;right:7px}
    .brand-mark:before{top:10px}.brand-mark:after{top:19px}
    .logo strong{font-size:17px}.logo span{display:block;color:var(--amber);font-size:11px;line-height:1.1}
    .nav-links{display:flex;align-items:center;gap:20px;flex:1}
    .nav-links a{color:#c5ccc3;font-size:14px;padding:25px 0;position:relative;white-space:nowrap;transition:.2s}
    .nav-links a:hover,.nav-links a.active{color:var(--lime)}
    .nav-links a.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--lime)}
    .header-action{background:var(--lime)!important;color:var(--ink)!important;border-radius:9px;padding:10px 15px!important;font-weight:800}
    .header-action:hover{background:#e2ff9c!important;transform:translateY(-2px)}
    .menu-toggle{display:none;background:transparent;border:1px solid var(--line);color:var(--white);border-radius:8px;padding:7px 11px}
    .breadcrumb-wrap{padding:24px 0 0;color:var(--dim);font-size:13px}
    .breadcrumb-wrap a{color:var(--muted)}.breadcrumb-wrap span{margin:0 9px;color:#575260}
    .page-hero{padding:50px 0 64px;background:radial-gradient(circle at 83% 25%,rgba(41,199,163,.12),transparent 29%),linear-gradient(120deg,#17151f,#211e2b)}
    .hero-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:end}
    .eyebrow,.section-kicker{color:var(--mint);font-size:12px;font-weight:800;letter-spacing:1.8px}
    h1{font-size:clamp(36px,5vw,62px);line-height:1.15;letter-spacing:-2px;margin:17px 0 20px;color:var(--white)}
    .hero-copy{max-width:720px;color:var(--muted);font-size:18px;line-height:1.85;margin:0}
    .hero-panel{border:1px solid var(--line);background:rgba(45,41,56,.72);border-radius:18px;padding:24px;box-shadow:var(--shadow)}
    .panel-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:18px}
    .panel-top b{font-size:16px}.status{color:var(--mint);font-size:12px}
    .rule-meter{display:flex;gap:7px;margin:20px 0 24px}
    .rule-meter i{display:block;height:7px;flex:1;border-radius:10px;background:#494453}
    .rule-meter i.on{background:var(--mint)}.rule-meter i.warn{background:var(--orange)}
    .panel-list{display:grid;gap:12px}.panel-line{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.panel-line strong{color:var(--text);font-weight:700}
    .section{padding:82px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}
    h2{font-size:34px;line-height:1.25;letter-spacing:-1px;margin:8px 0 0}.section-intro{color:var(--muted);max-width:570px;margin:0}
    .rule-shell{display:grid;grid-template-columns:255px 1fr;gap:22px}
    .rule-nav{background:var(--purple-panel);border:1px solid var(--line);border-radius:var(--radius);padding:13px;height:max-content;position:sticky;top:98px}
    .rule-nav a{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-radius:10px;color:var(--muted);font-size:14px;transition:.2s}
    .rule-nav a:after{content:"›";color:var(--dim);font-size:20px}.rule-nav a:hover,.rule-nav a.active{background:rgba(41,199,163,.12);color:var(--mint)}
    .rule-content{background:var(--cream);color:#1b1a1f;border-radius:var(--radius);padding:38px 42px;box-shadow:var(--shadow)}
    .rule-content h2{font-size:27px;color:#1a1b1b;margin:0 0 14px}.rule-content h3{font-size:19px;margin:29px 0 8px;color:#29252e}
    .rule-content p{color:#5f5b64;margin:0 0 14px}.rule-content ul{padding-left:20px;color:#5f5b64}.rule-content li{margin:7px 0}
    .info-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:27px 0}
    .info-box{background:#e7e2d7;border:1px solid #d8d1c3;border-radius:12px;padding:17px}.info-box b{display:block;color:#20221f;font-size:18px}.info-box span{color:#716b72;font-size:12px}
    .terms{overflow:auto;margin-top:18px}.terms table{width:100%;border-collapse:collapse;min-width:480px;font-size:14px}.terms th,.terms td{text-align:left;padding:13px 15px;border-bottom:1px solid #d8d1c3}.terms th{background:#e3ded3;color:#25252a}.terms td{color:#625e66}
    .notice-card{margin-top:28px;border-left:4px solid var(--orange);background:#fff1df;border-radius:0 10px 10px 0;padding:15px 18px;color:#6b5541;font-size:14px}
    .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step{background:var(--purple-panel);border:1px solid var(--line);border-radius:var(--radius);padding:23px;transition:.2s}.step:hover{border-color:rgba(41,199,163,.65);transform:translateY(-3px);box-shadow:var(--shadow)}
    .step-num{color:var(--orange);font-size:13px;font-weight:800;letter-spacing:1px}.step h3{font-size:17px;margin:12px 0 7px}.step p{color:var(--muted);font-size:14px;margin:0}
    .faq{max-width:900px;margin:auto}.faq-item{border-top:1px solid var(--line)}.faq-item:last-child{border-bottom:1px solid var(--line)}
    .faq-question{width:100%;min-height:60px;background:none;border:0;color:var(--text);display:flex;align-items:center;justify-content:space-between;text-align:left;font-weight:700;padding:15px 2px}.faq-question span{color:var(--mint);font-size:24px;transition:.2s}.faq-answer{display:none;color:var(--muted);font-size:14px;padding:0 34px 18px 2px}.faq-item.open .faq-answer{display:block}.faq-item.open .faq-question span{transform:rotate(45deg)}
    .cta{background:#e9e4d9;color:var(--ink);padding:34px 40px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:28px}.cta h2{margin:0;font-size:27px}.cta p{color:#686d65;margin:7px 0 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 21px;border-radius:10px;border:1px solid transparent;font-weight:800;transition:.2s}.btn-primary{background:var(--mint);color:#101311}.btn-primary:hover{background:#72e2c8;color:#101311;transform:translateY(-2px)}.btn-secondary{background:#292632;border-color:var(--line);color:var(--white)}.btn-secondary:hover{border-color:var(--mint);color:var(--mint)}
    .site-footer{background:#111018;border-top:1px solid var(--line);padding:58px 0 22px}.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:35px}.footer-brand .logo{margin-bottom:14px}.footer-brand p{color:var(--muted);font-size:13px;max-width:320px}.footer-title{font-size:14px;margin:3px 0 15px;color:var(--white)}.footer-links{display:grid;gap:8px}.footer-links a{color:var(--muted);font-size:13px}.footer-links a:hover{color:var(--lime)}.footer-bottom{border-top:1px solid var(--line);margin-top:42px;padding-top:18px;display:flex;justify-content:space-between;gap:15px;color:var(--dim);font-size:12px}.risk{color:#c39177}
    :focus-visible{outline:3px solid var(--orange);outline-offset:3px}
    @media(max-width:1100px){.nav-links{gap:13px}.header-inner{gap:16px}.logo{min-width:210px}.nav-links a{font-size:13px}.header-action{display:none}}
    @media(max-width:850px){.hero-layout,.rule-shell{grid-template-columns:1fr}.hero-panel{max-width:600px}.rule-nav{position:static;display:flex;overflow:auto;gap:5px}.rule-nav a{white-space:nowrap}.rule-nav a:after{display:none}.steps{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:700px){.site-header{height:68px}.header-inner{justify-content:space-between}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;background:#111018;padding:10px 20px 18px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.nav-links a{padding:12px 0}.nav-links a.active:after{left:auto;width:35px;right:0;bottom:8px}.menu-toggle{display:block}.breadcrumb-wrap{padding-top:18px}.page-hero{padding:38px 0 48px}.section{padding:57px 0}.section-head{display:block}.section-head .section-intro{margin-top:12px}.rule-content{padding:27px 22px}.cta{display:block;padding:28px 24px}.cta .btn{margin-top:20px}.footer-bottom{display:block}.footer-bottom .risk{display:block;margin-top:8px}}
    @media(max-width:520px){.container{width:min(100% - 28px,var(--container))}h1{font-size:38px;letter-spacing:-1px}.hero-copy{font-size:16px}.info-strip,.steps{grid-template-columns:1fr}.rule-nav{margin:0 -5px}.rule-nav a{padding:11px 12px}.rule-content h2{font-size:24px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-brand{grid-column:1/-1}.btn{width:100%}}

/* roulang page: category4 */
:root{
      --ink:#101311;--coal:#171b18;--panel:#202622;--panel-2:#252d27;
      --lime:#c7f36b;--lime-dark:#8dbb32;--amber:#e8a85b;--cream:#f5f1e8;
      --muted:#9da69d;--line:rgba(245,241,232,.13);--white:#fffdf7;
      --bg:#17151f;--dark-panel:#24212e;--dark-panel-2:#2d2938;
      --mint:#29c7a3;--mint-light:#8ce8d2;--orange:#ff9b54;--red:#e86a78;
      --text:#f4f1f7;--dim:#827b8d;--radius:16px;--radius-sm:10px;
      --shadow:0 16px 38px rgba(0,0,0,.18);--container:1200px
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--ink);color:var(--white);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.75}
    a{color:inherit;text-decoration:none}
    a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
    img{max-width:100%;display:block}
    button,input{font:inherit}
    button{cursor:pointer}
    .container{width:min(var(--container),calc(100% - 40px));margin:0 auto}
    .notice-bar{height:36px;background:#121713;color:var(--muted);font-size:12px;display:flex;align-items:center;border-bottom:1px solid var(--line)}
    .notice-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}
    .notice-label{color:var(--orange);font-weight:800}
    .notice-link{color:var(--lime);white-space:nowrap}
    .site-header{height:76px;border-bottom:1px solid var(--line);background:rgba(16,19,17,.94);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}
    .header-inner{height:100%;display:flex;align-items:center;gap:30px}
    .brand{display:flex;align-items:center;gap:11px;min-width:245px;font-weight:800;letter-spacing:-.4px}
    .brand-mark{width:34px;height:34px;border:2px solid var(--lime);border-radius:9px;position:relative;flex:none}
    .brand-mark:before,.brand-mark:after{content:"";position:absolute;background:var(--lime);height:3px;left:7px;right:7px}
    .brand-mark:before{top:10px}.brand-mark:after{top:19px}
    .brand strong{font-size:18px}.brand small{display:block;color:var(--amber);font-size:10px;line-height:1}
    .nav-links{display:flex;align-items:center;gap:20px;flex:1}
    .nav-links a{color:#c5ccc3;font-size:14px;padding:25px 0;position:relative;white-space:nowrap;transition:.2s}
    .nav-links a:hover,.nav-links a.active{color:var(--lime)}
    .nav-links a.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--lime)}
    .header-action{padding:10px 17px!important;background:var(--lime);color:var(--ink)!important;border-radius:9px;font-weight:800}
    .header-action:hover{background:#e2ff9c!important;transform:translateY(-2px)}
    .menu-toggle{display:none;background:transparent;border:1px solid var(--line);color:var(--white);border-radius:8px;padding:8px 11px}
    .breadcrumb-wrap{padding:22px 0 0;color:var(--dim);font-size:13px}
    .breadcrumb-wrap a:hover{color:var(--lime)}
    .breadcrumb-wrap span{margin:0 8px;color:#625d6c}
    .hero-security{padding:58px 0 74px;background:radial-gradient(circle at 87% 22%,rgba(41,199,163,.14),transparent 26%),linear-gradient(130deg,#101311,#1d2821)}
    .hero-layout{display:grid;grid-template-columns:1fr .88fr;gap:70px;align-items:center}
    .eyebrow,.section-kicker{color:var(--lime);font-size:12px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase}
    h1{font-size:clamp(36px,5vw,62px);line-height:1.16;letter-spacing:-2px;margin:18px 0 20px}
    .hero-copy{max-width:680px;color:#c5ccc3;font-size:18px;line-height:1.85}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}
    .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 21px;border-radius:10px;border:1px solid transparent;font-weight:800;transition:.22s}
    .btn-primary{background:var(--lime);color:var(--ink)}
    .btn-primary:hover{background:#e2ff9c;transform:translateY(-2px);box-shadow:0 8px 20px rgba(199,243,107,.18)}
    .btn-secondary{background:#252b26;border-color:var(--line);color:var(--white)}
    .btn-secondary:hover{border-color:var(--lime);color:var(--lime);transform:translateY(-2px)}
    .security-panel{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:25px;box-shadow:var(--shadow)}
    .panel-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:18px}
    .panel-title{font-size:17px;font-weight:800}.status{color:var(--mint);font-size:12px;font-weight:700}
    .check-row{display:flex;align-items:flex-start;gap:13px;padding:15px 0;border-bottom:1px solid var(--line)}
    .check-row:last-child{border-bottom:0;padding-bottom:2px}
    .check-icon{width:25px;height:25px;border-radius:50%;background:rgba(41,199,163,.15);color:var(--mint);display:grid;place-items:center;font-weight:900;flex:none}
    .check-row strong{display:block;font-size:14px}.check-row small{color:var(--muted);font-size:12px}
    .section{padding:86px 0}.section-light{background:var(--cream);color:var(--ink)}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px}
    h2{font-size:34px;line-height:1.25;letter-spacing:-1px;margin:8px 0 0}
    .section-intro{color:var(--muted);max-width:590px;font-size:15px}
    .section-light .section-kicker{color:#688528}.section-light .section-intro{color:#687066}
    .risk-strip{display:flex;align-items:center;gap:16px;background:rgba(255,155,84,.1);border:1px solid rgba(255,155,84,.3);border-radius:12px;padding:17px 20px;color:#e8d8ca}
    .risk-strip b{color:var(--orange);white-space:nowrap}
    .security-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:18px}
    .checklist,.privacy-card,.step-card,.faq-item{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius)}
    .checklist{padding:28px}
    .list-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}
    .list-heading h3{font-size:21px;margin:0}.badge{font-size:11px;border-radius:20px;padding:4px 10px;color:var(--mint);background:rgba(41,199,163,.12)}
    .security-list{list-style:none;padding:0;margin:0}
    .security-list li{display:flex;gap:13px;padding:15px 0;border-bottom:1px solid var(--line);color:#ddd8e3}
    .security-list li:last-child{border-bottom:0}
    .security-list i{font-style:normal;color:var(--lime);font-weight:900}
    .privacy-card{padding:28px;background:#262332}
    .privacy-card h3{font-size:21px;margin:0 0 12px}.privacy-card p{color:var(--muted);font-size:14px}
    .privacy-note{margin-top:20px;padding:14px;border-left:3px solid var(--orange);background:rgba(255,155,84,.08);color:#dfc8b8;font-size:13px}
    .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
    .step-card{padding:23px 20px;transition:.22s}
    .step-card:hover{border-color:rgba(199,243,107,.6);transform:translateY(-3px);box-shadow:var(--shadow)}
    .step-number{color:var(--lime);font-size:13px;font-weight:900;letter-spacing:1px}
    .step-card h3{font-size:17px;margin:13px 0 8px}.step-card p{color:var(--muted);font-size:13px;margin:0}
    .faq{max-width:900px;margin:0 auto}
    .faq-item{border-radius:0;border-left:0;border-right:0;background:transparent}
    .faq-item:first-child{border-radius:var(--radius) var(--radius) 0 0;border-left:1px solid var(--line);border-right:1px solid var(--line)}
    .faq-item:last-child{border-radius:0 0 var(--radius) var(--radius);border-bottom:1px solid var(--line);border-left:1px solid var(--line);border-right:1px solid var(--line)}
    .faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;border:0;background:var(--panel);color:var(--white);text-align:left;padding:15px 22px;font-weight:700}
    .faq-question:hover{color:var(--lime)}.faq-symbol{font-size:24px;color:var(--lime);transition:.2s}
    .faq-answer{display:none;background:var(--panel);color:var(--muted);padding:0 22px 20px;font-size:14px}
    .faq-item.open .faq-answer{display:block}.faq-item.open .faq-symbol{transform:rotate(45deg)}
    .cta{padding:55px 0;background:#202622;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{margin:0;font-size:28px}.cta p{color:var(--muted);margin:8px 0 0}
    .site-footer{background:#0f120f;padding:58px 0 24px;color:var(--white)}
    .footer-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr;gap:35px}
    .footer-brand .logo{font-size:18px;font-weight:800}.logo span{color:var(--lime)}
    .footer-brand p{color:var(--muted);font-size:13px;max-width:320px;margin-top:14px}
    .footer-title{font-size:14px;margin:0 0 14px;color:var(--white)}.footer-links{display:grid;gap:8px}
    .footer-links a{font-size:13px;color:var(--muted);transition:.2s}.footer-links a:hover{color:var(--lime);padding-left:3px}
    .footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:40px;padding-top:20px;color:var(--dim);font-size:12px}.risk{color:#b98e82}
    @media(max-width:1100px){.header-inner{gap:18px}.brand{min-width:215px}.nav-links{gap:13px}.nav-links a{font-size:13px}.hero-layout{gap:40px}}
    @media(max-width:850px){.nav-links{display:none;position:absolute;top:112px;left:20px;right:20px;background:#121713;border:1px solid var(--line);padding:12px 18px;flex-direction:column;align-items:stretch;gap:0;border-radius:12px}.nav-links.open{display:flex}.nav-links a{padding:12px 4px}.nav-links a.active:after{display:none}.menu-toggle{display:block;margin-left:auto}.header-action{display:none}.hero-layout,.security-grid{grid-template-columns:1fr}.hero-layout{gap:35px}.steps{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:576px){.container{width:min(100% - 28px,var(--container))}.notice-bar{height:42px}.notice-inner{overflow:hidden;white-space:nowrap}.notice-link{display:none}.site-header{height:70px}.brand{min-width:0}.brand strong{font-size:15px}.brand small{font-size:9px}.hero-security{padding:42px 0 52px}h1{font-size:38px;letter-spacing:-1.5px}.hero-copy{font-size:16px}.hero-actions .btn{width:100%}.section{padding:58px 0}.section-head{display:block}.section-intro{margin-top:15px}.risk-strip{display:block;font-size:13px}.risk-strip b{display:block;margin-bottom:5px}.checklist,.privacy-card{padding:21px}.steps{grid-template-columns:1fr}.cta-inner{display:block}.cta .btn{width:100%;margin-top:22px}.footer-grid{grid-template-columns:1fr;gap:27px}.footer-bottom{display:block}.footer-bottom .risk{display:block;margin-top:9px}}
    @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* roulang page: category5 */
:root{
      --ink:#101311;
      --coal:#171b18;
      --panel:#202622;
      --panel-2:#252d27;
      --lime:#c7f36b;
      --lime-dark:#8dbb32;
      --amber:#e8a85b;
      --cream:#f5f1e8;
      --muted:#9da69d;
      --line:rgba(245,241,232,.13);
      --white:#fffdf7;
      --bg:#17151f;
      --purple-panel:#24212e;
      --purple-2:#2d2938;
      --mint:#29c7a3;
      --mint-light:#8ce8d2;
      --orange:#ff9b54;
      --red:#e86a78;
      --text:#f4f1f7;
      --dim:#827b8d;
      --radius:16px;
      --radius-sm:10px;
      --shadow:0 16px 38px rgba(0,0,0,.18);
      --max:1220px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      background:var(--ink);
      color:var(--white);
      font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;
      font-size:16px;
      line-height:1.75;
    }
    a{color:inherit;text-decoration:none}
    a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
    img{max-width:100%;display:block}
    button,input{font:inherit}
    button{cursor:pointer}
    .container{width:min(var(--max),calc(100% - 40px));margin:0 auto}
    .notice-bar{
      min-height:36px;
      display:flex;
      align-items:center;
      border-bottom:1px solid rgba(255,255,255,.06);
      background:#111410;
      color:#c8cec6;
      font-size:12px;
    }
    .notice-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}
    .notice-label{color:var(--orange);font-weight:800;white-space:nowrap}
    .notice-bar a{color:var(--lime);white-space:nowrap}
    .site-header{
      height:76px;
      position:sticky;
      top:0;
      z-index:20;
      background:rgba(16,19,17,.96);
      border-bottom:1px solid var(--line);
      backdrop-filter:blur(12px);
    }
    .header-inner{height:100%;display:flex;align-items:center;gap:28px}
    .brand,.logo{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.4px}
    .brand{min-width:220px}
    .brand-mark{
      width:34px;height:34px;border:2px solid var(--lime);
      border-radius:9px;position:relative;flex:none
    }
    .brand-mark:before,.brand-mark:after{
      content:"";position:absolute;background:var(--lime);
      height:3px;left:7px;right:7px
    }
    .brand-mark:before{top:10px}.brand-mark:after{top:19px}
    .brand strong{font-size:17px;white-space:nowrap}
    .brand small{display:block;color:var(--amber);font-size:10px;line-height:1}
    .nav-links{display:flex;align-items:center;gap:20px;flex:1}
    .nav-links a{
      color:#c5ccc3;font-size:14px;padding:25px 0;
      position:relative;white-space:nowrap;transition:.2s
    }
    .nav-links a:hover,.nav-links a.active{color:var(--lime)}
    .nav-links a.active:after{
      content:"";position:absolute;bottom:-1px;left:0;right:0;
      height:3px;background:var(--lime)
    }
    .header-action{
      padding:10px 16px!important;
      border-radius:9px;
      background:var(--lime);
      color:var(--ink)!important;
      font-weight:800;
    }
    .header-action:hover{background:#e2ff9c!important;transform:translateY(-2px)}
    .menu-toggle{
      display:none;background:transparent;border:1px solid var(--line);
      color:var(--white);padding:8px 11px;border-radius:8px
    }
    .page-hero{
      padding:72px 0 66px;
      background:
        radial-gradient(circle at 90% 18%,rgba(41,199,163,.13),transparent 27%),
        linear-gradient(120deg,#101311 0%,#1c241e 100%);
    }
    .breadcrumb{display:flex;gap:9px;align-items:center;color:var(--dim);font-size:13px;margin-bottom:32px}
    .breadcrumb a:hover{color:var(--lime)}
    .breadcrumb .current{color:#d7ddd4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .hero-layout{display:grid;grid-template-columns:1.16fr .84fr;gap:70px;align-items:end}
    .eyebrow,.section-kicker{
      color:var(--lime);font-size:12px;font-weight:800;
      letter-spacing:1.8px;text-transform:uppercase
    }
    h1,h2,h3,p{margin-top:0}
    .page-hero h1{
      max-width:780px;margin:18px 0 20px;
      font-size:clamp(37px,5vw,64px);line-height:1.13;
      letter-spacing:-2.4px
    }
    .page-hero h1 em{font-style:normal;color:var(--lime)}
    .hero-copy{max-width:690px;color:#c5ccc3;font-size:18px;line-height:1.85}
    .hero-note{margin-top:25px;color:var(--muted);font-size:13px}
    .principle-panel{
      padding:25px;background:rgba(36,33,46,.78);
      border:1px solid rgba(199,243,107,.2);border-radius:18px;
      box-shadow:var(--shadow)
    }
    .panel-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}
    .panel-heading strong{font-size:18px}
    .status{font-size:11px;color:var(--mint-light);border:1px solid rgba(41,199,163,.35);padding:3px 8px;border-radius:20px}
    .principle-list{list-style:none;padding:0;margin:0}
    .principle-list li{
      display:flex;gap:12px;padding:13px 0;border-top:1px solid var(--line);
      color:#d8d3dd;font-size:14px
    }
    .principle-list li:before{
      content:"✓";color:var(--mint);font-weight:800;
      width:20px;height:20px;line-height:19px;text-align:center;
      border:1px solid rgba(41,199,163,.5);border-radius:50%;flex:none
    }
    .section{padding:88px 0}
    .section-light{background:var(--cream);color:var(--ink)}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:34px}
    .section h2{font-size:34px;line-height:1.25;letter-spacing:-1px;margin:9px 0 0}
    .section-intro{max-width:590px;color:var(--muted);font-size:15px}
    .section-light .section-kicker{color:#688528}
    .section-light .section-intro{color:#687066}
    .guidance-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
    .guidance-main,.check-panel,.manage-card,.help-card{
      border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);
    }
    .guidance-main{padding:30px}
    .guidance-main h3{font-size:24px;margin-bottom:13px}
    .guidance-main p{color:#c5ccc3;max-width:700px}
    .guidance-points{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-top:25px}
    .point{padding:16px;background:var(--panel-2);border-radius:11px}
    .point b{display:block;color:var(--mint-light);font-size:15px;margin-bottom:4px}
    .point span{color:var(--muted);font-size:13px}
    .check-panel{padding:26px;background:#1e1b28}
    .check-panel h3{font-size:19px;margin-bottom:16px}
    .check-row{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-top:1px solid var(--line);font-size:14px;color:#d9d3df}
    .check-row i{width:8px;height:8px;background:var(--orange);border-radius:50%;margin-top:9px;flex:none}
    .check-row:nth-child(3) i{background:var(--mint)}
    .check-row:nth-child(4) i{background:var(--red)}
    .self-check{background:#f1ede4}
    .self-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
    .self-card{padding:24px;border:1px solid rgba(16,19,17,.12);border-radius:14px;background:#fffdf8;transition:.22s}
    .self-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px rgba(16,19,17,.09);border-color:#a7c95c}
    .self-number{color:#7b9b31;font-size:13px;font-weight:800;letter-spacing:1px}
    .self-card h3{font-size:19px;margin:10px 0 8px}
    .self-card p{font-size:14px;color:#626961;margin-bottom:0}
    .management{background:var(--bg)}
    .management-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}
    .manage-card{padding:30px}
    .manage-card h3{font-size:23px;margin-bottom:12px}
    .manage-card p{color:var(--muted);font-size:14px}
    .meter-list{margin-top:22px}
    .meter{display:grid;grid-template-columns:105px 1fr;gap:14px;align-items:center;margin:16px 0;font-size:13px;color:#d7d2dc}
    .meter-line{height:8px;border-radius:20px;background:#393445;overflow:hidden}
    .meter-line span{display:block;height:100%;border-radius:20px;background:var(--mint)}
    .meter:nth-child(2) .meter-line span{width:72%;background:var(--orange)}
    .meter:nth-child(3) .meter-line span{width:50%;background:#a8d65c}
    .meter:first-child .meter-line span{width:88%}
    .notice-box{padding:21px;border-left:3px solid var(--orange);background:rgba(255,155,84,.09);color:#d9d2dd;font-size:14px}
    .notice-box strong{display:block;color:var(--orange);margin-bottom:5px}
    .safety-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
    .btn{
      display:inline-flex;align-items:center;justify-content:center;
      min-height:46px;padding:0 20px;border-radius:10px;
      border:1px solid transparent;font-weight:800;transition:.22s
    }
    .btn-primary{background:var(--lime);color:var(--ink)}
    .btn-primary:hover{background:#e2ff9c;transform:translateY(-2px);box-shadow:0 8px 20px rgba(199,243,107,.2)}
    .btn-secondary{border-color:var(--line);color:var(--white);background:#252b26}
    .btn-secondary:hover{border-color:var(--lime);color:var(--lime);transform:translateY(-2px)}
    .help-section{background:#f1ede4;color:var(--ink)}
    .help-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}
    .help-card{padding:27px;background:#fffdf8;border-color:rgba(16,19,17,.1)}
    .help-card h3{font-size:21px;margin-bottom:12px}
    .help-card p{color:#626961;font-size:14px}
    .help-card ul{padding-left:20px;margin:15px 0 0;color:#505850;font-size:14px}
    .help-card li{margin:6px 0}
    .faq{max-width:900px;margin:0 auto}
    .faq-item{border-top:1px solid var(--line)}
    .faq-item:last-child{border-bottom:1px solid var(--line)}
    .faq-question{
      width:100%;min-height:62px;padding:15px 4px;
      border:0;background:none;color:var(--white);
      display:flex;justify-content:space-between;align-items:center;
      text-align:left;font-weight:700
    }
    .faq-question span:last-child{color:var(--lime);font-size:23px;font-weight:400;transition:.2s}
    .faq-answer{display:none;color:var(--muted);font-size:14px;padding:0 38px 18px 4px}
    .faq-item.open .faq-answer{display:block}
    .faq-item.open .faq-question span:last-child{transform:rotate(45deg)}
    .final-cta{padding:42px 0;background:#202622;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .cta-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}
    .cta-inner h2{font-size:27px;margin:0 0 8px}
    .cta-inner p{color:var(--muted);margin:0;font-size:14px}
    .cta-actions{display:flex;gap:10px;flex-wrap:wrap;flex:none}
    .site-footer{background:#101311;padding:58px 0 24px;color:var(--white)}
    .footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:35px}
    .footer-brand .logo{font-size:18px;margin-bottom:14px}
    .footer-brand .logo span{color:var(--lime)}
    .footer-brand p{max-width:330px;color:var(--muted);font-size:13px}
    .footer-title{font-size:14px;margin:4px 0 14px;color:var(--white)}
    .footer-links{display:grid;gap:8px}
    .footer-links a{color:var(--muted);font-size:13px;transition:.2s}
    .footer-links a:hover{color:var(--lime);padding-left:3px}
    .footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:21px;margin-top:43px;color:var(--dim);font-size:12px}
    .footer-bottom .risk{color:#b58e78;text-align:right}
    @media(max-width:1100px){
      .header-inner{gap:18px}.brand{min-width:205px}.nav-links{gap:13px}
      .nav-links a{font-size:13px}
      .hero-layout{gap:38px}
    }
    @media(max-width:900px){
      .site-header{height:68px}.brand strong{font-size:15px}
      .nav-links{display:none;position:absolute;left:20px;right:20px;top:76px;padding:10px 18px;
        background:#171b18;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);
        flex-direction:column;align-items:stretch;gap:0}
      .nav-links.open{display:flex}.nav-links a{padding:12px 0;border-bottom:1px solid var(--line)}
      .nav-links a:last-child{border-bottom:0}.nav-links a.active:after{display:none}
      .header-action{display:none}.menu-toggle{display:block;margin-left:auto}
      .hero-layout,.guidance-grid,.management-grid,.help-layout{grid-template-columns:1fr}
      .page-hero{padding-top:45px}.hero-layout{gap:35px}
      .self-grid{grid-template-columns:repeat(2,1fr)}
      .footer-grid{grid-template-columns:1.4fr 1fr 1fr}
      .footer-grid>div:last-child{grid-column:2}
    }
    @media(max-width:600px){
      .container{width:min(100% - 28px,var(--max))}
      .notice-inner{overflow:auto;white-space:nowrap;padding:7px 0}
      .notice-bar{min-height:38px}.page-hero{padding:35px 0 45px}
      .page-hero h1{font-size:38px;letter-spacing:-1.5px}
      .hero-copy{font-size:16px}.section{padding:54px 0}
      .section-head{display:block;margin-bottom:24px}.section-head .text-link{display:inline-block;margin-top:15px}
      .section h2{font-size:28px}.guidance-main,.check-panel,.manage-card{padding:22px}
      .guidance-points,.self-grid{grid-template-columns:1fr}
      .meter{grid-template-columns:85px 1fr}
      .cta-inner{display:block}.cta-actions{margin-top:22px}
      .cta-actions .btn{width:100%}
      .footer-grid{grid-template-columns:1fr 1fr;gap:25px}
      .footer-grid>div:first-child{grid-column:1/-1}
      .footer-grid>div:last-child{grid-column:auto}
      .footer-bottom{display:block}.footer-bottom .risk{text-align:left;display:block;margin-top:8px}
      .breadcrumb{margin-bottom:22px}
    }
    @media(prefers-reduced-motion:reduce){
      *,*:before,*:after{scroll-behavior:auto!important;transition:none!important}
    }

/* roulang page: category6 */
:root{
      --ink:#101311;--coal:#171b18;--panel:#202622;--panel-2:#252d27;
      --lime:#c7f36b;--lime-dark:#8dbb32;--amber:#e8a85b;--cream:#f5f1e8;
      --muted:#9da69d;--line:rgba(245,241,232,.13);--white:#fffdf7;
      --bg:#17151f;--panel-purple:#24212e;--panel-purple-2:#2d2938;
      --mint:#29c7a3;--mint-light:#8ce8d2;--orange:#ff9b54;--red:#e86a78;
      --text:#f4f1f7;--dim:#827b8d;--radius:16px;--radius-sm:10px;
      --shadow:0 16px 38px rgba(0,0,0,.22);--max:1220px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.75}
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%}
    button,input{font:inherit}
    button{cursor:pointer}
    .container{width:min(var(--max),calc(100% - 40px));margin:0 auto}
    .notice-bar{height:36px;background:#111019;color:var(--muted);font-size:12px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.06)}
    .notice-inner{display:flex;justify-content:space-between;gap:20px;white-space:nowrap;overflow:hidden}
    .notice-inner span:first-child{color:var(--orange)}
    .site-header{height:76px;border-bottom:1px solid var(--line);background:rgba(23,21,31,.95);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}
    .header-inner{height:100%;display:flex;align-items:center;gap:28px}
    .brand{display:flex;align-items:center;gap:11px;min-width:235px;font-weight:800;letter-spacing:-.4px}
    .brand-mark{width:34px;height:34px;border:2px solid var(--mint);border-radius:9px;position:relative;flex:none}
    .brand-mark:before,.brand-mark:after{content:"";position:absolute;background:var(--mint);height:3px;left:7px;right:7px}
    .brand-mark:before{top:10px}.brand-mark:after{top:19px}
    .brand strong{font-size:17px}.brand small{display:block;color:var(--orange);font-size:10px;line-height:1}
    .nav-links{display:flex;align-items:center;gap:20px;flex:1}
    .nav-links a{color:#c5becd;font-size:14px;padding:25px 0;position:relative;white-space:nowrap;transition:.2s}
    .nav-links a:hover,.nav-links a.active{color:var(--mint)}
    .nav-links a.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--mint)}
    .header-action{padding:10px 16px!important;background:var(--mint);color:#111!important;border-radius:9px;font-weight:800}
    .header-action:hover{background:#8ce8d2!important;transform:translateY(-2px)}
    .menu-toggle{display:none;background:transparent;border:1px solid var(--line);color:var(--text);padding:8px 11px;border-radius:8px}
    .hero{padding:76px 0 62px;background:radial-gradient(circle at 82% 20%,rgba(41,199,163,.14),transparent 28%),linear-gradient(120deg,#17151f,#24212e)}
    .breadcrumb{font-size:13px;color:var(--dim);margin-bottom:28px}
    .breadcrumb a:hover{color:var(--mint)}
    .breadcrumb span{margin:0 8px;color:#5f596b}
    .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center}
    .eyebrow,.section-kicker{color:var(--mint);font-size:12px;font-weight:800;letter-spacing:1.6px}
    h1{font-size:clamp(36px,5vw,62px);line-height:1.16;letter-spacing:-2px;margin:16px 0 20px}
    .hero-copy{color:var(--muted);font-size:18px;max-width:680px;line-height:1.85}
    .hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
    .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:10px;border:1px solid transparent;font-weight:800;transition:.22s}
    .btn-primary{background:var(--mint);color:#101311}.btn-primary:hover{background:var(--mint-light);transform:translateY(-2px);box-shadow:0 8px 20px rgba(41,199,163,.2)}
    .btn-secondary{background:var(--panel-purple-2);border-color:var(--line);color:var(--text)}.btn-secondary:hover{border-color:var(--mint);color:var(--mint);transform:translateY(-2px)}
    .hero-note{color:var(--dim);font-size:12px;margin-top:17px}
    .hero-panel{background:var(--panel-purple);border:1px solid var(--line);border-radius:20px;padding:25px;box-shadow:var(--shadow)}
    .panel-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:18px}
    .panel-title{font-weight:800}.status{color:var(--mint);font-size:12px}
    .help-signal{display:flex;gap:13px;align-items:flex-start;padding:15px 0;border-bottom:1px solid var(--line)}
    .signal-icon{width:34px;height:34px;border-radius:10px;background:rgba(41,199,163,.13);color:var(--mint);display:grid;place-items:center;font-weight:800;flex:none}
    .help-signal b{display:block;font-size:14px}.help-signal small{color:var(--muted);font-size:12px}
    .section{padding:84px 0}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}
    h2{font-size:34px;line-height:1.25;letter-spacing:-1px;margin:8px 0 0}
    .section-intro{color:var(--muted);max-width:600px;font-size:15px}
    .topic-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}
    .announcement-list,.help-menu,.timeline-card,.faq-item{border:1px solid var(--line);background:var(--panel-purple);border-radius:var(--radius)}
    .announcement-list{padding:10px 26px}
    .announcement{display:grid;grid-template-columns:95px 1fr auto;gap:18px;align-items:center;padding:21px 0;border-bottom:1px solid var(--line);transition:.2s}
    .announcement:last-child{border-bottom:0}
    .announcement:hover{padding-left:8px;border-color:var(--mint)}
    .announcement time{color:var(--orange);font-size:12px}.announcement time strong{display:block;color:var(--text);font-size:18px}
    .announcement h3{font-size:16px;margin:0 0 4px}.announcement p{color:var(--muted);font-size:13px;margin:0}
    .arrow{font-size:22px;color:var(--mint)}
    .help-menu{padding:24px}
    .help-menu h3{margin:0 0 16px;font-size:19px}
    .help-link{display:flex;justify-content:space-between;gap:10px;padding:14px 0;border-bottom:1px solid var(--line);color:var(--muted);transition:.2s}
    .help-link:last-child{border-bottom:0}.help-link:hover{color:var(--mint);padding-left:5px}
    .tag{display:inline-flex;padding:4px 9px;border-radius:5px;background:rgba(41,199,163,.13);color:var(--mint-light);font-size:12px;font-weight:800}
    .tag.orange{background:rgba(255,155,84,.14);color:var(--orange)}
    .timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
    .timeline-card{padding:23px;transition:.2s}.timeline-card:hover{transform:translateY(-3px);border-color:var(--mint)}
    .timeline-card .date{color:var(--orange);font-size:12px;margin-bottom:13px}.timeline-card h3{font-size:18px;margin:0 0 8px}.timeline-card p{color:var(--muted);font-size:14px;margin:0}
    .process{background:#eeeae1;color:#17151f}
    .process .section-kicker{color:#65862c}.process .section-intro{color:#687066}
    .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}
    .step{padding:22px;border:1px solid rgba(16,19,17,.12);border-radius:14px;background:#f8f5ee}
    .step-no{color:#789b30;font-size:13px;font-weight:900}.step h3{font-size:17px;margin:11px 0 7px}.step p{color:#626960;font-size:13px;margin:0}
    .faq{max-width:900px;margin:auto}.faq-item{border-radius:0;background:transparent;border-left:0;border-right:0}
    .faq-question{width:100%;background:none;border:0;color:var(--text);display:flex;justify-content:space-between;text-align:left;align-items:center;padding:19px 0;font-weight:700;min-height:58px}
    .faq-question span:last-child{color:var(--mint);font-size:22px;transition:.2s}.faq-question[aria-expanded="true"] span:last-child{transform:rotate(45deg)}
    .faq-answer{display:none;color:var(--muted);font-size:14px;padding:0 38px 20px 0}.faq-answer.open{display:block}
    .cta{padding:30px 34px;border:1px solid rgba(41,199,163,.25);border-radius:18px;background:linear-gradient(100deg,#202b29,#24212e);display:flex;justify-content:space-between;align-items:center;gap:25px}
    .cta h2{font-size:25px;margin:0 0 8px}.cta p{color:var(--muted);margin:0;font-size:14px}
    .site-footer{padding:55px 0 24px;background:#111019;border-top:1px solid var(--line)}
    .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}
    .footer-brand .logo{font-weight:800;font-size:18px}.footer-brand .logo span{color:var(--orange)}
    .footer-brand p{color:var(--muted);font-size:13px;max-width:320px;margin-top:14px}
    .footer-title{font-size:14px;margin:0 0 13px}.footer-links{display:grid;gap:8px}.footer-links a{color:var(--muted);font-size:13px;transition:.2s}.footer-links a:hover{color:var(--mint)}
    .footer-bottom{border-top:1px solid var(--line);margin-top:35px;padding-top:18px;display:flex;justify-content:space-between;gap:15px;color:var(--dim);font-size:12px}.risk{color:var(--orange)}
    :focus-visible{outline:3px solid rgba(41,199,163,.55);outline-offset:3px}
    @media(max-width:1050px){.header-inner{gap:16px}.brand{min-width:205px}.nav-links{gap:13px}.nav-links a{font-size:13px}.hero-grid{gap:35px}}
    @media(max-width:800px){.site-header{height:68px}.nav-links{display:none;position:absolute;left:20px;right:20px;top:68px;background:#1c1a25;border:1px solid var(--line);border-radius:12px;padding:8px 18px;flex-direction:column;align-items:stretch;gap:0;box-shadow:var(--shadow)}.nav-links.open{display:flex}.nav-links a{padding:12px 0}.nav-links a.active:after{bottom:4px}.header-action{display:none}.menu-toggle{display:block;margin-left:auto}.hero{padding:55px 0}.hero-grid,.topic-layout{grid-template-columns:1fr}.timeline,.steps{grid-template-columns:repeat(2,1fr)}.section{padding:60px 0}.footer-grid{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:520px){.container{width:min(100% - 28px,var(--max))}.notice-inner{font-size:11px}.brand strong{font-size:15px}.brand{min-width:0}.hero h1{font-size:38px;letter-spacing:-1.4px}.hero-copy{font-size:16px}.hero-buttons .btn{width:100%}.announcement{grid-template-columns:70px 1fr}.announcement .arrow{display:none}.announcement-list{padding:8px 17px}.timeline,.steps,.footer-grid{grid-template-columns:1fr}.section-head{display:block}.section-head .text-link{display:inline-block;margin-top:14px}.cta{display:block;padding:25px 22px}.cta .btn{width:100%;margin-top:18px}.footer-bottom{display:block}.footer-bottom .risk{display:block;margin-top:8px}}

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