:root{--ink:#10120f;--paper:#f4f3ed;--paper-2:#ecebe4;--white:#fff;--lime:#c9ff35;--lime-deep:#a9e600;--forest:#143727;--muted:#70746d;--line:#10120f21;--max:1240px;--font-cn:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-en:"Arial Narrow", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-cn), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;-webkit-font-smoothing:antialiased;margin:0}body::selection{background:var(--lime);color:var(--ink)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}img{object-fit:cover}main{min-height:70vh}.shell{width:min(calc(100% - 48px), var(--max));margin-inline:auto}.muted{color:var(--muted)}.site-header{z-index:50;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f4f3eded;height:76px;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.brand{flex-shrink:0;align-items:center;gap:10px;display:inline-flex}.brand-mark{background:var(--lime);border:2px solid var(--ink);width:37px;height:37px;box-shadow:3px 3px 0 var(--ink);border-radius:50% 50% 48% 44%;place-items:center;font-size:17px;font-weight:950;display:grid;transform:rotate(-5deg)}.brand-name{letter-spacing:-.06em;font-size:21px;font-weight:950}.brand-domain{font:600 9px/1 var(--font-en);letter-spacing:.15em;color:#85887f;margin-left:2px}.main-nav{align-items:center;gap:34px;margin-left:auto;margin-right:38px;display:flex}.nav-link{padding:29px 0 26px;font-size:14px;font-weight:650;position:relative}.nav-link:after{content:"";background:var(--lime-deep);height:3px;transition:right .25s;position:absolute;bottom:0;left:0;right:100%}.nav-link:hover:after,.nav-link.active:after{right:0}.header-actions{align-items:center;gap:10px;display:flex}.icon-button,.menu-button{cursor:pointer;background:0 0;border:0}.icon-button{border:1px solid var(--line);width:38px;height:38px;font:700 24px/1 var(--font-en);border-radius:50%;transform:rotate(-15deg)}.login-button{border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:2px;padding:10px 16px;font-size:12px;font-weight:750;transition:all .2s}.login-button:hover{background:var(--lime);color:var(--ink)}.menu-button{font-size:24px;display:none}.search-layer{z-index:80;place-items:start center;padding-top:110px;display:grid;position:fixed;inset:0}.search-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:default;background:#080a08ba;border:0;position:absolute;inset:0}.search-panel{background:var(--paper);width:min(100% - 40px,700px);padding:38px;position:relative;box-shadow:0 24px 80px #0007}.search-kicker{font:700 11px/1 var(--font-en);letter-spacing:.18em;text-transform:uppercase;margin-bottom:18px}.search-row{gap:8px;display:flex}.search-row input{border:1px solid var(--ink);background:#fff;outline:none;flex:1;min-width:0;padding:16px 18px;font-size:18px}.search-row input:focus{box-shadow:inset 0 -3px var(--lime)}.primary-button{border:1px solid var(--ink);background:var(--lime);cursor:pointer;padding:0 28px;font-weight:800}.search-suggestions{color:var(--muted);margin-top:16px;font-size:12px}.hero-section{background:var(--paper);padding:32px 0 36px;position:relative;overflow:hidden}.hero-bg-word{color:#0000;-webkit-text-stroke:1px #10120f11;font:900 clamp(110px, 18vw, 260px)/.8 var(--font-en);letter-spacing:-.09em;white-space:nowrap;pointer-events:none;position:absolute;bottom:-24px;left:-18px}.hero-grid{grid-template-columns:minmax(0,2.16fr) minmax(280px,.84fr);gap:0;min-height:590px;display:grid;position:relative}.hero-story{background:#20241f;min-height:590px;position:relative;overflow:hidden}.hero-story>img{transition:transform 1s cubic-bezier(.2,.7,.2,1)}.hero-story:hover>img{transform:scale(1.025)}.hero-shade{background:linear-gradient(#0000 17%,#05080626 40%,#040705eb 100%),linear-gradient(90deg,#02040333,#0000 50%);position:absolute;inset:0}.hero-copy{z-index:2;color:#fff;position:absolute;bottom:40px;left:48px;right:48px}.eyebrow{color:var(--lime);letter-spacing:.06em;align-items:center;gap:8px;margin-bottom:18px;font-size:12px;font-weight:750;display:flex}.eyebrow i{background:var(--lime);width:24px;height:2px;display:block}.hero-copy h1{letter-spacing:-.055em;text-wrap:balance;max-width:790px;margin:0;font-size:clamp(38px,4.4vw,64px);font-weight:900;line-height:1.08}.hero-copy>p{color:#ffffffc2;max-width:670px;margin:20px 0 22px;font-size:15px;line-height:1.8}.hero-meta{color:#ffffffa8;align-items:center;gap:20px;font-size:11px;display:flex}.hero-meta a{color:#fff;border-bottom:1px solid #fff6;margin-left:auto;padding-bottom:4px;font-weight:700}.hero-meta a b{color:var(--lime);margin-left:5px;font-size:15px}.hero-sidebar{background:var(--ink);color:#fff;flex-direction:column;padding:32px 28px;display:flex}.pulse-line{color:var(--lime);letter-spacing:.08em;align-items:center;gap:10px;font-size:11px;font-weight:800;display:flex}.pulse-line i{background:linear-gradient(90deg, var(--lime), transparent);opacity:.55;flex:1;height:1px}.trending-list{margin:22px 0 0;padding:0;list-style:none}.trending-list li{border-top:1px solid #ffffff1f}.trending-list li:last-child{border-bottom:1px solid #ffffff1f}.trending-list a{grid-template-columns:36px 1fr;align-items:start;gap:8px;padding:19px 0;display:grid}.trending-list b{font:500 13px/1.5 var(--font-en);color:var(--lime)}.trending-list span{font-size:13px;font-weight:650;line-height:1.55}.trending-list small{color:#7e837d;margin-top:7px;font-size:10px;font-weight:450;display:block}.hero-quote{letter-spacing:-.03em;color:#a9ada7;margin-top:auto;padding-top:28px;font-size:18px;font-weight:800;line-height:1.65}.match-strip{background:var(--white);border-block:1px solid var(--line);padding:21px 0 26px}.strip-heading{justify-content:space-between;align-items:center;margin-bottom:15px;font-size:12px;display:flex}.strip-heading>div{align-items:center;gap:10px;display:flex}.strip-heading strong{letter-spacing:.06em}.strip-heading a{font-size:11px;font-weight:700}.live-dot{background:#ff4d42;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #ff4d421f}.match-scroll{border:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.match-mini{border-right:1px solid var(--line);min-width:0;padding:15px 17px 17px}.match-mini:last-child{border-right:0}.match-mini-top{color:var(--muted);justify-content:space-between;margin-bottom:15px;font-size:9px;display:flex}.match-mini-top>span{color:var(--ink);font-weight:800}.match-mini-teams{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.match-mini-teams>div{align-items:center;gap:8px;min-width:0;display:flex}.match-mini-teams>div:last-child{text-align:right;flex-direction:row-reverse}.match-mini-teams b{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.versus{color:#b8bbb5;font:700 8px/1 var(--font-en)}.team-chip{width:30px;height:30px;color:var(--ink);font:800 7px/1 var(--font-en);background:#b9e5f5;border:1px solid #00000024;border-radius:50%;flex:none;place-items:center;display:grid}.team-chip.dark{color:#fff;background:#20221f}.team-chip.gold{background:#e5c865}.team-chip.blue{background:#5b8fd1}.team-chip.red{background:#ec675d}.team-chip.sky{background:#a8e2f7}.section{padding-block:86px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:34px;display:flex}.section-heading>div{grid-template-columns:auto auto;align-items:baseline;column-gap:12px;display:grid}.section-heading h2{letter-spacing:-.055em;margin:0;font-size:34px}.section-heading p{color:var(--muted);grid-column:2;margin:8px 0 0;font-size:12px}.section-index{color:var(--lime-deep);font:700 11px/1 var(--font-en)}.section-index.light{color:var(--lime)}.text-link{border-bottom:1px solid var(--ink);padding-bottom:4px;font-size:12px;font-weight:750}.stories-grid{grid-template-columns:1.3fr 1fr;gap:26px;display:grid}.story-card{border-bottom:1px solid var(--line);grid-template-columns:190px 1fr;gap:20px;padding-bottom:20px;display:grid}.story-card.featured{border:0;padding:0;display:block}.story-image{background:#ddd;min-height:154px;display:block;position:relative;overflow:hidden}.story-card.featured .story-image{aspect-ratio:16/9}.story-image img{transition:transform .55s}.story-image:hover img{transform:scale(1.035)}.story-category{z-index:2;background:var(--lime);padding:5px 9px;font-size:9px;font-weight:850;position:absolute;top:10px;left:10px}.story-content h3{letter-spacing:-.025em;margin:0;font-size:18px;line-height:1.5}.story-card.featured .story-content h3{margin-top:18px;font-size:27px;line-height:1.35}.story-content p{color:var(--muted);margin:9px 0 18px;font-size:12px;line-height:1.7}.story-meta{color:#989b94;gap:16px;font-size:9px;display:flex}.story-stack{align-content:start;gap:20px;display:grid}.community-band{background:var(--forest);color:#fff;padding:82px 0;position:relative;overflow:hidden}.community-band:after{content:"看台";color:#ffffff06;letter-spacing:-.1em;pointer-events:none;font-size:220px;font-weight:950;line-height:1;position:absolute;bottom:-65px;right:-10px}.community-title{justify-content:space-between;align-items:end;margin-bottom:34px;display:flex}.community-title>div{align-items:baseline;gap:12px;display:flex}.community-title h2{letter-spacing:-.055em;margin:0;font-size:35px}.community-title p{color:#ffffff85;text-align:right;margin:0;font-size:11px;line-height:1.8}.community-layout{z-index:1;grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr);gap:26px;display:grid;position:relative}.topic-list{border-top:1px solid #ffffff30}.topic-row{border-bottom:1px solid #ffffff21;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:91px;transition:padding .2s,background .2s;display:grid}.topic-row:hover{background:#ffffff09;padding-inline:10px}.topic-badge{color:#ffffffb3;border:1px solid #ffffff3d;place-items:center;width:36px;height:36px;font-size:9px;display:grid}.topic-badge.hot{background:var(--lime);color:var(--ink);border-color:var(--lime)}.topic-main h3{margin:0 0 8px;font-size:14px;line-height:1.45}.topic-main p{color:#ffffff6b;margin:0;font-size:9px}.topic-count{text-align:center;min-width:44px}.topic-count strong{font:600 15px/1 var(--font-en);display:block}.topic-count span{color:#ffffff59;font-size:8px}.join-card{background:var(--lime);min-height:390px;color:var(--ink);padding:30px;position:relative;overflow:hidden}.join-card:before,.join-card:after{content:"";border:1px solid #10120f26;border-radius:50%;width:280px;height:280px;position:absolute;top:-100px;right:-145px}.join-card:after{width:190px;height:190px;top:-55px;right:-80px}.join-overline{font:700 8px/1 var(--font-en);letter-spacing:.18em}.join-ball{text-shadow:11px 3px #10120f1f;margin:38px 0 20px;font-size:55px;line-height:1}.join-card h3{letter-spacing:-.045em;margin:0;font-size:26px;line-height:1.4}.join-card p{max-width:250px;margin:15px 0 26px;font-size:11px;line-height:1.75}.light-button{background:var(--ink);color:#fff;justify-content:space-between;align-items:center;padding:15px 17px;font-size:11px;font-weight:700;display:flex}.league-section{padding-bottom:100px}.league-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.league-tile{border-right:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-rows:1fr auto;grid-template-columns:1fr auto;min-height:122px;padding:18px;transition:all .2s;display:grid}.league-tile:hover{background:var(--lime)}.league-tile span{color:#999c95;font:600 9px/1 var(--font-en)}.league-tile strong{letter-spacing:-.04em;align-self:end;font-size:21px}.league-tile i{grid-area:2/2;font-style:normal}.page-hero{border-bottom:1px solid var(--line);background:linear-gradient(150deg, var(--paper) 62%, #e6f2d0);padding:76px 0 44px}.page-hero .kicker{color:var(--lime-deep);font:800 10px/1 var(--font-en);letter-spacing:.18em}.page-hero h1{letter-spacing:-.075em;margin:14px 0 12px;font-size:clamp(46px,7vw,88px);line-height:1}.page-hero p{color:var(--muted);max-width:620px;margin:0;font-size:14px;line-height:1.8}.filter-bar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:22px 0;display:flex}.filter-pill{border:1px solid var(--line);cursor:pointer;background:0 0;padding:9px 14px;font-size:11px}.filter-pill:hover,.filter-pill.active{background:var(--ink);color:#fff;border-color:var(--ink)}.news-layout{grid-template-columns:1fr 300px;gap:52px;padding-block:54px 90px;display:grid}.news-grid{grid-template-columns:repeat(2,1fr);gap:36px 24px;display:grid}.news-grid .story-card{padding:0 0 25px;display:block}.news-grid .story-image{aspect-ratio:16/10;min-height:0}.news-grid .story-content h3{margin-top:16px;font-size:21px}.side-panel{border-top:3px solid var(--ink);padding-top:18px}.side-panel h2{margin:0 0 20px;font-size:18px}.ranking-item{border-top:1px solid var(--line);grid-template-columns:34px 1fr;gap:12px;padding:15px 0;display:grid}.ranking-item b{font:600 18px/1 var(--font-en);color:#b8bbb4}.ranking-item:first-of-type b{color:var(--lime-deep)}.ranking-item span{font-size:12px;font-weight:650;line-height:1.55}.matches-page{padding:48px 0 96px}.date-tabs{border:1px solid var(--line);grid-template-columns:repeat(7,1fr);margin-bottom:34px;display:grid}.date-tab{border:0;border-right:1px solid var(--line);cursor:pointer;color:var(--muted);background:#fff;padding:14px 8px;font-size:10px}.date-tab:last-child{border:0}.date-tab strong{color:var(--ink);font:650 18px/1.5 var(--font-en);display:block}.date-tab.active{background:var(--ink);color:var(--lime)}.date-tab.active strong{color:#fff}.match-day{margin-bottom:36px}.match-day-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.match-day-heading h2{margin:0;font-size:16px}.match-day-heading span{color:var(--muted);font-size:10px}.match-card{border:1px solid var(--line);background:#fff;grid-template-columns:90px 120px 1fr 80px;align-items:center;min-height:104px;margin-top:-1px;display:grid}.match-card>*{padding:18px}.match-time{text-align:center;border-right:1px solid var(--line);font:700 19px/1 var(--font-en)}.match-comp{color:var(--muted);font-size:11px}.match-teams{grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;display:grid}.match-team{align-items:center;gap:12px;font-size:14px;font-weight:750;display:flex}.match-team.away{text-align:right;flex-direction:row-reverse}.match-vs{font:700 10px/1 var(--font-en);color:#a4a7a0}.remind-button{border:1px solid var(--line);cursor:pointer;background:0 0;margin:0 18px 0 0;padding:10px;font-size:10px}.remind-button:hover{background:var(--lime);border-color:var(--ink)}.demo-note{color:#7a7140;background:#fff9dc;border:1px solid #ded49d;margin-bottom:28px;padding:14px 16px;font-size:10px}.forum-page{padding:44px 0 90px}.forum-toolbar{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.forum-tabs{flex-wrap:wrap;gap:8px;display:flex}.post-button{border:1px solid var(--ink);background:var(--lime);cursor:pointer;padding:11px 18px;font-size:11px;font-weight:800}.forum-layout{grid-template-columns:1fr 290px;gap:36px;display:grid}.forum-list{border:1px solid var(--line);background:#fff}.forum-list .topic-row{color:var(--ink);border-bottom-color:var(--line);grid-template-columns:auto 1fr 110px 80px;min-height:100px;padding-inline:18px}.forum-list .topic-row:hover{background:#fafaf6;padding-inline:23px}.forum-list .topic-badge{color:var(--muted);border-color:var(--line)}.forum-list .topic-main p{color:var(--muted)}.topic-stats{color:var(--muted);gap:22px;font-size:9px;display:flex}.topic-stats strong{color:var(--ink);font:650 13px/1.5 var(--font-en);display:block}.topic-last{color:var(--muted);text-align:right;font-size:9px}.forum-side{align-content:start;gap:18px;display:grid}.side-card{border:1px solid var(--line);background:#fff;padding:22px}.side-card.dark{background:var(--ink);color:#fff}.side-card h3{margin:0 0 15px;font-size:16px}.side-card p{color:var(--muted);margin:0;font-size:10px;line-height:1.7}.side-card.dark p{color:#9da19b}.member-list{margin:18px 0 12px;display:flex}.member-avatar{background:var(--lime);width:34px;height:34px;color:var(--ink);border:2px solid var(--ink);border-radius:50%;place-items:center;margin-right:-7px;font-size:10px;font-weight:800;display:grid}.side-card.dark .member-avatar{border-color:#fff}.rule-list{color:var(--muted);margin:0;padding-left:18px;font-size:10px;line-height:2.1}.article-page{padding:66px 0 100px}.article-header{text-align:center;max-width:900px;margin:0 auto 38px}.article-header .story-category{display:inline-block;position:static}.article-header h1{letter-spacing:-.06em;margin:22px 0 18px;font-size:clamp(38px,6vw,66px);line-height:1.15}.article-header p{max-width:700px;color:var(--muted);margin:0 auto;font-size:15px;line-height:1.8}.article-byline{color:var(--muted);justify-content:center;gap:20px;margin-top:22px;font-size:10px;display:flex}.article-cover{aspect-ratio:16/8.3;width:min(100% - 48px,1120px);margin:0 auto 48px;position:relative}.article-body{width:min(100% - 48px,720px);font-family:var(--font-cn);margin:auto}.article-body p{margin:0 0 26px;font-size:16px;line-height:2}.article-body h2{letter-spacing:-.04em;margin:46px 0 18px;font-size:26px}.article-pullquote{border-left:5px solid var(--lime-deep);letter-spacing:-.03em;background:#fff;margin:44px -60px;padding:30px 50px;font-size:23px;font-weight:800;line-height:1.6}.article-end{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin-top:55px;padding-top:24px;font-size:11px;display:flex}.about-page{padding:90px 0 120px}.about-grid{grid-template-columns:1fr 1fr;gap:90px;display:grid}.about-grid h1{letter-spacing:-.09em;margin:0;font-size:clamp(60px,9vw,120px);line-height:.9}.about-grid h1 span{color:var(--lime-deep)}.about-copy{font-size:17px;line-height:2}.about-copy strong{background:var(--lime);padding:0 4px}.site-footer{color:#fff;background:#0d0f0c;padding-top:58px}.footer-main{grid-template-columns:1fr 1fr;gap:60px;padding-bottom:46px;display:grid}.footer-brand .brand-mark{color:var(--ink)}.footer-main>div>p{color:#70746d;margin:22px 0 0;font-size:11px}.footer-links{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.footer-links>div{flex-direction:column;gap:12px;display:flex}.footer-links strong{color:#80847d;letter-spacing:.08em;margin-bottom:6px;font-size:9px}.footer-links a{font-size:11px}.footer-bottom{color:#5d615b;border-top:1px solid #ffffff1a;justify-content:space-between;padding-block:20px;font-size:9px;display:flex}@media (max-width:1050px){.main-nav{gap:20px;margin-right:20px}.brand-domain{display:none}.hero-grid{grid-template-columns:1.75fr .85fr}.hero-copy{left:34px;right:34px}.match-scroll{grid-template-columns:repeat(4,minmax(260px,1fr));overflow-x:auto}.story-card{grid-template-columns:150px 1fr}.forum-layout,.news-layout{grid-template-columns:1fr 260px;gap:26px}}@media (max-width:820px){.shell{width:min(calc(100% - 28px), var(--max))}.site-header{height:66px}.main-nav{background:var(--paper);border-bottom:1px solid var(--line);padding:12px 22px 22px;display:none;position:absolute;top:66px;left:0;right:0}.main-nav.is-open{display:grid}.nav-link{padding:13px 0;font-size:16px}.nav-link:after,.login-button{display:none}.menu-button{display:block}.hero-section{padding-top:14px}.hero-grid{display:block}.hero-story{min-height:610px}.hero-sidebar{min-height:0}.hero-quote{display:none}.trending-list{grid-template-columns:1fr 1fr;display:grid}.trending-list li:nth-child(3),.trending-list li:nth-child(4){display:none}.trending-list li:last-child{border-bottom:0}.section{padding-block:65px}.stories-grid{grid-template-columns:1fr}.story-stack{grid-template-columns:1fr 1fr}.story-card{display:block}.story-card .story-image{aspect-ratio:16/10}.story-content h3{margin-top:14px}.community-layout{grid-template-columns:1fr}.join-card{min-height:330px}.league-grid{grid-template-columns:repeat(2,1fr)}.news-layout,.forum-layout{grid-template-columns:1fr}.news-side,.forum-side{display:none}.match-card{grid-template-columns:70px 84px 1fr}.remind-button{display:none}.about-grid{grid-template-columns:1fr;gap:50px}.footer-main{grid-template-columns:1fr}}@media (max-width:560px){.brand-name{font-size:19px}.icon-button{border:0}.hero-story{min-height:560px}.hero-copy{bottom:26px;left:22px;right:22px}.hero-copy h1{font-size:39px}.hero-copy>p{font-size:13px;line-height:1.7}.hero-meta span:nth-child(2){display:none}.hero-meta a{margin-left:auto}.hero-sidebar{padding:25px 22px}.trending-list{grid-template-columns:1fr}.trending-list li:nth-child(2){display:none}.section-heading{align-items:start}.section-heading h2,.community-title h2{font-size:29px}.section-heading p{max-width:230px}.text-link{display:none}.story-stack{grid-template-columns:1fr}.story-card.featured .story-content h3{font-size:23px}.community-title p{display:none}.topic-row{grid-template-columns:auto 1fr}.topic-count{display:none}.league-tile{min-height:100px}.league-tile strong{font-size:18px}.page-hero{padding-top:50px}.page-hero h1{font-size:54px}.news-grid{grid-template-columns:1fr}.date-tabs{grid-template-columns:repeat(7,82px);overflow-x:auto}.match-card{grid-template-columns:62px 1fr}.match-comp{display:none}.match-teams{gap:7px;padding-inline:10px}.match-team{gap:5px;font-size:10px}.team-chip{width:27px;height:27px}.forum-toolbar{align-items:start;gap:14px}.forum-list .topic-row{grid-template-columns:auto 1fr;padding-inline:12px}.topic-stats,.topic-last{display:none}.article-cover{aspect-ratio:4/3;width:calc(100% - 28px)}.article-body{width:calc(100% - 38px)}.article-pullquote{margin-inline:0;padding:24px;font-size:19px}.footer-links{gap:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}