/* roulang page: index */
:root{--green:#174b3c;--ink:#17342b;--deep:#102c24;--lime:#c7ef48;--orange:#e66a3d;--paper:#f5f3ed;--white:#fffefa;--muted:#6e786f;--line:#d9ddd4;--soft:#eaf0df;--radius:16px;--radius-sm:10px;--shadow:0 12px 28px rgba(16,44,36,.08);--container:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(199,239,72,.9);outline-offset:3px}.container{width:min(calc(100% - 48px),var(--container));margin:auto}.site-header{background:var(--green);color:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(255,255,255,.12)}.nav-wrap{height:82px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;min-width:280px;font-size:14px;font-weight:800;line-height:1.28;letter-spacing:.01em}.brand-mark{width:32px;height:32px;border:2px solid var(--lime);border-radius:50%;position:relative;flex:0 0 auto}.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:var(--lime)}.brand-mark:before{width:2px;height:26px;left:13px;top:1px}.brand-mark:after{width:26px;height:2px;left:1px;top:13px}.nav{display:flex;align-items:center;gap:22px;margin-left:auto}.nav a{height:82px;display:flex;align-items:center;position:relative;color:rgba(255,255,255,.78);font-size:14px;font-weight:650;white-space:nowrap;transition:.2s}.nav a:after{content:"";height:3px;width:0;position:absolute;bottom:0;left:0;background:var(--lime);transition:.2s}.nav a:hover,.nav a.active{color:#fff}.nav a:hover:after,.nav a.active:after{width:100%}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:25px;margin-left:auto}.mobile-nav{display:none}.hero{background:var(--green);color:#fff;overflow:hidden;position:relative;padding:72px 0 82px}.hero:before{content:"";position:absolute;width:620px;height:620px;border:1px solid rgba(199,239,72,.23);border-radius:50%;right:-170px;top:-350px}.hero:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 84px,rgba(255,255,255,.035) 85px,transparent 86px);pointer-events:none}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.06fr .94fr;gap:48px;align-items:end}.eyebrow,.tag{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:750;letter-spacing:.04em}.eyebrow{color:var(--lime);margin-bottom:16px}.eyebrow i{display:block;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(199,239,72,.14)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(35px,4.1vw,62px);letter-spacing:-.055em;line-height:1.14;margin:0 0 22px;max-width:760px}.hero p{font-size:17px;color:rgba(255,255,255,.78);max-width:620px;margin-bottom:30px}.btn-row{display:flex;gap:12px;flex-wrap:wrap}.btn{min-height:46px;border-radius:10px;padding:11px 19px;display:inline-flex;justify-content:center;align-items:center;font-weight:750;font-size:14px;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 9px 16px rgba(7,24,18,.18)}.btn-primary{background:var(--lime);color:var(--deep)}.btn-secondary{border:1px solid rgba(255,255,255,.52);color:#fff}.scoreboard{background:#133d31;border:1px solid rgba(199,239,72,.38);border-radius:18px;box-shadow:0 24px 50px rgba(4,24,17,.28);overflow:hidden;transform:rotate(-1.5deg)}.board-top{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:rgba(255,255,255,.06);font-size:12px;color:#dcebd8}.live{background:var(--orange);color:#fff;border-radius:20px;padding:3px 8px;font-weight:800;font-size:11px}.teams{padding:23px 20px 18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center;gap:13px}.team{font-weight:800;font-size:16px}.crest{width:38px;height:38px;border-radius:50%;margin:0 auto 8px;background:linear-gradient(135deg,#d4ee81,#347565);border:3px solid rgba(255,255,255,.2)}.crest.dark{background:linear-gradient(135deg,#eb8c61,#7b3028)}.score{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:41px;line-height:1;font-weight:800;color:var(--lime)}.score small{font-family:inherit;font-size:12px;color:#b6c8ba;display:block;margin-top:7px}.board-bars{border-top:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:14px 18px;color:#c9d7cb;font-size:11px}.bar span{display:block;margin-bottom:5px}.track{height:5px;background:rgba(255,255,255,.15);border-radius:9px;overflow:hidden}.track i{display:block;height:100%;background:var(--lime);border-radius:inherit}.section{padding:78px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.kicker{font-size:12px;font-weight:800;color:var(--green);letter-spacing:.08em;margin-bottom:6px}.section h2{font-size:clamp(26px,3vw,38px);letter-spacing:-.04em;line-height:1.2;margin:0}.section-note{color:var(--muted);font-size:14px;margin:0;max-width:440px}.score-strip{padding:0 0 34px;margin-top:-34px;position:relative;z-index:2}.strip-panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.strip-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);margin:0 4px 12px}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--lime);margin-right:6px}.score-scroll{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mini-match{padding:13px;border-radius:12px;background:#f8f8f2;border:1px solid transparent;transition:.2s}.mini-match:hover{border-color:#b8caab;transform:translateY(-2px)}.mini-top{font-size:11px;color:var(--muted);display:flex;justify-content:space-between;margin-bottom:9px}.mini-teams{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:13px;font-weight:750}.mini-score{font-family:ui-monospace,monospace;font-size:17px;color:var(--green)}.schedule{background:var(--white)}.date-tabs{display:flex;gap:9px;margin-bottom:24px;overflow:auto;padding-bottom:3px}.date-tab{min-width:94px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--paper);font-size:13px;color:var(--muted);text-align:center}.date-tab b{display:block;color:var(--ink);font-size:14px}.date-tab.active{background:var(--green);border-color:var(--green);color:#dcebd8}.date-tab.active b{color:#fff}.timeline{border-left:2px solid #d9e4d2;margin-left:11px;padding-left:28px}.time-row{position:relative;display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}.time-row:before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--lime);border:3px solid var(--white);left:-34px}.league{font-size:12px;color:var(--green);font-weight:800}.duel{font-weight:750}.focus-stage{display:grid;grid-template-columns:1.08fr .92fr;gap:22px}.feature-card{min-height:370px;border-radius:var(--radius);overflow:hidden;padding:28px;position:relative;background:linear-gradient(150deg,#1d5947 0%,#102c24 72%);color:#fff;display:flex;align-items:end}.feature-card:before{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(199,239,72,.35);border-radius:50%;right:-100px;top:-160px}.feature-card>*{position:relative}.feature-card h3{font-size:30px;line-height:1.2;margin:8px 0}.feature-card p{color:#d4e1d4;margin-bottom:0}.orange-tag,.tag{padding:4px 9px;border-radius:20px}.orange-tag{background:var(--orange);font-size:11px;font-weight:800}.analysis-list{display:grid;gap:12px}.analysis-item{padding:21px;background:var(--white);border:1px solid var(--line);border-radius:14px}.analysis-item small{color:var(--orange);font-weight:800}.analysis-item h3{font-size:17px;margin:6px 0}.analysis-item p{font-size:13px;color:var(--muted);margin:0}.data-area{background:var(--deep);color:#fff;position:relative;overflow:hidden}.data-area:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(199,239,72,.08) 1px,transparent 1px),linear-gradient(rgba(199,239,72,.08) 1px,transparent 1px);background-size:42px 42px}.data-area .container{position:relative}.data-area .kicker{color:var(--lime)}.data-area .section-note{color:#b9c9bb}.data-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr .8fr;gap:15px}.data-card{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.045);border-radius:14px;padding:21px}.data-card small{color:#c6d5c8}.data-num{font-family:ui-monospace,monospace;font-size:38px;line-height:1;color:var(--lime);font-weight:800;margin:12px 0 4px}.compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:12px;margin-top:18px}.compare i{display:block;height:7px;background:var(--lime);border-radius:8px;margin-top:6px}.compare div:last-child i{background:#719a8b}.editorial{display:grid;grid-template-columns:220px 1.35fr .8fr;gap:17px}.vertical-title{border-top:5px solid var(--lime);padding-top:15px}.vertical-title h3{font-size:26px;line-height:1.2;margin:0 0 13px}.vertical-title p{font-size:14px;color:var(--muted)}.article-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--white);transition:.22s}.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#b6c8ae}.card-visual{height:178px;background:#376e5c;position:relative;overflow:hidden}.card-visual:before{content:"";position:absolute;inset:16px;border:1px solid rgba(255,255,255,.3);border-radius:50% 50% 0 0}.card-visual.orange{background:#aa573b}.card-visual.dark{background:#244b42}.card-body{padding:17px}.tag{background:#e5f0d5;color:var(--green);font-size:11px}.card-body h3{font-size:18px;line-height:1.35;margin:10px 0 8px}.card-body p{font-size:13px;color:var(--muted);margin-bottom:14px}.card-meta{font-size:11px;color:var(--muted);display:flex;justify-content:space-between}.small-articles{display:grid;gap:17px}.small-articles .article-card{display:grid;grid-template-columns:108px 1fr}.small-articles .card-visual{height:auto;min-height:130px}.pitch-section{background:#dfead6}.tactics{display:grid;grid-template-columns:1.1fr .9fr;gap:25px;align-items:center}.pitch{background:#2c7058;border-radius:16px;min-height:350px;position:relative;overflow:hidden;border:8px solid #e5eedc}.pitch:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.08) 50%,transparent 50%);background-size:72px 100%}.pitch:after{content:"";position:absolute;width:180px;height:180px;border:2px solid rgba(255,255,255,.45);border-radius:50%;top:85px;left:calc(50% - 90px)}.dot{position:absolute;width:21px;height:21px;border-radius:50%;background:var(--lime);border:3px solid #fff;z-index:1}.dot.a{top:75px;left:26%}.dot.b{top:155px;left:43%}.dot.c{bottom:74px;right:26%;background:var(--orange)}.route{position:absolute;width:160px;border-top:3px dashed rgba(255,255,255,.75);transform:rotate(26deg);top:135px;left:28%;z-index:1}.tactic-copy h3{font-size:27px;line-height:1.25;margin-bottom:16px}.tactic-copy p{color:var(--muted)}.tactic-points{display:grid;gap:11px;margin-top:20px}.tactic-points div{background:var(--white);border-left:4px solid var(--lime);padding:12px 14px;font-size:14px}.highlights{overflow:hidden}.highlight-track{display:grid;grid-template-columns:1.2fr .75fr .85fr;grid-template-rows:175px 175px;gap:16px}.clip{position:relative;overflow:hidden;border-radius:15px;background:#305e4d;color:#fff;min-height:150px;padding:18px;display:flex;align-items:end}.clip:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,32,25,.82),rgba(9,32,25,.05)),repeating-linear-gradient(45deg,rgba(255,255,255,.07) 0 2px,transparent 2px 12px)}.clip>*{position:relative}.clip.big{grid-row:span 2;background:#1e5947}.clip.tall{grid-row:span 2;background:#a9573a}.play{position:absolute;top:16px;right:16px;width:38px;height:38px;border-radius:50%;background:var(--lime);color:var(--deep);display:grid;place-items:center;font-size:14px}.clip h3{font-size:18px;line-height:1.3;margin:6px 0}.clip small{color:#d5e3d5}.players{background:var(--white)}.player-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:25px}.leader{border-radius:16px;padding:26px;background:var(--green);color:#fff;display:grid;grid-template-columns:120px 1fr;gap:21px;align-items:center}.jersey{width:120px;height:138px;background:var(--lime);clip-path:polygon(20% 0,36% 13%,64% 13%,80% 0,100% 18%,84% 35%,84% 100%,16% 100%,16% 35%,0 18%);color:var(--green);font-family:ui-monospace,monospace;font-size:47px;font-weight:900;display:grid;place-items:center}.leader h3{font-size:26px;margin:0}.leader p{color:#cce0ce;margin:6px 0}.rank-list{border-top:1px solid var(--line)}.rank{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:15px;padding:14px 4px;border-bottom:1px solid var(--line)}.rank b{font-family:ui-monospace,monospace;color:var(--green);font-size:19px}.rank span{font-size:13px;color:var(--muted)}.app-zone{background:linear-gradient(120deg,#ecf2df,#f9f7ef);overflow:hidden}.app-grid{display:grid;grid-template-columns:1fr .9fr;gap:55px;align-items:center}.app-grid h2{font-size:42px}.app-grid p{color:var(--muted);max-width:550px}.app-tags{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.app-tags span{padding:7px 11px;background:#fff;border:1px solid #cfddc4;border-radius:20px;font-size:13px;font-weight:700}.phone{width:265px;height:460px;background:var(--deep);border:10px solid #284e42;border-radius:34px;margin:auto;padding:28px 16px 16px;box-shadow:20px 22px 0 #c9e36e;position:relative;color:#fff}.phone:before{content:"";position:absolute;width:88px;height:17px;background:#284e42;border-radius:0 0 12px 12px;top:0;left:78px}.phone-title{font-size:12px;color:#b6cfb4}.phone-score{font-family:ui-monospace,monospace;font-size:31px;font-weight:800;color:var(--lime);padding:23px 0;border-bottom:1px solid rgba(255,255,255,.18)}.phone-card{margin-top:14px;padding:13px;border-radius:11px;background:#1d4a3b;font-size:12px}.phone-card b{display:block;margin-bottom:7px}.news{background:var(--white)}.news-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:20px}.news-feature .card-visual{height:220px}.news-list{display:grid;gap:0}.news-item{display:grid;grid-template-columns:92px 1fr;gap:14px;padding:0 0 14px;margin-bottom:14px;border-bottom:1px solid var(--line)}.news-thumb{border-radius:10px;background:#628575;min-height:75px}.news-item:nth-child(even) .news-thumb{background:#b46444}.news-item h3{font-size:16px;line-height:1.4;margin:5px 0}.news-item p{font-size:12px;color:var(--muted);margin:0}.empty{grid-column:1/-1;border:1px dashed #b9c8b4;border-radius:16px;padding:44px;text-align:center;color:var(--muted);background:#fafbf6}.empty strong{display:block;color:var(--green);font-size:18px;margin-bottom:5px}.view-more{font-size:14px;color:var(--green);font-weight:800;border-bottom:2px solid var(--lime);padding-bottom:3px;white-space:nowrap}.guide{display:grid;grid-template-columns:1fr .95fr;gap:46px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:26px}.step{position:relative;padding-right:13px}.step:after{content:"";position:absolute;height:2px;background:#bdd397;top:15px;left:33px;right:0}.step:last-child:after{display:none}.step-num{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--green);color:var(--lime);font-family:ui-monospace,monospace;font-size:13px;font-weight:800;margin-bottom:11px;position:relative;z-index:1}.step p{font-size:13px;margin:0;color:var(--muted);line-height:1.45}.faq{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;border:0;background:none;text-align:left;display:flex;justify-content:space-between;gap:18px;padding:17px 0;color:var(--ink);font-size:15px;font-weight:750}.faq-q span:last-child{color:var(--green);font-size:22px;line-height:1}.faq-a{display:none;color:var(--muted);font-size:14px;padding:0 32px 17px 0}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q{color:var(--green)}.site-footer{background:var(--deep);color:#d6e1d6;padding:56px 0 22px}.footer-main{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:42px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.14)}.footer-brand{font-size:16px;font-weight:800;color:#fff;line-height:1.45}.footer-brand p{font-size:13px;color:#aebfae;font-weight:400;max-width:380px}.footer-title{font-size:13px;color:var(--lime);font-weight:800;margin-bottom:13px}.footer-links{display:grid;gap:8px}.footer-links a{font-size:13px;color:#c1d0c2;transition:.2s}.footer-links a:hover{color:var(--lime);padding-left:3px}.footer-download{padding:18px;border:1px solid rgba(199,239,72,.25);border-radius:14px;background:rgba(255,255,255,.04)}.footer-download p{font-size:13px;margin:7px 0 14px;color:#bcd0bd}.footer-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:20px;color:#87a18d;font-size:12px}
@media(max-width:1024px){.nav-wrap{gap:16px}.brand{min-width:230px;font-size:12px}.nav{gap:14px}.hero-grid,.app-grid{gap:30px}.editorial{grid-template-columns:180px 1.2fr .8fr}.data-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.container{width:min(calc(100% - 32px),var(--container))}.nav{display:none}.menu-btn{display:block}.mobile-nav{background:var(--deep);padding:10px 16px 18px}.mobile-nav.open{display:grid;gap:4px}.mobile-nav a{padding:12px 4px;color:#e5eee4;border-bottom:1px solid rgba(255,255,255,.1);font-size:14px}.nav-wrap{height:70px}.brand{min-width:0;max-width:calc(100% - 52px)}.hero{padding:48px 0 58px}.hero-grid,.focus-stage,.tactics,.player-grid,.app-grid,.news-layout,.guide{grid-template-columns:1fr}.scoreboard{max-width:560px;transform:none}.section{padding:52px 0}.score-scroll{display:flex;overflow:auto;padding-bottom:4px}.mini-match{min-width:195px}.time-row{grid-template-columns:58px 1fr;gap:10px}.time-row .btn{grid-column:2;justify-self:start;min-height:35px;padding:6px 10px}.editorial{grid-template-columns:1fr}.vertical-title{display:flex;align-items:center;gap:20px}.vertical-title p{margin:0}.small-articles{grid-template-columns:repeat(2,1fr)}.small-articles .article-card{display:block}.small-articles .card-visual{height:130px}.highlight-track{display:flex;overflow:auto;padding-bottom:5px}.clip,.clip.big,.clip.tall{min-width:255px;height:230px}.leader{max-width:570px}.app-grid h2{font-size:34px}.phone{margin-top:12px}.footer-main{grid-template-columns:1fr 1fr}.footer-main>div:first-child{grid-column:1/-1}.steps{overflow:auto;padding-bottom:8px}.step{min-width:120px}.section-head{align-items:flex-start;flex-direction:column}.section-note{max-width:none}}
@media(max-width:520px){.brand{font-size:10.5px}.brand-mark{width:28px;height:28px}.brand-mark:before{height:22px;left:11px}.brand-mark:after{width:22px;top:11px}.hero h1{font-size:34px}.hero p{font-size:15px}.btn{width:100%}.teams{padding:18px 10px}.team{font-size:13px}.score{font-size:34px}.board-bars{padding:12px}.section{padding:43px 0}.section h2{font-size:28px}.timeline{padding-left:20px}.time-row:before{left:-26px}.data-grid{grid-template-columns:1fr}.data-num{font-size:34px}.small-articles{grid-template-columns:1fr}.pitch{min-height:270px}.tactic-copy h3{font-size:23px}.leader{grid-template-columns:84px 1fr;padding:19px}.jersey{width:84px;height:100px;font-size:35px}.leader h3{font-size:21px}.footer-main{grid-template-columns:1fr;gap:27px}.footer-main>div:first-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom p{margin:0 0 8px}.news-item{grid-template-columns:76px 1fr}.news-thumb{min-height:65px}.phone{transform:scale(.9);margin:-18px auto}.app-zone{padding-bottom:25px}}

/* roulang page: article */
:root{--green:#174b3c;--ink:#17342b;--deep:#102c24;--lime:#c7ef48;--orange:#e66a3d;--paper:#f5f3ed;--white:#fffefa;--muted:#6e786f;--line:#d9ddd4;--soft:#eaf0df;--radius:16px;--radius-sm:10px;--shadow:0 12px 28px rgba(16,44,36,.08);--container:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(199,239,72,.92);outline-offset:3px}.container{width:min(calc(100% - 48px),var(--container));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:var(--green);color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}.nav-wrap{height:82px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;min-width:280px;font-size:14px;font-weight:800;line-height:1.28;letter-spacing:.01em}.brand-mark{width:32px;height:32px;border:2px solid var(--lime);border-radius:50%;position:relative;flex:0 0 auto}.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:var(--lime)}.brand-mark:before{width:2px;height:26px;left:13px;top:1px}.brand-mark:after{width:26px;height:2px;left:1px;top:13px}.nav{display:flex;align-items:center;gap:22px;margin-left:auto}.nav a{height:82px;display:flex;align-items:center;position:relative;color:rgba(255,255,255,.78);font-size:14px;font-weight:650;white-space:nowrap;transition:.2s}.nav a:after{content:"";height:3px;width:0;position:absolute;bottom:0;left:0;background:var(--lime);transition:.2s}.nav a:hover,.nav a.active{color:#fff}.nav a:hover:after,.nav a.active:after{width:100%}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:25px;margin-left:auto}.mobile-nav{display:none}
.btn{min-height:46px;border-radius:10px;padding:11px 19px;display:inline-flex;justify-content:center;align-items:center;gap:8px;font-weight:750;font-size:14px;border:0;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 9px 16px rgba(7,24,18,.18)}.btn-primary{background:var(--lime);color:var(--deep)}.btn-secondary{background:transparent;color:var(--green);border:1px solid var(--green)}.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:20px;background:#e5f0d5;color:var(--green);font-size:11px;font-weight:800;letter-spacing:.03em}.tag-live{background:#f7ddd3;color:#9c3e21}.tag-dot{width:7px;height:7px;border-radius:50%;background:var(--orange)}
.article-hero{background:var(--green);color:#fff;position:relative;overflow:hidden;padding:42px 0 58px}.article-hero:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(199,239,72,.2);border-radius:50%;right:-100px;top:-330px}.article-hero:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 84px,rgba(255,255,255,.035) 85px,transparent 86px);pointer-events:none}.article-hero .container{position:relative;z-index:1}.breadcrumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:rgba(255,255,255,.66);font-size:13px;margin-bottom:25px}.breadcrumb a:hover{color:var(--lime)}.breadcrumb span:last-child{color:rgba(255,255,255,.88);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:510px}.crumb-sep{color:var(--lime)!important}.article-category{color:var(--lime);font-size:13px;font-weight:800;letter-spacing:.06em;margin:0 0 13px}.article-hero h1{max-width:880px;font-size:clamp(33px,4.2vw,58px);line-height:1.18;letter-spacing:-.052em;margin:0}.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin-top:23px;color:rgba(255,255,255,.73);font-size:13px}.article-meta strong{color:#fff;font-weight:700}.meta-status{display:inline-flex;align-items:center;gap:7px;color:var(--lime)}.meta-status i{width:7px;height:7px;border-radius:50%;background:var(--lime);display:inline-block}
.section{padding:62px 0}.intro-grid{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:24px;align-items:stretch}.summary-box{background:var(--soft);border-top:5px solid var(--lime);padding:27px 30px;border-radius:0 0 var(--radius) var(--radius);box-shadow:var(--shadow)}.summary-box h2{font-size:20px;margin:0 0 10px}.summary-box p{color:#365247;margin:0;font-size:16px}.quick-facts{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.quick-facts h2{font-size:16px;margin:0 0 12px}.fact-row{padding:10px 0;border-bottom:1px solid var(--line);display:flex;gap:14px;justify-content:space-between;font-size:13px}.fact-row:last-child{border-bottom:0;padding-bottom:0}.fact-row span{color:var(--muted)}.fact-row strong{text-align:right;color:var(--ink)}
.reading-layout{display:grid;grid-template-columns:minmax(0,790px) 285px;gap:54px;align-items:start}.article-content{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(26px,4vw,56px);box-shadow:0 8px 20px rgba(16,44,36,.035)}.article-content>*:first-child{margin-top:0}.article-content h2{font-size:28px;line-height:1.32;letter-spacing:-.035em;margin:2.1em 0 .7em;color:var(--green)}.article-content h3{font-size:21px;line-height:1.4;margin:1.8em 0 .6em}.article-content p{font-size:17px;line-height:1.95;margin:0 0 1.35em}.article-content ul,.article-content ol{padding-left:1.35em;margin:0 0 1.5em}.article-content li{margin:.48em 0;font-size:16px}.article-content blockquote{margin:1.7em 0;padding:18px 21px;border-left:4px solid var(--lime);background:#f1f5e9;color:#385547;font-size:17px}.article-content img{border-radius:10px;margin:1.55em auto}.article-content table{display:block;max-width:100%;overflow:auto;border-collapse:collapse;margin:1.6em 0}.article-content th,.article-content td{border:1px solid var(--line);padding:10px 13px;white-space:nowrap}.article-content th{background:var(--soft);color:var(--green)}.content-missing{text-align:center;padding:34px 10px}.content-missing h2{margin:0 0 10px;font-size:25px}.content-missing p{color:var(--muted);font-size:16px}.content-missing .btn{margin-top:8px}
.article-aside{position:sticky;top:108px}.aside-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:21px;margin-bottom:16px}.aside-card h2{font-size:17px;margin:0 0 13px}.aside-list{padding:0;margin:0;list-style:none}.aside-list li{padding:10px 0;border-bottom:1px solid var(--line);font-size:13px;color:#476258}.aside-list li:last-child{border-bottom:0;padding-bottom:0}.aside-list a:hover{color:var(--green);font-weight:700}.aside-update{font-size:13px;color:var(--muted);margin:0}.share-row{display:flex;gap:8px}.share-btn{width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--green);font-size:13px;font-weight:800;transition:.2s}.share-btn:hover{background:var(--lime);border-color:var(--lime);transform:translateY(-2px)}
.app-banner{margin-top:42px;display:grid;grid-template-columns:88px minmax(0,1fr) auto;align-items:center;gap:20px;background:var(--deep);color:#fff;border-radius:var(--radius);padding:20px 24px;overflow:hidden;position:relative}.app-banner:after{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(199,239,72,.25);border-radius:50%;right:220px;top:-100px}.phone-mini{width:62px;height:94px;border:4px solid #d9ead3;border-radius:11px;background:linear-gradient(160deg,#c7ef48 0 32%,#275e4e 32%);position:relative;z-index:1}.phone-mini:after{content:"";position:absolute;left:9px;right:9px;bottom:13px;height:28px;border:1px solid rgba(255,255,255,.65);border-radius:4px}.app-banner h2{font-size:19px;margin:0 0 4px;position:relative;z-index:1}.app-banner p{font-size:13px;color:#cfddd1;margin:0;position:relative;z-index:1}.app-banner .btn{position:relative;z-index:1;white-space:nowrap}
.related{padding:76px 0;background:#ecece5}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:27px}.section-head h2{font-size:clamp(27px,3vw,38px);letter-spacing:-.04em;line-height:1.2;margin:0}.section-note{color:var(--muted);font-size:14px;margin:0}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--white);transition:.22s}.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#b6c8ae}.card-visual{height:172px;background:#376e5c;position:relative;overflow:hidden}.card-visual:before{content:"";position:absolute;inset:17px;border:1px solid rgba(255,255,255,.35);border-radius:50% 50% 0 0}.card-visual:after{content:"";position:absolute;width:76px;height:76px;border:2px solid rgba(199,239,72,.75);border-radius:50%;right:28px;bottom:-34px}.card-visual.orange{background:#aa573b}.card-visual.dark{background:#244b42}.card-body{padding:18px}.card-body h3{font-size:18px;line-height:1.42;margin:10px 0 8px}.card-body p{font-size:13px;line-height:1.65;color:var(--muted);margin:0 0 13px}.card-meta{font-size:12px;color:var(--muted);display:flex;justify-content:space-between}
.feedback-section{padding:72px 0}.feedback-box{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;background:var(--green);color:#fff;border-radius:var(--radius);padding:42px;position:relative;overflow:hidden}.feedback-box:before{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(199,239,72,.22);border-radius:50%;left:-140px;bottom:-245px}.feedback-copy,.feedback-form{position:relative;z-index:1}.feedback-copy h2{font-size:30px;line-height:1.25;margin:0 0 12px}.feedback-copy p{color:#cad9cc;margin:0}.return-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}.return-links a{color:var(--lime);font-weight:750;font-size:14px}.return-links a:hover{text-decoration:underline}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid .wide{grid-column:1/-1}.form-label{display:block;color:#d8e5d9;font-size:12px;font-weight:700;margin-bottom:5px}.form-control{width:100%;border:1px solid rgba(255,255,255,.28);border-radius:9px;background:rgba(255,255,255,.09);color:#fff;padding:10px 12px;min-height:43px;box-shadow:none}.form-control::placeholder{color:rgba(255,255,255,.55)}textarea.form-control{resize:vertical;min-height:82px}.form-note{font-size:12px;color:#c7d5c9;margin:10px 0 0}
.site-footer{background:var(--deep);color:#e4eee4;padding:56px 0 22px}.footer-main{display:grid;grid-template-columns:1.35fr .8fr .8fr;gap:44px;padding-bottom:38px;border-bottom:1px solid rgba(255,255,255,.13)}.footer-brand{font-size:17px;font-weight:800;line-height:1.42;max-width:350px}.footer-main p{font-size:13px;line-height:1.75;color:#b7c9b9;max-width:350px;margin:12px 0 0}.footer-title{font-size:14px;font-weight:800;color:var(--lime);margin-bottom:13px}.footer-links{display:grid;gap:8px}.footer-links a{font-size:13px;color:#c8d7ca;transition:.2s}.footer-links a:hover{color:var(--lime);transform:translateX(2px)}.footer-download .btn{margin-top:13px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:20px;color:#95aa99;font-size:12px}.footer-bottom p{margin:0}
@media(max-width:1024px){.nav{gap:15px}.nav-wrap{gap:18px}.brand{min-width:245px}.reading-layout{grid-template-columns:minmax(0,1fr) 245px;gap:25px}.article-content{padding:34px}.feedback-box{gap:25px}}
@media(max-width:768px){.container{width:min(calc(100% - 32px),var(--container))}.nav{display:none}.menu-btn{display:block}.nav-wrap{height:70px}.brand{min-width:0;font-size:12px;max-width:290px}.mobile-nav{display:none;background:var(--deep);padding:10px 16px 18px}.mobile-nav.open{display:grid}.mobile-nav a{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.13);color:#fff;font-size:15px}.article-hero{padding:31px 0 40px}.breadcrumb{margin-bottom:18px}.breadcrumb span:last-child{max-width:235px}.article-meta{gap:8px 14px}.intro-grid,.reading-layout,.feedback-box{grid-template-columns:1fr}.article-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:14px}.aside-card{margin:0}.app-banner{grid-template-columns:68px minmax(0,1fr)}.app-banner .btn{grid-column:2}.related-grid{grid-template-columns:1fr}.feedback-box{padding:31px 24px}.footer-main{grid-template-columns:1fr 1fr;gap:28px}.footer-main>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom p+p{margin-top:5px}}
@media(max-width:520px){.brand-mark{width:28px;height:28px}.brand-mark:before{height:22px;left:11px;top:1px}.brand-mark:after{width:22px;left:1px;top:11px}.article-hero h1{font-size:31px}.section{padding:43px 0}.summary-box{padding:22px}.article-content{padding:23px 19px}.article-content h2{font-size:24px}.article-content p{font-size:16px;line-height:1.88}.article-aside{grid-template-columns:1fr}.app-banner{padding:19px;gap:15px}.phone-mini{width:52px;height:78px}.app-banner h2{font-size:17px}.app-banner .btn{grid-column:1/-1}.feedback-box{padding:27px 19px}.feedback-copy h2{font-size:26px}.form-grid{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr}.footer-main>div:first-child{grid-column:auto}.footer-download{padding-top:6px}}

/* roulang page: category1 */
:root{--green:#174b3c;--ink:#17342b;--deep:#102c24;--lime:#c7ef48;--orange:#e66a3d;--paper:#f5f3ed;--white:#fffefa;--muted:#6e786f;--line:#d9ddd4;--soft:#eaf0df;--radius:16px;--radius-sm:10px;--shadow:0 12px 28px rgba(16,44,36,.08);--container:1200px}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.65}
    a{color:inherit;text-decoration:none}
    img{max-width:100%;display:block}
    button,input{font:inherit}
    button{cursor:pointer}
    button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(199,239,72,.9);outline-offset:3px}
    .container{width:min(calc(100% - 48px),var(--container));margin:auto}
    .site-header{background:var(--green);color:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(255,255,255,.12)}
    .nav-wrap{height:82px;display:flex;align-items:center;gap:28px}
    .brand{display:flex;align-items:center;gap:10px;min-width:280px;font-size:14px;font-weight:800;line-height:1.28;letter-spacing:.01em}
    .brand-mark{width:32px;height:32px;border:2px solid var(--lime);border-radius:50%;position:relative;flex:0 0 auto}
    .brand-mark:before,.brand-mark:after{content:"";position:absolute;background:var(--lime)}
    .brand-mark:before{width:2px;height:26px;left:13px;top:1px}
    .brand-mark:after{width:26px;height:2px;left:1px;top:13px}
    .nav{display:flex;align-items:center;gap:22px;margin-left:auto}
    .nav a{height:82px;display:flex;align-items:center;position:relative;color:rgba(255,255,255,.78);font-size:14px;font-weight:650;white-space:nowrap;transition:.2s}
    .nav a:after{content:"";height:3px;width:0;position:absolute;bottom:0;left:0;background:var(--lime);transition:.2s}
    .nav a:hover,.nav a.active{color:#fff}
    .nav a:hover:after,.nav a.active:after{width:100%}
    .menu-btn{display:none;background:none;border:0;color:#fff;font-size:25px;margin-left:auto}
    .section{padding:78px 0}
    .section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}
    .section h2{font-size:clamp(26px,3vw,38px);letter-spacing:-.04em;line-height:1.2;margin:0}
    .section-note{color:var(--muted);font-size:14px;margin:0;max-width:520px}
    .eyebrow,.tag{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:750;letter-spacing:.04em}
    .eyebrow{color:var(--lime);margin-bottom:16px}
    .eyebrow i{display:block;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(199,239,72,.14)}
    .page-intro{background:var(--green);color:#fff;padding:58px 0 68px;position:relative;overflow:hidden}
    .page-intro:after{content:"";position:absolute;width:620px;height:620px;border:1px solid rgba(199,239,72,.2);border-radius:50%;right:-180px;top:-350px}
    .intro-content{position:relative;z-index:1;max-width:780px}
    .intro-content h1{font-size:clamp(38px,5vw,66px);line-height:1.1;letter-spacing:-.06em;margin:0 0 18px}
    .intro-content p{font-size:17px;color:rgba(255,255,255,.78);max-width:690px;margin:0}
    .crumb{font-size:13px;color:rgba(255,255,255,.65);margin-bottom:24px}
    .crumb a:hover{color:var(--lime)}
    .score-board{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .score-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:22px;position:relative;transition:.2s}
    .score-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
    .score-card.live{border-top:4px solid var(--lime)}
    .score-card.focus{border-top:4px solid var(--orange)}
    .score-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);margin-bottom:18px}
    .tag{background:#e5f0d5;color:var(--green);padding:4px 9px;border-radius:20px;font-size:11px}
    .tag.orange{background:#f8dfd4;color:#a74729}
    .status{font-size:12px;font-weight:800;color:var(--muted)}
    .status.live{color:var(--green)}
    .teams{display:grid;gap:12px}
    .team{display:flex;align-items:center;justify-content:space-between;font-weight:700}
    .team-name{display:flex;align-items:center;gap:10px}
    .team-mark{width:28px;height:28px;border-radius:8px;background:var(--green);color:var(--lime);display:grid;place-items:center;font-size:11px;font-weight:800}
    .team:nth-child(2) .team-mark{background:#dfe9d7;color:var(--green)}
    .score{font-family:ui-monospace,monospace;font-size:23px;font-weight:800}
    .score-dash{color:#a3ada3}
    .filter-bar{display:flex;gap:10px;flex-wrap:wrap;padding:15px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-sm);margin-bottom:26px}
    .filter-bar button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:8px;padding:9px 15px;font-size:13px;transition:.2s}
    .filter-bar button:hover,.filter-bar button.active{background:var(--green);border-color:var(--green);color:#fff}
    .match-list{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
    .match-row{display:grid;grid-template-columns:125px 115px 1fr 100px 110px;gap:16px;align-items:center;padding:19px 24px;border-bottom:1px solid var(--line);transition:.2s}
    .match-row:last-child{border-bottom:0}
    .match-row:hover{background:#f1f5ea}
    .league{font-size:12px;color:var(--muted)}
    .match-time{font-family:ui-monospace,monospace;font-weight:750}
    .match-teams{font-weight:750;display:flex;align-items:center;gap:14px}
    .versus{color:#9aa39a;font-size:12px}
    .match-state{font-size:12px;color:var(--muted)}
    .text-link{font-size:13px;color:var(--green);font-weight:800}
    .text-link:hover{color:var(--orange)}
    .more-link{display:block;text-align:center;padding:18px;color:var(--green);font-size:14px;font-weight:800;border-top:1px solid var(--line)}
    .more-link:hover{background:var(--soft)}
    .legend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .legend-card{padding:25px;background:var(--white);border:1px solid var(--line);border-radius:14px}
    .legend-no{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--lime);color:var(--deep);font-weight:800;margin-bottom:16px}
    .legend-card h3{font-size:17px;margin:0 0 7px}
    .legend-card p{font-size:13px;color:var(--muted);margin:0}
    .compare-section{background:var(--deep);color:#fff;position:relative;overflow:hidden}
    .compare-section:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(199,239,72,.07) 1px,transparent 1px),linear-gradient(rgba(199,239,72,.07) 1px,transparent 1px);background-size:44px 44px}
    .compare-section .container{position:relative}
    .compare-section .section-note{color:#b8c9bb}
    .compare-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}
    .compare-title{font-size:20px;font-weight:800}
    .compare-names{display:grid;grid-template-columns:1fr 120px 1fr;align-items:center;text-align:center;margin-bottom:20px}
    .compare-names strong{font-size:21px}.compare-names span{color:var(--lime);font-weight:800}
    .metric{display:grid;grid-template-columns:90px 1fr 90px;gap:18px;align-items:center;margin:18px 0}
    .metric-value{text-align:right;color:var(--lime);font-family:ui-monospace,monospace;font-weight:800}
    .metric-value:last-child{text-align:left}
    .metric-label{text-align:center;font-size:12px;color:#b8c9bb}
    .bar{height:8px;background:#36564a;border-radius:10px;overflow:hidden;display:flex;gap:3px}
    .bar i{display:block;background:var(--lime);height:100%}.bar i:last-child{background:#85a68d}
    .entry-strip{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);background:var(--white);border-radius:14px;overflow:hidden}
    .entry{padding:21px;border-right:1px solid var(--line);transition:.2s}
    .entry:last-child{border-right:0}.entry:hover{background:var(--soft)}
    .entry b{display:block;color:var(--orange);font-size:12px;margin-bottom:8px}.entry strong{font-size:15px}
    .faq-list{display:grid;gap:10px;max-width:900px}
    .faq-item{background:var(--white);border:1px solid var(--line);border-radius:12px;overflow:hidden}
    .faq-q{width:100%;border:0;background:none;text-align:left;padding:19px 22px;color:var(--ink);font-weight:700;display:flex;justify-content:space-between;align-items:center}
    .faq-q span{font-size:22px;color:var(--green);font-weight:400;transition:.2s}
    .faq-a{max-height:0;overflow:hidden;padding:0 22px;color:var(--muted);font-size:14px;transition:max-height .24s ease,padding .24s ease}
    .faq-item.open{border-color:#b7ca91}.faq-item.open .faq-a{max-height:130px;padding:0 22px 19px}.faq-item.open .faq-q span{transform:rotate(45deg);color:var(--orange)}
    .app-card{margin-top:34px;background:var(--green);color:#fff;border-radius:var(--radius);padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .app-card h3{margin:0 0 5px;font-size:22px}.app-card p{margin:0;color:rgba(255,255,255,.72);font-size:14px}
    .btn{min-height:46px;border-radius:10px;padding:11px 19px;display:inline-flex;justify-content:center;align-items:center;font-weight:750;font-size:14px;transition:transform .2s,box-shadow .2s,background .2s}
    .btn:hover{transform:translateY(-2px);box-shadow:0 9px 16px rgba(7,24,18,.18)}
    .btn-primary{background:var(--lime);color:var(--deep)}
    .site-footer{background:var(--deep);color:#fff;padding:55px 0 22px}
    .footer-main{display:grid;grid-template-columns:1.5fr .8fr .9fr;gap:50px;padding-bottom:38px}
    .footer-brand{font-size:15px;font-weight:800;line-height:1.5;max-width:380px}.site-footer p{color:#aebdb1;font-size:13px;margin:13px 0 0}
    .footer-title{font-weight:800;margin-bottom:14px}.footer-links{display:flex;flex-wrap:wrap;gap:10px 18px}.footer-links a{font-size:13px;color:#b8c9bb}.footer-links a:hover{color:var(--lime)}
    .footer-bottom{border-top:1px solid rgba(255,255,255,.13);padding-top:19px;display:flex;justify-content:space-between;gap:20px}.footer-bottom p{margin:0;font-size:12px}
    @media(max-width:1024px){.nav-wrap{gap:16px}.brand{min-width:245px}.nav{gap:14px}.match-row{grid-template-columns:100px 90px 1fr 90px 90px}.entry-strip{grid-template-columns:repeat(3,1fr)}.entry:nth-child(3){border-right:0}.entry:nth-child(n+4){border-top:1px solid var(--line)}}
    @media(max-width:768px){.container{width:min(calc(100% - 32px),var(--container))}.nav{display:none}.menu-btn{display:block}.nav-wrap{height:70px}.brand{min-width:0;font-size:12px}.mobile-nav{display:none;background:var(--green);padding:8px 16px 22px;border-top:1px solid rgba(255,255,255,.12)}.mobile-nav.show{display:grid}.mobile-nav a{padding:12px 0;color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}.mobile-nav a.active{color:var(--lime)}.page-intro{padding:44px 0 52px}.section{padding:52px 0}.section-head{display:block}.section-note{margin-top:10px}.score-board,.legend-grid{grid-template-columns:1fr}.match-list{overflow-x:auto}.match-row{min-width:720px}.compare-head{display:block}.entry-strip{display:flex;overflow-x:auto}.entry{min-width:170px;border-right:1px solid var(--line)!important;border-top:0!important}.app-card{display:block;padding:25px}.app-card .btn{margin-top:19px}.footer-main{grid-template-columns:1fr;gap:28px}.footer-bottom{display:block}.footer-bottom p+p{margin-top:7px}}
    @media(max-width:520px){.intro-content h1{font-size:40px}.score-card{padding:18px}.metric{grid-template-columns:58px 1fr 58px;gap:9px}.metric-value{font-size:13px}.metric-label{font-size:11px}.team{font-size:14px}.footer-brand{font-size:13px}}

/* roulang page: category2 */
:root{--green:#174b3c;--ink:#17342b;--deep:#102c24;--lime:#c7ef48;--orange:#e66a3d;--paper:#f5f3ed;--white:#fffefa;--muted:#6e786f;--line:#d9ddd4;--soft:#eaf0df;--radius:16px;--radius-sm:10px;--shadow:0 12px 28px rgba(16,44,36,.08);--container:1200px}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.65}
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%}
    button,input{font:inherit}
    button{cursor:pointer}
    button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(199,239,72,.9);outline-offset:3px}
    .container{width:min(calc(100% - 48px),var(--container));margin:auto}
    .site-header{background:var(--green);color:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(255,255,255,.12)}
    .nav-wrap{height:82px;display:flex;align-items:center;gap:28px}
    .brand{display:flex;align-items:center;gap:10px;min-width:280px;font-size:14px;font-weight:800;line-height:1.28;letter-spacing:.01em;color:#fff}
    .brand-mark{width:32px;height:32px;border:2px solid var(--lime);border-radius:50%;position:relative;flex:0 0 auto}
    .brand-mark:before,.brand-mark:after{content:"";position:absolute;background:var(--lime)}
    .brand-mark:before{width:2px;height:26px;left:13px;top:1px}
    .brand-mark:after{width:26px;height:2px;left:1px;top:13px}
    .nav{display:flex;align-items:center;gap:22px;margin-left:auto}
    .nav a{height:82px;display:flex;align-items:center;position:relative;color:rgba(255,255,255,.78);font-size:14px;font-weight:650;white-space:nowrap;transition:.2s}
    .nav a:after{content:"";height:3px;width:0;position:absolute;bottom:0;left:0;background:var(--lime);transition:.2s}
    .nav a:hover,.nav a.active{color:#fff}
    .nav a:hover:after,.nav a.active:after{width:100%}
    .header-action{margin-left:6px}
    .menu-btn{display:none;background:none;border:0;color:#fff;font-size:25px;margin-left:auto}
    .mobile-nav{display:none}
    .btn{min-height:46px;border:0;border-radius:10px;padding:11px 19px;display:inline-flex;justify-content:center;align-items:center;font-weight:750;font-size:14px;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}
    .btn:hover{transform:translateY(-2px);box-shadow:0 9px 16px rgba(7,24,18,.18)}
    .btn-primary{background:var(--lime);color:var(--deep)}
    .btn-secondary{border:1px solid var(--green);background:transparent;color:var(--green)}
    .section{padding:78px 0}
    .section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}
    .section h2{font-size:clamp(26px,3vw,38px);letter-spacing:-.04em;line-height:1.2;margin:0}
    .section-note{color:var(--muted);font-size:14px;margin:0;max-width:460px}
    .eyebrow,.tag{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:750;letter-spacing:.04em}
    .tag{padding:4px 9px;border-radius:20px;background:#e5f0d5;color:var(--green);font-size:11px}
    .orange-tag{padding:4px 9px;border-radius:20px;background:var(--orange);color:#fff;font-size:11px;font-weight:800}
    .page-intro{padding:42px 0 58px;background:var(--green);color:#fff;position:relative;overflow:hidden}
    .page-intro:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(199,239,72,.10) 1px,transparent 1px),linear-gradient(rgba(199,239,72,.08) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,#000 15%,transparent 88%)}
    .page-intro:after{content:"";position:absolute;width:480px;height:480px;border:1px solid rgba(199,239,72,.38);border-radius:50%;right:7%;top:-285px;box-shadow:0 0 0 72px rgba(199,239,72,.04),0 0 0 145px rgba(199,239,72,.035)}
    .breadcrumb,.intro-content{position:relative;z-index:1}
    .breadcrumb{display:flex;gap:9px;align-items:center;color:rgba(255,255,255,.66);font-size:13px;margin-bottom:42px}
    .breadcrumb span{color:var(--lime)}
    .intro-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 310px;gap:48px;align-items:end}
    .intro-kicker{color:var(--lime);font-size:12px;font-weight:800;letter-spacing:.12em;margin-bottom:13px}
    .page-intro h1{font-size:clamp(42px,5vw,66px);line-height:1.05;letter-spacing:-.06em;margin:0 0 17px}
    .page-intro p{max-width:720px;margin:0;color:rgba(255,255,255,.79);font-size:17px}
    .formation-card{border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);background:rgba(16,44,36,.68);padding:18px;min-height:156px;position:relative;overflow:hidden}
    .formation-card small{display:block;color:#d2e0d4;font-weight:700;letter-spacing:.06em}
    .formation-pitch{height:92px;margin-top:12px;border:1px solid rgba(199,239,72,.45);border-radius:45px 45px 10px 10px;position:relative}
    .formation-pitch:before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px solid rgba(199,239,72,.4)}
    .dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px rgba(199,239,72,.15)}
    .d1{left:16%;top:20%}.d2{left:29%;top:58%}.d3{left:45%;top:30%}.d4{right:29%;top:57%}.d5{right:14%;top:22%}
    .editor-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:22px}
    .feature-analysis{min-height:385px;background:var(--deep);color:#fff;border-radius:var(--radius);overflow:hidden;position:relative;padding:32px;display:flex;align-items:flex-end}
    .feature-analysis:before{content:"";position:absolute;inset:0;background:linear-gradient(118deg,rgba(16,44,36,.20),rgba(16,44,36,.91) 76%),url("https://images.unsplash.com/photo-1553778263-73a83bab9b0c?auto=format&fit=crop&w=1200&q=80") center/cover}
    .feature-analysis:after{content:"";width:310px;height:310px;position:absolute;border:1px solid rgba(199,239,72,.4);border-radius:50%;right:-70px;top:-185px}
    .feature-content{position:relative;z-index:1;max-width:630px}
    .feature-content h2{font-size:clamp(26px,3.2vw,40px);line-height:1.18;letter-spacing:-.045em;margin:12px 0}
    .feature-content p{margin:0 0 19px;color:#d7e2d7}
    .text-link{display:inline-flex;gap:8px;align-items:center;color:var(--lime);font-weight:800;font-size:14px}
    .text-link:hover{gap:12px}
    .recommend-stack{display:grid;gap:22px}
    .mini-analysis{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:22px;position:relative;overflow:hidden;transition:.22s}
    .mini-analysis:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#b4c7ac}
    .mini-analysis:after{content:"";position:absolute;width:82px;height:82px;border:1px solid #b9d568;border-radius:50%;right:-31px;bottom:-39px}
    .mini-analysis h3{position:relative;z-index:1;font-size:19px;line-height:1.35;margin:10px 0 9px}
    .mini-analysis p{position:relative;z-index:1;color:var(--muted);font-size:13px;margin:0}
    .article-list{display:grid;gap:0;border-top:1px solid var(--line)}
    .analysis-row{display:grid;grid-template-columns:206px minmax(0,1fr) 180px;gap:22px;padding:22px 0;border-bottom:1px solid var(--line);align-items:center}
    .row-visual{height:128px;border-radius:12px;overflow:hidden;position:relative;background:#326a56}
    .row-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(199,239,72,.16),rgba(16,44,36,.15)),url("https://images.unsplash.com/photo-1579952363873-27f3bade9f55?auto=format&fit=crop&w=700&q=80") center/cover}
    .row-visual.v2:before{background:linear-gradient(145deg,rgba(230,106,61,.18),rgba(16,44,36,.25)),url("https://images.unsplash.com/photo-1518605368461-9299d88e8a83?auto=format&fit=crop&w=700&q=80") center/cover}
    .row-visual.v3:before{background:linear-gradient(145deg,rgba(199,239,72,.16),rgba(16,44,36,.27)),url("https://images.unsplash.com/photo-1540747913346-19e32dc3e97e?auto=format&fit=crop&w=700&q=80") center/cover}
    .row-main h3{font-size:20px;line-height:1.36;margin:9px 0 7px}
    .row-main h3 a:hover{color:var(--green)}
    .row-main p{font-size:14px;color:var(--muted);margin:0}
    .row-data{border-left:1px solid var(--line);padding-left:20px}
    .row-data b{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:24px;line-height:1;color:var(--green);margin:8px 0}
    .row-data small{color:var(--muted);font-size:12px}
    .more-line{text-align:center;padding-top:27px}
    .more-line a{display:inline-flex;color:var(--green);font-weight:800;border-bottom:2px solid var(--lime);padding-bottom:3px}
    .more-line a:hover{color:#0e2f25}
    .tactical-section{background:var(--soft);overflow:hidden}
    .tactic-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:38px;align-items:center}
    .tactic-board{height:385px;background:#205f4c;border-radius:var(--radius);border:8px solid #e7efdf;position:relative;overflow:hidden;box-shadow:var(--shadow)}
    .tactic-board:before{content:"";position:absolute;inset:26px;border:1px solid rgba(255,255,255,.48);background:linear-gradient(90deg,transparent 49.7%,rgba(255,255,255,.55) 50%,transparent 50.3%)}
    .tactic-board:after{content:"";position:absolute;width:116px;height:116px;border:1px solid rgba(255,255,255,.48);border-radius:50%;left:calc(50% - 58px);top:calc(50% - 58px)}
    .player-dot{position:absolute;z-index:2;width:18px;height:18px;border:3px solid rgba(255,255,255,.85);border-radius:50%;background:var(--lime)}
    .player-dot.away{background:var(--orange)}
    .p1{top:24%;left:20%}.p2{top:47%;left:31%}.p3{top:72%;left:24%}.p4{top:33%;left:43%}.p5{top:60%;left:44%}.p6{top:25%;right:19%}.p7{top:49%;right:27%}.p8{top:70%;right:20%}.p9{top:36%;right:42%}
    .route{position:absolute;z-index:1;height:2px;background:var(--lime);transform-origin:left center}
    .r1{width:135px;left:24%;top:31%;transform:rotate(21deg)}.r2{width:112px;left:43%;top:58%;transform:rotate(-38deg)}.r3{width:126px;right:19%;top:64%;transform:rotate(-144deg)}
    .tactic-copy h2{margin-bottom:17px}
    .tactic-copy>p{color:var(--muted);margin:0 0 22px}
    .observe-list{display:grid;gap:11px}
    .observe-item{background:rgba(255,254,250,.72);border-left:4px solid var(--lime);padding:13px 16px}
    .observe-item b{display:block;font-size:14px;margin-bottom:2px}
    .observe-item span{font-size:13px;color:var(--muted)}
    .data-area{background:var(--deep);color:#fff;position:relative;overflow:hidden}
    .data-area:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(199,239,72,.08) 1px,transparent 1px),linear-gradient(rgba(199,239,72,.08) 1px,transparent 1px);background-size:42px 42px}
    .data-area .container{position:relative}
    .data-area .section-note{color:#b9c9bb}
    .data-grid{display:grid;grid-template-columns:1.12fr .88fr .88fr .88fr;gap:15px}
    .data-card{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.045);border-radius:14px;padding:21px}
    .data-card small{color:#c6d5c8}
    .data-num{font-family:ui-monospace,monospace;font-size:38px;line-height:1;color:var(--lime);font-weight:800;margin:12px 0 4px}
    .bar{height:7px;border-radius:9px;background:rgba(255,255,255,.16);overflow:hidden;margin-top:17px}
    .bar i{height:100%;display:block;background:var(--lime);border-radius:inherit}
    .review-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:32px;align-items:start}
    .review-intro{padding:28px;background:var(--green);color:#fff;border-radius:var(--radius);position:sticky;top:105px}
    .review-intro h2{font-size:32px;margin:0 0 13px}
    .review-intro p{color:#d7e4d8;margin:0}
    .timeline{position:relative;padding-left:28px}
    .timeline:before{content:"";position:absolute;left:6px;top:8px;bottom:10px;width:2px;background:var(--line)}
    .timeline-item{position:relative;border:1px solid var(--line);border-radius:14px;background:var(--white);padding:18px 20px;margin-bottom:14px}
    .timeline-item:before{content:"";position:absolute;width:14px;height:14px;background:var(--lime);border:3px solid var(--paper);border-radius:50%;left:-29px;top:24px}
    .timeline-item.focus:before{background:var(--orange)}
    .timeline-time{font-family:ui-monospace,monospace;color:var(--green);font-size:13px;font-weight:800}
    .timeline-item h3{font-size:17px;margin:5px 0}
    .timeline-item p{color:var(--muted);font-size:14px;margin:0}
    .channel-section{padding-bottom:40px}
    .channel-row{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
    .channel-row a{background:var(--white);border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px;min-height:113px;transition:.2s}
    .channel-row a:hover{background:var(--soft);transform:translateY(-3px)}
    .channel-row strong{display:block;font-size:15px;margin-top:19px}
    .channel-no{font-family:ui-monospace,monospace;color:var(--orange);font-size:12px;font-weight:800}
    .faq-download{padding-top:38px;padding-bottom:78px}
    .faq-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px}
    .faq-list{border-top:1px solid var(--line)}
    .faq-item{border-bottom:1px solid var(--line)}
    .faq-question{width:100%;border:0;background:transparent;color:var(--ink);display:flex;justify-content:space-between;align-items:center;text-align:left;padding:19px 2px;font-weight:750;font-size:16px}
    .faq-question span:last-child{font-size:23px;color:var(--green);font-weight:400;transition:.2s}
    .faq-answer{display:none;padding:0 28px 18px 2px;color:var(--muted);font-size:14px}
    .faq-item.open .faq-answer{display:block}
    .faq-item.open .faq-question span:last-child{transform:rotate(45deg);color:var(--orange)}
    .download-card{background:var(--deep);color:#fff;border-radius:var(--radius);padding:29px;position:relative;overflow:hidden;min-height:274px}
    .download-card:before{content:"";position:absolute;width:250px;height:250px;border:1px solid rgba(199,239,72,.3);border-radius:50%;right:-105px;bottom:-130px}
    .download-card>*{position:relative;z-index:1}
    .download-card h2{font-size:30px;margin:12px 0}
    .download-card p{color:#c5d4c7;max-width:420px}
    .download-tags{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 24px}
    .download-tags span{font-size:12px;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:5px 9px;color:#e1eadf}
    .site-footer{background:var(--deep);color:#fff;padding:58px 0 20px}
    .footer-main{display:grid;grid-template-columns:1.3fr .7fr .76fr;gap:58px;padding-bottom:42px}
    .footer-brand{font-size:18px;font-weight:800;line-height:1.4;margin-bottom:12px}
    .footer-main p{color:#b8c8bb;font-size:14px;margin:0;max-width:420px}
    .footer-title{font-size:14px;color:var(--lime);font-weight:800;margin-bottom:13px}
    .footer-links{display:grid;gap:8px}
    .footer-links a{color:#d8e3d9;font-size:14px;transition:.2s}
    .footer-links a:hover{color:var(--lime);padding-left:3px}
    .footer-download .btn{margin-top:18px}
    .footer-bottom{border-top:1px solid rgba(255,255,255,.13);padding-top:17px;display:flex;justify-content:space-between;gap:20px}
    .footer-bottom p{font-size:12px;color:#98ac9c}
    @media(max-width:1024px){
      .nav-wrap{gap:18px}.brand{min-width:230px;font-size:12px}.nav{gap:14px}
      .header-action{display:none}.editor-grid,.faq-grid{gap:28px}.analysis-row{grid-template-columns:175px minmax(0,1fr) 140px}
      .channel-row{grid-template-columns:repeat(3,1fr)}.footer-main{gap:34px}
    }
    @media(max-width:768px){
      .container{width:min(calc(100% - 32px),var(--container))}
      .nav{display:none}.menu-btn{display:block}.nav-wrap{height:70px}.brand{min-width:0;max-width:calc(100% - 50px);font-size:12px}.brand-mark{width:29px;height:29px}.brand-mark:before{height:23px;left:12px}.brand-mark:after{width:23px;top:12px}
      .mobile-nav{display:none;background:var(--deep);border-top:1px solid rgba(255,255,255,.15);padding:16px 0 20px}.mobile-nav.open{display:block}.mobile-nav a{display:block;padding:11px 0;color:#edf5ed;font-weight:700;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-nav a.active{color:var(--lime)}
      .page-intro{padding:31px 0 43px}.breadcrumb{margin-bottom:28px}.intro-grid,.editor-grid,.tactic-grid,.review-grid,.faq-grid{grid-template-columns:1fr}.formation-card{display:none}
      .section{padding:53px 0}.section-head{align-items:start;flex-direction:column;margin-bottom:21px}.section-note{max-width:none}
      .feature-analysis{min-height:340px;padding:24px}.recommend-stack{grid-template-columns:1fr 1fr}.analysis-row{grid-template-columns:145px minmax(0,1fr);gap:15px}.row-data{grid-column:2;border-left:0;border-top:1px solid var(--line);padding:10px 0 0;display:flex;align-items:center;gap:12px}.row-data b{margin:0}
      .tactic-board{height:315px}.data-grid{grid-template-columns:repeat(2,1fr)}.review-intro{position:static}.channel-row{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:1fr 1fr}.footer-main>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom p{margin:5px 0}
    }
    @media(max-width:520px){
      .page-intro h1{font-size:42px}.page-intro p{font-size:15px}.section h2{font-size:29px}
      .recommend-stack,.data-grid{grid-template-columns:1fr}.mini-analysis{min-height:135px}.analysis-row{grid-template-columns:1fr}.row-visual{height:168px}.row-data{grid-column:auto}
      .tactic-board{height:260px;border-width:5px}.channel-row{grid-template-columns:1fr}.channel-row a{min-height:88px;padding:14px}.channel-row strong{margin-top:10px}.footer-main{grid-template-columns:1fr}.footer-main>div:first-child{grid-column:auto}
      .download-card{padding:24px}.btn{width:100%}
    }

/* roulang page: category3 */
:root{--green:#174b3c;--ink:#17342b;--deep:#102c24;--lime:#c7ef48;--orange:#e66a3d;--paper:#f5f3ed;--white:#fffefa;--muted:#6e786f;--line:#d9ddd4;--soft:#eaf0df;--radius:16px;--radius-sm:10px;--shadow:0 12px 28px rgba(16,44,36,.08);--container:1200px}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.65}
    a{color:inherit;text-decoration:none}
    img{max-width:100%;display:block}
    button,input{font:inherit}
    button{cursor:pointer}
    button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(199,239,72,.9);outline-offset:3px}
    .container{width:min(calc(100% - 48px),var(--container));margin:auto}
    .site-header{background:var(--green);color:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(255,255,255,.12)}
    .nav-wrap{height:82px;display:flex;align-items:center;gap:28px}
    .brand{display:flex;align-items:center;gap:10px;min-width:280px;font-size:14px;font-weight:800;line-height:1.28;letter-spacing:.01em}
    .brand-mark{width:32px;height:32px;border:2px solid var(--lime);border-radius:50%;position:relative;flex:0 0 auto}
    .brand-mark:before,.brand-mark:after{content:"";position:absolute;background:var(--lime)}
    .brand-mark:before{width:2px;height:26px;left:13px;top:1px}
    .brand-mark:after{width:26px;height:2px;left:1px;top:13px}
    .nav{display:flex;align-items:center;gap:22px;margin-left:auto}
    .nav a{height:82px;display:flex;align-items:center;position:relative;color:rgba(255,255,255,.78);font-size:14px;font-weight:650;white-space:nowrap;transition:.2s}
    .nav a:after{content:"";height:3px;width:0;position:absolute;bottom:0;left:0;background:var(--lime);transition:.2s}
    .nav a:hover,.nav a.active{color:#fff}
    .nav a:hover:after,.nav a.active:after{width:100%}
    .menu-btn{display:none;background:none;border:0;color:#fff;font-size:25px;margin-left:auto}
    .mobile-nav{display:none}
    .section{padding:78px 0}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}
    .section-head h2{margin:0;font-size:clamp(26px,3vw,38px);line-height:1.16;letter-spacing:-.04em}
    .section-note{max-width:470px;margin:0;color:var(--muted);font-size:14px}
    .eyebrow,.tag{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;letter-spacing:.035em}
    .eyebrow{color:var(--lime);margin-bottom:15px}
    .eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(199,239,72,.15)}
    .tag{padding:4px 9px;border-radius:20px;background:#e5f0d5;color:var(--green);font-size:11px}
    .tag.orange{background:#f8dfd4;color:#9d3e20}
    .btn{min-height:46px;border:0;border-radius:10px;padding:11px 19px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s}
    .btn:hover{transform:translateY(-2px);box-shadow:0 9px 16px rgba(7,24,18,.18)}
    .btn-primary{background:var(--lime);color:var(--deep)}
    .btn-outline{border:1px solid var(--green);color:var(--green);background:transparent}
    .btn-outline:hover{background:var(--green);color:#fff}
    .page-hero{padding:54px 0 60px;background:var(--white);position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
    .page-hero:before{content:"";position:absolute;width:610px;height:260px;right:-100px;top:0;background:repeating-linear-gradient(90deg,rgba(23,75,60,.08) 0 2px,transparent 2px 75px),repeating-linear-gradient(0deg,rgba(23,75,60,.05) 0 1px,transparent 1px 52px)}
    .page-hero:after{content:"";position:absolute;right:9%;top:46px;width:255px;height:152px;border:2px solid rgba(230,106,61,.34);border-radius:14px;box-shadow:28px 22px 0 -25px var(--lime),-28px 22px 0 -25px var(--lime)}
    .breadcrumb{position:relative;z-index:1;display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px;margin-bottom:25px}
    .breadcrumb span{color:#a7afa8}
    .breadcrumb strong{color:var(--green)}
    .hero-copy{position:relative;z-index:1;max-width:765px}
    .hero-copy h1{font-size:clamp(38px,5vw,64px);line-height:1.06;letter-spacing:-.06em;margin:0 0 17px}
    .hero-copy p{max-width:650px;color:var(--muted);font-size:17px;margin:0}
    .hero-meta{display:flex;gap:11px;flex-wrap:wrap;margin-top:23px}
    .focus-highlight{padding-top:72px}
    .feature-film{display:grid;grid-template-columns:1.23fr .77fr;background:var(--deep);border-radius:var(--radius);overflow:hidden;color:#fff;min-height:405px;box-shadow:var(--shadow)}
    .film-cover{min-height:405px;position:relative;padding:26px;display:flex;align-items:flex-end;overflow:hidden;background:linear-gradient(145deg,#315f50,#173f34 64%,#102c24)}
    .film-cover:before{content:"";position:absolute;width:460px;height:460px;border:1px solid rgba(199,239,72,.4);border-radius:50%;right:-110px;top:-260px}
    .film-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,32,25,.68),transparent 66%),repeating-linear-gradient(90deg,transparent 0 74px,rgba(255,255,255,.07) 75px 77px)}
    .play{width:62px;height:62px;border-radius:50%;border:2px solid var(--lime);background:rgba(16,44,36,.72);position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;transition:.2s}
    .play:after{content:"";margin-left:4px;border-left:15px solid var(--lime);border-top:9px solid transparent;border-bottom:9px solid transparent}
    .feature-film:hover .play{transform:translate(-50%,-50%) scale(1.08);background:var(--green)}
    .film-caption{position:relative;z-index:1}
    .film-caption h2{font-size:clamp(26px,3.1vw,40px);line-height:1.16;max-width:600px;margin:10px 0}
    .film-caption p{margin:0;color:#d1dfd2;max-width:590px}
    .film-info{padding:38px 32px;display:flex;flex-direction:column;justify-content:space-between;background:#12362c}
    .film-info h3{font-size:22px;line-height:1.3;margin:8px 0 12px}
    .film-info p{color:#bdcfc0;font-size:14px;margin:0}
    .info-list{list-style:none;padding:0;margin:26px 0;display:grid;gap:13px}
    .info-list li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:10px;color:#c4d3c5;font-size:13px}
    .info-list b{color:#fff;font-weight:700;text-align:right}
    .filter-zone{padding:0 0 22px}
    .filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:17px;background:var(--white);border:1px solid var(--line);border-radius:14px}
    .filter-title{font-weight:800;padding:0 9px 0 4px}
    .filter-chip{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:8px 13px;border-radius:22px;font-size:13px;font-weight:700;transition:.2s}
    .filter-chip:hover,.filter-chip.active{background:var(--green);border-color:var(--green);color:#fff}
    .highlight-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:22px;align-items:start}
    .video-feature{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);overflow:hidden;transition:.22s}
    .video-feature:hover,.video-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#b6c8ae}
    .media{height:290px;position:relative;overflow:hidden;background:linear-gradient(135deg,#2b6b57,#183e33)}
    .media:before{content:"";position:absolute;width:320px;height:190px;left:18%;top:13%;border:1px solid rgba(255,255,255,.42);transform:skewY(-8deg)}
    .media:after{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(0deg,rgba(9,31,24,.62),transparent 65%)}
    .media.basketball{background:linear-gradient(135deg,#b65c38,#653425)}
    .media.stadium{background:linear-gradient(135deg,#54715d,#1b4c3e)}
    .media.dark-play{background:linear-gradient(135deg,#314c43,#102c24)}
    .media .play{width:52px;height:52px}
    .media .play:after{border-left-width:13px;border-top-width:8px;border-bottom-width:8px}
    .duration{position:absolute;z-index:2;right:13px;bottom:13px;color:#fff;background:rgba(16,44,36,.85);padding:4px 8px;border-radius:6px;font:700 12px ui-monospace,monospace}
    .media-label{position:absolute;z-index:2;left:13px;top:13px}
    .video-body{padding:20px}
    .video-body h3{font-size:22px;line-height:1.35;margin:10px 0}
    .video-body p{font-size:14px;color:var(--muted);margin:0 0 15px}
    .card-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;color:var(--muted);font-size:12px}
    .video-stack{display:grid;gap:15px}
    .video-card{display:grid;grid-template-columns:168px 1fr;border:1px solid var(--line);background:var(--white);border-radius:14px;overflow:hidden;transition:.22s}
    .video-card .media{height:132px}
    .video-card .video-body{padding:15px}
    .video-card h3{font-size:16px;line-height:1.35;margin:8px 0}
    .video-card p{font-size:12px;line-height:1.5;margin-bottom:8px}
    .more-row{text-align:center;margin-top:28px}
    .more-link{font-weight:800;color:var(--green);border-bottom:2px solid var(--lime);padding-bottom:4px}
    .moment-area{background:var(--deep);color:#fff;position:relative;overflow:hidden}
    .moment-area:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(199,239,72,.07) 1px,transparent 1px),linear-gradient(rgba(199,239,72,.06) 1px,transparent 1px);background-size:44px 44px}
    .moment-area .container{position:relative}
    .moment-area .section-note{color:#bccdbe}
    .moment-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px;align-items:center}
    .moment-intro h2{font-size:clamp(28px,3.5vw,42px);line-height:1.16;margin:0 0 15px}
    .moment-intro p{color:#c8d8ca;margin-bottom:0}
    .timeline{border-left:1px solid rgba(199,239,72,.55);padding-left:30px;display:grid;gap:0}
    .moment{position:relative;padding:0 0 26px}
    .moment:last-child{padding-bottom:0}
    .moment:before{content:"";position:absolute;width:12px;height:12px;background:var(--lime);border:3px solid var(--deep);border-radius:50%;left:-37px;top:5px}
    .moment time{font:800 13px ui-monospace,monospace;color:var(--lime)}
    .moment h3{font-size:18px;margin:5px 0}
    .moment p{color:#c1d0c3;font-size:14px;margin:0}
    .player-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
    .player-card{border-top:4px solid var(--lime);background:var(--white);border-radius:0 0 14px 14px;padding:20px;min-height:220px;position:relative;overflow:hidden}
    .player-card:after{content:attr(data-number);position:absolute;right:-4px;bottom:-31px;color:#e8ece4;font:900 116px/1 ui-monospace,monospace;letter-spacing:-.12em}
    .player-card>*{position:relative;z-index:1}
    .player-avatar{width:48px;height:48px;border-radius:50%;background:var(--green);color:var(--lime);display:grid;place-items:center;font:800 16px ui-monospace,monospace;margin-bottom:18px}
    .player-card h3{font-size:18px;margin:0 0 3px}
    .player-card p{font-size:13px;color:var(--muted);margin:0 0 17px}
    .player-stat{font-weight:800;color:var(--green);font-size:14px}
    .channels{padding-top:0}
    .channel-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr)}
    .channel-link{min-height:112px;padding:20px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;transition:.2s}
    .channel-link:last-child{border-right:0}
    .channel-link small{color:var(--muted);font:700 12px ui-monospace,monospace}
    .channel-link strong{font-size:17px}
    .channel-link:hover{background:var(--soft);color:var(--green)}
    .faq-download{padding-top:30px}
    .faq-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:45px;align-items:start}
    .faq-list{border-top:1px solid var(--line)}
    .faq-item{border-bottom:1px solid var(--line)}
    .faq-question{width:100%;border:0;background:transparent;color:var(--ink);text-align:left;padding:19px 38px 19px 0;font-weight:800;position:relative}
    .faq-question:after{content:"+";position:absolute;right:5px;top:13px;font-size:26px;color:var(--green);font-weight:400;transition:.2s}
    .faq-item.open .faq-question:after{content:"−";color:var(--orange)}
    .faq-answer{display:none;color:var(--muted);font-size:14px;padding:0 36px 19px 0}
    .faq-item.open .faq-answer{display:block}
    .app-card{background:var(--green);color:#fff;border-radius:var(--radius);padding:32px;position:relative;overflow:hidden}
    .app-card:before{content:"";position:absolute;width:270px;height:270px;border:1px solid rgba(199,239,72,.38);border-radius:50%;right:-120px;top:-105px}
    .app-card>*{position:relative}
    .app-card h2{font-size:30px;line-height:1.2;margin:11px 0}
    .app-card p{color:#cfddcf;max-width:420px}
    .app-points{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}
    .app-points span{border:1px solid rgba(255,255,255,.22);border-radius:20px;padding:5px 9px;font-size:12px;color:#eff7e6}
    .site-footer{background:var(--deep);color:#fff;padding:58px 0 20px;margin-top:78px}
    .footer-main{display:grid;grid-template-columns:1.2fr .7fr .72fr;gap:58px;padding-bottom:38px}
    .footer-brand{font-weight:800;font-size:17px;line-height:1.45;max-width:350px}
    .footer-main p{color:#b9cbbb;font-size:14px;margin:13px 0 0;max-width:360px}
    .footer-title{font-size:13px;color:var(--lime);font-weight:800;margin-bottom:14px}
    .footer-links{display:grid;gap:8px}
    .footer-links a{color:#d9e5da;font-size:14px;transition:.2s}
    .footer-links a:hover{color:var(--lime);transform:translateX(3px)}
    .footer-download .btn{margin-top:17px}
    .footer-bottom{padding-top:19px;border-top:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;gap:18px;color:#a7bca9;font-size:12px}
    .footer-bottom p{margin:0}
    @media(max-width:1024px){
      .brand{min-width:230px;font-size:12px}.nav{gap:15px}.nav a{font-size:13px}
      .feature-film{grid-template-columns:1fr}.film-cover{min-height:360px}.film-info{padding:26px 30px}
      .player-rail{grid-template-columns:repeat(2,1fr)}.channel-grid{grid-template-columns:repeat(3,1fr)}.channel-link:nth-child(3){border-right:0}.channel-link:nth-child(-n+3){border-bottom:1px solid var(--line)}
    }
    @media(max-width:768px){
      .container{width:min(calc(100% - 32px),var(--container))}.nav{display:none}.nav-wrap{height:70px}.brand{min-width:0;max-width:calc(100% - 56px);font-size:12px}.menu-btn{display:block}
      .mobile-nav{background:var(--deep);padding:8px 16px 18px}.mobile-nav.open{display:grid;gap:4px}.mobile-nav a{padding:11px 6px;color:#e4eee4;font-size:14px;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-nav a.active{color:var(--lime)}
      .page-hero{padding:40px 0 46px}.page-hero:after{opacity:.45;right:-90px}.hero-copy h1{font-size:42px}.hero-copy p{font-size:15px}
      .section{padding:52px 0}.section-head{display:block;margin-bottom:22px}.section-note{margin-top:10px}
      .highlight-grid,.moment-grid,.faq-layout{grid-template-columns:1fr;gap:25px}.video-card{grid-template-columns:138px 1fr}.video-card .media{height:128px}
      .moment-grid{gap:28px}.channel-grid{grid-template-columns:repeat(2,1fr)}.channel-link:nth-child(3){border-right:1px solid var(--line)}.channel-link:nth-child(-n+3){border-bottom:1px solid var(--line)}.channel-link:nth-child(even){border-right:0}
      .footer-main{grid-template-columns:1fr;gap:31px}.footer-bottom{display:block}.footer-bottom p+p{margin-top:6px}
    }
    @media(max-width:520px){
      .brand-mark{width:29px;height:29px}.brand-mark:before{height:23px;left:12px}.brand-mark:after{width:23px;top:12px}.hero-copy h1{font-size:36px}
      .hero-meta{gap:7px}.feature-film{border-radius:13px}.film-cover{min-height:330px;padding:20px}.film-caption h2{font-size:27px}.film-info{padding:25px 20px}
      .filter-bar{flex-wrap:nowrap;overflow:auto;padding:13px}.filter-title{white-space:nowrap}.filter-chip{white-space:nowrap}
      .media{height:232px}.video-card{grid-template-columns:112px 1fr}.video-card .media{height:118px}.video-card .video-body{padding:11px}.video-card h3{font-size:14px}.video-card p{display:none}.card-meta{font-size:11px}
      .player-rail{display:flex;overflow:auto;padding-bottom:8px}.player-card{min-width:195px}.channel-link{min-height:100px;padding:16px}.app-card{padding:26px 22px}.app-card h2{font-size:26px}
    }