/* roulang page: index */
:root{--ink:#211b2b;--deep:#17121f;--deep2:#2b2038;--paper:#f7f3ef;--card:#fffdfa;--muted:#746d7b;--line:#e4dce6;--cyan:#baff63;--orange:#ff765b;--purple:#7252b8;--radius:16px;--shadow:0 16px 42px rgba(38,23,52,.1);--max:1220px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit}button{cursor:pointer;border:0}.container{width:min(var(--max),calc(100% - 48px));margin:auto}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--orange);font-size:12px;font-weight:800;letter-spacing:.14em}.eyebrow:before{content:"";width:25px;height:3px;background:var(--orange);display:block}.section{padding:94px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.section-head h2{font-size:clamp(28px,4vw,46px);line-height:1.15;letter-spacing:-.04em}.section-head p{color:var(--muted);max-width:440px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 21px;border-radius:9px;font-weight:800;transition:.25s ease;border:1px solid transparent}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 22px #2a183530}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.btn-primary{background:var(--orange);color:#fff}.btn-dark{background:var(--deep);color:#fff}.btn-light{background:transparent;border-color:var(--line)}.tag{display:inline-block;padding:4px 10px;border-radius:30px;background:#eee8f2;color:var(--purple);font-size:12px;font-weight:800}.tag.live{background:var(--cyan);color:var(--deep)}.site-header{background:var(--deep);color:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff16}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:900;white-space:nowrap}.brand-mark{width:34px;height:34px;border-radius:50%;background:var(--cyan);position:relative;display:grid;place-items:center;color:var(--deep);font-weight:900}.brand-mark:after{content:"";width:12px;height:12px;border:2px solid var(--deep);border-radius:50%;position:absolute}.nav-links{display:flex;align-items:center;gap:25px;font-size:14px;color:#d9d1e1}.nav-links a{transition:.2s}.nav-links a:hover,.nav-links a.active{color:var(--cyan)}.nav-download{padding:9px 15px!important;background:var(--orange);border-radius:7px;color:#fff!important;font-weight:800}.menu-toggle{display:none;background:none;color:#fff;font-size:25px}.hero{background:var(--deep);color:#fff;padding:88px 0 105px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:680px;height:680px;border:1px solid #baff6330;border-radius:50%;right:-190px;top:-250px;box-shadow:0 0 0 48px #baff6308,0 0 0 112px #baff6305}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:70px;align-items:center;position:relative;z-index:1}.hero h1{font-size:clamp(42px,6.3vw,78px);line-height:1.08;letter-spacing:-.06em;margin:18px 0 23px;max-width:730px}.hero h1 em{font-style:normal;color:var(--cyan)}.hero-copy{font-size:18px;color:#c9c1d2;max-width:610px}.hero-actions{display:flex;gap:13px;margin-top:32px;flex-wrap:wrap}.hero-art{min-height:360px;position:relative;border:1px solid #ffffff20;border-radius:22px;background:linear-gradient(145deg,#3b2b50,#1e1728);overflow:hidden;padding:25px}.stadium{height:100%;border:1px solid #baff6350;border-radius:50%;transform:rotate(-18deg);position:relative;box-shadow:inset 0 0 70px #baff6311}.stadium:before,.stadium:after{content:"";position:absolute;inset:17% 8%;border:1px solid #ff765b80;border-radius:50%}.stadium:after{inset:35% 20%;border-color:#baff6380}.score{position:absolute;right:25px;top:24px;background:var(--card);color:var(--ink);padding:14px 18px;border-radius:11px;box-shadow:var(--shadow);font-size:13px}.score strong{display:block;font-size:26px;line-height:1.2}.hero-number{position:absolute;bottom:20px;left:24px;color:#ffffff50;font:700 70px/1 Arial}.ticker{background:var(--cyan);color:var(--deep);overflow:hidden}.ticker-inner{min-height:53px;display:flex;align-items:center;gap:28px;white-space:nowrap;font-size:13px;font-weight:800}.ticker-item{display:flex;align-items:center;gap:9px}.dot{width:8px;height:8px;background:var(--orange);border-radius:50%;display:inline-block}.dot.soon{background:var(--purple)}.news-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:24px}.feature-card,.news-card,.calendar-card,.match-card,.topic-card,.data-panel,.app-panel,.guide-card,.benefit-panel,.faq-wrap{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 5px 20px #30213b08}.feature-card{overflow:hidden;min-height:390px;position:relative;background:var(--deep2);color:#fff;padding:32px;display:flex;align-items:end}.feature-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 30%,#baff6340 0 2px,transparent 3px),linear-gradient(125deg,transparent 35%,#ff765b45 36%,transparent 38%);opacity:.8}.feature-content{position:relative;z-index:1}.feature-card h3{font-size:30px;line-height:1.25;margin:13px 0}.feature-card p{color:#d5ccdc}.news-stack{display:grid;gap:14px}.news-card{padding:22px;transition:.25s}.news-card:hover,.calendar-card:hover,.topic-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.news-card h3{font-size:18px;line-height:1.4;margin:8px 0}.meta{font-size:12px;color:var(--muted);display:flex;gap:14px}.calendar-strip{display:flex;gap:18px;overflow:auto;padding-bottom:8px}.calendar-card{min-width:235px;padding:22px}.date{font:800 30px/1 Arial;color:var(--purple);margin-bottom:13px}.calendar-card h3{font-size:17px;margin-bottom:8px}.match-section{background:var(--deep);color:#fff}.match-section .section-head p{color:#bdb2c7}.match-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.match-card{background:#2a2035;border-color:#ffffff16;color:#fff;padding:22px}.match-top{display:flex;justify-content:space-between;align-items:center;color:#bdb2c7;font-size:12px}.teams{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:24px 0;font-size:17px;font-weight:900}.versus{font:700 12px Arial;color:var(--orange)}.match-foot{border-top:1px solid #ffffff16;padding-top:12px;color:#bdb2c7;font-size:12px}.global-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:50px;align-items:center}.global-map{min-height:300px;border-radius:20px;background:var(--deep2);position:relative;overflow:hidden;padding:30px;color:#fff}.global-map:before{content:"";position:absolute;inset:35px;border:1px dashed #baff6380;border-radius:48% 42% 55% 38%;transform:rotate(-15deg)}.region{position:absolute;padding:8px 12px;border-radius:6px;background:var(--cyan);color:var(--deep);font-size:12px;font-weight:900}.r1{top:56px;left:80px}.r2{top:155px;right:75px}.r3{bottom:43px;left:145px}.topic-list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.topic-card{padding:20px;min-height:122px}.topic-card h3{font-size:18px;margin:9px 0 3px}.split{display:grid;grid-template-columns:1fr 1fr;gap:24px}.theme{border-radius:18px;padding:35px;min-height:280px;position:relative;overflow:hidden}.theme.football{background:var(--orange);color:#fff}.theme.basketball{background:#dfd7e9}.theme:after{content:"✦";position:absolute;right:25px;bottom:-26px;font-size:180px;opacity:.16}.theme h3{font-size:34px;line-height:1.15;margin:22px 0 10px}.esports{background:#24182f;color:#fff;border-radius:18px;padding:25px;display:flex;justify-content:space-between;gap:25px;align-items:center}.esports h3{font-size:25px}.rank{display:flex;gap:18px;align-items:center}.rank b{font:800 42px Arial;color:var(--cyan)}.data-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:24px}.data-panel{padding:28px}.big-number{font:900 68px/1 Arial;color:var(--purple);margin:12px 0}.bars{height:120px;display:flex;align-items:end;gap:12px}.bar{flex:1;background:var(--purple);border-radius:5px 5px 0 0}.bar:nth-child(2n){background:var(--orange)}.plan{background:var(--deep2);color:#fff;border-radius:20px;padding:48px;position:relative;overflow:hidden}.plan h2{font-size:clamp(32px,5vw,60px);line-height:1.1;max-width:700px}.plan p{color:#c9c0d1;max-width:620px;margin:18px 0 27px}.timeline{display:flex;gap:0;margin:28px 0}.timeline div{flex:1;border-top:2px solid #baff6355;padding:13px 10px 0;color:#bdb2c7;font-size:13px}.timeline strong{display:block;color:var(--cyan);margin-bottom:4px}.app-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:center;background:#e9e2ec;border-radius:20px;padding:42px}.device{width:185px;height:315px;border:8px solid var(--deep);border-radius:28px;background:linear-gradient(160deg,var(--purple),var(--deep));margin:auto;padding:22px 13px;color:#fff;box-shadow:20px 20px 0 #baff6350}.device-line{height:9px;background:#ffffff40;border-radius:8px;margin:13px 0}.device-score{background:var(--cyan);height:75px;border-radius:10px;margin-top:22px}.app-grid h2{font-size:38px;line-height:1.2}.app-grid p{color:var(--muted);margin:14px 0}.app-note{font-size:12px;color:var(--muted);margin-top:14px}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.guide-card{padding:22px}.guide-card b{font:800 32px Arial;color:var(--orange)}.guide-card h3{margin:12px 0 5px;font-size:17px}.benefit-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;padding:30px}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px}.benefits li{list-style:none;border-bottom:1px solid var(--line);padding:10px 0}.benefits li:before{content:"✓";color:var(--orange);font-weight:900;margin-right:9px}.faq-wrap{max-width:850px;margin:auto}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;background:none;text-align:left;padding:20px;font-weight:800;display:flex;justify-content:space-between;color:var(--ink)}.faq-a{display:none;padding:0 20px 20px;color:var(--muted)}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q span{transform:rotate(45deg)}.empty{padding:28px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:12px}.site-footer{background:var(--deep);color:#d3cada;padding:55px 0 22px}.footer-top{display:flex;justify-content:space-between;gap:35px;padding-bottom:35px;border-bottom:1px solid #ffffff18}.footer-top p{color:#958aa0;max-width:390px;margin-top:13px}.footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:14px}.footer-links a:hover{color:var(--cyan)}.copyright{font-size:12px;color:#82758d;padding-top:20px;display:flex;justify-content:space-between;gap:20px}
@media(max-width:1024px){.hero-grid,.global-grid,.data-grid{gap:30px}.nav-links{gap:14px}.match-list{grid-template-columns:1fr 1fr}.guide-grid{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.container{width:min(100% - 32px,var(--max))}.nav{height:68px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;background:var(--deep);padding:18px 20px;flex-direction:column;align-items:stretch;border-top:1px solid #ffffff16}.nav-links.show{display:flex}.nav-links a{padding:8px}.hero{padding:62px 0 70px}.hero-grid,.news-grid,.global-grid,.split,.data-grid,.app-grid,.benefit-panel{grid-template-columns:1fr}.hero-art{min-height:280px}.section{padding:66px 0}.section-head{display:block}.section-head p{margin-top:12px}.match-list{grid-template-columns:1fr}.topic-list{grid-template-columns:1fr 1fr}.app-grid{padding:28px}.device{margin-bottom:20px}.plan{padding:32px 24px}.timeline{overflow:auto}.timeline div{min-width:145px}.footer-top,.copyright{display:block}.footer-links{margin-top:25px}}
@media(max-width:520px){.brand{font-size:15px}.brand-mark{width:30px;height:30px}.hero h1{font-size:42px}.hero-copy{font-size:16px}.hero-actions .btn{width:100%}.topic-list,.benefits,.guide-grid{grid-template-columns:1fr}.feature-card{min-height:340px;padding:23px}.feature-card h3{font-size:25px}.app-grid h2{font-size:30px}.copyright span{display:block;margin-top:8px}}

/* roulang page: category1 */
:root{--ink:#211b2b;--deep:#17121f;--deep2:#2b2038;--paper:#f7f3ef;--card:#fffdfa;--muted:#746d7b;--line:#e4dce6;--cyan:#baff63;--orange:#ff765b;--purple:#7252b8;--radius:16px;--shadow:0 16px 42px rgba(38,23,52,.1);--max:1220px}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit}button{cursor:pointer;border:0}.container{width:min(var(--max),calc(100% - 48px));margin:auto}
    .eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--orange);font-size:12px;font-weight:800;letter-spacing:.14em}.eyebrow:before{content:"";width:25px;height:3px;background:var(--orange);display:block}
    .section{padding:82px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.section-head h2{font-size:clamp(28px,4vw,46px);line-height:1.15;letter-spacing:-.04em;margin:8px 0}.section-head p{color:var(--muted);max-width:460px;margin:0}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 21px;border-radius:9px;font-weight:800;transition:.25s ease;border:1px solid transparent}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 22px #2a183530}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.btn-primary{background:var(--orange);color:#fff}.btn-dark{background:var(--deep);color:#fff}.btn-light{background:transparent;border-color:var(--line)}.tag{display:inline-block;padding:4px 10px;border-radius:30px;background:#eee8f2;color:var(--purple);font-size:12px;font-weight:800}.tag.live{background:var(--cyan);color:var(--deep)}
    .site-header{background:var(--deep);color:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff16}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:900;white-space:nowrap}.brand-mark{width:34px;height:34px;border-radius:50%;background:var(--cyan);position:relative;display:grid;place-items:center;color:var(--deep);font-weight:900}.brand-mark:after{content:"";width:12px;height:12px;border:2px solid var(--deep);border-radius:50%;position:absolute}.nav-links{display:flex;align-items:center;gap:25px;font-size:14px;color:#d9d1e1}.nav-links a{transition:.2s}.nav-links a:hover,.nav-links a.active{color:var(--cyan)}.nav-download{padding:9px 15px!important;background:var(--orange);border-radius:7px;color:#fff!important;font-weight:800}.menu-toggle{display:none;background:none;color:#fff;font-size:25px}
    .category-hero{background:var(--deep);color:#fff;padding:75px 0 78px;position:relative;overflow:hidden}.category-hero:after{content:"01 / NEWS";position:absolute;right:5%;bottom:18px;color:#ffffff18;font:bold 80px Arial;letter-spacing:-.08em}.category-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;position:relative;z-index:1}.category-hero h1{font-size:clamp(44px,7vw,82px);line-height:1.05;letter-spacing:-.07em;margin:17px 0}.category-hero p{max-width:650px;color:#c9c1d2;font-size:18px;margin:0}.date-scale{border-left:1px solid #ffffff30;padding:16px 0 16px 28px;color:#d8cedf}.date-scale strong{display:block;color:var(--cyan);font:800 42px/1 Arial;margin-bottom:12px}.date-scale span{display:block;font-size:13px;letter-spacing:.12em}
    .filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);padding:15px 18px;border-radius:12px;margin-bottom:25px}.filter-bar label{font-size:13px;color:var(--muted);font-weight:800;margin-right:8px}.filter-btn{background:#f0ebf2;color:var(--ink);padding:8px 14px;border-radius:7px;font-size:13px;transition:.2s}.filter-btn:hover,.filter-btn.active{background:var(--deep);color:var(--cyan)}
    .news-layout{display:grid;grid-template-columns:1fr 300px;gap:28px}.news-list{display:grid;gap:13px}.news-item{display:grid;grid-template-columns:108px 1fr auto;gap:22px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:13px;padding:20px 22px;transition:.25s}.news-item:hover{transform:translateX(5px);box-shadow:var(--shadow);border-color:#c8b8d2}.news-date{font:800 25px/1 Arial;color:var(--orange)}.news-date small{display:block;font:700 12px "Microsoft YaHei";color:var(--muted);margin-top:8px}.news-item h3{font-size:19px;line-height:1.4;margin:7px 0}.news-item p{color:var(--muted);font-size:14px;margin:0}.meta{font-size:12px;color:var(--muted);display:flex;gap:13px;flex-wrap:wrap}.read-arrow{font-size:24px;color:var(--purple);transition:.2s}.news-item:hover .read-arrow{color:var(--orange);transform:translateX(4px)}.empty-state{padding:40px;text-align:center;background:var(--card);border:1px dashed var(--line);border-radius:13px;color:var(--muted)}
    .side-panel{background:var(--deep2);color:#fff;border-radius:16px;padding:25px;height:max-content;position:sticky;top:103px}.side-panel h3{margin:8px 0 18px;font-size:23px}.side-panel ul{list-style:none;margin:0;padding:0}.side-panel li{border-bottom:1px solid #ffffff18;padding:13px 0;color:#d5ccdc;font-size:14px}.side-panel li span{color:var(--cyan);font:700 12px Arial;margin-right:8px}.more-row{margin-top:23px}
    .ticker{background:#ebe4ee;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0}.ticker-inner{display:flex;gap:36px;overflow:hidden;white-space:nowrap}.ticker-item{display:flex;align-items:center;gap:9px;font-size:14px}.dot{width:8px;height:8px;border-radius:50%;background:var(--orange);display:inline-block}.dot.green{background:var(--cyan)}
    .feature-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.feature-card,.topic-card,.calendar-card,.app-panel,.faq-wrap{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 5px 20px #30213b08}.feature-card{padding:34px;min-height:245px;background:var(--deep2);color:#fff;position:relative;overflow:hidden}.feature-card:after{content:"";position:absolute;width:260px;height:260px;border:1px solid #baff6340;border-radius:50%;right:-40px;top:-90px}.feature-card h3{font-size:29px;line-height:1.25;margin:15px 0 9px;position:relative;z-index:1}.feature-card p{color:#d5ccdc;max-width:560px;position:relative;z-index:1}.topic-stack{display:grid;gap:20px}.topic-card{padding:25px;transition:.25s}.topic-card:hover,.calendar-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.topic-card h3{font-size:19px;margin:8px 0}.topic-card p{font-size:14px;color:var(--muted);margin:0}
    .calendar-strip{display:flex;gap:15px;overflow:auto;padding-bottom:8px}.calendar-card{min-width:225px;padding:22px}.calendar-card strong{font:800 30px Arial;color:var(--orange)}.calendar-card h3{font-size:17px;margin:9px 0 4px}.calendar-card p{color:var(--muted);font-size:13px;margin:0}
    .app-panel{background:#e9e2ec;padding:40px;display:grid;grid-template-columns:1fr 1.2fr;gap:35px;align-items:center}.app-panel h2{font-size:38px;line-height:1.2;margin:10px 0}.app-panel p{color:var(--muted)}.app-card{background:var(--deep);color:#fff;border-radius:17px;padding:27px;min-height:190px;position:relative;overflow:hidden}.app-card:before{content:"S";position:absolute;right:28px;top:12px;color:#baff6325;font:bold 130px Arial}.app-card h3{position:relative}.app-card .tag{position:relative}.app-note{font-size:12px;color:#a99eb1;margin-top:18px}
    .faq-wrap{max-width:850px;margin:auto}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;background:none;text-align:left;padding:19px 20px;font-weight:800;display:flex;justify-content:space-between;color:var(--ink)}.faq-q span{font-size:23px;transition:.2s}.faq-a{display:none;padding:0 20px 20px;color:var(--muted);font-size:14px}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q span{transform:rotate(45deg)}.closing{text-align:center;padding-top:28px}.site-footer{background:var(--deep);color:#d3cada;padding:55px 0 22px}.footer-top{display:flex;justify-content:space-between;gap:35px;padding-bottom:35px;border-bottom:1px solid #ffffff18}.footer-top p{color:#958aa0;max-width:390px;margin-top:13px}.footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:14px}.footer-links a:hover{color:var(--cyan)}.copyright{font-size:12px;color:#82758d;padding-top:20px;display:flex;justify-content:space-between;gap:20px}
    @media(max-width:1024px){.nav-links{gap:13px}.category-grid{gap:35px}.news-layout{grid-template-columns:1fr}.side-panel{position:static}.app-panel{grid-template-columns:1fr 1fr}}
    @media(max-width:768px){.container{width:min(var(--max),calc(100% - 32px))}.section{padding:62px 0}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:78px;left:0;right:0;background:var(--deep);padding:18px 20px;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #ffffff18}.nav-links.show{display:flex}.nav-links a{padding:12px 0}.category-grid,.feature-grid,.app-panel{grid-template-columns:1fr}.category-hero{padding:62px 0}.date-scale{border-left:0;border-top:1px solid #ffffff30;padding:22px 0 0}.section-head{display:block}.section-head p{margin-top:14px}.news-item{grid-template-columns:74px 1fr;gap:15px}.read-arrow{display:none}}
    @media(max-width:520px){.brand{font-size:16px}.brand-mark{width:31px;height:31px}.category-hero h1{font-size:48px}.category-hero p{font-size:16px}.news-item{padding:17px}.news-date{font-size:20px}.news-item h3{font-size:16px}.app-panel{padding:25px}.app-panel h2{font-size:30px}.footer-top,.copyright{display:block}.footer-links{margin-top:25px}.copyright span{display:block;margin-top:8px}}

/* roulang page: category2 */
:root{--ink:#211b2b;--deep:#17121f;--deep2:#2b2038;--paper:#f7f3ef;--card:#fffdfa;--muted:#746d7b;--line:#e4dce6;--cyan:#baff63;--orange:#ff765b;--purple:#7252b8;--radius:16px;--shadow:0 16px 42px rgba(38,23,52,.1);--max:1220px}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit}button{cursor:pointer;border:0}.container{width:min(var(--max),calc(100% - 48px));margin:auto}
    .site-header{background:var(--deep);color:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff16}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:900;white-space:nowrap}.brand-mark{width:34px;height:34px;border-radius:50%;background:var(--cyan);position:relative;display:grid;place-items:center;color:var(--deep);font-weight:900}.brand-mark:after{content:"";width:12px;height:12px;border:2px solid var(--deep);border-radius:50%;position:absolute}.nav-links{display:flex;align-items:center;gap:25px;font-size:14px;color:#d9d1e1}.nav-links a{transition:.2s}.nav-links a:hover,.nav-links a.active{color:var(--cyan)}.nav-download{padding:9px 15px!important;background:var(--orange);border-radius:7px;color:#fff!important;font-weight:800}.menu-toggle{display:none;background:none;color:#fff;font-size:25px}
    .section{padding:88px 0}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--orange);font-size:12px;font-weight:800;letter-spacing:.14em}.eyebrow:before{content:"";width:25px;height:3px;background:var(--orange);display:block}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.section-head h2{font-size:clamp(28px,4vw,46px);line-height:1.15;letter-spacing:-.04em;margin:9px 0}.section-head p{color:var(--muted);max-width:480px;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 21px;border-radius:9px;font-weight:800;transition:.25s ease;border:1px solid transparent}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 22px #2a183530}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.btn-primary{background:var(--orange);color:#fff}.btn-dark{background:var(--deep);color:#fff}.btn-light{background:transparent;border-color:var(--line)}.tag{display:inline-block;padding:4px 10px;border-radius:30px;background:#eee8f2;color:var(--purple);font-size:12px;font-weight:800}.tag.live{background:var(--cyan);color:var(--deep)}
    .category-hero{background:var(--deep);color:#fff;padding:74px 0 80px;position:relative;overflow:hidden}.category-hero:after{content:"GLOBAL / 02";position:absolute;right:5%;bottom:-30px;color:#ffffff0d;font:900 clamp(70px,13vw,180px)/1 Arial;letter-spacing:-.08em}.category-hero .container{position:relative;z-index:1}.category-hero h1{font-size:clamp(42px,7vw,82px);line-height:1.05;letter-spacing:-.07em;margin:18px 0 20px}.category-hero h1 em{font-style:normal;color:var(--cyan)}.category-hero p{max-width:680px;color:#c9c1d2;font-size:18px;margin:0}.hero-rule{display:flex;gap:9px;margin-top:37px;align-items:center;color:#a99cb5;font:700 12px Arial;letter-spacing:.12em}.hero-rule span{height:1px;width:90px;background:#baff6366}
    .filter-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#eee8f0;border:1px solid var(--line);padding:15px 18px;border-radius:12px;margin-bottom:24px}.filter-items{display:flex;gap:9px;flex-wrap:wrap}.filter-pill{padding:7px 13px;border:1px solid #d8cedd;background:var(--card);border-radius:30px;color:var(--muted);font-size:13px}.filter-pill.selected{background:var(--deep);border-color:var(--deep);color:#fff}
    .content-list{display:grid;gap:13px}.content-item{display:grid;grid-template-columns:95px 1fr auto;gap:22px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px 24px;transition:.25s}.content-item:hover{transform:translateX(5px);box-shadow:var(--shadow)}.date-box{font:800 14px/1.3 Arial;color:var(--orange);border-right:1px solid var(--line);padding-right:18px}.date-box strong{display:block;font-size:28px;color:var(--ink)}.content-item h3{font-size:20px;line-height:1.4;margin:7px 0 5px}.content-item p{color:var(--muted);font-size:14px;margin:0;max-width:690px}.item-arrow{font-size:24px;color:var(--purple);transition:.2s}.content-item:hover .item-arrow{color:var(--orange);transform:translateX(4px)}.empty-state{padding:38px;text-align:center;background:var(--card);border:1px dashed #cfc3d4;border-radius:14px;color:var(--muted)}
    .ticker{background:var(--deep2);color:#fff;border-radius:16px;padding:21px 25px;display:flex;align-items:center;gap:28px;overflow:hidden}.ticker-label{color:var(--cyan);font-weight:900;white-space:nowrap}.ticker-track{display:flex;gap:38px;white-space:nowrap;min-width:max-content}.ticker-item{display:flex;align-items:center;gap:10px;color:#ded5e4;font-size:14px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px #baff6318}.status-dot.orange{background:var(--orange);box-shadow:0 0 0 5px #ff765b22}
    .region-grid{display:grid;grid-template-columns:1.1fr 1.9fr;gap:28px}.region-intro{background:var(--deep);color:#fff;border-radius:var(--radius);padding:35px;position:relative;overflow:hidden}.region-intro:before{content:"";position:absolute;width:260px;height:260px;border:1px solid #baff6350;border-radius:50%;right:-90px;top:-65px;box-shadow:0 0 0 28px #baff630b,0 0 0 65px #baff6308}.region-intro h2{font-size:33px;line-height:1.25;margin:15px 0}.region-intro p{color:#c9c1d2}.region-grid-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.region-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;min-height:148px;transition:.25s}.region-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.region-card h3{margin:12px 0 5px;font-size:20px}.region-card p{margin:0;color:var(--muted);font-size:14px}
    .calendar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.calendar-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;min-height:180px}.calendar-card .cal-date{color:var(--orange);font:800 13px Arial;letter-spacing:.06em}.calendar-card h3{font-size:18px;line-height:1.35;margin:15px 0 7px}.calendar-card p{color:var(--muted);font-size:14px;margin:0}
    .ranking-section{background:var(--deep);color:#fff}.ranking-section .section-head p{color:#bdb2c7}.rank-list{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.rank-card{background:#2a2035;border:1px solid #ffffff16;border-radius:14px;padding:23px;display:flex;gap:17px;align-items:center}.rank-number{font:900 36px/1 Arial;color:var(--cyan)}.rank-card h3{font-size:18px;margin:0 0 4px}.rank-card p{margin:0;color:#bdb2c7;font-size:13px}.score{margin-left:auto;color:var(--orange);font:800 16px Arial}
    .data-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px}.data-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:30px}.data-panel h3{margin:0 0 22px;font-size:22px}.stat-row{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding:15px 0}.stat-row:last-child{border-bottom:0}.stat-label{color:var(--muted);font-size:14px}.stat-value{font:900 27px/1 Arial;color:var(--purple)}.trend-list{display:grid;gap:20px}.trend-item{display:grid;grid-template-columns:105px 1fr 55px;align-items:center;gap:16px}.trend-name{font-weight:800;font-size:14px}.bar{height:9px;background:#eee8f2;border-radius:9px;overflow:hidden}.bar i{display:block;height:100%;background:var(--orange);border-radius:9px}.trend-item b{font:800 13px Arial;color:var(--muted)}
    .guide-strip{background:#e9e2ec;border-radius:20px;padding:34px 38px}.guide-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.guide-card{position:relative;padding-right:20px}.guide-card:not(:last-child):after{content:"→";position:absolute;right:-8px;top:23px;color:var(--orange);font-size:24px}.guide-card b{font:800 30px Arial;color:var(--orange)}.guide-card h3{margin:10px 0 4px;font-size:17px}.guide-card p{color:var(--muted);font-size:14px;margin:0}
    .app-panel{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;align-items:center;background:var(--deep2);color:#fff;border-radius:20px;padding:42px}.app-panel h2{font-size:clamp(28px,4vw,42px);line-height:1.2;margin:13px 0}.app-panel p{color:#c9c1d2}.app-points{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.app-points span{border:1px solid #ffffff26;color:#ded5e4;border-radius:30px;padding:6px 11px;font-size:12px}.app-device{justify-self:end;width:240px;height:250px;border:8px solid #0f0c15;border-radius:28px;background:#f7f3ef;color:var(--ink);padding:17px;box-shadow:0 15px 0 #baff6340;transform:rotate(3deg)}.app-device .device-top{height:9px;width:65px;background:var(--deep);border-radius:5px;margin:0 auto 20px}.device-line{height:11px;background:#ddd4df;border-radius:4px;margin:13px 0}.device-line.short{width:62%}.device-score{background:var(--orange);height:62px;border-radius:10px;margin-top:19px;color:#fff;padding:10px;font-size:12px;font-weight:800}
    .faq-wrap{max-width:850px;margin:auto;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}.faq-item{border-bottom:1px solid var(--line)}.faq-item:last-child{border-bottom:0}.faq-q{width:100%;background:none;text-align:left;padding:20px;font-weight:800;display:flex;justify-content:space-between;color:var(--ink)}.faq-q span{font-size:22px;color:var(--orange);transition:.2s}.faq-a{display:none;padding:0 20px 20px;color:var(--muted)}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q span{transform:rotate(45deg)}
    .site-footer{background:var(--deep);color:#d3cada;padding:55px 0 22px}.footer-top{display:flex;justify-content:space-between;gap:35px;padding-bottom:35px;border-bottom:1px solid #ffffff18}.footer-top p{color:#958aa0;max-width:390px;margin-top:13px}.footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:14px}.footer-links a:hover{color:var(--cyan)}.copyright{font-size:12px;color:#82758d;padding-top:20px;display:flex;justify-content:space-between;gap:20px}
    @media(max-width:1024px){.nav-links{gap:14px}.region-grid,.data-layout{grid-template-columns:1fr}.calendar-grid{grid-template-columns:repeat(2,1fr)}.rank-list{grid-template-columns:1fr}.app-panel{grid-template-columns:1fr}.app-device{justify-self:start}}
    @media(max-width:768px){.container{width:min(var(--max),calc(100% - 32px))}.nav{height:68px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;left:16px;right:16px;top:68px;background:var(--deep2);padding:18px;border:1px solid #ffffff18;border-radius:0 0 14px 14px;flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a{padding:11px 8px}.nav-download{text-align:center;margin-top:7px}.brand{font-size:16px}.section{padding:64px 0}.section-head{display:block}.section-head p{margin-top:14px}.category-hero{padding:58px 0 65px}.category-hero h1{font-size:52px}.content-item{grid-template-columns:1fr auto;gap:10px}.date-box{border-right:0;border-bottom:1px solid var(--line);padding:0 0 9px;grid-column:1/-1}.date-box strong{display:inline;margin-right:8px}.item-arrow{grid-column:2;grid-row:2}.region-grid-cards{grid-template-columns:1fr}.guide-list{grid-template-columns:repeat(2,1fr)}.guide-card:not(:last-child):after{display:none}.ticker{align-items:flex-start;flex-direction:column;gap:10px}}
    @media(max-width:520px){.category-hero h1{font-size:43px}.category-hero p{font-size:16px}.filter-bar{display:block}.filter-items{margin-top:12px}.calendar-grid{grid-template-columns:1fr}.guide-strip{padding:25px 20px}.guide-list{grid-template-columns:1fr}.app-panel{padding:27px 21px}.app-device{width:210px}.footer-top,.copyright{display:block}.footer-links{margin-top:24px;gap:12px}.copyright span{display:block;margin-top:7px}.ticker-track{gap:23px}}

/* roulang page: article */
:root{--ink:#211b2b;--deep:#17121f;--deep2:#2b2038;--paper:#f7f3ef;--card:#fffdfa;--muted:#746d7b;--line:#e4dce6;--cyan:#baff63;--orange:#ff765b;--purple:#7252b8;--radius:16px;--shadow:0 16px 42px rgba(38,23,52,.1);--max:1220px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.75}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input{font:inherit}
button{cursor:pointer;border:0}
.container{width:min(var(--max),calc(100% - 48px));margin:auto}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--orange);font-size:12px;font-weight:800;letter-spacing:.14em}
.eyebrow:before{content:"";width:25px;height:3px;background:var(--orange);display:block}
.section{padding:76px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}
.section-head h2{margin:0;font-size:clamp(27px,4vw,42px);line-height:1.16;letter-spacing:-.04em}
.section-head p{margin:0;color:var(--muted);max-width:480px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 21px;border-radius:9px;font-weight:800;transition:.25s ease;border:1px solid transparent}
.btn:hover{transform:translateY(-3px);box-shadow:0 10px 22px #2a183530}
.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.btn-primary{background:var(--orange);color:#fff}
.btn-dark{background:var(--deep);color:#fff}
.btn-light{background:transparent;border-color:var(--line)}
.tag{display:inline-block;padding:4px 10px;border-radius:30px;background:#eee8f2;color:var(--purple);font-size:12px;font-weight:800}
.tag.live{background:var(--cyan);color:var(--deep)}
.site-header{background:var(--deep);color:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff16}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:900;white-space:nowrap}
.brand-mark{width:34px;height:34px;border-radius:50%;background:var(--cyan);position:relative;display:grid;place-items:center;color:var(--deep);font-weight:900}
.brand-mark:after{content:"";width:12px;height:12px;border:2px solid var(--deep);border-radius:50%;position:absolute}
.nav-links{display:flex;align-items:center;gap:25px;font-size:14px;color:#d9d1e1}
.nav-links a{transition:.2s}
.nav-links a:hover,.nav-links a.active{color:var(--cyan)}
.nav-download{padding:9px 15px!important;background:var(--orange);border-radius:7px;color:#fff!important;font-weight:800}
.menu-toggle{display:none;background:none;color:#fff;font-size:25px}
.site-footer{background:var(--deep);color:#d3cada;padding:55px 0 22px}
.footer-top{display:flex;justify-content:space-between;gap:35px;padding-bottom:35px;border-bottom:1px solid #ffffff18}
.footer-top p{color:#958aa0;max-width:390px;margin-top:13px}
.footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:14px}
.footer-links a:hover{color:var(--cyan)}
.copyright{font-size:12px;color:#82758d;padding-top:20px;display:flex;justify-content:space-between;gap:14px}
.article-hero{background:var(--deep);color:#fff;padding:54px 0 68px;position:relative;overflow:hidden}
.article-hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-130px;top:-270px;border:1px solid #baff6335;box-shadow:0 0 0 48px #baff6308,0 0 0 112px #baff6304}
.breadcrumbs{position:relative;z-index:1;display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#b9afc4;font-size:13px;margin-bottom:28px}
.breadcrumbs a{color:#eee8f3;transition:.2s}
.breadcrumbs a:hover{color:var(--cyan)}
.breadcrumbs i{font-style:normal;color:#776c82}
.article-heading{position:relative;z-index:1;max-width:930px}
.article-heading h1{font-size:clamp(34px,5vw,62px);line-height:1.16;letter-spacing:-.055em;margin:15px 0 22px}
.article-summary{max-width:760px;color:#cfc6d6;font-size:17px;margin:0}
.article-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:26px;color:#bdb2c7;font-size:13px}
.article-meta time{display:inline-flex;align-items:center;gap:7px}
.article-meta time:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cyan)}
.article-shell{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:54px;align-items:start;padding-top:58px}
.article-main{min-width:0}
.article-content{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(25px,5vw,62px);box-shadow:0 5px 20px #30213b08}
.article-content>*:first-child{margin-top:0}
.article-content h2{font-size:clamp(24px,3vw,33px);line-height:1.3;letter-spacing:-.03em;margin:2em 0 .72em;color:var(--deep)}
.article-content h3{font-size:21px;line-height:1.4;margin:1.7em 0 .65em;color:var(--deep2)}
.article-content p{font-size:16px;margin:0 0 1.35em;color:#3b3444}
.article-content ul,.article-content ol{padding-left:1.5em;margin:0 0 1.5em;color:#3b3444}
.article-content li{margin:.5em 0}
.article-content blockquote{margin:1.8em 0;padding:18px 22px;border-left:4px solid var(--orange);background:#fff3ef;color:#554456;font-weight:700}
.article-content img{border-radius:12px;margin:1.8em auto;box-shadow:var(--shadow)}
.article-content table{width:100%;border-collapse:collapse;margin:1.8em 0;font-size:14px;overflow:hidden;border-radius:10px}
.article-content th,.article-content td{padding:12px 14px;border:1px solid var(--line);text-align:left}
.article-content th{background:#f0eaf3;color:var(--deep)}
.article-content hr{border:0;border-top:1px solid var(--line);margin:2.3em 0}
.article-empty{text-align:center;padding:36px 10px}
.article-empty p{font-size:20px;font-weight:800;margin-bottom:20px}
.article-aside{position:sticky;top:104px}
.side-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:23px;margin-bottom:18px;box-shadow:0 5px 20px #30213b08}
.side-card h2{font-size:16px;margin:0 0 14px;color:var(--deep)}
.toc-list{list-style:none;padding:0;margin:0}
.toc-list li{border-bottom:1px solid var(--line)}
.toc-list li:last-child{border:0}
.toc-list a{display:block;padding:10px 0;color:var(--muted);font-size:14px;transition:.2s}
.toc-list a:hover{color:var(--orange);padding-left:4px}
.info-line{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}
.info-line:last-child{border:0}
.info-line span:first-child{color:var(--muted)}
.info-line strong{font-weight:800;text-align:right}
.score-strip{background:var(--deep2);color:#fff;padding:28px 0}
.score-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr .9fr;gap:1px;background:#ffffff18;border:1px solid #ffffff18}
.score-cell{background:var(--deep2);padding:20px 22px}
.score-cell small{display:block;color:#bdb2c7;font-size:11px;letter-spacing:.12em;margin-bottom:7px}
.score-cell strong{font-size:18px}
.score-cell .status{color:var(--cyan)}
.article-note{display:flex;gap:18px;align-items:flex-start;background:#ede7f0;border:1px solid #ddd1e3;border-radius:var(--radius);padding:25px}
.note-icon{flex:0 0 38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#fff;font-weight:900}
.article-note h2{font-size:18px;margin:0 0 5px}
.article-note p{margin:0;color:var(--muted);font-size:14px}
.topic-band{padding:74px 0;background:#eee7ed}
.topic-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}
.topic-card{padding:30px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 5px 20px #30213b08}
.topic-card.dark{background:var(--deep);color:#fff;border-color:var(--deep)}
.topic-card h2{font-size:25px;line-height:1.25;margin:12px 0}
.topic-card p{color:var(--muted);margin:0 0 20px}
.topic-card.dark p{color:#c9c0d0}
.topic-points{list-style:none;padding:0;margin:18px 0 0}
.topic-points li{padding:9px 0;border-bottom:1px solid #ffffff16;color:#d8d0de;font-size:14px}
.topic-points li:before{content:"●";color:var(--cyan);font-size:10px;margin-right:9px}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.related-card{display:flex;flex-direction:column;min-height:220px;padding:24px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 5px 20px #30213b08;transition:.25s}
.related-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.related-card h3{font-size:19px;line-height:1.42;margin:13px 0 9px}
.related-card p{font-size:14px;color:var(--muted);margin:0}
.related-card .tag{align-self:flex-start}
.cta-panel{background:var(--orange);color:#fff;border-radius:20px;padding:42px;display:flex;justify-content:space-between;align-items:center;gap:28px;position:relative;overflow:hidden}
.cta-panel:after{content:"S";position:absolute;right:26px;bottom:-55px;font:bold 180px Arial;color:#ffffff20}
.cta-panel h2{position:relative;z-index:1;font-size:clamp(27px,4vw,42px);line-height:1.18;margin:0 0 9px}
.cta-panel p{position:relative;z-index:1;margin:0;color:#fff0ec}
.cta-panel .btn{position:relative;z-index:1;background:var(--deep);color:#fff;white-space:nowrap}
@media(max-width:1024px){
.nav-links{gap:15px;font-size:13px}
.article-shell{grid-template-columns:minmax(0,1fr) 250px;gap:28px}
.score-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
.container{width:min(var(--max),calc(100% - 32px))}
.nav{height:68px}
.brand{font-size:16px}
.brand-mark{width:31px;height:31px}
.menu-toggle{display:block}
.nav-links{display:none;position:absolute;top:68px;left:0;right:0;background:var(--deep);padding:16px 22px 22px;flex-direction:column;align-items:stretch;border-bottom:1px solid #ffffff18}
.nav-links.open{display:flex}
.nav-links a{padding:8px 0}
.nav-download{text-align:center;margin-top:4px}
.article-hero{padding:38px 0 48px}
.article-heading h1{font-size:clamp(31px,8vw,48px)}
.article-summary{font-size:15px}
.article-shell{display:block;padding-top:35px}
.article-aside{position:static;margin-top:20px}
.side-card.toc-card{display:none}
.article-content{padding:25px 20px}
.article-content p{font-size:15px}
.section{padding:58px 0}
.topic-grid,.related-grid{grid-template-columns:1fr}
.score-strip{padding:20px 0}
.cta-panel{display:block;padding:31px 25px}
.cta-panel .btn{margin-top:20px}
.footer-top,.copyright{flex-direction:column}
.footer-links{gap:13px}
}
@media(max-width:520px){
.article-meta{gap:8px}
.score-grid{grid-template-columns:1fr}
.score-cell{padding:15px 17px}
.article-note{padding:19px;gap:13px}
.topic-card{padding:23px}
.related-card{min-height:0}
}

/* roulang page: category3 */
:root{--ink:#211b2b;--deep:#17121f;--deep2:#2b2038;--paper:#f7f3ef;--card:#fffdfa;--muted:#746d7b;--line:#e4dce6;--cyan:#baff63;--orange:#ff765b;--purple:#7252b8;--radius:16px;--shadow:0 16px 42px rgba(38,23,52,.1);--max:1220px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.7}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input{font:inherit}
button{cursor:pointer;border:0}
.container{width:min(var(--max),calc(100% - 48px));margin:auto}
.site-header{background:var(--deep);color:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid #ffffff16}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:900;white-space:nowrap}
.brand-mark{width:34px;height:34px;border-radius:50%;background:var(--cyan);position:relative;display:grid;place-items:center;color:var(--deep);font-weight:900;flex:none}
.brand-mark:after{content:"";width:12px;height:12px;border:2px solid var(--deep);border-radius:50%;position:absolute}
.nav-links{display:flex;align-items:center;gap:25px;font-size:14px;color:#d9d1e1}
.nav-links a{transition:.2s}
.nav-links a:hover,.nav-links a.active{color:var(--cyan)}
.nav-download{padding:9px 15px!important;background:var(--orange);border-radius:7px;color:#fff!important;font-weight:800}
.menu-toggle{display:none;background:none;color:#fff;font-size:25px;padding:4px}
.section{padding:92px 0}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--orange);font-size:12px;font-weight:800;letter-spacing:.14em}
.eyebrow:before{content:"";width:25px;height:3px;background:var(--orange);display:block}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:34px}
.section-head h2{font-size:clamp(28px,4vw,45px);line-height:1.15;letter-spacing:-.04em;margin:10px 0 0}
.section-head p{color:var(--muted);max-width:465px;margin:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 21px;border-radius:9px;font-weight:800;transition:.25s ease;border:1px solid transparent}
.btn:hover{transform:translateY(-3px);box-shadow:0 10px 22px #2a183530}
.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.btn-primary{background:var(--orange);color:#fff}
.btn-dark{background:var(--deep);color:#fff}
.btn-light{background:transparent;border-color:var(--line);color:var(--ink)}
.tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:30px;background:#eee8f2;color:var(--purple);font-size:12px;font-weight:800}
.tag.live{background:var(--cyan);color:var(--deep)}
.app-intro{background:var(--deep);color:#fff;position:relative;overflow:hidden;padding:68px 0 65px}
.app-intro:before{content:"";position:absolute;inset:auto -70px -170px auto;width:530px;height:530px;border:1px solid #baff6340;border-radius:50%;box-shadow:0 0 0 45px #baff6308,0 0 0 100px #baff6305}
.app-intro-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.12fr .88fr;gap:50px;align-items:end}
.breadcrumb{font-size:13px;color:#bfb3ca;margin-bottom:38px}
.breadcrumb a:hover{color:var(--cyan)}
.app-intro h1{font-size:clamp(42px,6vw,70px);line-height:1.06;letter-spacing:-.06em;margin:0 0 18px}
.app-intro h1 em{color:var(--cyan);font-style:normal}
.app-intro p{max-width:670px;color:#c9c0d1;font-size:17px;margin:0}
.intro-code{border:1px solid #ffffff1f;border-radius:15px;padding:24px;background:#ffffff0a;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}
.code-square{width:74px;height:74px;background:repeating-linear-gradient(90deg,#fff 0 5px,transparent 5px 10px),repeating-linear-gradient(#fff 0 5px,transparent 5px 10px);background-color:var(--cyan);border-radius:6px;box-shadow:inset 0 0 0 8px var(--cyan)}
.intro-code strong{display:block;font-size:17px}
.intro-code span{display:block;color:#bfb4c9;font-size:13px;margin-top:4px}
.mobile-showcase{display:grid;grid-template-columns:.78fr 1.22fr;gap:30px;align-items:center;background:#e9e2ec;border-radius:20px;padding:38px}
.phone{width:220px;height:434px;border:9px solid #251b30;background:#111;border-radius:35px;margin:auto;padding:12px;box-shadow:15px 18px 0 #7252b83b;position:relative}
.phone:before{content:"";position:absolute;width:75px;height:17px;background:#251b30;left:50%;top:0;transform:translateX(-50%);border-radius:0 0 12px 12px;z-index:2}
.phone-screen{height:100%;border-radius:24px;background:#f7f3ef;padding:24px 12px 12px;overflow:hidden}
.phone-screen b{font-size:13px}.screen-live{margin-top:15px;padding:14px 10px;border-radius:12px;background:var(--deep);color:#fff}.screen-live small{color:var(--cyan);font-size:9px}.screen-live strong{display:block;font-size:20px;margin:8px 0}.screen-row{margin-top:11px;padding:10px;border-radius:10px;background:#fff;display:flex;justify-content:space-between;font-size:10px}.screen-dot{width:8px;height:8px;border-radius:50%;background:var(--orange);display:inline-block}
.showcase-copy h2{font-size:clamp(29px,4vw,43px);line-height:1.18;letter-spacing:-.04em;margin:11px 0 16px}
.showcase-copy p{color:var(--muted);margin:0 0 23px}
.feature-lines{display:grid;gap:12px}
.feature-line{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid #d7ccd9;font-size:14px;font-weight:700}
.feature-line i{width:28px;height:28px;background:var(--deep);color:var(--cyan);border-radius:50%;font-style:normal;display:grid;place-items:center;font-size:12px}
.content-board{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 5px 20px #30213b08;overflow:hidden}
.board-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 26px;border-bottom:1px solid var(--line)}
.board-head h2{font-size:21px;margin:0}.board-head span{font-size:12px;color:var(--muted)}
.post-list{padding:0 26px}
.post-item{display:grid;grid-template-columns:88px 1fr auto;gap:22px;align-items:center;padding:23px 0;border-bottom:1px solid var(--line);transition:.2s}
.post-item:last-child{border:0}.post-item:hover{padding-left:8px}
.post-date{font:800 13px/1.35 Arial;color:var(--purple);letter-spacing:.08em}.post-date b{display:block;color:var(--ink);font-size:24px;margin-top:3px}
.post-copy h3{font-size:18px;line-height:1.4;margin:0 0 5px}.post-copy h3:hover{color:var(--purple)}
.post-copy p{font-size:14px;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.post-arrow{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#f0eaf2;color:var(--purple);font-weight:900}
.empty-state{padding:42px 0;color:var(--muted);text-align:center}
.list-more{padding:0 26px 25px}
.timeline{background:var(--deep2);color:#fff}
.timeline .section-head p{color:#c6bbd0}
.timeline-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff26}
.time-step{min-height:195px;padding:27px 24px;border-right:1px solid #ffffff26;position:relative}
.time-step:last-child{border:0}.time-step:before{content:"";position:absolute;top:-5px;left:24px;width:10px;height:10px;background:var(--cyan);border-radius:50%}
.time-step b{font:800 13px Arial;color:var(--cyan);letter-spacing:.12em}.time-step h3{font-size:19px;margin:18px 0 8px}.time-step p{font-size:14px;color:#cabed4;margin:0}
.scene-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:20px}
.scene-card{border-radius:var(--radius);border:1px solid var(--line);background:var(--card);padding:27px;min-height:225px;position:relative;overflow:hidden;transition:.25s}
.scene-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.scene-card:first-child{background:var(--deep);color:#fff}.scene-card:first-child p{color:#c8bdd2}.scene-card:first-child:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;border:34px solid #baff6324;right:-82px;bottom:-102px}
.scene-card h3{font-size:23px;position:relative;z-index:1;margin:14px 0 8px}.scene-card p{color:var(--muted);font-size:14px;position:relative;z-index:1;margin:0}.scene-icon{font-size:28px;color:var(--orange);font-weight:900}
.notice-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:25px;align-items:stretch}
.notice-card{padding:32px;border-radius:var(--radius);background:#f0eaf2;border:1px solid #ded2e2}
.notice-card h2{font-size:32px;line-height:1.2;margin:12px 0}.notice-card p{color:var(--muted)}
.compat-list{display:grid;gap:11px;margin-top:20px}.compat-list div{display:flex;gap:10px;align-items:center;font-size:14px;font-weight:700}.compat-list i{width:20px;height:20px;border-radius:50%;background:var(--cyan);display:grid;place-items:center;font-style:normal;font-size:11px}
.download-panel{padding:32px;background:var(--orange);border-radius:var(--radius);color:#fff;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.download-panel h3{font-size:27px;line-height:1.25;margin:0 0 8px}.download-panel p{margin:0;color:#fff0ed}.download-panel .btn{background:var(--deep);color:#fff;white-space:nowrap}
.data-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:25px}
.data-note{padding:31px;border-radius:var(--radius);background:var(--card);border:1px solid var(--line)}.data-note h2{font-size:33px;line-height:1.2;margin:12px 0}.data-note p{color:var(--muted)}
.signal-panel{border-radius:var(--radius);padding:30px;background:#ddd3e2;overflow:hidden}.signal-title{display:flex;justify-content:space-between;align-items:center;font-weight:800}.signal-bars{height:145px;display:flex;align-items:end;gap:15px;padding-top:25px;border-bottom:1px solid #b8aabb}.signal-bars span{flex:1;background:var(--purple);border-radius:8px 8px 0 0;position:relative}.signal-bars span:nth-child(2),.signal-bars span:nth-child(5){background:var(--orange)}.signal-bars span:nth-child(4){background:var(--deep)}.signal-bars span:after{content:attr(data-label);position:absolute;bottom:-27px;left:50%;transform:translateX(-50%);font-size:11px;color:var(--muted);white-space:nowrap}
.faq-wrap{max-width:890px;margin:auto;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 5px 20px #30213b08}.faq-item{border-bottom:1px solid var(--line)}.faq-item:last-child{border:0}.faq-q{width:100%;background:none;text-align:left;padding:20px 23px;font-weight:800;display:flex;justify-content:space-between;align-items:center;color:var(--ink)}.faq-q span{font-size:23px;line-height:1;transition:.2s}.faq-a{display:none;padding:0 23px 21px;color:var(--muted);font-size:15px}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q span{transform:rotate(45deg)}
.final-call{padding:0 0 94px}.final-call-box{background:var(--deep);color:#fff;border-radius:20px;padding:48px;display:flex;justify-content:space-between;align-items:center;gap:30px;position:relative;overflow:hidden}.final-call-box:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;border:40px solid #baff6314;right:-85px;top:-135px}.final-call-box h2{font-size:clamp(28px,4vw,42px);margin:0 0 9px;position:relative;z-index:1}.final-call-box p{color:#c5b9d0;margin:0;position:relative;z-index:1}.final-call-box .btn{position:relative;z-index:1;white-space:nowrap}
.site-footer{background:var(--deep);color:#d3cada;padding:55px 0 22px}.footer-top{display:flex;justify-content:space-between;gap:35px;padding-bottom:35px;border-bottom:1px solid #ffffff18}.footer-top p{color:#958aa0;max-width:390px;margin-top:13px}.footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:14px}.footer-links a:hover{color:var(--cyan)}.copyright{font-size:12px;color:#82758d;padding-top:20px;display:flex;justify-content:space-between;gap:15px}
@media(max-width:1024px){.nav-links{gap:14px;font-size:13px}.app-intro-grid{grid-template-columns:1fr}.intro-code{max-width:500px}.scene-grid{grid-template-columns:1fr 1fr}.scene-card:first-child{grid-column:span 2}.timeline-grid{grid-template-columns:repeat(2,1fr)}.time-step:nth-child(2){border-right:0}.time-step:nth-child(-n+2){border-bottom:1px solid #ffffff26}}
@media(max-width:768px){.container{width:min(100% - 32px,var(--max))}.nav{height:68px}.brand{font-size:16px}.brand-mark{width:31px;height:31px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;background:var(--deep);padding:17px 20px 22px;flex-direction:column;align-items:flex-start;border-top:1px solid #ffffff16}.nav-links.show{display:flex}.nav-download{width:100%;text-align:center}.section{padding:70px 0}.section-head{display:block;margin-bottom:25px}.section-head p{margin-top:14px}.app-intro{padding:48px 0}.app-intro h1{font-size:47px}.mobile-showcase,.data-grid,.notice-grid{grid-template-columns:1fr}.phone{width:200px;height:395px}.post-item{grid-template-columns:65px 1fr}.post-arrow{display:none}.scene-grid{grid-template-columns:1fr}.scene-card:first-child{grid-column:auto}.download-panel{grid-template-columns:1fr}.timeline-grid{grid-template-columns:1fr}.time-step,.time-step:nth-child(2){border-right:0;border-bottom:1px solid #ffffff26}.time-step:last-child{border-bottom:0}.final-call-box{display:block;padding:35px}.final-call-box .btn{margin-top:22px}.footer-top,.copyright{display:block}.footer-links{margin-top:25px}.copyright span{display:block;margin-top:7px}}
@media(max-width:520px){.app-intro h1{font-size:39px}.breadcrumb{margin-bottom:25px}.intro-code{padding:17px}.code-square{width:62px;height:62px}.mobile-showcase{padding:24px 18px}.showcase-copy h2{font-size:31px}.post-list{padding:0 18px}.board-head{padding:19px 18px}.list-more{padding:0 18px 20px}.post-item{gap:13px}.post-copy h3{font-size:16px}.post-copy p{font-size:13px}.download-panel{padding:25px}.section-head h2{font-size:30px}}

/* roulang page: category4 */
:root{--ink:#211b2b;--deep:#17121f;--deep2:#2b2038;--paper:#f7f3ef;--card:#fffdfa;--muted:#746d7b;--line:#e4dce6;--cyan:#baff63;--orange:#ff765b;--purple:#7252b8;--radius:16px;--shadow:0 16px 42px rgba(38,23,52,.1);--max:1220px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.7}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input{font:inherit}
button{cursor:pointer;border:0}
.container{width:min(var(--max),calc(100% - 48px));margin:auto}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--orange);font-size:12px;font-weight:800;letter-spacing:.14em}
.eyebrow:before{content:"";width:25px;height:3px;background:var(--orange);display:block}
.section{padding:88px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:31px}
.section-head h2{margin:0;font-size:clamp(27px,4vw,44px);line-height:1.15;letter-spacing:-.045em}
.section-head p{margin:0;color:var(--muted);max-width:470px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 21px;border-radius:9px;font-weight:800;transition:.25s ease;border:1px solid transparent}
.btn:hover{transform:translateY(-3px);box-shadow:0 10px 22px #2a183530}
.btn:active{transform:translateY(-1px)}
.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.btn-primary{background:var(--orange);color:#fff}
.btn-dark{background:var(--deep);color:#fff}
.btn-light{background:transparent;border-color:var(--line);color:var(--ink)}
.tag{display:inline-block;padding:4px 10px;border-radius:30px;background:#eee8f2;color:var(--purple);font-size:12px;font-weight:800}
.tag.live{background:var(--cyan);color:var(--deep)}
.site-header{background:var(--deep);color:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff16}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:900;white-space:nowrap}
.brand-mark{width:34px;height:34px;border-radius:50%;background:var(--cyan);position:relative;display:grid;place-items:center;color:var(--deep);font-weight:900;flex:none}
.brand-mark:after{content:"";width:12px;height:12px;border:2px solid var(--deep);border-radius:50%;position:absolute}
.nav-links{display:flex;align-items:center;gap:25px;font-size:14px;color:#d9d1e1}
.nav-links a{transition:.2s}
.nav-links a:hover,.nav-links a.active{color:var(--cyan)}
.nav-download{padding:9px 15px!important;background:var(--orange);border-radius:7px;color:#fff!important;font-weight:800}
.menu-toggle{display:none;background:none;color:#fff;font-size:25px;padding:6px}
.site-footer{background:var(--deep);color:#d3cada;padding:55px 0 22px}
.footer-top{display:flex;justify-content:space-between;gap:35px;padding-bottom:35px;border-bottom:1px solid #ffffff18}
.footer-top p{color:#958aa0;max-width:390px;margin:13px 0 0}
.footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:14px;align-content:flex-start}
.footer-links a:hover{color:var(--cyan)}
.copyright{font-size:12px;color:#82758d;padding-top:20px;display:flex;justify-content:space-between;gap:16px}
.page-banner{background:var(--deep);color:#fff;position:relative;overflow:hidden;padding:72px 0 68px}
.page-banner:before{content:"";position:absolute;width:560px;height:560px;border:1px solid #baff6333;border-radius:50%;right:-155px;top:-300px;box-shadow:0 0 0 40px #baff6308,0 0 0 98px #ff765b08}
.page-banner:after{content:"2026 / STARS KY / LANDMARK";position:absolute;right:6%;bottom:12px;color:#ffffff0b;font:900 clamp(30px,5vw,70px)/1 Arial,sans-serif;letter-spacing:.03em;white-space:nowrap}
.banner-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:45px;align-items:end}
.breadcrumb{display:flex;gap:10px;align-items:center;font-size:13px;color:#b9afc2;margin-bottom:22px}
.breadcrumb a:hover{color:var(--cyan)}
.breadcrumb i{font-style:normal;color:#766b7e}
.page-banner h1{font-size:clamp(42px,6vw,71px);line-height:1.06;letter-spacing:-.06em;margin:14px 0 18px}
.page-banner h1 em{font-style:normal;color:var(--cyan)}
.banner-copy{font-size:17px;color:#ccc2d4;max-width:690px;margin:0}
.banner-stamp{border-left:1px solid #ffffff26;padding:14px 0 14px 26px;display:grid;gap:12px}
.banner-stamp b{font:800 13px/1.3 Arial,sans-serif;letter-spacing:.18em;color:var(--cyan)}
.banner-stamp span{font-size:14px;color:#d2c7dc}
.banner-stamp strong{font-size:30px;line-height:1;color:#fff}
.timeline-strip{background:var(--card);border-bottom:1px solid var(--line)}
.strip-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.strip-item{padding:20px 23px;border-right:1px solid var(--line);position:relative}
.strip-item:last-child{border-right:0}
.strip-item:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--orange);position:absolute;top:28px;left:-4px}
.strip-item:first-child:before{display:none}
.strip-label{display:block;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.08em}
.strip-item b{display:block;font-size:16px;margin-top:3px}
.news-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px;align-items:start}
.editorial-list{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 5px 20px #30213b08}
.editorial-item{display:grid;grid-template-columns:100px 1fr auto;gap:23px;align-items:center;padding:25px 27px;border-bottom:1px solid var(--line);transition:.25s}
.editorial-item:last-child{border-bottom:0}
.editorial-item:hover{background:#fbf8fc}
.date-block{font:800 22px/1 Arial,sans-serif;color:var(--purple);letter-spacing:-.05em}
.date-block small{display:block;font:800 10px/1.4 Arial,sans-serif;letter-spacing:.12em;color:var(--orange);margin-top:8px}
.editorial-item h3{font-size:20px;line-height:1.35;margin:7px 0}
.editorial-item h3 a:hover{color:var(--purple)}
.editorial-item p{margin:0;color:var(--muted);font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.arrow-link{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:19px;color:var(--purple);transition:.2s}
.editorial-item:hover .arrow-link{background:var(--deep);border-color:var(--deep);color:var(--cyan);transform:rotate(-35deg)}
.sidebar-card{background:var(--deep2);color:#fff;border-radius:var(--radius);padding:25px;position:sticky;top:100px;overflow:hidden}
.sidebar-card:after{content:"";width:220px;height:220px;border:1px solid #baff6330;border-radius:50%;position:absolute;right:-100px;bottom:-120px}
.sidebar-card>*{position:relative;z-index:1}
.sidebar-card h3{font-size:25px;line-height:1.2;margin:12px 0}
.sidebar-card p{font-size:14px;color:#c7bacf;margin-bottom:20px}
.sidebar-points{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:12px}
.sidebar-points li{font-size:13px;padding-left:18px;position:relative;color:#e1d8e8}
.sidebar-points li:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--cyan);left:0;top:9px}
.empty-state{padding:50px 25px;text-align:center;color:var(--muted)}
.empty-state b{display:block;color:var(--ink);font-size:18px;margin-bottom:8px}
.signal-section{background:#eee6ef;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.signal-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:25px}
.signal-board{background:var(--deep);color:#fff;border-radius:var(--radius);padding:30px;position:relative;overflow:hidden}
.signal-board:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 48%,#baff6318 49%,transparent 50%),repeating-linear-gradient(90deg,transparent 0 34px,#ffffff08 35px 36px)}
.signal-board>*{position:relative;z-index:1}
.signal-board h3{font-size:28px;margin:15px 0 21px}
.signal-row{display:grid;grid-template-columns:80px 1fr auto;gap:14px;align-items:center;border-top:1px solid #ffffff20;padding:14px 0}
.signal-row b{font:800 12px Arial;color:var(--cyan);letter-spacing:.08em}
.signal-row span{font-size:15px}
.signal-row time{color:#cabfd2;font-size:13px}
.signal-note{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:30px}
.signal-note h3{font-size:25px;line-height:1.25;margin:10px 0}
.signal-note p{color:var(--muted);margin-bottom:21px}
.landmark-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}
.landmark-feature{min-height:405px;border-radius:var(--radius);padding:36px;position:relative;overflow:hidden;background:var(--deep2);color:#fff;display:flex;flex-direction:column;justify-content:flex-end}
.landmark-feature:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 21%,#baff6355 0 3px,transparent 4px),radial-gradient(circle at 73% 22%,transparent 0 90px,#baff6320 91px 92px,transparent 93px),linear-gradient(140deg,transparent 44%,#ff765b5c 45%,transparent 46%)}
.landmark-feature>*{position:relative;z-index:1}
.landmark-feature h3{font-size:clamp(29px,3.5vw,43px);line-height:1.12;max-width:600px;margin:13px 0}
.landmark-feature p{color:#d5cadc;max-width:590px;margin:0}
.landmark-side{display:grid;gap:24px}
.landmark-card{padding:27px;border-radius:var(--radius);border:1px solid var(--line);background:var(--card);transition:.25s}
.landmark-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.landmark-card:nth-child(2){background:#e6deea}
.landmark-card b{font:900 12px Arial;color:var(--orange);letter-spacing:.12em}
.landmark-card h3{font-size:22px;line-height:1.25;margin:10px 0 6px}
.landmark-card p{font-size:14px;color:var(--muted);margin:0}
.matrix{background:var(--deep);color:#fff}
.matrix .section-head p{color:#c4b9cd}
.matrix-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.matrix-card{min-height:178px;padding:22px;border:1px solid #ffffff1c;border-radius:13px;background:#ffffff08;display:flex;flex-direction:column;justify-content:space-between;transition:.25s}
.matrix-card:hover{background:#ffffff12;border-color:#baff6360;transform:translateY(-4px)}
.matrix-card small{font:800 11px Arial;color:var(--cyan);letter-spacing:.1em}
.matrix-card h3{font-size:20px;line-height:1.25;margin:16px 0 0}
.matrix-card span{font-size:13px;color:#cec3d5}
.calendar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.calendar-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;transition:.25s}
.calendar-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.calendar-date{font:900 30px/1 Arial;color:var(--purple);letter-spacing:-.06em}
.calendar-date small{font-size:12px;letter-spacing:.08em;color:var(--orange);margin-left:7px}
.calendar-card h3{font-size:19px;line-height:1.35;margin:20px 0 9px}
.calendar-card p{font-size:14px;color:var(--muted);margin:0}
.calendar-foot{margin-top:19px;padding-top:14px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:12px}
.data-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}
.data-intro{padding:32px;background:#e9e2ec;border-radius:var(--radius)}
.data-intro h2{font-size:38px;line-height:1.16;margin:13px 0}
.data-intro p{color:var(--muted);margin:0}
.data-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px}
.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.stat{padding:16px 0;border-bottom:1px solid var(--line)}
.stat b{display:block;font-size:33px;line-height:1;color:var(--purple);letter-spacing:-.06em}
.stat span{font-size:13px;color:var(--muted);display:block;margin-top:9px}
.trend{height:130px;margin-top:27px;border-bottom:1px solid var(--line);position:relative;background:repeating-linear-gradient(0deg,transparent 0 31px,#e8e1e9 32px 33px)}
.trend svg{width:100%;height:100%;position:absolute;inset:0}
.app-panel{background:var(--deep2);color:#fff;border-radius:20px;padding:42px;display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:center;overflow:hidden;position:relative}
.app-panel:before{content:"";width:320px;height:320px;border:1px solid #baff6333;border-radius:50%;position:absolute;right:-110px;top:-170px}
.app-copy,.phone-preview{position:relative;z-index:1}
.app-copy h2{font-size:clamp(31px,4vw,45px);line-height:1.14;margin:14px 0}
.app-copy p{color:#c9bed1;max-width:510px}
.app-list{padding:0;margin:22px 0;list-style:none;display:grid;gap:10px}
.app-list li{font-size:14px;color:#e1d8e8;padding-left:19px;position:relative}
.app-list li:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cyan);position:absolute;left:0;top:9px}
.phone-preview{display:flex;justify-content:center}
.phone{width:220px;min-height:326px;border-radius:27px;border:7px solid #4f425b;background:#f8f4ef;color:var(--ink);padding:16px;box-shadow:0 18px 45px #08040d66}
.phone-notch{width:74px;height:15px;background:var(--deep);border-radius:0 0 10px 10px;margin:-16px auto 18px}
.phone-head{font:900 12px Arial;display:flex;justify-content:space-between;margin-bottom:14px}
.phone-live{background:var(--deep);color:#fff;border-radius:12px;padding:15px}
.phone-live small{color:var(--cyan);font:800 9px Arial;letter-spacing:.08em}
.phone-live b{display:block;font-size:17px;line-height:1.25;margin:7px 0}
.phone-live span{font-size:11px;color:#cfc5d8}
.phone-news{padding:13px 0;border-bottom:1px solid #dfd7e1;font-size:11px;font-weight:800}
.faq-wrap{max-width:900px;margin:auto;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 5px 20px #30213b08;overflow:hidden}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item:last-child{border-bottom:0}
.faq-q{width:100%;background:none;text-align:left;padding:20px 23px;font-weight:800;display:flex;justify-content:space-between;align-items:center;color:var(--ink);gap:20px}
.faq-q span{font-size:24px;color:var(--purple);transition:.25s;font-weight:400}
.faq-a{display:none;padding:0 23px 22px;color:var(--muted);font-size:15px}
.faq-item.open .faq-a{display:block}
.faq-item.open .faq-q span{transform:rotate(45deg)}
.closing{padding:0 0 92px}
.closing-box{background:var(--orange);border-radius:20px;padding:38px 42px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden}
.closing-box:after{content:"S";position:absolute;right:26px;bottom:-56px;font:900 180px/1 Arial;color:#ffffff1f}
.closing-box>*{position:relative;z-index:1}
.closing-box h2{font-size:clamp(28px,4vw,43px);line-height:1.15;margin:0 0 8px}
.closing-box p{margin:0;color:#fff0ec}
.closing-box .btn{background:var(--deep);color:#fff;white-space:nowrap}
@media(max-width:1024px){
.nav-links{gap:16px;font-size:13px}.banner-grid,.news-layout,.data-layout{grid-template-columns:1fr}.sidebar-card{position:relative;top:auto}.matrix-grid{grid-template-columns:repeat(2,1fr)}.app-panel{grid-template-columns:1fr}.phone-preview{justify-content:flex-start}.landmark-grid{grid-template-columns:1fr}.signal-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
.container{width:min(var(--max),calc(100% - 32px))}.nav{height:68px}.brand{font-size:16px}.brand-mark{width:30px;height:30px}.menu-toggle{display:block}.nav-links{position:absolute;left:0;right:0;top:68px;background:var(--deep);padding:18px 24px 23px;display:none;flex-direction:column;align-items:flex-start;gap:14px;border-bottom:1px solid #ffffff16}.nav-links.show{display:flex}.nav-download{width:100%;text-align:center}.page-banner{padding:50px 0}.banner-stamp{border-left:0;border-top:1px solid #ffffff26;padding:22px 0 0}.strip-grid{overflow:auto;grid-template-columns:repeat(4,190px)}.strip-item{padding:17px}.section{padding:65px 0}.section-head{display:block;margin-bottom:25px}.section-head p{margin-top:12px}.editorial-item{grid-template-columns:72px 1fr;gap:15px;padding:21px 18px}.editorial-item .arrow-link{display:none}.date-block{font-size:18px}.editorial-item h3{font-size:18px}.calendar-grid{grid-template-columns:1fr}.matrix-grid{grid-template-columns:1fr 1fr}.stat-grid{grid-template-columns:1fr}.app-panel{padding:31px 25px}.closing-box{padding:31px 25px;display:block}.closing-box .btn{margin-top:21px}.footer-top,.copyright{display:block}.footer-links{margin-top:28px}.copyright span{display:block;margin-top:7px}
}
@media(max-width:520px){
.page-banner h1{font-size:42px}.banner-copy{font-size:15px}.matrix-grid{grid-template-columns:1fr}.landmark-feature{min-height:330px;padding:26px}.landmark-feature h3{font-size:30px}.signal-board,.signal-note,.data-intro,.data-panel{padding:24px 20px}.signal-row{grid-template-columns:60px 1fr}.signal-row time{display:none}.phone-preview{justify-content:center}.section-head h2{font-size:30px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:11px}.app-copy h2{font-size:32px}
}