/* roulang page: index */
:root{--ink:#20231f;--paper:#f5f3ec;--lime:#b8e84a;--orange:#d86a3a;--mist:#d9ddd1;--soft:#eaebe4;--muted:#677067;--white:#fffef9;--line:rgba(32,35,31,.14);--radius:14px;--radius-lg:22px;--shadow:0 12px 30px rgba(32,35,31,.08);--container:1240px}
*{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.7}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit}button{cursor:pointer}.container{width:min(calc(100% - 64px),var(--container));margin:auto}.section{padding:88px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--muted)}.eyebrow:before{content:"";display:block;width:22px;height:3px;background:var(--lime)}h1,h2,h3,p{margin-top:0}h2{margin-bottom:9px;font-size:clamp(29px,3vw,40px);line-height:1.2;letter-spacing:-.045em}h3{font-size:20px;line-height:1.35}p{color:var(--muted)}.section-intro{max-width:590px;margin:0}.btn{min-height:46px;padding:11px 20px;border:1px solid var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;transition:.22s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(32,35,31,.16)}.btn:focus,a:focus,button:focus,input:focus{outline:3px solid rgba(184,232,74,.72);outline-offset:3px}.btn-primary{background:var(--lime);color:var(--ink)}.btn-dark{background:var(--ink);color:var(--lime)}.btn-outline{background:transparent;color:var(--ink)}.btn-outline:hover{background:var(--ink);color:var(--lime)}.tag{display:inline-flex;align-items:center;border:1px solid var(--line);padding:3px 8px;font-size:12px;font-weight:800;color:var(--muted);line-height:1.3}.tag.live{border-color:var(--orange);color:var(--orange)}.tag.hot{border-color:var(--lime);color:var(--ink);background:rgba(184,232,74,.22)}.arrow{font-size:19px;transition:.2s}.link-arrow:hover .arrow{transform:translateX(4px)}.site-header{position:sticky;top:0;z-index:20;background:rgba(245,243,236,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;flex-direction:column;line-height:1.08;flex-shrink:0}.brand strong{font-size:18px;letter-spacing:-.045em}.brand small{font-size:10px;color:var(--muted);letter-spacing:.05em;margin-top:5px}.nav{display:flex;align-items:center;gap:23px;margin-left:auto}.nav a{height:48px;display:flex;align-items:center;position:relative;font-weight:700;font-size:14px}.nav a.active:after,.nav a:hover:after{content:"";position:absolute;bottom:3px;left:0;width:100%;height:3px;background:var(--lime)}.menu-btn{display:none;border:0;background:transparent;font-size:25px;padding:8px}.notice{background:var(--ink);color:var(--white);font-size:13px}.notice .container{min-height:35px;display:flex;align-items:center;gap:14px}.notice b{color:var(--lime)}.notice a{margin-left:auto;text-decoration:underline;text-underline-offset:3px}.hero{padding:54px 0 0;background:var(--ink);color:var(--white);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.02fr 1.32fr;gap:42px;align-items:center;min-height:485px}.hero .eyebrow,.hero p{color:#ced3c8}.hero h1{font-size:clamp(43px,5vw,65px);line-height:1.04;letter-spacing:-.075em;max-width:650px;margin:14px 0 21px}.hero h1 span{color:var(--lime)}.hero p{max-width:555px;font-size:18px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}.hero-poster{height:390px;position:relative;background:#2d312b;overflow:hidden;border:1px solid rgba(255,255,255,.16);clip-path:polygon(0 0,100% 0,100% 89%,94% 100%,0 100%)}.poster-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(184,232,74,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(184,232,74,.11) 1px,transparent 1px);background-size:42px 42px}.poster-num{position:absolute;right:26px;top:8px;font-size:123px;font-weight:900;line-height:1;color:rgba(184,232,74,.13)}.poster-vs{position:absolute;left:11%;top:39%;font-size:82px;font-weight:900;line-height:.7;color:var(--lime);font-style:italic}.player{position:absolute;width:175px;height:260px;bottom:-25px;background:linear-gradient(145deg,#838a7e,#242a23 65%);clip-path:polygon(48% 0,75% 15%,83% 40%,100% 100%,13% 100%,21% 41%,29% 15%);filter:contrast(1.1)}.player.one{left:10%;transform:rotate(-8deg)}.player.two{right:9%;transform:scaleX(-1) rotate(-8deg);background:linear-gradient(145deg,#b8e84a,#30382d 67%)}.poster-date{position:absolute;left:24px;top:25px;border-left:3px solid var(--lime);padding:5px 0 5px 11px;font-size:13px;font-weight:800}.poster-date strong{display:block;font-size:28px;line-height:1}.poster-label{position:absolute;right:20px;bottom:22px;background:var(--lime);color:var(--ink);padding:7px 11px;font-size:12px;font-weight:900}.status-strip{border-top:1px solid rgba(255,255,255,.15);margin-top:42px}.status-strip .container{display:grid;grid-template-columns:repeat(3,1fr)}.status-item{padding:15px 18px;border-right:1px solid rgba(255,255,255,.14);font-size:13px;color:#d8dbd4}.status-item:first-child{border-left:1px solid rgba(255,255,255,.14)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lime);margin-right:7px}.dot.orange{background:var(--orange)}.dot.gray{background:#8f968d}.board{padding-top:73px}.schedule{border-top:2px solid var(--ink);min-width:800px}.schedule-wrap{overflow:auto}.match{display:grid;grid-template-columns:112px 1.05fr 1.35fr 100px 115px;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding:17px 10px}.match:hover{background:rgba(184,232,74,.13)}.match-date{font-size:13px;font-weight:800}.match-date strong{display:block;font-size:20px}.match-event{font-size:13px;color:var(--muted)}.teams{font-weight:900;display:flex;align-items:center;justify-content:space-between;gap:12px}.teams i{font-style:normal;color:var(--muted);font-size:12px}.match-time{font-weight:900;text-align:center}.match a{font-size:13px;text-decoration:underline;text-underline-offset:4px;font-weight:800}.featured-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:20px}.feature-main,.mini-card,.story-card,.article-card{background:var(--white);border:1px solid var(--line);overflow:hidden;transition:.2s}.feature-main:hover,.mini-card:hover,.story-card:hover,.article-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.art{position:relative;overflow:hidden;background:#c8cdc3}.art:before,.art:after{content:"";position:absolute}.art.one{height:286px;background:linear-gradient(120deg,#72796e,#22261f 52%,#a2ad92)}.art.one:before{width:46%;height:120%;top:-15%;left:27%;background:rgba(184,232,74,.52);clip-path:polygon(50% 0,83% 24%,100% 100%,0 100%,17% 24%)}.art.one:after{content:"VS";right:7%;bottom:7%;font-size:50px;font-weight:900;color:var(--lime)}.feature-main .copy{padding:23px}.feature-main h3{font-size:28px;margin:10px 0}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mini-card{display:grid;grid-template-columns:82px 1fr}.mini-art{min-height:125px;background:linear-gradient(140deg,#343a32,#b8e84a);position:relative}.mini-art:after{content:"";position:absolute;inset:20% 25%;border:2px solid rgba(255,255,255,.65);transform:rotate(45deg)}.mini-copy{padding:14px}.mini-copy h3{font-size:15px;margin:7px 0}.meta{font-size:12px;color:var(--muted)}.calendar{background:var(--soft);border:1px solid var(--line);padding:25px}.calendar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.calendar-head strong{font-size:23px}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:9px}.day{min-height:105px;background:var(--white);border:1px solid var(--line);padding:10px;font-size:12px}.day b{display:block;font-size:16px}.day.event{border-top:4px solid var(--lime)}.day.live{border-top-color:var(--orange)}.event-line{font-size:11px;color:var(--ink);background:#edf7cf;margin-top:9px;padding:4px}.channel-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.channel{min-height:120px;padding:21px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.2s}.channel:hover{background:var(--ink);color:var(--white)}.channel b{display:block;font-size:21px;color:var(--ink)}.channel:hover b{color:var(--lime)}.channel p{font-size:13px;margin:7px 0 0}.observe{display:grid;grid-template-columns:1fr 1.04fr;background:var(--ink);color:var(--white)}.observe-cover{min-height:405px;background:linear-gradient(120deg,#596154,#1e241d 70%);padding:35px;display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden}.observe-cover:before{content:"";position:absolute;width:290px;height:290px;border:24px solid rgba(184,232,74,.5);border-radius:50%;right:-80px;top:-58px}.observe-cover h2{font-size:36px;max-width:480px;position:relative;margin:11px 0}.observe-cover p{color:#d5d9d0;position:relative}.observe-list{padding:18px 32px}.observe-row{display:grid;grid-template-columns:42px 1fr auto;gap:15px;align-items:center;padding:19px 0;border-bottom:1px solid rgba(255,255,255,.16)}.observe-row b{font-size:22px;color:var(--lime)}.observe-row h3{font-size:17px;margin:0}.observe-row p{font-size:12px;margin:3px 0 0;color:#bdc4b8}.console{background:var(--ink);color:var(--white)}.console .section-intro{color:#c6cbc2}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.report-card{border:1px solid rgba(255,255,255,.18);padding:21px;min-height:220px;position:relative}.report-card:hover{border-color:var(--lime)}.report-card p{color:#c8cdc5;font-size:14px}.report-score{font-size:30px;font-weight:900;color:var(--lime);margin:22px 0 6px}.profiles{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px}.profile{padding:23px;border:1px solid var(--line);background:var(--white);min-height:240px}.profile.dark{background:#dbe1d4}.profile .avatar{width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,var(--ink),var(--lime));margin-bottom:17px}.profile h3{margin:0 0 5px}.profile p{font-size:14px;margin:10px 0}.timeline{border-left:2px solid var(--ink);margin-left:20%;padding-left:35px}.timeline-item{position:relative;display:grid;grid-template-columns:160px 1fr;gap:25px;padding:0 0 37px}.timeline-item:before{content:"";position:absolute;width:14px;height:14px;background:var(--lime);border:2px solid var(--ink);border-radius:50%;left:-43px;top:5px}.time-thumb{height:105px;background:linear-gradient(135deg,#899184,#31362e);position:relative}.time-thumb:after{content:"▶";position:absolute;inset:0;display:grid;place-items:center;color:var(--lime);font-size:32px}.app-zone{background:#e4e8dc;overflow:hidden}.app-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center}.feature-list{list-style:none;padding:0;margin:25px 0}.feature-list li{display:grid;grid-template-columns:38px 1fr;gap:13px;padding:13px 0;border-bottom:1px solid var(--line)}.feature-list b:first-child{color:var(--orange);font-size:18px}.phone-area{min-height:480px;position:relative;display:flex;align-items:center;justify-content:center}.phone{width:205px;height:416px;background:var(--ink);border:8px solid #111;border-radius:30px;padding:13px;box-shadow:17px 17px 0 rgba(32,35,31,.13);position:relative}.phone.small{position:absolute;width:145px;height:295px;right:5%;bottom:8px;border-radius:24px;padding:9px;transform:rotate(8deg)}.screen{height:100%;background:#f6f5ee;padding:12px;overflow:hidden}.screen-head{font-size:10px;font-weight:900;border-bottom:2px solid var(--ink);padding-bottom:10px}.screen-game{height:102px;background:var(--ink);color:var(--white);margin-top:12px;padding:12px;font-size:10px}.screen-game b{color:var(--lime);font-size:20px;display:block;margin-top:12px}.screen-line{height:9px;background:#d9ddd1;margin-top:10px}.qr-box{display:flex;gap:14px;align-items:center;background:var(--white);border:1px solid var(--line);padding:13px;margin-top:19px}.qr{width:72px;height:72px;background:repeating-linear-gradient(45deg,var(--ink) 0 5px,var(--white) 5px 10px);border:5px solid var(--ink)}.qr-box small{color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.step{padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:178px}.step-num{font-size:35px;font-weight:900;color:var(--lime);-webkit-text-stroke:1px var(--ink)}.step p{font-size:14px;margin:8px 0}.latest-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:20px}.latest-main .art{height:248px}.latest-main .copy{padding:22px}.latest-side{display:grid;gap:12px}.latest-side .article-card{display:grid;grid-template-columns:104px 1fr}.latest-side .art{min-height:121px;background:linear-gradient(135deg,#727c70,#b8e84a)}.latest-side .copy{padding:12px}.latest-side h3{font-size:16px;margin:6px 0}.empty{padding:45px;text-align:center;border:1px dashed var(--line);background:var(--white)}.empty-icon{font-size:34px}.rules{display:grid;grid-template-columns:1fr 1fr;gap:18px}.rule-card{padding:32px;border:1px solid var(--line);min-height:260px}.rule-card.dark{background:var(--ink);color:var(--white)}.rule-card.dark p{color:#ccd1c9}.rule-card ul{padding-left:19px;color:var(--muted);font-size:14px}.faq-wrap{display:grid;grid-template-columns:.75fr 1.25fr;gap:45px;align-items:start}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;padding:18px 2px;border:0;background:transparent;text-align:left;font-weight:800;display:flex;justify-content:space-between;gap:15px;color:var(--ink)}.faq-q span:last-child{font-size:21px;color:var(--orange)}.faq-a{display:none;padding:0 2px 18px;color:var(--muted);font-size:15px}.faq-item.open .faq-a{display:block}.support{margin-top:27px;padding:19px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:19px;font-size:14px}.site-footer{background:var(--ink);color:var(--white);padding:56px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr .8fr .8fr 1fr;gap:30px}.site-footer .brand small,.site-footer p,.site-footer a{color:#c7cdc3}.site-footer .brand strong{color:var(--white)}.footer-col h3{font-size:14px;color:var(--lime);margin-bottom:13px}.footer-col a{display:block;font-size:14px;padding:4px 0}.footer-col a:hover{color:var(--lime)}.footer-qr{display:flex;gap:13px;align-items:center}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);margin-top:38px;padding-top:17px;font-size:12px;color:#b7beb4;display:flex;justify-content:space-between;gap:15px}.mobile-download{display:none}
@media(max-width:1024px){.nav{gap:13px}.hero-grid,.app-grid{grid-template-columns:1fr}.hero-grid{padding-bottom:45px}.hero-poster{height:330px}.featured-grid,.latest-grid{grid-template-columns:1fr}.channel-grid{grid-template-columns:repeat(2,1fr)}.report-grid{grid-template-columns:1fr 1fr}.profiles{grid-template-columns:1fr 1fr}.profiles .profile:first-child{grid-column:span 2}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}}
@media(max-width:768px){.container{width:min(calc(100% - 36px),var(--container))}.section{padding:58px 0}.notice{display:none}.nav{display:none}.nav-wrap{height:68px}.menu-btn{display:block}.header-download{display:none}.mobile-nav{display:none;position:fixed;z-index:40;inset:68px 0 0;background:var(--ink);padding:28px}.mobile-nav.open{display:block}.mobile-nav a{display:block;color:var(--white);font-size:23px;font-weight:800;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.15)}.mobile-nav a.active{color:var(--lime)}.hero{padding-top:35px}.hero h1{font-size:42px}.hero-poster{height:270px}.status-strip .container{width:100%;overflow:auto}.status-item{min-width:180px}.section-head{display:block}.section-head .btn{margin-top:18px}.match{grid-template-columns:90px 1fr 170px 80px 82px}.mini-grid{grid-template-columns:1fr}.observe{grid-template-columns:1fr}.observe-cover{min-height:300px}.observe-list{padding:10px 22px}.report-grid,.rules{grid-template-columns:1fr}.timeline{margin-left:18px}.timeline-item{grid-template-columns:1fr}.time-thumb{width:150px}.days{grid-template-columns:repeat(4,1fr)}.day:nth-child(7){display:none}.steps{grid-template-columns:1fr 1fr}.faq-wrap{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.mobile-download{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:25;padding:10px 18px;background:var(--ink);border-top:1px solid rgba(255,255,255,.2);justify-content:space-between;align-items:center;color:var(--white)}.mobile-download .btn{min-height:40px;padding:8px 16px}.site-footer{padding-bottom:85px}}
@media(max-width:520px){h2{font-size:29px}.brand strong{font-size:16px}.hero h1{font-size:35px}.hero p{font-size:16px}.hero-actions .btn{width:100%}.hero-poster{height:220px}.poster-vs{font-size:57px}.player{height:185px;width:125px}.poster-num{font-size:85px}.featured-grid,.profiles,.footer-grid{grid-template-columns:1fr}.profiles .profile:first-child{grid-column:auto}.channel-grid{grid-template-columns:1fr}.channel{min-height:98px}.days{grid-template-columns:repeat(3,1fr)}.day:nth-child(6){display:none}.phone-area{transform:scale(.88);margin:-30px 0}.app-grid{gap:10px}.latest-side .article-card{grid-template-columns:86px 1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:5px}}

/* roulang page: category1 */
:root{--ink:#20231f;--paper:#f5f3ec;--lime:#b8e84a;--orange:#d86a3a;--mist:#d9ddd1;--soft:#eaebe4;--muted:#677067;--white:#fffef9;--line:rgba(32,35,31,.14);--radius:14px;--radius-lg:22px;--shadow:0 12px 30px rgba(32,35,31,.08);--container:1240px}
*{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.7}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit}button{cursor:pointer}
.container{width:min(calc(100% - 64px),var(--container));margin:auto}
.section{padding:78px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--muted)}
.eyebrow:before{content:"";display:block;width:22px;height:3px;background:var(--lime)}
h1,h2,h3,p{margin-top:0}h2{font-size:clamp(28px,4vw,42px);line-height:1.15;letter-spacing:-.055em;margin:10px 0}.section-intro{max-width:600px;color:var(--muted);margin:0}
.btn{min-height:46px;padding:10px 19px;border:1px solid var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;transition:.22s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(32,35,31,.16)}.btn:focus,a:focus,button:focus{outline:3px solid rgba(184,232,74,.72);outline-offset:3px}
.btn-primary{background:var(--lime);color:var(--ink)}.btn-dark{background:var(--ink);color:var(--lime)}.btn-outline{background:transparent}.btn-outline:hover{background:var(--ink);color:var(--lime)}
.tag{display:inline-flex;align-items:center;border:1px solid var(--line);padding:3px 8px;font-size:12px;font-weight:800;color:var(--muted);line-height:1.3}.tag.live{border-color:var(--orange);color:var(--orange)}.tag.hot{border-color:var(--lime);background:rgba(184,232,74,.22)}
.site-header{position:sticky;top:0;z-index:20;background:rgba(245,243,236,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;flex-direction:column;line-height:1.08;flex-shrink:0}.brand strong{font-size:18px;letter-spacing:-.045em}.brand small{font-size:10px;color:var(--muted);letter-spacing:.05em;margin-top:5px}
.nav{display:flex;align-items:center;gap:23px;margin-left:auto}.nav a{height:48px;display:flex;align-items:center;position:relative;font-weight:700;font-size:14px}.nav a.active:after,.nav a:hover:after{content:"";position:absolute;bottom:3px;left:0;width:100%;height:3px;background:var(--lime)}
.menu-btn{display:none;border:0;background:transparent;font-size:25px;padding:8px}
.page-head{padding:48px 0 42px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(184,232,74,.14),transparent 55%)}
.page-head .crumb{font-size:13px;color:var(--muted);margin-bottom:24px}.crumb a{text-decoration:underline;text-underline-offset:4px}
.head-row{display:flex;justify-content:space-between;align-items:end;gap:30px}.head-row h1{font-size:clamp(40px,6vw,70px);line-height:1;letter-spacing:-.08em;margin:8px 0 17px}.head-row p{max-width:650px;color:var(--muted);font-size:17px;margin:0}.head-meta{border-left:3px solid var(--lime);padding-left:17px;min-width:190px;color:var(--muted);font-size:13px}.head-meta strong{display:block;color:var(--ink);font-size:27px;line-height:1.2}
.focus-banner{display:grid;grid-template-columns:1.2fr .8fr;min-height:330px;background:var(--ink);color:var(--white);overflow:hidden;border-radius:var(--radius-lg)}.banner-art{min-height:330px;background:linear-gradient(135deg,#343a31,#20231f);position:relative;overflow:hidden}.banner-art:before{content:"";position:absolute;width:70%;height:160%;right:4%;top:-25%;background:var(--lime);transform:rotate(21deg);opacity:.88}.banner-art:after{content:"赛事 / 01";position:absolute;left:28px;bottom:24px;color:var(--ink);font-size:12px;font-weight:900;letter-spacing:.16em}.banner-copy{padding:40px 42px;display:flex;flex-direction:column;justify-content:center}.banner-copy h2{font-size:34px;color:var(--white);margin:13px 0}.banner-copy p{color:#cbd0c7;margin-bottom:23px}.banner-copy .btn{align-self:flex-start}
.article-list{display:grid;gap:15px}.focus-item{display:grid;grid-template-columns:220px 1fr auto;gap:25px;align-items:center;background:var(--white);border:1px solid var(--line);padding:15px;transition:.22s}.focus-item:hover{transform:translateX(4px);box-shadow:var(--shadow)}.thumb{height:140px;background:var(--soft);position:relative;overflow:hidden}.thumb:before{content:"";position:absolute;width:75%;height:140%;background:var(--ink);right:-15%;top:-20%;transform:rotate(25deg)}.thumb:after{content:"非凡";position:absolute;left:15px;bottom:12px;font-weight:900;color:var(--lime);font-size:22px}.focus-copy h3{font-size:22px;line-height:1.3;margin:10px 0 7px}.focus-copy p{font-size:14px;color:var(--muted);margin-bottom:8px}.item-date{font-size:12px;color:var(--muted);white-space:nowrap}.more-row{text-align:center;margin-top:25px}
.status-band{background:var(--ink);color:var(--white);padding:38px 0}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.18)}.status-card{padding:23px;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}.status-card h3{font-size:20px;margin:13px 0 5px}.status-card p{font-size:13px;color:#c7cdc2;margin:0}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--lime);margin-right:8px}.dot.orange{background:var(--orange)}.dot.gray{background:#899087}
.calendar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.day-card{border-top:4px solid var(--ink);background:var(--white);padding:20px 17px;min-height:170px;border-left:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.day-card strong{font-size:27px;display:block;line-height:1}.day-card small{color:var(--muted)}.day-card h3{font-size:16px;margin:18px 0 5px}.day-card p{font-size:13px;color:var(--muted);margin:0}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.team-card{background:var(--white);border:1px solid var(--line);padding:21px;min-height:190px;transition:.2s}.team-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.team-mark{width:48px;height:48px;background:var(--ink);color:var(--lime);display:grid;place-items:center;font-weight:900;font-size:20px;margin-bottom:20px}.team-card h3{margin-bottom:3px}.team-card p{color:var(--muted);font-size:13px;margin-bottom:13px}
.replay{background:#e8e9e1}.replay-track{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-left:1px solid var(--line)}.replay-item{padding:18px 20px;border-right:1px solid var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.replay-time{font-size:12px;color:var(--orange);font-weight:800}.replay-item h3{font-size:18px;line-height:1.35;margin:12px 0 6px}.replay-item p{color:var(--muted);font-size:13px;margin:0}
.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:start}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-weight:800;list-style:none;display:flex;justify-content:space-between;gap:15px}summary:after{content:"+";font-size:22px;color:var(--orange)}details[open] summary:after{content:"−"}details p{color:var(--muted);font-size:14px;margin:12px 30px 0 0}.download-box{background:var(--ink);color:var(--white);padding:28px;border-radius:var(--radius)}.download-box p{color:#c9cec5;font-size:14px}.qr{width:92px;height:92px;background:repeating-linear-gradient(45deg,#fff 0 5px,#20231f 5px 10px);border:7px solid #fff;margin:18px 0}
.site-footer{background:var(--ink);color:var(--white);padding:58px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:38px}.site-footer .brand strong{color:var(--white)}.site-footer .brand small,.site-footer p{color:#bbc2b8}.footer-col h3{font-size:15px;color:var(--lime);margin:0 0 16px}.footer-col>a:not(.brand){display:block;color:#d4d8d0;font-size:14px;margin:9px 0}.footer-col>a:hover{text-decoration:underline;text-underline-offset:4px}.footer-qr{display:flex;align-items:center;gap:16px}.footer-qr .qr{width:60px;height:60px;margin:0;border-width:4px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.16);margin-top:42px;padding-top:18px;color:#9ea69b;font-size:12px}
@media(max-width:992px){.nav{gap:13px}.header-download{display:none}.head-row{align-items:start;flex-direction:column}.focus-banner{grid-template-columns:1fr}.banner-art{min-height:210px}.team-grid{grid-template-columns:repeat(2,1fr)}.calendar-grid{grid-template-columns:repeat(3,1fr)}.faq-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.container{width:min(calc(100% - 36px),var(--container))}.section{padding:58px 0}.nav{display:none}.menu-btn{display:block}.nav-wrap{height:70px}.head-row h1{font-size:47px}.focus-item{grid-template-columns:120px 1fr;gap:16px}.focus-item .item-date{grid-column:2}.thumb{height:105px}.focus-copy h3{font-size:18px}.calendar-grid{display:flex;overflow-x:auto;padding-bottom:8px}.day-card{min-width:170px}.replay-track{grid-template-columns:repeat(4,220px);overflow-x:auto}.status-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.site-footer{padding-top:45px}}
@media(max-width:520px){.banner-copy{padding:28px 24px}.banner-copy h2{font-size:27px}.focus-item{grid-template-columns:1fr}.focus-item .thumb{height:150px}.focus-item .item-date{grid-column:auto}.team-grid{grid-template-columns:1fr 1fr;gap:10px}.team-card{padding:15px;min-height:165px}.team-card h3{font-size:16px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-col:first-child{grid-column:1/-1}.footer-qr{flex-direction:column;align-items:start}.head-meta{min-width:0}}

/* roulang page: article */
:root{--ink:#20231f;--paper:#f5f3ec;--lime:#b8e84a;--orange:#d86a3a;--mist:#d9ddd1;--soft:#eaebe4;--muted:#677067;--white:#fffef9;--line:rgba(32,35,31,.14);--radius:14px;--radius-lg:22px;--shadow:0 12px 30px rgba(32,35,31,.08);--container:1240px}
*{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.75}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input{font:inherit}
button{cursor:pointer}
.container{width:min(calc(100% - 64px),var(--container));margin:auto}
.site-header{position:sticky;top:0;z-index:40;background:rgba(245,243,236,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:flex;flex-direction:column;line-height:1.08;flex-shrink:0}
.brand strong{font-size:18px;letter-spacing:-.045em}
.brand small{font-size:10px;color:var(--muted);letter-spacing:.05em;margin-top:5px}
.nav{display:flex;align-items:center;gap:23px;margin-left:auto}
.nav a{height:48px;display:flex;align-items:center;position:relative;font-weight:700;font-size:14px;white-space:nowrap}
.nav a.active:after,.nav a:hover:after{content:"";position:absolute;bottom:3px;left:0;width:100%;height:3px;background:var(--lime)}
.btn{min-height:46px;padding:11px 20px;border:1px solid var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(32,35,31,.16)}
.btn:focus,a:focus,button:focus,input:focus{outline:3px solid rgba(184,232,74,.72);outline-offset:3px}
.btn-primary{background:var(--lime);color:var(--ink)}
.btn-dark{background:var(--ink);color:var(--lime)}
.btn-outline{background:transparent;color:var(--ink)}
.btn-outline:hover{background:var(--ink);color:var(--lime)}
.menu-btn{display:none;border:0;background:transparent;font-size:25px;padding:8px;color:var(--ink)}
.notice{background:var(--ink);color:#d8ddd3;font-size:12px}
.notice .container{min-height:35px;display:flex;align-items:center;gap:12px}
.notice-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px rgba(216,106,58,.16)}
.notice a{margin-left:auto;text-decoration:underline;text-underline-offset:3px;color:var(--lime)}
.article-shell{padding:38px 0 84px;background:linear-gradient(180deg,#eef0e7 0,#f5f3ec 250px)}
.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:9px;color:var(--muted);font-size:13px;margin:0 0 28px}
.breadcrumb span{opacity:.55}
.breadcrumb a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.article-layout{display:grid;grid-template-columns:minmax(0,830px) 270px;justify-content:space-between;gap:52px}
.article-main{min-width:0}
.article-category{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--ink);padding:4px 10px;font-size:12px;font-weight:800;line-height:1.3;background:var(--lime)}
.article-category:before{content:"";width:6px;height:6px;background:var(--orange);border-radius:50%}
.article-title{font-size:clamp(34px,4.4vw,58px);line-height:1.12;letter-spacing:-.065em;margin:17px 0 20px;max-width:820px}
.article-summary{font-size:18px;line-height:1.8;color:#4d554c;max-width:760px;margin:0}
.article-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:28px;padding:14px 0;color:var(--muted);font-size:13px}
.article-meta-row strong{color:var(--ink)}
.meta-divider{width:1px;height:16px;background:var(--mist)}
.share-actions{margin-left:auto;display:flex;gap:8px}
.icon-button{width:36px;height:36px;border:1px solid var(--line);background:var(--white);display:grid;place-items:center;font-size:14px;font-weight:800;transition:.2s}
.icon-button:hover{border-color:var(--ink);background:var(--lime);transform:translateY(-2px)}
.article-cover{position:relative;margin:34px 0 14px;min-height:390px;overflow:hidden;background:var(--ink);border:1px solid rgba(32,35,31,.22);clip-path:polygon(0 0,100% 0,100% 94%,96% 100%,0 100%)}
.article-cover:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(184,232,74,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(184,232,74,.13) 1px,transparent 1px);background-size:48px 48px}
.article-cover:after{content:"";position:absolute;width:78%;height:135%;right:-17%;top:-17%;border:1px solid rgba(184,232,74,.65);border-radius:50%;transform:rotate(-28deg)}
.cover-number{position:absolute;left:32px;top:27px;color:var(--lime);font-weight:900;font-size:13px;letter-spacing:.14em}
.cover-copy{position:absolute;left:34px;bottom:30px;z-index:2;color:var(--white);max-width:550px}
.cover-copy b{display:block;font-size:clamp(25px,3vw,40px);line-height:1.13;letter-spacing:-.05em}
.cover-copy span{display:block;margin-top:12px;font-size:13px;color:#ccd1c9}
.cover-mark{position:absolute;right:42px;bottom:29px;z-index:2;width:126px;height:126px;border:18px solid var(--lime);border-radius:50%;opacity:.95}
.cover-mark:after{content:"VS";position:absolute;inset:0;display:grid;place-items:center;color:var(--ink);font-weight:900;font-size:26px}
.figure-note{margin:0 0 40px;color:var(--muted);font-size:12px}
.article-content{font-size:17px;color:#30352f}
.article-content>*:first-child{margin-top:0}
.article-content h2{font-size:30px;line-height:1.32;letter-spacing:-.035em;margin:48px 0 17px;color:var(--ink)}
.article-content h3{font-size:22px;line-height:1.45;margin:32px 0 12px}
.article-content p{margin:0 0 20px}
.article-content a{color:var(--ink);font-weight:800;text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:3px;text-underline-offset:4px}
.article-content blockquote{margin:30px 0;padding:22px 26px;background:var(--soft);border-left:5px solid var(--lime);font-size:19px;line-height:1.75;color:#343a32}
.article-content ul,.article-content ol{padding-left:25px;margin:20px 0 27px}
.article-content li{padding-left:5px;margin:8px 0}
.article-content img{margin:30px auto;border:1px solid var(--line)}
.article-content table{width:100%;border-collapse:collapse;margin:30px 0;font-size:14px;background:var(--white)}
.article-content th{background:var(--ink);color:var(--white);font-weight:800}
.article-content th,.article-content td{padding:12px 14px;border:1px solid var(--line);text-align:left}
.article-content tr:nth-child(even) td{background:#f0f1ea}
.match-info{margin:43px 0;padding:26px 28px;background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);position:relative;overflow:hidden}
.match-info:after{content:"";position:absolute;right:-34px;top:-34px;width:125px;height:125px;border:20px solid var(--lime);border-radius:50%;opacity:.48}
.match-info-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:21px;position:relative;z-index:1}
.match-info-head h2{font-size:22px;margin:0;letter-spacing:-.035em}
.status-live{display:inline-flex;align-items:center;gap:7px;color:var(--orange);font-size:12px;font-weight:800}
.status-live:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--orange)}
.match-info-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;position:relative;z-index:1}
.team-box{padding:14px;border-top:3px solid var(--ink);background:var(--soft)}
.team-box:last-child{text-align:right}
.team-box small{display:block;color:var(--muted);font-size:12px}
.team-box strong{display:block;font-size:18px;margin-top:5px}
.match-center{text-align:center}
.match-center b{font-size:25px;letter-spacing:-.06em}
.match-center span{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.article-side{padding-top:104px}
.side-panel{border-top:3px solid var(--ink);padding:18px 0 0;margin-bottom:28px}
.side-panel h2{font-size:16px;letter-spacing:-.02em;margin:0 0 12px}
.side-panel p{font-size:13px;color:var(--muted);margin:0}
.side-index{list-style:none;padding:0;margin:0}
.side-index li{border-bottom:1px solid var(--line)}
.side-index a{display:flex;gap:10px;align-items:flex-start;padding:13px 0;font-size:13px;font-weight:700;transition:.2s}
.side-index a:hover{color:var(--orange);padding-left:4px}
.side-index em{font-style:normal;color:var(--orange);font-size:11px;min-width:21px}
.side-tags{display:flex;flex-wrap:wrap;gap:8px}
.side-tags span{font-size:12px;padding:4px 8px;border:1px solid var(--line);background:var(--white)}
.related-section{margin-top:58px;padding-top:42px;border-top:1px solid var(--line)}
.section-title-row{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:21px}
.section-title-row h2{font-size:28px;letter-spacing:-.05em;margin:0}
.section-title-row p{font-size:13px;color:var(--muted);margin:0}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.related-card{background:var(--white);border:1px solid var(--line);overflow:hidden;transition:.22s}
.related-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.related-thumb{height:145px;position:relative;overflow:hidden;background:var(--ink)}
.related-thumb:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 18px,rgba(184,232,74,.22) 19px 21px)}
.related-thumb.one:after,.related-thumb.two:after,.related-thumb.three:after{position:absolute;right:14px;bottom:4px;color:var(--lime);font-weight:900;font-size:58px;line-height:1}
.related-thumb.one:after{content:"01"}.related-thumb.two:after{content:"02"}.related-thumb.three:after{content:"03"}
.related-copy{padding:17px}
.related-copy .tag{margin-bottom:10px}
.related-copy h3{font-size:17px;line-height:1.45;margin:0 0 9px;letter-spacing:-.02em}
.related-copy h3 a:hover{color:var(--orange)}
.related-copy time{font-size:12px;color:var(--muted)}
.continue-bar{margin:48px 0 0;padding:23px 26px;background:var(--ink);color:var(--white);display:flex;align-items:center;justify-content:space-between;gap:22px}
.continue-bar h2{font-size:20px;margin:0;letter-spacing:-.04em}
.continue-bar p{font-size:13px;color:#c7cdc2;margin:4px 0 0}
.continue-actions{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end}
.continue-actions .btn-outline{border-color:rgba(255,255,255,.35);color:var(--white)}
.continue-actions .btn-outline:hover{background:var(--white);color:var(--ink)}
.feedback{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px;padding:18px 0;border-bottom:1px solid var(--line)}
.feedback p{margin:0;font-size:13px;color:var(--muted)}
.feedback strong{color:var(--ink)}
.feedback-buttons{display:flex;gap:8px}
.feedback-buttons button{min-height:38px;padding:7px 13px;border:1px solid var(--line);background:transparent;font-size:13px;font-weight:700;transition:.2s}
.feedback-buttons button:hover,.feedback-buttons button.active{background:var(--lime);border-color:var(--ink)}
.empty-article{max-width:760px;margin:60px auto;padding:60px 28px;background:var(--white);border:1px solid var(--line);text-align:center}
.empty-symbol{width:68px;height:68px;margin:0 auto 20px;border:2px solid var(--ink);display:grid;place-items:center;font-weight:900;font-size:24px;position:relative}
.empty-symbol:after{content:"";position:absolute;width:24px;height:3px;background:var(--lime);bottom:-8px;right:-12px;transform:rotate(-45deg)}
.empty-article h1{font-size:30px;margin:0 0 10px}
.empty-article p{color:var(--muted);margin:0 0 24px}
.site-footer{background:var(--ink);color:var(--white);padding:62px 0 20px}
.footer-grid{display:grid;grid-template-columns:1.45fr .8fr .8fr 1fr;gap:38px}
.site-footer .brand strong{color:var(--white)}
.site-footer .brand small{color:#b9c2b2}
.footer-col p{margin:16px 0 0;max-width:270px;color:#c0c7bb;font-size:14px}
.footer-col h3{font-size:14px;color:var(--lime);margin:0 0 13px}
.footer-col>a:not(.brand){display:block;width:max-content;color:#d9ddd3;font-size:14px;margin:8px 0;transition:.2s}
.footer-col>a:not(.brand):hover{color:var(--lime);transform:translateX(3px)}
.footer-qr{display:flex;align-items:center;gap:14px}
.qr{width:70px;height:70px;background:repeating-linear-gradient(45deg,#f5f3ec 0 4px,#20231f 4px 8px);border:4px solid var(--white)}
.footer-qr .btn{padding:8px 11px;min-height:40px;font-size:13px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.16);margin-top:42px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:#aeb6aa;font-size:12px}
.mobile-download{display:none}
@media(max-width:1024px){
.container{width:min(calc(100% - 40px),var(--container))}
.nav{gap:15px}.article-layout{grid-template-columns:minmax(0,1fr) 225px;gap:30px}.article-side{padding-top:85px}.footer-grid{gap:25px}
}
@media(max-width:768px){
.container{width:min(calc(100% - 32px),var(--container))}
.nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--ink);padding:16px 22px;flex-direction:column;align-items:stretch;gap:2px;border-bottom:1px solid rgba(255,255,255,.2)}
.nav.open{display:flex}.nav a{height:47px;color:var(--white);padding:0 4px}.nav a.active:after,.nav a:hover:after{bottom:4px}.header-download{margin-left:auto}.menu-btn{display:block}.notice .container{font-size:11px}.article-shell{padding-top:28px}.article-layout{display:block}.article-side{padding-top:36px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.side-panel{margin:0}.article-cover{min-height:320px}.article-title{font-size:40px}.match-info-grid{gap:9px}.team-box{padding:11px}.team-box strong{font-size:15px}.related-grid{grid-template-columns:1fr}.related-card{display:grid;grid-template-columns:130px 1fr}.related-thumb{height:auto;min-height:137px}.continue-bar{align-items:flex-start;flex-direction:column}.continue-actions{justify-content:flex-start}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-bottom{flex-direction:column;gap:7px}.mobile-download{display:flex;position:fixed;z-index:35;bottom:0;left:0;right:0;padding:10px 16px;background:rgba(32,35,31,.97);justify-content:space-between;align-items:center;color:var(--white);border-top:1px solid rgba(255,255,255,.18)}.mobile-download span{font-size:12px;color:#d7ddd1}.mobile-download .btn{min-height:40px;padding:8px 14px;font-size:13px}
}
@media(max-width:520px){
.nav-wrap{height:70px;gap:12px}.brand strong{font-size:16px}.brand small{font-size:9px}.header-download{display:none}.nav{top:70px}.notice{display:none}.article-shell{padding:24px 0 85px}.breadcrumb{margin-bottom:20px;font-size:12px}.article-title{font-size:34px;line-height:1.16}.article-summary{font-size:16px}.article-meta-row{gap:8px 12px}.share-actions{width:100%;margin-left:0}.article-cover{min-height:270px;margin-top:27px}.cover-copy{left:21px;bottom:22px}.cover-copy b{font-size:25px}.cover-number{left:20px;top:18px}.cover-mark{width:83px;height:83px;border-width:13px;right:20px;bottom:28px}.cover-mark:after{font-size:18px}.article-content{font-size:16px}.article-content h2{font-size:26px;margin-top:38px}.article-content h3{font-size:20px}.article-content blockquote{margin:24px 0;padding:18px;font-size:17px}.article-content table{display:block;overflow-x:auto;white-space:nowrap}.match-info{padding:20px 16px}.match-info-grid{grid-template-columns:1fr auto 1fr}.match-center b{font-size:18px}.team-box strong{font-size:13px}.team-box small{font-size:10px}.article-side{display:block}.side-panel{margin-bottom:25px}.section-title-row{display:block}.section-title-row p{margin-top:7px}.related-card{grid-template-columns:110px 1fr}.related-copy{padding:13px}.related-copy h3{font-size:15px}.continue-bar{padding:21px 18px}.continue-actions{width:100%}.continue-actions .btn{flex:1;padding:9px 10px;font-size:12px}.feedback{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr;gap:25px}.footer-bottom{padding-bottom:58px}
}

/* roulang page: category2 */
:root{--ink:#20231f;--paper:#f5f3ec;--lime:#b8e84a;--orange:#d86a3a;--mist:#d9ddd1;--soft:#eaebe4;--muted:#677067;--white:#fffef9;--line:rgba(32,35,31,.14);--radius:14px;--radius-lg:22px;--shadow:0 12px 30px rgba(32,35,31,.08);--container:1240px}
*{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.7}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input{font:inherit}
button{cursor:pointer}
.container{width:min(calc(100% - 64px),var(--container));margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(245,243,236,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:flex;flex-direction:column;line-height:1.08;flex-shrink:0}
.brand strong{font-size:18px;letter-spacing:-.045em}
.brand small{font-size:10px;color:var(--muted);letter-spacing:.05em;margin-top:5px}
.nav{display:flex;align-items:center;gap:23px;margin-left:auto}
.nav a{height:48px;display:flex;align-items:center;position:relative;font-weight:700;font-size:14px}
.nav a.active:after,.nav a:hover:after{content:"";position:absolute;bottom:3px;left:0;width:100%;height:3px;background:var(--lime)}
.menu-btn{display:none;border:0;background:transparent;font-size:25px;padding:8px}
.btn{min-height:46px;padding:11px 20px;border:1px solid var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;transition:.22s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(32,35,31,.16)}
.btn:focus,a:focus,button:focus,input:focus{outline:3px solid rgba(184,232,74,.72);outline-offset:3px}
.btn-primary{background:var(--lime);color:var(--ink)}
.btn-dark{background:var(--ink);color:var(--lime)}
.btn-outline{background:transparent;color:var(--ink)}
.btn-outline:hover{background:var(--ink);color:var(--lime)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--muted)}
.eyebrow:before{content:"";display:block;width:22px;height:3px;background:var(--lime)}
.tag{display:inline-flex;align-items:center;border:1px solid var(--line);padding:3px 8px;font-size:12px;font-weight:800;color:var(--muted);line-height:1.3}
.tag.live{border-color:var(--orange);color:var(--orange)}
.tag.hot{border-color:var(--lime);background:rgba(184,232,74,.22)}
.page-head{padding:66px 0 54px;border-bottom:1px solid var(--line)}
.page-head-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end}
.page-head h1{font-size:clamp(42px,6vw,76px);line-height:1.02;letter-spacing:-.075em;margin:15px 0 20px}
.page-head p{font-size:18px;color:var(--muted);max-width:670px;margin:0}
.head-index{border-left:4px solid var(--lime);padding:20px 0 20px 24px}
.head-index strong{display:block;font-size:42px;line-height:1}
.head-index span{display:block;color:var(--muted);font-size:14px;margin-top:10px}
.section{padding:82px 0}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}
.section-head h2{font-size:34px;line-height:1.15;letter-spacing:-.05em;margin:8px 0 0}
.section-intro{max-width:580px;color:var(--muted);margin:0}
.topic-card{display:grid;grid-template-columns:1.15fr .85fr;min-height:350px;background:var(--ink);color:var(--white);overflow:hidden}
.topic-visual{min-height:350px;position:relative;background:#343930;overflow:hidden}
.topic-visual:before{content:"";position:absolute;width:70%;height:160%;left:16%;top:-26%;background:var(--lime);transform:rotate(22deg);opacity:.86}
.topic-visual:after{content:"赛前\n观察";white-space:pre;position:absolute;left:34px;bottom:24px;font-size:60px;font-weight:900;line-height:.88;letter-spacing:-.1em;color:var(--ink)}
.topic-lines{position:absolute;inset:0;background:linear-gradient(135deg,transparent 49%,rgba(32,35,31,.8) 50%,transparent 51%),repeating-linear-gradient(90deg,transparent 0 45px,rgba(255,255,255,.12) 46px 47px)}
.topic-copy{padding:44px 48px;display:flex;flex-direction:column;justify-content:center}
.topic-copy h2{font-size:34px;line-height:1.2;margin:15px 0}
.topic-copy p{color:#cbd0c8;margin:0 0 23px}
.topic-meta{color:#aeb7aa;font-size:13px;margin-top:18px}
.article-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.article-row{display:grid;grid-template-columns:60px 150px 1fr 100px;gap:22px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line);transition:.2s}
.article-row:hover{background:rgba(184,232,74,.08);padding-left:12px;padding-right:12px}
.article-no{font-size:27px;font-weight:900;color:var(--orange)}
.thumb{height:88px;background:#dfe4d8;position:relative;overflow:hidden}
.thumb:before{content:"";position:absolute;width:70%;height:180%;background:var(--ink);transform:rotate(35deg);left:25%;top:-40%}
.thumb:after{content:"";position:absolute;width:30px;height:30px;border:5px solid var(--lime);right:17px;bottom:16px;transform:rotate(45deg)}
.article-row h3{font-size:20px;line-height:1.35;margin:7px 0 5px}
.article-row p{margin:0;color:var(--muted);font-size:14px}
.article-date{text-align:right;color:var(--muted);font-size:13px}
.arrow{font-size:20px;transition:.2s}
.article-row:hover .arrow{transform:translateX(4px)}
.dynamic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.dynamic-card{border:1px solid var(--line);background:var(--white);padding:25px;min-height:180px;transition:.2s}
.dynamic-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--lime)}
.dynamic-card h3{font-size:21px;margin:14px 0 7px}
.dynamic-card p{font-size:14px;color:var(--muted);margin:0}
.card-mark{display:flex;justify-content:space-between;align-items:center}
.number{font-weight:900;font-size:26px;color:var(--orange)}
.key-list{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.key-item{padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:165px}
.key-item b{font-size:28px;color:var(--orange)}
.key-item h3{font-size:18px;margin:12px 0 5px}
.key-item p{font-size:14px;color:var(--muted);margin:0}
.notice-box{background:#e7eadf;border-left:5px solid var(--lime);padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.notice-box h2{margin:0 0 8px;font-size:25px}
.notice-box p{margin:0;color:var(--muted)}
.recommend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.recommend{background:var(--white);border:1px solid var(--line);padding:23px;min-height:190px;transition:.2s}
.recommend:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.recommend h3{font-size:19px;line-height:1.4;margin:14px 0 9px}
.recommend p{font-size:13px;color:var(--muted);margin:0}
.app-panel{background:var(--ink);color:var(--white);padding:40px;display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:38px}
.phone{width:150px;height:285px;background:#333830;border:7px solid #111;border-radius:24px;padding:13px;box-shadow:10px 12px 0 rgba(184,232,74,.28);position:relative}
.phone:before{content:"";display:block;width:38px;height:5px;border-radius:4px;background:#111;margin:0 auto 18px}
.screen{background:var(--paper);height:220px;color:var(--ink);padding:12px 9px;font-size:11px}
.screen strong{display:block;font-size:17px;line-height:1.2;margin:14px 0}
.screen-line{height:7px;background:var(--mist);margin:9px 0}
.app-panel h2{font-size:29px;margin:0 0 9px}
.app-panel p{color:#c6cdc2;margin:0;max-width:520px}
.qr{width:92px;height:92px;background:repeating-linear-gradient(45deg,var(--ink) 0 4px,var(--lime) 4px 8px);border:8px solid var(--white);margin-bottom:13px}
.app-panel small{display:block;color:#aeb7aa;font-size:12px}
.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}
.faq-layout h2{font-size:35px;line-height:1.15;margin:10px 0 15px}
.faq-layout p{color:var(--muted)}
.faq-item{border-top:1px solid var(--line)}
.faq-item:last-child{border-bottom:1px solid var(--line)}
.faq-item summary{list-style:none;cursor:pointer;padding:19px 0;font-weight:800;display:flex;justify-content:space-between;gap:20px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:after{content:"+";font-size:23px;color:var(--orange)}
.faq-item[open] summary:after{content:"−"}
.faq-answer{padding:0 35px 20px 0;color:var(--muted);font-size:14px}
.support-bar{margin-top:44px;background:var(--lime);padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.support-bar strong{font-size:20px}
.site-footer{background:var(--ink);color:var(--white);padding:65px 0 22px}
.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr .9fr;gap:45px}
.footer-col p{color:#bfc7ba;font-size:14px;max-width:280px;margin-top:20px}
.footer-col h3{font-size:15px;margin:3px 0 17px;color:var(--lime)}
.footer-col>a:not(.brand){display:block;color:#c6cdc1;font-size:14px;margin:9px 0}
.footer-col>a:not(.brand):hover{color:var(--lime)}
.footer-qr{display:flex;flex-direction:column;align-items:flex-start}
.footer-qr .qr{width:72px;height:72px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.16);margin-top:48px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#9ea89a;font-size:12px}
@media(max-width:992px){
.container{width:min(calc(100% - 44px),var(--container))}
.nav{gap:13px}.nav a{font-size:13px}.header-download{padding:9px 13px}
.page-head-grid,.topic-card{grid-template-columns:1fr}
.topic-visual{min-height:230px}.topic-copy{padding:35px}
.key-list{grid-template-columns:repeat(2,1fr)}
.app-panel{grid-template-columns:160px 1fr}.app-panel .download-box{grid-column:2}
.footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
.container{width:calc(100% - 36px)}
.nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--ink);padding:14px 18px;flex-direction:column;align-items:stretch;gap:0}
.nav.open{display:flex}
.nav a{color:var(--white);height:50px;border-bottom:1px solid rgba(255,255,255,.14)}
.nav a.active:after,.nav a:hover:after{bottom:0}
.menu-btn{display:block}.header-download{margin-left:auto}
.page-head{padding:45px 0 38px}.page-head h1{font-size:48px}.head-index{margin-top:12px}
.section{padding:58px 0}.section-head{display:block}.section-head h2{font-size:29px;margin-bottom:10px}
.article-row{grid-template-columns:36px 92px 1fr;gap:12px}.article-row h3{font-size:16px}.article-row p{display:none}.article-date{grid-column:3;text-align:left;font-size:12px}.thumb{height:70px}
.notice-box{display:block}.notice-box .btn{margin-top:20px}
.recommend-grid{grid-template-columns:1fr}
.app-panel{grid-template-columns:1fr;padding:30px}.app-panel .phone{margin:auto}.app-panel .download-box{grid-column:auto}
.faq-layout{grid-template-columns:1fr;gap:30px}.support-bar{display:block}.support-bar .btn{margin-top:15px}
.footer-bottom{display:block}.footer-bottom span{display:block;margin:8px 0}
}
@media(max-width:520px){
.container{width:calc(100% - 30px)}.brand strong{font-size:16px}.brand small{font-size:9px}.header-download{font-size:12px;padding:8px 10px}
.page-head h1{font-size:40px}.topic-copy h2{font-size:27px}.topic-copy{padding:28px 24px}
.article-row{grid-template-columns:25px 76px 1fr;gap:9px}.article-no{font-size:20px}.article-row h3{font-size:15px}.article-row .tag{font-size:10px;padding:2px 5px}
.dynamic-grid,.key-list{grid-template-columns:1fr}.key-item{min-height:135px}
.app-panel h2{font-size:25px}.footer-grid{grid-template-columns:1fr;gap:30px}
}

/* roulang page: category3 */
:root{
  --ink:#20231f;--paper:#f5f3ec;--lime:#b8e84a;--orange:#d86a3a;
  --mist:#d9ddd1;--soft:#eaebe4;--muted:#677067;--white:#fffef9;
  --line:rgba(32,35,31,.14);--radius:14px;--radius-lg:22px;
  --shadow:0 12px 30px rgba(32,35,31,.08);--container:1240px
}
*{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.7}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input{font:inherit}
button{cursor:pointer}
.container{width:min(calc(100% - 64px),var(--container));margin:auto}
.section{padding:82px 0}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--muted)}
.eyebrow:before{content:"";display:block;width:22px;height:3px;background:var(--lime)}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}
.section-head h2{margin:10px 0 0;font-size:clamp(28px,4vw,42px);line-height:1.15;letter-spacing:-.06em}
.section-intro{max-width:590px;margin:0;color:var(--muted)}
.btn{min-height:46px;padding:10px 20px;border:1px solid var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;transition:.22s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(32,35,31,.16)}
.btn:focus,a:focus,button:focus,input:focus{outline:3px solid rgba(184,232,74,.72);outline-offset:3px}
.btn-primary{background:var(--lime);color:var(--ink)}
.btn-dark{background:var(--ink);color:var(--lime)}
.btn-outline{background:transparent;color:var(--ink)}
.btn-outline:hover{background:var(--ink);color:var(--lime)}
.tag{display:inline-flex;align-items:center;border:1px solid var(--line);padding:3px 9px;font-size:12px;font-weight:800;color:var(--muted);line-height:1.3}
.tag.hot{border-color:var(--lime);background:rgba(184,232,74,.2);color:var(--ink)}
.tag.live{border-color:var(--orange);color:var(--orange)}
.site-header{position:sticky;top:0;z-index:20;background:rgba(245,243,236,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:flex;flex-direction:column;line-height:1.08;flex-shrink:0}
.brand strong{font-size:18px;letter-spacing:-.045em}
.brand small{font-size:10px;color:var(--muted);letter-spacing:.05em;margin-top:5px}
.nav{display:flex;align-items:center;gap:23px;margin-left:auto}
.nav a{height:48px;display:flex;align-items:center;position:relative;font-weight:700;font-size:14px}
.nav a.active:after,.nav a:hover:after{content:"";position:absolute;bottom:3px;left:0;width:100%;height:3px;background:var(--lime)}
.menu-btn{display:none;border:0;background:transparent;font-size:25px;padding:8px}
.page-bar{background:var(--ink);color:var(--white);padding:58px 0 52px}
.breadcrumb{font-size:13px;color:#c9cec5;margin-bottom:25px}
.breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.page-bar-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:end}
.page-bar h1{font-size:clamp(42px,6vw,68px);line-height:1;letter-spacing:-.08em;margin:12px 0 20px}
.page-bar p{max-width:650px;color:#cbd1c8;font-size:18px;margin:0}
.page-meta{border-left:3px solid var(--lime);padding:8px 0 8px 22px;color:#d5dad1}
.page-meta strong{display:block;color:var(--lime);font-size:28px;line-height:1.2}
.page-meta span{font-size:13px}
.preview{display:grid;grid-template-columns:1.06fr .94fr;gap:48px;align-items:center}
.phone-stage{min-height:510px;background:#e8e9df;border:1px solid var(--line);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.phone-stage:before,.phone-stage:after{content:"";position:absolute;border:1px solid rgba(32,35,31,.12);transform:rotate(-18deg)}
.phone-stage:before{width:520px;height:180px;top:70px;left:-120px}
.phone-stage:after{width:500px;height:130px;bottom:60px;right:-150px}
.phone{width:236px;height:454px;background:var(--ink);border:8px solid #11130f;border-radius:30px;padding:10px;position:relative;z-index:1;box-shadow:0 18px 30px rgba(32,35,31,.24)}
.phone-top{height:25px;text-align:center;color:#cdd4c7;font-size:10px}
.phone-screen{height:395px;background:var(--paper);border-radius:18px;overflow:hidden}
.app-head{background:var(--ink);color:var(--white);padding:17px 15px 13px}
.app-head b{font-size:18px}.app-head small{display:block;color:#aeb8a9;font-size:10px}
.app-tabs{display:flex;gap:8px;padding:12px 10px;border-bottom:1px solid var(--line);font-size:10px}
.app-tabs b{border-bottom:2px solid var(--lime);padding-bottom:5px}
.app-match{margin:12px 10px;padding:13px 11px;background:var(--white);border:1px solid var(--line)}
.app-match small{color:var(--muted);font-size:9px}.app-match strong{display:block;font-size:12px;margin:4px 0}
.app-score{color:var(--orange);font-weight:900;font-size:18px}
.app-news{margin:10px;padding:10px;background:#e9eadf;font-size:10px;line-height:1.45}
.preview-copy h2{font-size:36px;line-height:1.15;letter-spacing:-.06em;margin:12px 0}
.preview-copy p{color:var(--muted)}
.download-box{margin-top:27px;padding:22px;background:var(--white);border:1px solid var(--line);display:flex;align-items:center;gap:20px}
.qr{width:88px;height:88px;background:repeating-linear-gradient(45deg,var(--ink) 0 4px,var(--white) 4px 8px);border:8px solid var(--white);outline:1px solid var(--ink);flex-shrink:0}
.download-box small{display:block;color:var(--muted);margin-top:5px;font-size:12px}
.feature-map{display:grid;grid-template-columns:1.3fr .8fr .95fr;grid-template-rows:180px 180px;gap:16px}
.feature-card{background:var(--white);border:1px solid var(--line);padding:23px;position:relative;overflow:hidden;transition:.2s}
.feature-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.feature-card.large{grid-row:span 2;background:var(--ink);color:var(--white)}
.feature-card.large p{color:#c9d0c5}
.feature-card h3{font-size:22px;line-height:1.25;margin:12px 0 7px}
.feature-card p{font-size:14px;color:var(--muted);margin:0}
.feature-num{font-size:12px;color:var(--orange);font-weight:900}
.feature-card.large .feature-num{color:var(--lime)}
.feature-mark{position:absolute;right:20px;bottom:-16px;font-size:88px;font-weight:900;line-height:1;color:rgba(184,232,74,.16)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.step{min-height:190px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--soft)}
.step:nth-child(even){background:var(--white)}
.step b{display:block;color:var(--orange);font-size:30px;line-height:1}
.step h3{font-size:19px;margin:23px 0 8px}
.step p{font-size:14px;color:var(--muted);margin:0}
.reminder{background:var(--ink);color:var(--white)}
.reminder .section-intro{color:#cbd1c8}
.reminder-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}
.reminder h2{font-size:38px;line-height:1.15;letter-spacing:-.06em;margin:13px 0}
.reminder p{color:#cbd1c8}
.notice-list{border-left:1px solid rgba(255,255,255,.25)}
.notice-item{display:grid;grid-template-columns:120px 1fr auto;gap:18px;align-items:center;padding:19px 22px;border-bottom:1px solid rgba(255,255,255,.18)}
.notice-item:first-child{border-top:1px solid rgba(255,255,255,.18)}
.notice-item time{font-size:13px;color:#aeb9a8}
.notice-item h3{font-size:16px;margin:0}
.notice-item span{color:var(--lime);font-size:22px}
.content-preview{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px}
.story-cover{min-height:285px;background:var(--ink);color:var(--white);padding:29px;position:relative;overflow:hidden}
.story-cover:after{content:"资讯";position:absolute;right:-10px;bottom:-40px;font-size:150px;font-weight:900;color:rgba(184,232,74,.12)}
.story-cover h3{font-size:28px;line-height:1.25;max-width:360px;margin:20px 0 12px}
.story-cover p{color:#cbd1c8;max-width:360px}
.story-feed{background:var(--white);border:1px solid var(--line)}
.feed-item{display:grid;grid-template-columns:92px 1fr auto;gap:16px;align-items:center;padding:17px;border-bottom:1px solid var(--line)}
.feed-thumb{height:66px;background:linear-gradient(135deg,#b8e84a,#20231f 62%);position:relative}
.feed-thumb:after{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.5);transform:skew(-15deg)}
.feed-item h3{font-size:16px;line-height:1.35;margin:5px 0}
.feed-item small{color:var(--muted)}
.feed-arrow{font-size:22px}
.faq-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:55px}
.faq-layout h2{font-size:36px;line-height:1.18;letter-spacing:-.06em;margin:12px 0}
.faq-list{border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:transparent;padding:19px 0;text-align:left;font-weight:800;color:var(--ink)}
.faq-question span{font-size:23px;transition:.2s}
.faq-answer{display:none;color:var(--muted);font-size:15px;padding:0 40px 18px 0}
.faq-item.open .faq-answer{display:block}
.faq-item.open .faq-question span{transform:rotate(45deg)}
.support-bar{margin-top:34px;padding:22px;background:var(--white);border:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}
.support-bar p{margin:0;color:var(--muted);font-size:14px}
.site-footer{background:var(--ink);color:#f4f5ed;padding:58px 0 22px}
.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .9fr 1fr;gap:34px}
.footer-col p{color:#bfc8bb;max-width:255px;font-size:14px}
.footer-col h3{font-size:15px;color:var(--lime);margin:0 0 16px}
.footer-col>a:not(.brand){display:block;color:#cbd2c6;font-size:14px;margin:8px 0}
.footer-col>a:hover{color:var(--lime)}
.site-footer .brand small{color:#bfc8bb}
.footer-qr{display:flex;align-items:center;gap:18px}
.footer-qr .qr{background:repeating-linear-gradient(135deg,var(--lime) 0 4px,var(--ink) 4px 8px);outline:1px solid var(--lime)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.16);margin-top:42px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:#9ca79a;font-size:12px}
@media(max-width:992px){
  .container{width:min(calc(100% - 40px),var(--container))}
  .nav{gap:13px}
  .header-download{display:none}
  .page-bar-grid,.preview,.reminder-grid,.content-preview{grid-template-columns:1fr}
  .feature-map{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .feature-card.large{grid-row:auto;grid-column:span 2;min-height:210px}
  .footer-grid{grid-template-columns:1fr 1fr}
  .faq-layout{gap:28px}
}
@media(max-width:768px){
  .container{width:min(calc(100% - 32px),var(--container))}
  .nav{display:none;position:absolute;top:78px;left:0;right:0;padding:16px;background:var(--ink);flex-direction:column;align-items:stretch;gap:0}
  .nav.open{display:flex}
  .nav a{height:48px;color:var(--white);padding:0 12px}
  .nav a.active:after,.nav a:hover:after{left:12px;width:calc(100% - 24px)}
  .menu-btn{display:block}
  .section{padding:60px 0}
  .section-head{display:block}
  .section-intro{margin-top:12px}
  .page-bar{padding:42px 0}
  .page-bar h1{font-size:48px}
  .page-meta{margin-top:25px}
  .phone-stage{min-height:460px}
  .feature-map{grid-template-columns:1fr}
  .feature-card.large{grid-column:auto}
  .steps{grid-template-columns:1fr 1fr}
  .notice-item{grid-template-columns:85px 1fr}
  .notice-item span{display:none}
  .faq-layout{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-bottom{display:block}
  .footer-bottom span{display:block;margin-top:8px}
}
@media(max-width:520px){
  .nav-wrap{height:70px}
  .nav{top:70px}
  .page-bar h1{font-size:40px}
  .page-bar p{font-size:16px}
  .download-box{align-items:flex-start;flex-direction:column}
  .phone{transform:scale(.9)}
  .phone-stage{min-height:420px}
  .steps{grid-template-columns:1fr}
  .feed-item{grid-template-columns:70px 1fr}
  .feed-arrow{display:none}
  .feed-thumb{height:58px}
  .support-bar{display:block}
  .support-bar .btn{margin-top:15px;width:100%}
  .footer-grid{grid-template-columns:1fr}
}