/* roulang page: index */
:root{
  --ink:#171a18;--ink-soft:#343a35;--muted:#69726b;--line:#dce2da;--paper:#f7f7f2;
  --surface:#ffffff;--lime:#c7f44a;--lime-deep:#a8d72c;--coral:#e77860;--violet:#7763b8;
  --dark:#1d2320;--dark-2:#29302c;--warm:#f0efe8;--radius:16px;--radius-sm:10px;
  --shadow:0 16px 42px rgba(24,32,26,.08);--container:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.7}
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:0 auto}.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;z-index:99;background:var(--lime);padding:8px 14px;border-radius:6px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(247,247,242,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(220,226,218,.9)}.nav-row{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:11px;max-width:290px;font-weight:850;font-size:15px;line-height:1.25;letter-spacing:-.03em}.brand-mark{position:relative;width:31px;height:31px;flex:0 0 31px;background:var(--lime);border-radius:8px;transform:skewY(-8deg)}.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:var(--dark);border-radius:2px}.brand-mark:before{width:17px;height:5px;left:7px;top:8px}.brand-mark:after{width:11px;height:5px;left:7px;top:17px}.nav-links{display:flex;align-items:center;gap:3px}.nav-links a{padding:25px 12px 21px;color:var(--ink-soft);font-size:14px;font-weight:700;border-bottom:3px solid transparent;transition:.2s}.nav-links a:hover,.nav-links a.active{color:var(--ink);border-color:var(--lime)}.nav-action,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid transparent;border-radius:8px;font-weight:800;font-size:14px;transition:transform .2s,background .2s,box-shadow .2s}.nav-action,.btn-primary{background:var(--lime);color:var(--dark)}.nav-action:hover,.btn-primary:hover{background:var(--lime-deep);transform:translateY(-2px);box-shadow:0 8px 18px rgba(169,215,44,.25)}.btn-secondary{border-color:#aeb8af;background:transparent;color:var(--ink)}.btn-secondary:hover{border-color:var(--ink);background:#fff;transform:translateY(-2px)}.btn:focus-visible,.nav-action:focus-visible,.nav-links a:focus-visible,.footer a:focus-visible{outline:3px solid var(--violet);outline-offset:3px}.menu-toggle{display:none;border:0;background:transparent;padding:9px;font-size:24px}
.hero{overflow:hidden;position:relative;background:var(--dark);color:#fff;padding:74px 0 66px}.hero:before{content:"";position:absolute;width:620px;height:620px;border:1px solid rgba(199,244,74,.23);border-radius:50%;right:-255px;top:-320px;box-shadow:0 0 0 65px rgba(199,244,74,.035),0 0 0 130px rgba(199,244,74,.025)}.hero-grid{position:relative;display:grid;grid-template-columns:1.17fr .83fr;gap:60px;align-items:end}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--lime);font-size:13px;font-weight:800;letter-spacing:.07em}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 5px rgba(231,120,96,.13)}h1,h2,h3,p{margin-top:0}.hero h1{max-width:720px;margin:17px 0 20px;font-size:clamp(38px,5vw,69px);line-height:1.12;letter-spacing:-.055em}.hero h1 em{font-style:normal;color:var(--lime)}.hero-copy{max-width:635px;color:#cdd4cd;font-size:18px;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero .btn-secondary{color:#fff;border-color:#718077}.hero .btn-secondary:hover{color:var(--ink)}.signal-board{border:1px solid #48534b;background:linear-gradient(135deg,#2b342e,#1b211e);padding:25px;box-shadow:20px 20px 0 rgba(199,244,74,.11)}.signal-head{display:flex;justify-content:space-between;align-items:center;color:#b9c2ba;font-size:13px;border-bottom:1px solid #465147;padding-bottom:14px}.live-dot{color:var(--lime);font-weight:800}.signal-time{font-size:40px;font-weight:900;letter-spacing:-.05em;padding:25px 0 17px}.signal-list{display:grid;gap:12px}.signal-item{display:flex;justify-content:space-between;gap:12px;padding-top:11px;border-top:1px solid rgba(255,255,255,.1);font-size:14px}.signal-item span:last-child{color:var(--lime);font-weight:800}
main{overflow:hidden}.section{padding:82px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.section-kicker{margin:0 0 7px;color:var(--violet);font-size:12px;font-weight:850;letter-spacing:.12em}.section h2{margin:0;font-size:clamp(27px,3.5vw,43px);line-height:1.18;letter-spacing:-.045em}.section-lead{max-width:470px;margin:0;color:var(--muted);font-size:15px}.text-link{font-size:14px;font-weight:800;border-bottom:2px solid var(--lime);white-space:nowrap}.text-link:hover{color:var(--violet)}
.schedule-strip{padding:27px 0;background:#e8ede3;border-top:1px solid #d9e0d4;border-bottom:1px solid #d9e0d4}.schedule-grid{display:grid;grid-template-columns:190px repeat(3,1fr);gap:0}.schedule-title{padding:12px 27px 12px 0;border-right:1px solid #cad5c7}.schedule-title strong{display:block;font-size:18px}.schedule-title span{font-size:13px;color:var(--muted)}.match{padding:10px 25px;border-right:1px solid #cad5c7}.match:last-child{border-right:0}.match-top{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.match-name{margin:5px 0;font-weight:850;font-size:15px}.status{display:inline-flex;padding:2px 8px;border-radius:99px;background:#fff;color:var(--ink-soft);font-size:11px;font-weight:850}.status.live{background:var(--coral);color:#fff}.status.next{background:#d7ef97}
.news-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:22px}.feature-story{min-height:370px;position:relative;display:flex;align-items:end;overflow:hidden;background:var(--dark);padding:30px;color:#fff}.feature-story:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 27%,rgba(199,244,74,.62) 0 3px,transparent 4px),radial-gradient(circle at 65% 32%,rgba(199,244,74,.25) 0 55px,transparent 57px),linear-gradient(140deg,transparent 40%,rgba(119,99,184,.6));opacity:.8}.feature-story:after{content:"赛事";position:absolute;right:22px;top:17px;color:rgba(255,255,255,.11);font-size:88px;font-weight:900;letter-spacing:-.1em}.story-content{position:relative;z-index:1}.tag{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:5px;background:#ebe7fb;color:#574492;font-size:11px;font-weight:850}.tag.lime{background:#e5f9ac;color:#405411}.tag.coral{background:#ffe3dc;color:#9c412d}.feature-story h3{margin:13px 0 8px;font-size:29px;line-height:1.3}.feature-story p{margin:0;color:#d1d8d2;font-size:14px}.story-list{display:grid;gap:12px}.story-row{display:grid;grid-template-columns:96px 1fr;gap:16px;padding:15px;background:var(--surface);border:1px solid var(--line);transition:.2s}.story-row:hover{border-color:#a8ba9b;transform:translateX(4px);box-shadow:var(--shadow)}.story-icon{display:grid;place-items:center;min-height:82px;background:#e7eee0;color:var(--dark);font-size:25px}.story-row h3{margin:5px 0;font-size:16px;line-height:1.35}.story-row p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.meta{color:var(--muted);font-size:12px}.empty-state{padding:35px;border:1px dashed #b8c2b8;background:#fff;color:var(--muted);text-align:center}
.dark-section{background:var(--dark);color:#fff}.timeline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #4a554e}.timeline-item{padding:24px 22px 8px;border-right:1px solid #4a554e}.timeline-item:first-child{padding-left:0}.timeline-item:last-child{border:0}.timeline-date{color:var(--lime);font-weight:900;font-size:14px}.timeline-item h3{font-size:17px;line-height:1.4;margin:11px 0 8px}.timeline-item p{margin:0;color:#b8c1ba;font-size:13px;line-height:1.65}.preview-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}.preview-main{position:relative;min-height:330px;padding:30px;display:flex;align-items:end;background:#c8d7a9;overflow:hidden}.preview-main:before{content:"";position:absolute;width:260px;height:260px;border:22px solid rgba(29,35,32,.68);border-radius:50%;right:-65px;top:-85px}.preview-main:after{content:"";position:absolute;width:100%;height:52%;left:0;bottom:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.2) 0 2px,transparent 2px 60px),linear-gradient(0deg,rgba(29,35,32,.15),transparent)}.preview-main article{position:relative;z-index:1}.preview-main h3{margin:10px 0;font-size:30px;line-height:1.23}.preview-main p{margin:0;max-width:500px;font-size:14px}.preview-side{display:grid;gap:22px}.compact-card{padding:23px;background:var(--surface);border:1px solid var(--line)}.compact-card h3{margin:10px 0 6px;font-size:18px;line-height:1.4}.compact-card p{margin:0;color:var(--muted);font-size:13px}.calendar{background:var(--surface);border:1px solid var(--line);padding:28px}.date-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.date-tab{padding:8px 13px;border:1px solid var(--line);background:#fff;font-size:13px;font-weight:800}.date-tab.active{background:var(--dark);border-color:var(--dark);color:var(--lime)}.fixture-row{display:grid;grid-template-columns:90px 1fr auto;gap:16px;align-items:center;padding:15px 0;border-top:1px solid var(--line)}.fixture-row strong{font-size:14px}.fixture-row p{margin:3px 0 0;color:var(--muted);font-size:12px}.scoreboard{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.score-card{background:var(--surface);padding:23px}.score-card .score{display:flex;align-items:center;gap:12px;margin:12px 0;font-size:28px;font-weight:900;letter-spacing:-.04em}.score-card .score b{color:var(--coral)}.score-card p{margin:0;color:var(--muted);font-size:13px}
.data-panel{display:grid;grid-template-columns:.82fr 1.18fr;gap:28px;align-items:center;background:#ebe8f5;padding:38px}.data-panel h2{font-size:36px}.data-panel p{color:#5e5b68}.data-bars{display:grid;gap:16px}.bar-label{display:flex;justify-content:space-between;font-size:13px;font-weight:800;margin-bottom:6px}.bar-track{height:9px;background:#d5d0e5}.bar-fill{height:100%;background:var(--violet)}.bar-fill.lime{background:#92bd1e}.topics{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.topic-feature{padding:36px;background:#f4d6ce;min-height:270px;position:relative;overflow:hidden}.topic-feature:after{content:"专题";position:absolute;right:-8px;bottom:-37px;font-size:120px;font-weight:900;color:rgba(126,52,34,.12)}.topic-feature h3{position:relative;margin:15px 0 9px;font-size:29px;line-height:1.25}.topic-feature p{position:relative;max-width:480px;margin:0;color:#68483f}.topic-list{display:grid;gap:11px}.topic-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;background:#fff;border-bottom:2px solid var(--line)}.topic-item:hover{border-color:var(--coral)}.topic-item strong{font-size:15px}.app-zone{background:var(--dark-2);color:#fff;padding:0;overflow:hidden}.app-grid{display:grid;grid-template-columns:.83fr 1.17fr;min-height:480px}.phone-stage{position:relative;background:#b9eb37;display:grid;place-items:end center;padding-top:55px;overflow:hidden}.phone-stage:before{content:"JIUYOU";position:absolute;left:-34px;top:25px;color:rgba(29,35,32,.12);font-weight:900;font-size:82px;transform:rotate(-90deg);transform-origin:left top}.phone{width:244px;height:425px;border:10px solid #171a18;border-bottom:0;border-radius:31px 31px 0 0;background:#eff1e9;padding:17px 15px;box-shadow:14px 0 0 rgba(29,35,32,.15)}.phone-notch{width:75px;height:12px;background:#171a18;border-radius:0 0 9px 9px;margin:-17px auto 18px}.phone-head{font-size:11px;color:var(--muted);display:flex;justify-content:space-between}.phone-card{margin-top:15px;padding:14px;background:#202721;color:#fff}.phone-card b{display:block;font-size:18px}.phone-card span{font-size:11px;color:var(--lime)}.phone-lines{display:grid;gap:8px;margin-top:16px}.phone-lines i{height:8px;background:#d1d9c9;display:block}.phone-lines i:nth-child(2){width:70%}.phone-lines i:nth-child(3){width:84%}.app-copy{padding:67px 60px;align-self:center}.app-copy h2{font-size:44px}.app-copy p{max-width:530px;color:#c1cbc3}.version-box{display:flex;gap:28px;margin:25px 0;padding:18px 0;border-top:1px solid #566057;border-bottom:1px solid #566057}.version-box strong{display:block;color:var(--lime);font-size:18px}.version-box span{display:block;color:#b9c2bb;font-size:12px}.update-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.update{padding:19px;background:#fff;border-top:3px solid var(--violet);box-shadow:0 4px 10px rgba(0,0,0,.03)}.update b{font-size:16px}.update p{margin:7px 0 0;color:var(--muted);font-size:13px}
.mobile-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);background:var(--line)}.mobile-step{background:#fff;padding:27px}.step-number{font-size:38px;line-height:1;color:var(--lime-deep);font-weight:900}.mobile-step h3{font-size:17px;margin:14px 0 8px}.mobile-step p{margin:0;color:var(--muted);font-size:13px}.guide-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:45px}.guide-copy{padding:15px 0}.guide-copy h2{font-size:38px}.guide-copy p{color:var(--muted)}.guide-list{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}.guide-item{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:15px;background:#fff;padding:18px}.guide-index{color:var(--violet);font-size:19px;font-weight:900}.guide-item p{margin:2px 0 0;color:var(--muted);font-size:13px}.faq-wrap{background:#eeeee6}.faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:45px}.faq-copy p{color:var(--muted)}.faq-list{border-top:1px solid #cbd1c8}.faq-item{border-bottom:1px solid #cbd1c8}.faq-question{width:100%;border:0;background:transparent;padding:18px 0;display:flex;justify-content:space-between;text-align:left;color:var(--ink);font-weight:850}.faq-question span:last-child{color:var(--violet);font-size:21px}.faq-answer{display:none;padding:0 38px 18px 0;color:var(--muted);font-size:14px}.faq-item.open .faq-answer{display:block}.faq-item.open .faq-question span:last-child{transform:rotate(45deg)}
.final-cta{padding:54px 0;background:var(--dark);color:#fff}.final-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.final-inner h2{margin:0;font-size:33px}.final-inner p{margin:7px 0 0;color:#bdc6bf}.final-actions{display:flex;gap:10px;flex-wrap:wrap}.final-actions .btn-secondary{color:#fff;border-color:#7c877f}
.footer{background:#111513;color:#ccd3cd;padding:58px 0 23px}.footer-grid{display:grid;grid-template-columns:1.45fr .8fr .9fr .8fr;gap:36px;padding-bottom:42px;border-bottom:1px solid #303934}.footer .brand{color:#fff;max-width:330px}.footer p{margin:17px 0 0;color:#9ca89f;font-size:13px}.footer h3{margin:0 0 15px;color:#fff;font-size:14px}.footer-links{display:grid;gap:9px}.footer-links a{color:#aab4ac;font-size:13px}.footer-links a:hover{color:var(--lime)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:20px;color:#89958d;font-size:12px}.back-top{color:var(--lime);font-weight:800}
@media(max-width:1024px){.nav-links{gap:0}.nav-links a{padding-left:8px;padding-right:8px}.hero-grid{gap:35px}.schedule-grid{grid-template-columns:160px repeat(3,1fr)}.match{padding-left:15px;padding-right:15px}.app-copy{padding:50px 38px}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-grid>div:first-child{grid-column:span 3}}
@media(max-width:768px){.container{width:min(100% - 32px,1180px)}.nav-row{min-height:66px}.nav-links{display:none;position:absolute;top:66px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:10px 16px}.nav-links.show{display:grid}.nav-links a{padding:11px 4px;border-bottom:0;border-left:3px solid transparent}.nav-links a.active{border-left-color:var(--lime)}.nav-action{margin-left:auto;min-height:38px;padding:8px 11px;font-size:12px}.menu-toggle{display:block}.hero{padding:56px 0}.hero-grid,.news-layout,.preview-grid,.topics,.app-grid,.guide-grid,.faq-grid,.data-panel{grid-template-columns:1fr}.hero-copy{font-size:16px}.signal-board{max-width:520px}.schedule-grid{grid-template-columns:1fr 1fr}.schedule-title{grid-column:span 2;border-right:0;border-bottom:1px solid #cad5c7;padding:0 0 13px}.match{padding:14px 12px}.match:nth-child(3){border-right:0}.match:last-child{grid-column:span 2;border-top:1px solid #cad5c7}.section{padding:62px 0}.section-head{align-items:start;flex-direction:column;margin-bottom:24px}.timeline{grid-template-columns:1fr 1fr}.timeline-item{padding:20px}.timeline-item:first-child{padding-left:20px}.timeline-item:nth-child(2){border-right:0}.timeline-item:nth-child(-n+2){border-bottom:1px solid #4a554e}.scoreboard,.update-list{grid-template-columns:1fr}.score-card{padding:18px}.data-panel{padding:30px}.app-grid{min-height:0}.phone-stage{min-height:390px}.app-copy{padding:46px 25px}.mobile-steps{grid-template-columns:1fr}.mobile-step{padding:22px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:span 2}.final-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){body{font-size:15px}.brand{font-size:13px;max-width:205px}.brand-mark{width:27px;height:27px;flex-basis:27px}.nav-action{display:none}.hero h1{font-size:38px}.hero-actions,.final-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn,.final-actions .btn{width:100%}.schedule-grid{grid-template-columns:1fr}.schedule-title,.match:last-child{grid-column:auto}.schedule-title{border-bottom:1px solid #cad5c7}.match,.match:nth-child(3){border-right:0;border-bottom:1px solid #cad5c7}.story-row{grid-template-columns:72px 1fr;gap:12px}.story-icon{min-height:72px}.feature-story h3{font-size:25px}.timeline{grid-template-columns:1fr}.timeline-item,.timeline-item:first-child{border-right:0;border-bottom:1px solid #4a554e;padding:18px 0}.timeline-item:last-child{border-bottom:0}.preview-main{min-height:280px;padding:22px}.preview-main h3{font-size:25px}.fixture-row{grid-template-columns:72px 1fr}.fixture-row .status{display:none}.data-panel h2,.guide-copy h2,.app-copy h2{font-size:32px}.topic-feature{padding:25px}.phone{width:215px;height:374px}.version-box{gap:16px}.guide-item{grid-template-columns:36px 1fr}.guide-item .text-link{display:none}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{align-items:flex-start;flex-direction:column}.final-inner h2{font-size:28px}}

/* roulang page: article */
:root{
  --ink:#171a18;--ink-soft:#343a35;--muted:#69726b;--line:#dce2da;--paper:#f7f7f2;
  --surface:#ffffff;--lime:#c7f44a;--lime-deep:#a8d72c;--coral:#e77860;--violet:#7763b8;
  --dark:#1d2320;--dark-2:#29302c;--warm:#f0efe8;--radius:16px;--radius-sm:10px;
  --shadow:0 16px 42px rgba(24,32,26,.08);--container:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.7}
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:0 auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(247,247,242,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(220,226,218,.9)}
.nav-row{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.brand{display:flex;align-items:center;gap:11px;max-width:290px;font-weight:850;font-size:15px;line-height:1.25;letter-spacing:-.03em}
.brand-mark{position:relative;width:31px;height:31px;flex:0 0 31px;background:var(--lime);border-radius:8px;transform:skewY(-8deg)}
.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:var(--dark);border-radius:2px}
.brand-mark:before{width:17px;height:5px;left:7px;top:8px}
.brand-mark:after{width:11px;height:5px;left:7px;top:17px}
.nav-links{display:flex;align-items:center;gap:3px}
.nav-links a{padding:25px 12px 21px;color:var(--ink-soft);font-size:14px;font-weight:700;border-bottom:3px solid transparent;transition:.2s}
.nav-links a:hover,.nav-links a.active{color:var(--ink);border-color:var(--lime)}
.nav-action,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid transparent;border-radius:8px;font-weight:800;font-size:14px;transition:transform .2s,background .2s,box-shadow .2s}
.nav-action,.btn-primary{background:var(--lime);color:var(--dark)}
.nav-action:hover,.btn-primary:hover{background:var(--lime-deep);transform:translateY(-2px);box-shadow:0 8px 18px rgba(169,215,44,.25)}
.btn-secondary{border-color:#aeb8af;background:transparent;color:var(--ink)}
.btn-secondary:hover{border-color:var(--ink);background:#fff;transform:translateY(-2px)}
.btn:focus-visible,.nav-action:focus-visible,.nav-links a:focus-visible,.footer a:focus-visible,.crumbs a:focus-visible{outline:3px solid var(--violet);outline-offset:3px}
.menu-toggle{display:none;border:0;background:transparent;padding:9px;font-size:24px;color:var(--ink)}
main{overflow:hidden}
.article-banner{position:relative;overflow:hidden;padding:56px 0 47px;background:var(--dark);color:#fff}
.article-banner:before{content:"";position:absolute;width:510px;height:510px;right:-190px;top:-340px;border-radius:50%;border:1px solid rgba(199,244,74,.3);box-shadow:0 0 0 55px rgba(199,244,74,.04),0 0 0 110px rgba(199,244,74,.025)}
.article-banner:after{content:"资讯";position:absolute;right:8%;bottom:-50px;color:rgba(255,255,255,.045);font-weight:900;font-size:180px;line-height:1}
.banner-inner{position:relative}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:#bcc5bd;font-size:13px}
.crumbs a{transition:color .2s}
.crumbs a:hover{color:var(--lime)}
.crumbs i{font-style:normal;color:#66726a}
.channel-mark{display:inline-flex;align-items:center;gap:8px;margin:26px 0 12px;color:var(--lime);font-size:13px;font-weight:850;letter-spacing:.08em}
.channel-mark:before{content:"";width:8px;height:8px;background:var(--coral);border-radius:50%;box-shadow:0 0 0 5px rgba(231,120,96,.15)}
.article-banner h1{max-width:900px;margin:0;font-size:clamp(34px,4.5vw,62px);line-height:1.18;letter-spacing:-.055em}
.article-meta{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:21px;color:#c6cec7;font-size:14px}
.article-meta strong{color:var(--lime);font-weight:800}
.article-shell{padding:42px 0 82px}
.article-layout{display:grid;grid-template-columns:minmax(0,770px) 260px;justify-content:space-between;gap:55px}
.reading-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);padding:clamp(25px,5vw,58px)}
.article-lead{margin:0 0 30px;padding-bottom:25px;border-bottom:1px solid var(--line);color:var(--ink-soft);font-size:18px;line-height:1.9}
.article-content{font-size:17px;line-height:2;color:#303630;word-break:break-word}
.article-content h2{margin:2.1em 0 .8em;padding-left:15px;border-left:5px solid var(--lime);font-size:28px;line-height:1.35;letter-spacing:-.035em;color:var(--ink)}
.article-content h3{margin:1.8em 0 .7em;font-size:21px;line-height:1.45;color:var(--ink)}
.article-content p{margin:0 0 1.35em}
.article-content ul,.article-content ol{margin:0 0 1.6em;padding-left:1.5em}
.article-content li{margin:.45em 0}
.article-content blockquote{margin:1.8em 0;padding:18px 22px;border-left:4px solid var(--violet);background:#f1eff9;color:#3c3656;font-size:16px}
.article-content img{margin:2em auto;border-radius:var(--radius-sm);border:1px solid var(--line)}
.article-content table{width:100%;margin:1.8em 0;border-collapse:collapse;font-size:15px}
.article-content th,.article-content td{padding:11px 13px;border:1px solid var(--line);text-align:left}
.article-content th{background:var(--warm);font-weight:800;color:var(--ink)}
.article-content hr{margin:2.5em 0;border:0;border-top:1px solid var(--line)}
.notice-box{display:flex;gap:14px;margin:34px 0 0;padding:18px 20px;border:1px solid #d6e8a4;background:#f6fbe8}
.notice-icon{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:var(--lime);color:var(--dark);font-size:15px;font-weight:900}
.notice-box strong{display:block;margin-bottom:2px;font-size:15px}
.notice-box p{margin:0;color:var(--ink-soft);font-size:14px;line-height:1.7}
.reading-tools{position:sticky;top:103px;height:max-content}
.tools-card{padding:23px 20px;background:var(--dark-2);color:#fff}
.tools-card h2{margin:0 0 13px;font-size:17px;line-height:1.35}
.tools-card p{margin:0;color:#c4cec5;font-size:14px;line-height:1.75}
.tools-line{height:1px;margin:19px 0;background:rgba(255,255,255,.15)}
.tools-stat{display:flex;justify-content:space-between;gap:12px;font-size:13px}
.tools-stat span:last-child{color:var(--lime);font-weight:800}
.related-section{padding:0 0 82px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:25px}
.section-kicker{margin:0 0 7px;color:var(--violet);font-size:12px;font-weight:850;letter-spacing:.12em}
.section-head h2{margin:0;font-size:clamp(27px,3.5vw,40px);line-height:1.18;letter-spacing:-.045em}
.related-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px}
.related-card{display:flex;min-height:198px;flex-direction:column;justify-content:flex-end;padding:23px;background:var(--surface);border:1px solid var(--line);transition:.2s}
.related-card:first-child{background:var(--dark);color:#fff}
.related-card:hover{transform:translateY(-4px);border-color:#afc19e;box-shadow:var(--shadow)}
.tag{display:inline-flex;align-items:center;width:max-content;padding:4px 9px;border-radius:5px;background:#ebe7fb;color:#574492;font-size:11px;font-weight:850}
.related-card:first-child .tag{background:rgba(199,244,74,.18);color:var(--lime)}
.related-card h3{margin:12px 0 8px;font-size:19px;line-height:1.42;letter-spacing:-.02em}
.related-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}
.related-card:first-child p{color:#c7d0c8}
.end-strip{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:29px 34px;background:var(--warm);border:1px solid #e1e0d6}
.end-strip h2{margin:0;font-size:23px;line-height:1.35}
.end-strip p{margin:5px 0 0;color:var(--muted);font-size:14px}
.empty-state{padding:45px 24px;text-align:center;background:var(--surface);border:1px solid var(--line)}
.empty-state h2{margin:0 0 8px;font-size:27px}
.empty-state p{margin:0 0 20px;color:var(--muted)}
.footer{background:var(--dark);color:#fff;padding:64px 0 22px}
.footer-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr;gap:34px}
.footer .brand{color:#fff;margin-bottom:15px}
.footer p{margin:0;color:#b8c2ba;font-size:14px;line-height:1.75}
.footer h3{margin:4px 0 15px;color:var(--lime);font-size:14px}
.footer-links{display:grid;gap:8px}
.footer-links a{color:#c4cdc5;font-size:13px;transition:color .2s,transform .2s}
.footer-links a:hover{color:var(--lime);transform:translateX(3px)}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:48px;padding-top:20px;border-top:1px solid #465049;color:#aeb8b0;font-size:12px}
.back-top{color:var(--lime);font-weight:800}
@media (max-width:1024px){
  .nav-links a{padding-left:8px;padding-right:8px;font-size:13px}
  .article-layout{grid-template-columns:minmax(0,1fr) 220px;gap:28px}
  .footer-grid{grid-template-columns:1.5fr 1fr 1fr}
}
@media (max-width:768px){
  .container{width:min(var(--container),calc(100% - 32px))}
  .nav-row{min-height:66px;gap:10px}
  .brand{max-width:220px;font-size:13px}
  .nav-action{min-height:38px;padding:8px 12px;font-size:12px}
  .menu-toggle{display:block}
  .nav-links{display:none;position:absolute;top:66px;left:0;right:0;padding:10px 16px 18px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:var(--shadow)}
  .nav-links.open{display:grid}
  .nav-links a{padding:10px 4px;border-bottom:0;border-left:3px solid transparent}
  .nav-links a:hover,.nav-links a.active{border-color:var(--lime)}
  .article-banner{padding:39px 0 37px}
  .article-layout{display:block}
  .reading-tools{position:static;margin-top:22px}
  .tools-card{display:flex;align-items:center;flex-wrap:wrap;gap:14px}
  .tools-card h2{margin:0}
  .tools-card p{flex:1 1 250px}
  .tools-line{display:none}
  .tools-stat{margin-left:auto}
  .related-grid{grid-template-columns:1fr 1fr}
  .related-card:first-child{grid-column:span 2}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:520px){
  body{font-size:15px}
  .container{width:calc(100% - 28px)}
  .brand-mark{width:27px;height:27px;flex-basis:27px}
  .brand-mark:before{width:15px;left:6px;top:7px}
  .brand-mark:after{width:10px;left:6px;top:15px}
  .nav-action{display:none}
  .article-banner h1{font-size:34px}
  .article-meta{gap:7px 15px;font-size:13px}
  .article-shell{padding:27px 0 56px}
  .reading-card{padding:24px 19px}
  .article-lead{font-size:16px}
  .article-content{font-size:16px;line-height:1.95}
  .article-content h2{padding-left:11px;font-size:24px}
  .article-content h3{font-size:19px}
  .article-content table{display:block;overflow-x:auto;white-space:nowrap}
  .related-grid{grid-template-columns:1fr}
  .related-card:first-child{grid-column:auto}
  .end-strip{display:block;padding:25px 21px}
  .end-strip .btn{width:100%;margin-top:18px}
  .footer{padding-top:48px}
  .footer-grid{grid-template-columns:1fr;gap:27px}
  .footer-bottom{display:block;margin-top:32px}
  .back-top{display:inline-block;margin-top:8px}
}

/* roulang page: category1 */
:root{
      --ink:#171a18;--ink-soft:#343a35;--muted:#69726b;--line:#dce2da;--paper:#f7f7f2;
      --surface:#fff;--lime:#c7f44a;--lime-deep:#a8d72c;--coral:#e77860;--violet:#7763b8;
      --dark:#1d2320;--dark-2:#29302c;--warm:#f0efe8;--radius:16px;--radius-sm:10px;
      --shadow:0 16px 42px rgba(24,32,26,.08);--container:1180px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.7}
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%}
    button{font:inherit;cursor:pointer}
    .container{width:min(var(--container),calc(100% - 48px));margin:0 auto}
    .site-header{position:sticky;top:0;z-index:20;background:rgba(247,247,242,.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(220,226,218,.9)}
    .nav-row{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .brand{display:flex;align-items:center;gap:11px;max-width:300px;font-weight:850;font-size:15px;line-height:1.25;letter-spacing:-.03em}
    .brand-mark{position:relative;width:31px;height:31px;flex:0 0 31px;background:var(--lime);border-radius:8px;transform:skewY(-8deg)}
    .brand-mark:before,.brand-mark:after{content:"";position:absolute;background:var(--dark);border-radius:2px}
    .brand-mark:before{width:17px;height:5px;left:7px;top:8px}
    .brand-mark:after{width:11px;height:5px;left:7px;top:17px}
    .nav-links{display:flex;align-items:center;gap:3px}
    .nav-links a{padding:25px 12px 21px;color:var(--ink-soft);font-size:14px;font-weight:700;border-bottom:3px solid transparent;transition:.2s}
    .nav-links a:hover,.nav-links a.active{color:var(--ink);border-color:var(--lime)}
    .nav-action,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid transparent;border-radius:8px;font-weight:800;font-size:14px;transition:.2s}
    .nav-action,.btn-primary{background:var(--lime);color:var(--dark)}
    .nav-action:hover,.btn-primary:hover{background:var(--lime-deep);transform:translateY(-2px);box-shadow:0 8px 18px rgba(169,215,44,.25)}
    .btn-secondary{border-color:#aeb8af;background:transparent;color:var(--ink)}
    .btn-secondary:hover{border-color:var(--ink);background:#fff;transform:translateY(-2px)}
    .nav-action:focus-visible,.btn:focus-visible,.nav-links a:focus-visible,.footer a:focus-visible{outline:3px solid var(--violet);outline-offset:3px}
    .menu-toggle{display:none;border:0;background:transparent;padding:8px;font-size:25px}
    .category-hero{background:var(--dark);color:#fff;padding:76px 0 70px;position:relative;overflow:hidden}
    .category-hero:after{content:"NEWS";position:absolute;right:4%;bottom:-32px;color:rgba(199,244,74,.08);font-size:150px;font-weight:900;letter-spacing:-.1em}
    .hero-inner{position:relative;z-index:1;max-width:850px}
    .eyebrow,.section-kicker{color:var(--lime);font-size:12px;font-weight:850;letter-spacing:.12em}
    .eyebrow:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--coral);margin-right:8px}
    .category-hero h1{font-size:clamp(38px,6vw,68px);line-height:1.12;letter-spacing:-.055em;margin:18px 0}
    .category-hero p{max-width:700px;color:#cdd4cd;font-size:18px;margin:0}
    .hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
    .pill,.tag{display:inline-flex;align-items:center;padding:6px 11px;border-radius:6px;font-size:12px;font-weight:800}
    .pill{color:var(--lime);border:1px solid rgba(199,244,74,.35)}
    .tag{background:#ebe7fb;color:#574492}.tag.lime{background:#e5f9ac;color:#405411}.tag.coral{background:#ffe3dc;color:#9c412d}
    .section{padding:78px 0}
    .section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
    .section-kicker{color:var(--violet);margin-bottom:7px}
    h2{margin:0;font-size:clamp(27px,3.5vw,43px);line-height:1.18;letter-spacing:-.045em}
    .section-lead{max-width:510px;color:var(--muted);margin:0}
    .feature-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}
    .feature-card{min-height:330px;padding:34px;background:var(--dark-2);color:#fff;position:relative;overflow:hidden}
    .feature-card:after{content:"赛事";position:absolute;right:20px;top:8px;color:rgba(199,244,74,.1);font-size:100px;font-weight:900}
    .feature-card h3{position:relative;z-index:1;font-size:30px;line-height:1.35;margin:18px 0 12px}
    .feature-card p{position:relative;z-index:1;color:#c4cdc5;max-width:490px}
    .feature-card .btn{position:relative;z-index:1;margin-top:18px}
    .topic-panel{display:grid;gap:14px}
    .topic-item{background:var(--surface);border:1px solid var(--line);padding:21px 23px;transition:.2s}
    .topic-item:hover{transform:translateX(4px);border-color:#abbca4;box-shadow:var(--shadow)}
    .topic-item h3{font-size:18px;margin:8px 0 3px}.topic-item p{font-size:13px;color:var(--muted);margin:0}
    .filter-bar{display:flex;flex-wrap:wrap;gap:9px;padding:16px;background:var(--warm);border:1px solid var(--line);margin-bottom:20px}
    .filter-bar span{padding:8px 14px;border-radius:6px;font-size:13px;font-weight:750;color:var(--ink-soft);background:#fff;border:1px solid var(--line)}
    .filter-bar span.selected{background:var(--dark);color:var(--lime);border-color:var(--dark)}
    .news-list{display:grid;gap:12px}
    .news-row{display:grid;grid-template-columns:110px 1fr auto;gap:22px;align-items:center;background:#fff;border:1px solid var(--line);padding:21px 23px;transition:.2s}
    .news-row:hover{border-color:#a5b79c;box-shadow:var(--shadow);transform:translateY(-2px)}
    .news-date{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
    .news-row h3{font-size:18px;line-height:1.4;margin:0 0 4px}
    .news-row p{font-size:13px;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
    .read-more{font-size:13px;font-weight:850;border-bottom:2px solid var(--lime);white-space:nowrap}
    .empty-state{padding:28px;background:#fff;border:1px dashed #b8c5b7;color:var(--muted);text-align:center}
    .split-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:46px;align-items:start}
    .dark-section{background:var(--dark);color:#fff}
    .dark-section .section-lead{color:#bac4bc}
    .insight-list{display:grid;gap:14px}
    .insight{display:flex;gap:17px;padding:19px 0;border-bottom:1px solid rgba(255,255,255,.14)}
    .insight:last-child{border-bottom:0}.insight-num{color:var(--lime);font-weight:900;font-size:22px}
    .insight h3{margin:0 0 4px;font-size:18px}.insight p{margin:0;color:#bac4bc;font-size:14px}
    .result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
    .result-card{background:#fff;border:1px solid var(--line);padding:22px}
    .result-card strong{display:block;font-size:18px;margin:10px 0}.score{font-size:27px;font-weight:900;letter-spacing:.04em}.result-card p{color:var(--muted);font-size:13px;margin:7px 0 0}
    .app-strip{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;background:var(--lime);padding:34px 38px}
    .app-strip h2{font-size:31px}.app-strip p{max-width:650px;margin:10px 0 0;color:#43511d}
    .footer{background:var(--dark);color:#fff;padding:58px 0 22px}
    .footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:35px}
    .footer .brand{color:#fff}.footer p{color:#aeb9b0;font-size:13px;max-width:290px;margin-top:17px}
    .footer h3{font-size:14px;margin:4px 0 15px}.footer-links{display:grid;gap:8px}.footer-links a{color:#aeb9b0;font-size:13px;transition:.2s}.footer-links a:hover{color:var(--lime)}
    .footer-bottom{display:flex;justify-content:space-between;gap:18px;border-top:1px solid rgba(255,255,255,.13);margin-top:42px;padding-top:18px;color:#91a097;font-size:12px}.back-top{color:var(--lime)}
    @media(max-width:1024px){.nav-links a{padding-left:8px;padding-right:8px}.nav-action{display:none}.feature-grid,.split-section{grid-template-columns:1fr}.footer-grid{grid-template-columns:1.2fr repeat(3,1fr);gap:20px}}
    @media(max-width:768px){.container{width:min(var(--container),calc(100% - 32px))}.nav-row{min-height:68px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;left:16px;right:16px;top:68px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:8px;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{padding:11px 13px;border:0;border-left:3px solid transparent}.nav-links a.active{border-left-color:var(--lime);background:#f5f8ee}.category-hero{padding:60px 0}.section{padding:58px 0}.section-head{display:block}.section-lead{margin-top:12px}.news-row{grid-template-columns:1fr;gap:8px}.read-more{justify-self:start}.result-grid{grid-template-columns:1fr 1fr}.app-strip{grid-template-columns:1fr;padding:27px}}
    @media(max-width:520px){.brand{font-size:13px}.category-hero h1{font-size:39px}.category-hero p{font-size:16px}.feature-card{min-height:300px;padding:25px}.feature-card h3{font-size:25px}.result-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.back-top{display:inline-block;margin-top:10px}}

/* roulang page: category2 */
:root{
      --ink:#171a18;--ink-soft:#343a35;--muted:#69726b;--line:#dce2da;--paper:#f7f7f2;
      --surface:#fff;--lime:#c7f44a;--lime-deep:#a8d72c;--coral:#e77860;--violet:#7763b8;
      --dark:#1d2320;--dark-2:#29302c;--warm:#f0efe8;--radius:16px;--radius-sm:10px;
      --shadow:0 16px 42px rgba(24,32,26,.08);--container:1180px
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.7}
    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:0 auto}
    .site-header{position:sticky;top:0;z-index:50;background:rgba(247,247,242,.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(220,226,218,.9)}
    .nav-row{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .brand{display:flex;align-items:center;gap:11px;max-width:290px;font-weight:850;font-size:15px;line-height:1.25;letter-spacing:-.03em}
    .brand-mark{position:relative;width:31px;height:31px;flex:0 0 31px;background:var(--lime);border-radius:8px;transform:skewY(-8deg)}
    .brand-mark:before,.brand-mark:after{content:"";position:absolute;background:var(--dark);border-radius:2px}
    .brand-mark:before{width:17px;height:5px;left:7px;top:8px}.brand-mark:after{width:11px;height:5px;left:7px;top:17px}
    .nav-links{display:flex;align-items:center;gap:3px}
    .nav-links a{padding:25px 12px 21px;color:var(--ink-soft);font-size:14px;font-weight:700;border-bottom:3px solid transparent;transition:.2s}
    .nav-links a:hover,.nav-links a.active{color:var(--ink);border-color:var(--lime)}
    .nav-action,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid transparent;border-radius:8px;font-weight:800;font-size:14px;transition:.2s}
    .nav-action,.btn-primary{background:var(--lime);color:var(--dark)}
    .nav-action:hover,.btn-primary:hover{background:var(--lime-deep);transform:translateY(-2px);box-shadow:0 8px 18px rgba(169,215,44,.25)}
    .btn-secondary{border-color:#aeb8af;background:transparent;color:var(--ink)}
    .btn-secondary:hover{border-color:var(--ink);background:#fff;transform:translateY(-2px)}
    .btn:focus-visible,.nav-action:focus-visible,.nav-links a:focus-visible,.footer a:focus-visible,.menu-toggle:focus-visible{outline:3px solid var(--violet);outline-offset:3px}
    .menu-toggle{display:none;border:0;background:transparent;padding:9px;font-size:24px}
    .page-hero{background:var(--dark);color:#fff;padding:68px 0 62px;position:relative;overflow:hidden}
    .page-hero:after{content:"02";position:absolute;right:8%;top:10px;color:rgba(199,244,74,.12);font-size:180px;font-weight:900;line-height:1}
    .page-hero .container{position:relative;z-index:1}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--lime);font-size:13px;font-weight:800;letter-spacing:.08em}
    .eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--coral)}
    h1,h2,h3,p{overflow-wrap:anywhere}
    .page-hero h1{max-width:760px;margin:16px 0 14px;font-size:clamp(36px,5vw,62px);line-height:1.13;letter-spacing:-.055em}
    .page-hero h1 em{font-style:normal;color:var(--lime)}
    .page-hero p{max-width:680px;margin:0;color:#cdd4cd;font-size:18px}
    .section{padding:78px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
    .section-kicker{margin:0 0 7px;color:var(--violet);font-size:12px;font-weight:850;letter-spacing:.12em}
    .section h2{margin:0;font-size:clamp(27px,3.5vw,42px);line-height:1.2;letter-spacing:-.045em}
    .section-lead{max-width:500px;margin:0;color:var(--muted);font-size:15px}
    .date-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}
    .date-tab{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:10px 18px;font-weight:800;color:var(--ink-soft);transition:.2s}
    .date-tab:hover,.date-tab.active{background:var(--lime);border-color:var(--lime);color:var(--dark)}
    .schedule-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:24px}
    .schedule-list{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
    .schedule-row{display:grid;grid-template-columns:105px 1fr 120px;gap:20px;align-items:center;padding:21px 24px;border-bottom:1px solid var(--line);transition:.2s}
    .schedule-row:last-child{border-bottom:0}.schedule-row:hover{background:#fbfff1}
    .match-time{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:850;font-size:20px}
    .match-time small{display:block;color:var(--muted);font:12px sans-serif;margin-top:2px}
    .match-title{font-weight:850}.match-title span{display:block;color:var(--muted);font-size:13px;font-weight:500}
    .status{justify-self:end;padding:5px 10px;border-radius:5px;background:#e5f9ac;color:#405411;font-size:12px;font-weight:850}
    .status.warm{background:#ffe3dc;color:#9c412d}.status.gray{background:#ecefea;color:#59625b}
    .calendar-card{background:var(--dark-2);color:#fff;padding:27px;border-radius:var(--radius);min-height:100%}
    .calendar-card h3{margin:0 0 12px;font-size:23px}.calendar-card p{color:#c3cbc4;font-size:14px}
    .calendar-item{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.15);padding:14px 0;font-size:14px}.calendar-item b{color:var(--lime)}
    .section-alt{background:var(--warm)}
    .data-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
    .data-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:27px}
    .data-panel h3{margin:0 0 20px;font-size:22px}.data-line{display:flex;align-items:center;gap:14px;margin:16px 0}
    .data-line strong{width:120px;font-size:14px}.bar{height:9px;flex:1;background:#e7ebe3;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:var(--violet);border-radius:99px}.data-value{width:42px;font-weight:850;text-align:right}
    .result-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
    .result-card{padding:22px;background:var(--surface);border-left:4px solid var(--coral);border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
    .result-card .meta{color:var(--muted);font-size:12px}.result-card h3{margin:8px 0;font-size:18px}.score{font-size:26px;font-weight:900;letter-spacing:.08em}
    .calendar-banner{background:var(--violet);color:#fff;padding:34px 38px;border-radius:var(--radius);display:flex;justify-content:space-between;align-items:center;gap:24px}
    .calendar-banner h2{margin:0;font-size:30px}.calendar-banner p{margin:6px 0 0;color:#e5e1f7}
    .tag{display:inline-flex;padding:4px 9px;border-radius:5px;background:#ebe7fb;color:#574492;font-size:11px;font-weight:850}
    .tag.lime{background:#e5f9ac;color:#405411}.tag.coral{background:#ffe3dc;color:#9c412d}
    .news-wrap{display:grid;grid-template-columns:1fr 1fr;gap:18px}
    .news-card{display:block;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);transition:.2s}
    .news-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#b6c6ae}
    .news-card h3{font-size:18px;line-height:1.4;margin:10px 0 7px}.news-card p{margin:0;color:var(--muted);font-size:14px}.meta{color:var(--muted);font-size:12px}
    .empty-state{padding:34px;text-align:center;color:var(--muted);background:var(--surface);border:1px dashed #bdc8bb;border-radius:var(--radius)}
    .faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.faq-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:0 20px}
    .faq-item summary{padding:17px 0;font-weight:800;cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"＋";float:right;color:var(--violet)}.faq-item[open] summary:after{content:"−"}
    .faq-item p{margin:0 0 17px;color:var(--muted);font-size:14px}
    .cta{background:var(--dark);color:#fff;padding:46px 0}.cta-row{display:flex;justify-content:space-between;align-items:center;gap:25px}.cta h2{margin:0;font-size:34px}.cta p{margin:8px 0 0;color:#bec8bf}
    .footer{background:var(--dark);color:#fff;padding:62px 0 22px;border-top:1px solid #39443d}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.footer .brand{color:#fff}.footer p{color:#aeb8af;font-size:14px;max-width:280px;margin-top:18px}.footer h3{font-size:15px;margin:0 0 14px}.footer-links{display:grid;gap:8px}.footer-links a{color:#aeb8af;font-size:14px;transition:.2s}.footer-links a:hover{color:var(--lime)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #39443d;margin-top:42px;padding-top:18px;color:#94a097;font-size:12px}.back-top{color:var(--lime)}
    @media(max-width:1024px){.nav-links a{padding-left:8px;padding-right:8px}.nav-action{display:none}.schedule-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:768px){.container{width:min(var(--container),calc(100% - 32px))}.menu-toggle{display:block}.nav-links{display:none;position:absolute;left:16px;right:16px;top:70px;padding:10px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{padding:11px 14px;border-bottom:0;border-left:3px solid transparent}.nav-links a:hover,.nav-links a.active{border-left-color:var(--lime);background:#f5f9ed}.page-hero{padding:52px 0}.section{padding:58px 0}.schedule-row{grid-template-columns:80px 1fr;gap:12px;padding:17px}.status{grid-column:2;justify-self:start}.data-grid,.news-wrap,.faq-grid{grid-template-columns:1fr}.result-strip{grid-template-columns:1fr}.calendar-banner,.cta-row{display:block}.calendar-banner .btn,.cta-row .btn{margin-top:20px}.footer-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:520px){.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom .back-top{display:block;margin-top:8px}.page-hero h1{font-size:38px}.section-head{display:block}.section-lead{margin-top:12px}.schedule-row{grid-template-columns:1fr}.status{grid-column:auto}.calendar-banner{padding:27px 22px}}

/* roulang page: category3 */
:root{
      --ink:#171a18;--ink-soft:#343a35;--muted:#69726b;--line:#dce2da;--paper:#f7f7f2;
      --surface:#ffffff;--lime:#c7f44a;--lime-deep:#a8d72c;--coral:#e77860;--violet:#7763b8;
      --dark:#1d2320;--dark-2:#29302c;--warm:#f0efe8;--radius:16px;--radius-sm:10px;
      --shadow:0 16px 42px rgba(24,32,26,.08);--container:1180px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.7}
    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:0 auto}
    .site-header{position:sticky;top:0;z-index:50;background:rgba(247,247,242,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(220,226,218,.9)}
    .nav-row{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}
    .brand{display:flex;align-items:center;gap:11px;max-width:290px;font-weight:850;font-size:15px;line-height:1.25;letter-spacing:-.03em}
    .brand-mark{position:relative;width:31px;height:31px;flex:0 0 31px;background:var(--lime);border-radius:8px;transform:skewY(-8deg)}
    .brand-mark:before,.brand-mark:after{content:"";position:absolute;background:var(--dark);border-radius:2px}
    .brand-mark:before{width:17px;height:5px;left:7px;top:8px}
    .brand-mark:after{width:11px;height:5px;left:7px;top:17px}
    .nav-links{display:flex;align-items:center;gap:3px}
    .nav-links a{padding:25px 12px 21px;color:var(--ink-soft);font-size:14px;font-weight:700;border-bottom:3px solid transparent;transition:.2s}
    .nav-links a:hover,.nav-links a.active{color:var(--ink);border-color:var(--lime)}
    .nav-action,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid transparent;border-radius:8px;font-weight:800;font-size:14px;transition:transform .2s,background .2s,box-shadow .2s,border-color .2s}
    .nav-action,.btn-primary{background:var(--lime);color:var(--dark)}
    .nav-action:hover,.btn-primary:hover{background:var(--lime-deep);transform:translateY(-2px);box-shadow:0 8px 18px rgba(169,215,44,.25)}
    .btn-secondary{border-color:#aeb8af;background:transparent;color:var(--ink)}
    .btn-secondary:hover{border-color:var(--ink);background:#fff;transform:translateY(-2px)}
    .btn:active,.nav-action:active{transform:translateY(0)}
    .btn:focus-visible,.nav-action:focus-visible,.nav-links a:focus-visible,.footer a:focus-visible,.menu-toggle:focus-visible,.faq-question:focus-visible{outline:3px solid var(--violet);outline-offset:3px}
    .menu-toggle{display:none;border:0;background:transparent;padding:9px;font-size:24px;color:var(--ink)}
    main{overflow:hidden}
    .section{padding:78px 0}
    .section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:30px}
    .section-kicker{margin:0 0 7px;color:var(--violet);font-size:12px;font-weight:850;letter-spacing:.12em}
    h1,h2,h3,p{overflow-wrap:anywhere}
    .section h2{margin:0;font-size:clamp(27px,3.5vw,43px);line-height:1.18;letter-spacing:-.045em}
    .section-lead{max-width:500px;margin:0;color:var(--muted);font-size:15px}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--lime);font-size:13px;font-weight:800;letter-spacing:.07em}
    .eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 5px rgba(231,120,96,.13)}
    .tag{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:5px;background:#ebe7fb;color:#574492;font-size:11px;font-weight:850}
    .tag.lime{background:#e5f9ac;color:#405411}
    .tag.coral{background:#ffe3dc;color:#9c412d}
    .page-intro{position:relative;overflow:hidden;background:var(--dark);color:#fff;padding:64px 0 58px}
    .page-intro:before{content:"APP";position:absolute;right:4%;top:-46px;font-size:210px;line-height:1;font-weight:900;letter-spacing:-.12em;color:rgba(255,255,255,.045)}
    .crumbs{position:relative;display:flex;flex-wrap:wrap;gap:8px;color:#b8c1ba;font-size:13px}
    .crumbs span{color:var(--lime)}
    .page-intro-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:56px;align-items:end}
    .page-intro h1{max-width:760px;margin:15px 0 17px;font-size:clamp(38px,5.2vw,66px);line-height:1.1;letter-spacing:-.06em}
    .page-intro h1 em{font-style:normal;color:var(--lime)}
    .intro-copy{max-width:680px;margin:0;color:#d0d7d1;font-size:17px;line-height:1.85}
    .version-brief{padding:20px;border-top:1px solid rgba(255,255,255,.17);border-bottom:1px solid rgba(255,255,255,.12)}
    .version-brief strong{display:block;color:var(--lime);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:26px;letter-spacing:-.05em}
    .version-brief span{display:block;margin-top:4px;color:#c8d0c9;font-size:13px}
    .app-download{padding:36px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
    .download-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center}
    .device-stage{position:relative;min-height:460px;display:flex;justify-content:center;align-items:center;overflow:hidden;background:#e9eee3}
    .device-stage:before{content:"";position:absolute;width:370px;height:370px;border:1px solid rgba(119,99,184,.27);border-radius:50%;box-shadow:0 0 0 42px rgba(199,244,74,.16),0 0 0 84px rgba(119,99,184,.055)}
    .phone{position:relative;width:224px;height:416px;padding:12px;border:8px solid #121613;border-radius:31px;background:#121613;box-shadow:16px 21px 0 rgba(23,26,24,.12)}
    .phone:before{content:"";position:absolute;z-index:2;width:82px;height:18px;left:50%;top:0;border-radius:0 0 13px 13px;background:#121613;transform:translateX(-50%)}
    .phone-screen{height:100%;padding:34px 14px 14px;border-radius:20px;background:linear-gradient(155deg,#27332a 0%,#17211b 55%,#536a29 150%);color:#fff}
    .screen-brand{font-size:10px;font-weight:850;color:var(--lime)}
    .screen-title{margin:8px 0 18px;font-size:20px;font-weight:900;line-height:1.2}
    .screen-score{padding:12px 10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);border-radius:9px}
    .screen-score small{display:block;color:#b7c2b9;font-size:8px}
    .screen-score b{display:block;margin-top:5px;font-size:17px;letter-spacing:.04em}
    .screen-line{height:6px;margin-top:11px;border-radius:8px;background:rgba(255,255,255,.13)}
    .screen-line.short{width:61%}
    .screen-news{margin-top:18px;padding:11px;background:var(--lime);border-radius:8px;color:var(--dark)}
    .screen-news b{font-size:10px}
    .screen-news span{display:block;margin-top:4px;font-size:8px;line-height:1.45}
    .download-copy h2{margin:10px 0 14px;font-size:clamp(30px,3.7vw,46px);line-height:1.16;letter-spacing:-.05em}
    .download-copy>p{max-width:565px;margin:0;color:var(--muted)}
    .version-line{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}
    .version-pill{padding:7px 11px;border:1px solid var(--line);background:var(--paper);font-size:12px;font-weight:800}
    .download-actions{display:flex;flex-wrap:wrap;gap:12px}
    .download-note{margin:17px 0 0;color:var(--muted);font-size:13px}
    .feature-band{background:var(--warm)}
    .feature-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:22px}
    .feature-panel{min-height:316px;padding:30px;background:var(--dark);color:#fff}
    .feature-panel h3{max-width:460px;margin:13px 0 13px;font-size:30px;line-height:1.22;letter-spacing:-.04em}
    .feature-panel p{max-width:500px;margin:0;color:#c6d0c7;font-size:14px}
    .screen-points{display:grid;gap:0;background:var(--surface);border:1px solid var(--line)}
    .screen-point{display:grid;grid-template-columns:54px 1fr;gap:15px;padding:20px;border-bottom:1px solid var(--line)}
    .screen-point:last-child{border-bottom:0}
    .point-num{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#edf6cd;color:#405411;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:900}
    .screen-point h3{margin:0 0 4px;font-size:16px}
    .screen-point p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}
    .steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
    .step{min-height:218px;padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);transition:.2s}
    .step:hover{position:relative;z-index:1;transform:translateY(-5px);box-shadow:var(--shadow)}
    .step-index{display:block;color:var(--coral);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;font-weight:900}
    .step h3{margin:30px 0 8px;font-size:19px}
    .step p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}
    .updates-wrap{display:grid;grid-template-columns:.7fr 1.3fr;gap:45px;align-items:start}
    .updates-aside{padding:26px;background:var(--dark-2);color:#fff}
    .updates-aside h2{margin:11px 0;font-size:31px;line-height:1.2;letter-spacing:-.04em}
    .updates-aside p{margin:0;color:#c7d0c8;font-size:14px}
    .updates-list{background:var(--surface);border-top:1px solid var(--line)}
    .update-row{display:grid;grid-template-columns:115px 1fr auto;gap:24px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}
    .update-version{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:18px;font-weight:900;letter-spacing:-.04em}
    .update-row h3{margin:0 0 4px;font-size:17px;line-height:1.35}
    .update-row p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}
    .update-date{color:var(--muted);font-size:12px;white-space:nowrap}
    .adapt-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:22px}
    .adapt-card{padding:32px;background:var(--surface);border:1px solid var(--line)}
    .adapt-card.dark{background:var(--dark);border-color:var(--dark);color:#fff}
    .adapt-card h3{margin:10px 0 11px;font-size:27px;line-height:1.2}
    .adapt-card p{margin:0;color:var(--muted);font-size:14px}
    .adapt-card.dark p{color:#c1cbc3}
    .compat-list{display:grid;gap:13px;margin-top:23px}
    .compat-item{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-top:1px solid var(--line);font-size:14px}
    .compat-item b{font-weight:850}
    .compat-item span{color:var(--muted);text-align:right}
    .adapt-card.dark .compat-item{border-color:rgba(255,255,255,.14)}
    .adapt-card.dark .compat-item span{color:#c1cbc3}
    .faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:52px}
    .faq-intro{padding-top:7px}
    .faq-intro h2{margin:10px 0 13px;font-size:clamp(29px,3.7vw,43px);line-height:1.18;letter-spacing:-.05em}
    .faq-intro p{margin:0;color:var(--muted)}
    .faq-list{border-top:1px solid var(--line)}
    .faq-item{border-bottom:1px solid var(--line);background:rgba(255,255,255,.45)}
    .faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border:0;background:transparent;color:var(--ink);font-weight:850;text-align:left}
    .faq-question span:last-child{width:27px;height:27px;display:grid;place-items:center;flex:0 0 27px;background:var(--lime);border-radius:50%;font-size:19px;line-height:1;transition:.2s}
    .faq-answer{display:none;padding:0 42px 20px 0;color:var(--muted);font-size:14px;line-height:1.8}
    .faq-item.open .faq-answer{display:block}
    .faq-item.open .faq-question span:last-child{transform:rotate(45deg);background:#ddedab}
    .more-entry{padding:0 0 82px}
    .more-box{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:32px 35px;background:var(--dark);color:#fff}
    .more-box h2{margin:0;font-size:28px;letter-spacing:-.04em}
    .more-box p{margin:5px 0 0;color:#c3cdc5;font-size:14px}
    .more-box .btn-secondary{border-color:#77847b;color:#fff}
    .more-box .btn-secondary:hover{color:var(--ink)}
    .footer{padding:63px 0 22px;background:var(--dark);color:#fff}
    .footer-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr .9fr;gap:42px;padding-bottom:45px}
    .footer .brand{color:#fff}
    .footer p{max-width:300px;margin:16px 0 0;color:#b7c1b9;font-size:13px;line-height:1.75}
    .footer h3{margin:0 0 14px;color:var(--lime);font-size:13px;letter-spacing:.06em}
    .footer-links{display:grid;gap:8px}
    .footer-links a{color:#c4cdc5;font-size:13px;transition:.2s}
    .footer-links a:hover{color:var(--lime);transform:translateX(3px)}
    .footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.13);color:#9eaaa1;font-size:12px}
    .back-top{color:var(--lime);font-weight:800}
    @media (max-width:1024px){
      .nav-links a{padding-left:8px;padding-right:8px;font-size:13px}
      .page-intro-grid,.download-grid,.faq-layout{gap:32px}
      .steps{grid-template-columns:repeat(2,1fr)}
      .footer-grid{grid-template-columns:1.3fr 1fr 1fr}
      .footer-grid>div:first-child{grid-column:span 3}
    }
    @media (max-width:768px){
      .container{width:min(var(--container),calc(100% - 32px))}
      .nav-row{min-height:66px;gap:12px}
      .brand{max-width:220px;font-size:12px}
      .brand-mark{width:27px;height:27px;flex-basis:27px}
      .brand-mark:before{left:6px;top:7px;width:15px}
      .brand-mark:after{left:6px;top:15px;width:10px}
      .nav-links{display:none;position:absolute;left:16px;right:16px;top:66px;padding:10px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);align-items:stretch}
      .nav-links.show{display:grid}
      .nav-links a{padding:11px 10px;border-bottom:0;border-left:3px solid transparent}
      .nav-links a:hover,.nav-links a.active{border-left-color:var(--lime)}
      .nav-action{margin-left:auto;min-height:39px;padding:8px 11px;font-size:12px}
      .menu-toggle{display:block}
      .page-intro{padding:45px 0}
      .page-intro-grid,.download-grid,.feature-grid,.updates-wrap,.adapt-grid,.faq-layout{grid-template-columns:1fr}
      .page-intro-grid{gap:28px}
      .page-intro h1{font-size:42px}
      .version-brief{max-width:310px}
      .section{padding:60px 0}
      .section-head{display:block;margin-bottom:24px}
      .section-lead{margin-top:12px}
      .device-stage{min-height:395px}
      .phone{transform:scale(.9)}
      .download-copy{padding-top:5px}
      .update-row{grid-template-columns:88px 1fr;gap:13px}
      .update-date{grid-column:2}
      .footer-grid{grid-template-columns:1fr 1fr;gap:30px}
      .footer-grid>div:first-child{grid-column:span 2}
    }
    @media (max-width:520px){
      body{font-size:15px}
      .container{width:calc(100% - 28px)}
      .brand{max-width:180px;font-size:11px}
      .nav-action{display:none}
      .page-intro h1{font-size:36px}
      .intro-copy{font-size:15px}
      .section{padding:48px 0}
      .app-download{padding:20px}
      .device-stage{min-height:335px}
      .phone{transform:scale(.76)}
      .feature-panel,.adapt-card{padding:24px}
      .feature-panel h3{font-size:26px}
      .steps{grid-template-columns:1fr}
      .step{min-height:170px}
      .step h3{margin-top:18px}
      .update-row{grid-template-columns:1fr;gap:6px;padding:18px 0}
      .update-date{grid-column:auto}
      .compat-item{align-items:flex-start;flex-direction:column;gap:2px}
      .compat-item span{text-align:left}
      .more-box{display:block;padding:27px 23px}
      .more-box .btn{margin-top:19px;width:100%}
      .footer-grid{grid-template-columns:1fr}
      .footer-grid>div:first-child{grid-column:auto}
      .footer-bottom{align-items:flex-start;flex-direction:column}
    }

/* roulang page: category4 */
:root{
  --ink:#171a18;--ink-soft:#343a35;--muted:#69726b;--line:#dce2da;--paper:#f7f7f2;
  --surface:#ffffff;--lime:#c7f44a;--lime-deep:#a8d72c;--coral:#e77860;--violet:#7763b8;
  --dark:#1d2320;--dark-2:#29302c;--warm:#f0efe8;--radius:16px;--radius-sm:10px;
  --shadow:0 16px 42px rgba(24,32,26,.08);--container:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.7}
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:0 auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(247,247,242,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(220,226,218,.9)}
.nav-row{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.brand{display:flex;align-items:center;gap:11px;max-width:290px;font-weight:850;font-size:15px;line-height:1.25;letter-spacing:-.03em}
.brand-mark{position:relative;width:31px;height:31px;flex:0 0 31px;background:var(--lime);border-radius:8px;transform:skewY(-8deg)}
.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:var(--dark);border-radius:2px}
.brand-mark:before{width:17px;height:5px;left:7px;top:8px}
.brand-mark:after{width:11px;height:5px;left:7px;top:17px}
.nav-links{display:flex;align-items:center;gap:3px}
.nav-links a{padding:25px 12px 21px;color:var(--ink-soft);font-size:14px;font-weight:700;border-bottom:3px solid transparent;transition:.2s}
.nav-links a:hover,.nav-links a.active{color:var(--ink);border-color:var(--lime)}
.nav-action,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid transparent;border-radius:8px;font-weight:800;font-size:14px;transition:transform .2s,background .2s,box-shadow .2s,border-color .2s}
.nav-action,.btn-primary{background:var(--lime);color:var(--dark)}
.nav-action:hover,.btn-primary:hover{background:var(--lime-deep);transform:translateY(-2px);box-shadow:0 8px 18px rgba(169,215,44,.25)}
.btn-secondary{border-color:#aeb8af;background:transparent;color:var(--ink)}
.btn-secondary:hover{border-color:var(--ink);background:#fff;transform:translateY(-2px)}
.btn:focus-visible,.nav-action:focus-visible,.nav-links a:focus-visible,.footer a:focus-visible,.menu-toggle:focus-visible,.faq-question:focus-visible{outline:3px solid var(--violet);outline-offset:3px}
.menu-toggle{display:none;border:0;background:transparent;padding:9px;font-size:24px;color:var(--ink)}
main{overflow:hidden}
.page-intro{position:relative;overflow:hidden;background:var(--dark);color:#fff;padding:76px 0 64px}
.page-intro:before{content:"";position:absolute;width:510px;height:510px;border:1px solid rgba(199,244,74,.22);border-radius:50%;right:-120px;top:-305px;box-shadow:0 0 0 56px rgba(199,244,74,.035),0 0 0 112px rgba(199,244,74,.025)}
.page-intro-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:55px;align-items:end}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--lime);font-size:13px;font-weight:800;letter-spacing:.07em}
.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 5px rgba(231,120,96,.13)}
.breadcrumb{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 17px;padding:0;list-style:none;color:#bbc5bc;font-size:13px}
.breadcrumb a:hover{color:var(--lime)}
.breadcrumb li+li:before{content:"/";margin-right:9px;color:#778178}
.page-intro h1{max-width:760px;margin:15px 0 17px;font-size:clamp(38px,5vw,64px);line-height:1.12;letter-spacing:-.055em}
.page-intro h1 em{font-style:normal;color:var(--lime)}
.page-intro p{max-width:720px;margin:0;color:#cad3cb;font-size:17px;line-height:1.85}
.guide-status{padding:23px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.045)}
.guide-status h2{margin:0 0 13px;color:#fff;font-size:17px}
.guide-status-list{margin:0;padding:0;list-style:none}
.guide-status-list li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:#d1d9d2}
.guide-status-list strong{color:var(--lime);font-weight:800;text-align:right}
.section{padding:82px 0}
.section-dark{background:var(--dark);color:#fff}
.section-warm{background:var(--warm)}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:31px}
.section-kicker{margin:0 0 7px;color:var(--violet);font-size:12px;font-weight:850;letter-spacing:.12em}
.section-dark .section-kicker{color:var(--lime)}
.section h2{margin:0;font-size:clamp(27px,3.5vw,43px);line-height:1.18;letter-spacing:-.045em}
.section-lead{max-width:510px;margin:0;color:var(--muted);font-size:15px}
.section-dark .section-lead{color:#bdc7be}
.info-strip{display:grid;grid-template-columns:1.18fr .82fr;gap:0;border:1px solid var(--line);background:var(--surface)}
.info-main{padding:35px 38px}
.info-main h2{margin:10px 0 13px;font-size:30px;line-height:1.25;letter-spacing:-.035em}
.info-main p{max-width:660px;margin:0;color:var(--muted)}
.info-side{display:grid;align-content:center;gap:14px;padding:31px;background:#eaf7bd}
.info-side strong{font-size:15px}
.info-side span{font-size:13px;color:#4b5d2e}
.step-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.step-card{min-height:245px;padding:25px 23px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);transition:.2s}
.step-card:hover{position:relative;z-index:1;transform:translateY(-4px);box-shadow:var(--shadow)}
.step-no{display:flex;align-items:center;justify-content:center;width:38px;height:38px;margin-bottom:28px;border-radius:50%;background:var(--dark);color:var(--lime);font-size:13px;font-weight:900}
.step-card h3{margin:0 0 8px;font-size:19px;line-height:1.35}
.step-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}
.help-layout{display:grid;grid-template-columns:.86fr 1.14fr;gap:28px;align-items:start}
.help-note{padding:30px;background:var(--dark);color:#fff}
.help-note h3{margin:0 0 12px;font-size:26px;line-height:1.3}
.help-note p{margin:0;color:#c6d0c7;font-size:14px}
.help-note-list{margin:24px 0 0;padding:0;list-style:none}
.help-note-list li{position:relative;padding:12px 0 12px 22px;border-top:1px solid rgba(255,255,255,.12);font-size:14px}
.help-note-list li:before{content:"";position:absolute;left:0;top:22px;width:8px;height:8px;border-radius:50%;background:var(--lime)}
.help-list{display:grid;gap:10px}
.help-item{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:16px;padding:19px 20px;border:1px solid var(--line);background:var(--surface);transition:.2s}
.help-item:hover{border-color:#aab9a5;transform:translateX(4px);box-shadow:0 9px 25px rgba(24,32,26,.06)}
.help-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#edf8c5;color:#405411;font-size:19px;font-weight:900}
.help-item h3{margin:0 0 2px;font-size:16px;line-height:1.4}
.help-item p{margin:0;color:var(--muted);font-size:13px}
.arrow{color:var(--violet);font-size:22px;font-weight:900}
.safety-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}
.safety-copy{padding:38px;background:var(--surface);border:1px solid var(--line)}
.safety-copy h2{margin:0 0 16px;font-size:31px;line-height:1.28}
.safety-copy p{margin:0;color:var(--muted)}
.check-list{display:grid;gap:0;margin:25px 0 0;padding:0;list-style:none}
.check-list li{position:relative;padding:13px 0 13px 31px;border-top:1px solid var(--line);font-size:14px}
.check-list li:before{content:"✓";position:absolute;left:2px;top:13px;color:#51700a;font-weight:900}
.privacy-card{display:flex;flex-direction:column;justify-content:space-between;min-height:100%;padding:35px;background:var(--violet);color:#fff}
.privacy-card .tag{width:max-content;background:rgba(255,255,255,.17);color:#fff}
.privacy-card h3{margin:18px 0 12px;font-size:29px;line-height:1.3}
.privacy-card p{margin:0;color:#e6e1fb;font-size:14px}
.privacy-symbol{margin-top:26px;color:var(--lime);font-size:63px;line-height:1;font-weight:900}
.feature-guide-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:28px}
.feature-panel{position:relative;overflow:hidden;padding:35px;background:var(--dark);color:#fff;min-height:348px}
.feature-panel:after{content:"体育";position:absolute;right:-5px;bottom:-41px;color:rgba(255,255,255,.06);font-size:134px;font-weight:900;letter-spacing:-.12em}
.feature-panel>*{position:relative;z-index:1}
.feature-panel h3{max-width:440px;margin:13px 0;font-size:32px;line-height:1.22}
.feature-panel p{max-width:450px;margin:0;color:#c5cec6;font-size:14px}
.feature-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}
.feature-points span{padding:6px 10px;border:1px solid rgba(199,244,74,.35);color:var(--lime);font-size:12px;font-weight:800}
.guide-columns{display:grid;gap:12px}
.guide-row{padding:22px 23px;background:var(--surface);border-left:4px solid var(--lime);box-shadow:0 8px 20px rgba(24,32,26,.04)}
.guide-row:nth-child(2){border-color:var(--coral)}
.guide-row:nth-child(3){border-color:var(--violet)}
.guide-row h3{margin:0 0 6px;font-size:17px;line-height:1.35}
.guide-row p{margin:0;color:var(--muted);font-size:14px}
.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:55px}
.faq-intro h2{margin:0 0 15px;font-size:38px;line-height:1.2}
.faq-intro p{margin:0;color:var(--muted)}
.faq-list{border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 0;border:0;background:transparent;color:var(--ink);text-align:left;font-weight:850;font-size:17px}
.faq-question span:last-child{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e8f6b9;color:var(--ink);font-size:21px;line-height:1;transition:.2s}
.faq-item.open .faq-question span:last-child{background:var(--dark);color:var(--lime);transform:rotate(45deg)}
.faq-answer{display:none;padding:0 44px 20px 0;color:var(--muted);font-size:14px}
.faq-item.open .faq-answer{display:block}
.related-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:18px}
.related-card{display:flex;flex-direction:column;min-height:246px;padding:25px;background:var(--surface);border:1px solid var(--line);transition:.2s}
.related-card:hover{border-color:#a8ba9b;transform:translateY(-4px);box-shadow:var(--shadow)}
.related-card.featured{background:#eaf6c1;border-color:#d6e99a}
.related-card .meta{margin-top:auto;padding-top:22px}
.related-card h3{margin:13px 0 9px;font-size:21px;line-height:1.38}
.related-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}
.related-card .text-link{width:max-content;margin-top:18px}
.more-zone{padding-top:4px;text-align:center}
.more-zone .text-link{display:inline-block;padding-bottom:3px}
.cta-band{background:var(--dark);color:#fff;padding:48px 0}
.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}
.cta-inner h2{max-width:700px;margin:0;font-size:clamp(27px,3.4vw,42px);line-height:1.24;letter-spacing:-.045em}
.cta-inner p{margin:9px 0 0;color:#bbc6bd;font-size:15px}
.footer{background:#171c19;color:#fff;padding:64px 0 21px}
.footer-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:42px}
.footer .brand{color:#fff}
.footer p{margin:17px 0 0;max-width:330px;color:#aeb9b0;font-size:14px;line-height:1.75}
.footer h3{margin:0 0 16px;color:var(--lime);font-size:14px}
.footer-links{display:grid;gap:9px}
.footer-links a{color:#c7d0c8;font-size:13px;transition:.2s}
.footer-links a:hover{color:var(--lime);transform:translateX(3px)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:47px;padding-top:20px;border-top:1px solid #3c463f;color:#9ca89f;font-size:12px}
.back-top{color:var(--lime);font-weight:800}
@media (max-width:1024px){
  .nav-links a{padding-left:8px;padding-right:8px;font-size:13px}
  .page-intro-grid{grid-template-columns:1fr 290px;gap:28px}
  .step-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1.3fr 1fr 1fr}
  .footer-grid>div:last-child{grid-column:2/4}
}
@media (max-width:768px){
  .container{width:min(var(--container),calc(100% - 32px))}
  .nav-row{min-height:67px;gap:10px}
  .brand{max-width:214px;font-size:12px}
  .brand-mark{width:27px;height:27px;flex-basis:27px}
  .brand-mark:before{width:15px;left:6px;top:7px}
  .brand-mark:after{width:10px;left:6px;top:16px}
  .menu-toggle{display:block;order:3}
  .nav-action{margin-left:auto;min-height:39px;padding:8px 11px;font-size:12px}
  .nav-links{display:none;position:absolute;left:0;right:0;top:67px;padding:10px 16px 16px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 16px 30px rgba(24,32,26,.08)}
  .nav-links.open{display:grid}
  .nav-links a{padding:11px 4px;border-bottom:1px solid var(--line)}
  .nav-links a.active{border-left:4px solid var(--lime);padding-left:10px;border-bottom-color:var(--line)}
  .page-intro{padding:55px 0 48px}
  .page-intro-grid,.help-layout,.safety-grid,.feature-guide-grid,.faq-layout{grid-template-columns:1fr}
  .guide-status{display:none}
  .section{padding:60px 0}
  .section-head{display:block;margin-bottom:25px}
  .section-lead{margin-top:12px}
  .info-strip{grid-template-columns:1fr}
  .info-main{padding:28px}
  .info-side{padding:24px 28px}
  .related-grid{grid-template-columns:1fr 1fr}
  .related-card.featured{grid-column:1/3}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-grid>div:first-child{grid-column:1/3}
  .footer-grid>div:last-child{grid-column:auto}
}
@media (max-width:520px){
  body{font-size:15px}
  .container{width:calc(100% - 28px)}
  .nav-action{display:none}
  .page-intro h1{font-size:37px}
  .page-intro p{font-size:15px}
  .section{padding:49px 0}
  .section h2{font-size:29px}
  .step-grid{grid-template-columns:1fr}
  .step-card{min-height:auto}
  .help-item{grid-template-columns:38px 1fr;gap:12px;padding:16px}
  .help-item .arrow{display:none}
  .safety-copy,.privacy-card,.feature-panel{padding:27px}
  .feature-panel{min-height:300px}
  .faq-intro h2{font-size:31px}
  .faq-question{font-size:16px}
  .faq-answer{padding-right:0}
  .related-grid{grid-template-columns:1fr}
  .related-card.featured{grid-column:auto}
  .cta-band{padding:39px 0}
  .cta-inner{display:block}
  .cta-inner .btn{margin-top:22px;width:100%}
  .footer{padding-top:49px}
  .footer-grid{grid-template-columns:1fr;gap:30px}
  .footer-grid>div:first-child{grid-column:auto}
  .footer-bottom{align-items:flex-start;flex-direction:column;margin-top:34px}
}