/* roulang page: index */
:root{--bg:#07111f;--bg2:#0a1828;--panel:#0e2031;--panel2:#12273a;--text:#f2f7fa;--muted:#9db0bf;--line:rgba(192,220,238,.13);--cyan:#75e4d0;--amber:#f5c779;--pink:#f18d9d;--radius:10px;--shadow:0 18px 48px rgba(0,0,0,.28);--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}button,input{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(7,17,31,.91);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-wrap{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-weight:750;white-space:nowrap}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(145deg,#77e5d0,#2f9eaf);color:#07111f;font-size:17px;box-shadow:0 0 22px rgba(117,228,208,.2)}.nav-links{display:flex;align-items:center;gap:25px;color:#b4c3cf;font-size:14px}.nav-links a{padding:10px 0;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--cyan)}.nav-links .nav-cta{padding:9px 14px;border:1px solid rgba(117,228,208,.4);border-radius:7px;color:var(--cyan)}.menu-toggle{display:none;width:44px;height:42px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--text);cursor:pointer;font-size:20px}
.hero{position:relative;min-height:550px;display:flex;align-items:flex-end;overflow:hidden;background:#101d29}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.48}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,13,23,.94),rgba(5,13,23,.61) 56%,rgba(5,13,23,.18)),linear-gradient(0deg,rgba(5,13,23,.74),transparent 55%)}.hero-inner{position:relative;z-index:1;padding:82px 0 55px}.eyebrow{color:var(--cyan);font-size:12px;letter-spacing:1.3px;text-transform:uppercase}.hero h1{font-size:clamp(38px,5vw,62px);line-height:1.12;margin:15px 0 18px;max-width:720px}.hero p{max-width:760px;color:#d0dbe2;font-size:16px;margin:0 0 27px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:45px;padding:0 18px;border:1px solid transparent;border-radius:7px;background:var(--cyan);color:#071721;font-weight:700;box-shadow:0 0 24px rgba(117,228,208,.22);transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(117,228,208,.36)}.button.secondary{background:rgba(13,30,45,.78);border-color:var(--line);color:var(--text);box-shadow:none}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.version-line{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:34px;color:#b6c5d0;font-size:13px}.version-line span{padding:7px 11px;background:rgba(14,32,49,.77);border:1px solid var(--line);border-radius:6px}
section{padding:68px 0;border-bottom:1px solid rgba(192,220,238,.07)}section:nth-of-type(even){background:rgba(11,25,39,.48)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:28px}.section-head h2{font-size:27px;line-height:1.25;margin:0}.section-head p{max-width:680px;margin:9px 0 0;color:var(--muted);font-size:14px}.section-kicker{color:var(--amber);font-size:12px;margin-bottom:8px}.text-link{color:var(--cyan);font-size:13px;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.stat{padding:24px;background:rgba(14,32,49,.82)}.stat strong{display:block;font-size:27px;color:var(--cyan);line-height:1.2}.stat span{display:block;margin-top:8px;color:#dce7ed;font-size:14px}.stat small{display:block;color:var(--muted);margin-top:4px;font-size:12px}
.matrix{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}.matrix-item{min-height:154px;position:relative;overflow:hidden;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(19,43,61,.92),rgba(10,24,38,.85));transition:transform .2s,border-color .2s}.matrix-item:hover{transform:translateY(-3px);border-color:rgba(117,228,208,.45)}.matrix-item.feature{grid-row:span 2;min-height:324px;background-size:cover;background-position:center}.matrix-item.feature:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,13,23,.94),rgba(4,13,23,.08))}.matrix-item>*{position:relative}.matrix-item h3{margin:0 0 8px;font-size:19px}.matrix-item p{margin:0;color:var(--muted);font-size:13px;max-width:380px}.matrix-item .index{font-size:12px;color:var(--amber);margin-bottom:30px}
.compare{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:rgba(14,32,49,.7)}.compare th,.compare td{text-align:left;padding:15px 18px;border-bottom:1px solid var(--line);font-size:14px}.compare th{color:var(--cyan);font-weight:650;background:rgba(117,228,208,.06)}.compare td{color:#d2dde5}.compare tr:last-child td{border-bottom:0}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.milestone{position:relative;padding:18px 20px 10px 0;border-top:1px solid rgba(117,228,208,.42)}.milestone:before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 13px rgba(117,228,208,.4)}.milestone time{color:var(--amber);font-size:12px}.milestone h3{font-size:16px;margin:8px 0}.milestone p{font-size:13px;color:var(--muted);margin:0}
.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.searchbox{display:flex;align-items:center;gap:8px;flex:1;min-width:220px;max-width:360px;padding:0 12px;border:1px solid var(--line);border-radius:7px;background:#0c1b2a}.searchbox input{width:100%;height:41px;border:0;outline:0;background:transparent;color:var(--text)}.filter-chip{border:1px solid var(--line);border-radius:7px;background:#0c1b2a;color:#bfccd6;padding:0 14px;cursor:pointer}.filter-chip:hover,.filter-chip.selected{border-color:var(--cyan);color:var(--cyan)}.content-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.media-card{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:rgba(14,32,49,.78);transition:transform .22s,border-color .22s,box-shadow .22s}.media-card:hover{transform:translateY(-4px);border-color:rgba(117,228,208,.38);box-shadow:var(--shadow)}.poster{aspect-ratio:16/10;position:relative;background:#13283b}.poster img{height:100%;transition:transform .4s}.media-card:hover .poster img{transform:scale(1.035)}.poster .badge{position:absolute;top:10px;left:10px}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;background:rgba(7,17,31,.88);border:1px solid rgba(255,255,255,.14);color:var(--cyan);font-size:11px}.media-info{padding:13px 14px 15px}.media-info h3{font-size:15px;margin:0 0 8px}.meta-line{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px}.score{color:var(--amber)}.recommend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.recommend{display:grid;grid-template-columns:110px 1fr;min-height:126px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:rgba(14,32,49,.76)}.recommend img{height:100%;min-height:126px}.recommend-info{padding:15px}.rank-tag{color:var(--pink);font-size:11px}.recommend h3{margin:7px 0;font-size:16px}.recommend p{margin:0;color:var(--muted);font-size:12px}
.channels{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.channel{min-height:148px;padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .2s}.channel:hover{background:rgba(117,228,208,.06)}.channel .num{color:var(--amber);font-size:12px}.channel h3{font-size:18px;margin:9px 0 7px}.channel p{font-size:13px;color:var(--muted);margin:0}.ranking{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.rank-row{display:grid;grid-template-columns:38px minmax(100px,1fr) 90px 55px;gap:12px;align-items:center;padding:13px 4px;border-bottom:1px solid var(--line)}.rank-num{color:var(--amber);font-size:17px;font-weight:700}.rank-name{font-weight:600;font-size:14px}.rank-type{color:var(--muted);font-size:12px}.rank-score{text-align:right;color:var(--cyan);font-size:13px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.news-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:rgba(14,32,49,.7)}.news-card img{aspect-ratio:16/9}.news-copy{padding:14px}.news-copy time{font-size:11px;color:var(--amber)}.news-copy h3{font-size:15px;line-height:1.5;margin:7px 0 0}.news-card:hover{border-color:rgba(117,228,208,.4)}
.topic-band{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px}.topic{min-height:190px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--line);border-radius:8px;background-size:cover;background-position:center;position:relative;overflow:hidden}.topic:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,13,23,.93),rgba(4,13,23,.15))}.topic>*{position:relative}.topic h3{font-size:18px;margin:0 0 5px}.topic p{font-size:13px;color:#c1ced8;margin:0}.updates{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.update{display:flex;gap:13px;padding:16px;border-left:2px solid var(--cyan);background:rgba(14,32,49,.65)}.update time{min-width:62px;color:var(--amber);font-size:12px}.update strong{font-size:14px}.update span{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.assurance{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.assurance-item{display:flex;gap:14px}.assurance-icon{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border:1px solid rgba(117,228,208,.28);border-radius:8px;color:var(--cyan);font-size:18px}.assurance h3{margin:0 0 6px;font-size:16px}.assurance p{margin:0;color:var(--muted);font-size:13px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick-item{padding:18px;border:1px solid var(--line);border-radius:8px;background:rgba(14,32,49,.55)}.quick-item h3{font-size:15px;margin:0 0 8px;color:var(--cyan)}.quick-item p{font-size:13px;color:var(--muted);margin:0}.faq-list{max-width:900px}.faq-item{border-bottom:1px solid var(--line);padding:17px 0}.faq-item summary{font-weight:650;cursor:pointer;list-style:none}.faq-item summary:after{content:"＋";float:right;color:var(--cyan)}.faq-item[open] summary:after{content:"－"}.faq-item p{margin:10px 24px 0 0;color:var(--muted);font-size:14px}.subscribe{display:grid;grid-template-columns:1fr minmax(280px,430px);gap:24px;align-items:center;padding:28px;border:1px solid rgba(117,228,208,.2);border-radius:10px;background:linear-gradient(110deg,rgba(18,45,60,.85),rgba(14,32,49,.75))}.subscribe h2{font-size:24px;margin:0 0 8px}.subscribe p{color:var(--muted);margin:0;font-size:14px}.subscribe-form{display:flex;gap:8px}.subscribe-form input{width:100%;min-width:0;height:46px;padding:0 13px;border:1px solid var(--line);border-radius:7px;background:#081522;color:var(--text)}.form-note{grid-column:1/-1;color:var(--muted);font-size:12px;margin-top:-14px}.site-footer{padding:34px 0 26px;background:#060e18}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:22px;border-bottom:1px solid var(--line)}.footer-links{display:flex;gap:20px;color:var(--muted);font-size:13px}.footer-bottom{display:flex;justify-content:space-between;gap:15px;padding-top:17px;color:#8293a2;font-size:12px}.notice{color:var(--muted);font-size:12px}
@media(max-width:1024px){.content-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.channels{grid-template-columns:repeat(2,1fr)}.matrix{grid-template-columns:1fr 1fr}.matrix-item.feature{grid-row:span 2}.recommend-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.container{width:min(100% - 34px,var(--max))}.nav-wrap{height:66px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:66px;padding:10px 18px 18px;background:rgba(7,17,31,.98);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:2px}.nav-links.open{display:flex}.nav-links a{padding:12px 10px}.nav-links .nav-cta{text-align:center;margin-top:6px}.hero{min-height:520px}.hero-inner{padding:68px 0 42px}.hero p{font-size:15px}.section-head{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:repeat(2,1fr);gap:22px 10px}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.news-grid{grid-template-columns:repeat(2,1fr)}.ranking{grid-template-columns:1fr}.assurance{grid-template-columns:1fr 1fr}.quick-grid{grid-template-columns:1fr 1fr}.topic-band{grid-template-columns:1fr 1fr}.topic:first-child{grid-column:span 2}.updates{grid-template-columns:1fr 1fr}.subscribe{grid-template-columns:1fr}.form-note{grid-column:auto;margin-top:0}}
@media(max-width:520px){.container{width:calc(100% - 30px)}.hero{min-height:510px}.hero h1{font-size:39px}.hero-actions .button{flex:1}.version-line{gap:7px}.version-line span{font-size:11px;padding:6px 8px}section{padding:50px 0}.section-head h2{font-size:23px}.stats{grid-template-columns:1fr 1fr}.stat{padding:17px 14px}.stat strong{font-size:23px}.matrix{grid-template-columns:1fr}.matrix-item.feature{grid-row:auto;min-height:230px}.matrix-item{min-height:135px}.compare th,.compare td{padding:12px 9px;font-size:12px}.content-grid{grid-template-columns:1fr 1fr;gap:9px}.media-info{padding:10px}.media-info h3{font-size:13px}.badge{font-size:10px}.recommend-grid{grid-template-columns:1fr}.recommend{grid-template-columns:100px 1fr}.channels{grid-template-columns:1fr 1fr}.channel{padding:15px;min-height:155px}.channel h3{font-size:16px}.news-grid{grid-template-columns:1fr 1fr;gap:9px}.news-copy{padding:11px}.news-copy h3{font-size:13px}.timeline{grid-template-columns:1fr 1fr}.rank-row{grid-template-columns:30px minmax(80px,1fr) 65px 42px;gap:7px}.rank-name{font-size:13px}.rank-type{font-size:11px}.assurance,.quick-grid{grid-template-columns:1fr}.topic-band{grid-template-columns:1fr}.topic:first-child{grid-column:auto}.updates{grid-template-columns:1fr}.subscribe{padding:21px}.subscribe-form{flex-direction:column}.subscribe-form .button{width:100%}.footer-top,.footer-bottom{align-items:flex-start;flex-direction:column}.footer-links{flex-wrap:wrap;gap:14px}.notice{line-height:1.7}}

/* roulang page: category1 */
:root{--bg:#07111f;--bg2:#0a1828;--panel:#0e2031;--panel2:#12273a;--text:#f2f7fa;--muted:#9db0bf;--line:rgba(192,220,238,.13);--cyan:#75e4d0;--amber:#f5c779;--pink:#f18d9d;--radius:10px;--shadow:0 18px 48px rgba(0,0,0,.28);--max:1200px}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth;scroll-padding-top:90px}
    body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.65}
    a{color:inherit;text-decoration:none}
    img{display:block;width:100%;object-fit:cover}
    button{font:inherit}
    button,a{-webkit-tap-highlight-color:transparent}
    button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
    .container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}
    .site-header{position:sticky;top:0;z-index:20;background:rgba(7,17,31,.93);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
    .nav-wrap{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .brand{display:flex;align-items:center;gap:11px;font-weight:750;white-space:nowrap}
    .brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(145deg,#77e5d0,#2f9eaf);color:#07111f;font-size:17px;box-shadow:0 0 22px rgba(117,228,208,.2)}
    .nav-links{display:flex;align-items:center;gap:25px;color:#b4c3cf;font-size:14px}
    .nav-links a{padding:10px 0;transition:color .2s}
    .nav-links a:hover,.nav-links a.active{color:var(--cyan)}
    .nav-links .nav-cta{padding:9px 14px;border:1px solid rgba(117,228,208,.4);border-radius:7px;color:var(--cyan)}
    .menu-toggle{display:none;width:44px;height:42px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--text);cursor:pointer;font-size:20px}
    .hero{position:relative;min-height:430px;display:flex;align-items:flex-end;overflow:hidden;background:#101d29}
    .hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.52}
    .hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,13,23,.94),rgba(5,13,23,.57) 58%,rgba(5,13,23,.16)),linear-gradient(0deg,rgba(5,13,23,.78),transparent 60%)}
    .hero-inner{position:relative;z-index:1;padding:70px 0 48px}
    .eyebrow{color:var(--cyan);font-size:12px;letter-spacing:1.3px}
    .hero h1{font-size:clamp(38px,5vw,58px);line-height:1.12;margin:14px 0 16px;max-width:720px}
    .hero p{max-width:680px;color:#d0dbe2;font-size:16px;margin:0 0 24px}
    .button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:45px;padding:0 18px;border:1px solid transparent;border-radius:7px;background:var(--cyan);color:#071721;font-weight:700;box-shadow:0 0 24px rgba(117,228,208,.22);transition:transform .2s,box-shadow .2s}
    .button:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(117,228,208,.36)}
    .button.secondary{background:rgba(13,30,45,.78);border-color:var(--line);color:var(--text);box-shadow:none}
    section{padding:60px 0;border-bottom:1px solid rgba(192,220,238,.07)}
    section:nth-of-type(even){background:rgba(11,25,39,.48)}
    .section-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:26px}
    .section-head h2{font-size:26px;line-height:1.25;margin:0}
    .section-head p{max-width:700px;margin:9px 0 0;color:var(--muted);font-size:14px}
    .section-kicker{color:var(--amber);font-size:12px;margin-bottom:8px}
    .text-link{color:var(--cyan);font-size:13px;white-space:nowrap}
    .intro-strip{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center}
    .intro-copy{max-width:700px}
    .intro-copy p{color:var(--muted);margin:0}
    .intro-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
    .stat{padding:17px 18px;border:1px solid var(--line);border-radius:8px;background:rgba(14,32,49,.72)}
    .stat strong{display:block;color:var(--cyan);font-size:20px;line-height:1.3}
    .stat span{color:var(--muted);font-size:12px}
    .story-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}
    .story-feature{position:relative;min-height:330px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
    .story-feature img{position:absolute;inset:0;height:100%;opacity:.72}
    .story-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,13,23,.95),transparent 72%)}
    .story-feature-copy{position:absolute;z-index:1;left:24px;right:24px;bottom:22px}
    .story-feature h3{font-size:22px;margin:10px 0 5px}
    .story-feature p{color:#d0dbe2;font-size:13px;margin:0;max-width:500px}
    .story-stack{display:grid;gap:16px}
    .story-mini{display:grid;grid-template-columns:130px 1fr;min-height:156px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:rgba(14,32,49,.75)}
    .story-mini img{height:100%;min-height:156px}
    .story-mini div{padding:18px}
    .story-mini h3{margin:4px 0 7px;font-size:17px}
    .story-mini p{margin:0;color:var(--muted);font-size:13px}
    .badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;background:rgba(7,17,31,.88);border:1px solid rgba(255,255,255,.14);color:var(--cyan);font-size:11px}
    .work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
    .work-card{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:rgba(14,32,49,.78);transition:transform .22s,border-color .22s,box-shadow .22s}
    .work-card:hover{transform:translateY(-4px);border-color:rgba(117,228,208,.38);box-shadow:var(--shadow)}
    .work-card img{aspect-ratio:16/10;transition:transform .4s}
    .work-card:hover img{transform:scale(1.035)}
    .work-card .card-copy{padding:17px}
    .card-copy h3{font-size:17px;margin:0 0 7px}
    .card-copy p{font-size:13px;color:var(--muted);margin:0}
    .meta-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;color:var(--muted);font-size:12px}
    .rating{color:var(--amber)}
    .split-list{display:grid;grid-template-columns:1fr 1fr;gap:24px}
    .list-panel{padding:22px;border:1px solid var(--line);border-radius:8px;background:rgba(14,32,49,.55)}
    .list-panel h3{margin:0 0 14px;font-size:18px}
    .update-row{display:grid;grid-template-columns:92px 1fr auto;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}
    .update-row:last-child{border-bottom:0}
    .update-date{color:var(--amber);white-space:nowrap}
    .update-status{color:var(--cyan);font-size:11px}
    .topic-band{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
    .topic{min-height:145px;padding:20px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,rgba(19,43,61,.88),rgba(10,24,38,.85))}
    .topic:nth-child(2){border-top:2px solid var(--pink)}
    .topic:nth-child(3){border-top:2px solid var(--amber)}
    .topic h3{font-size:16px;margin:0 0 8px}
    .topic p{font-size:13px;color:var(--muted);margin:0}
    .news-list{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
    .news-item{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:rgba(14,32,49,.7);transition:border-color .2s}
    .news-item:hover{border-color:rgba(117,228,208,.4)}
    .news-item img{aspect-ratio:16/9}
    .news-copy{padding:14px}
    .news-copy h3{margin:0 0 8px;font-size:15px}
    .news-copy time{color:var(--muted);font-size:12px}
    .note-band{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;border:1px solid var(--line);border-left:3px solid var(--cyan);background:rgba(14,32,49,.58)}
    .note-band h2{font-size:20px;margin:0 0 5px}
    .note-band p{margin:0;color:var(--muted);font-size:13px}
    .site-footer{padding:32px 0 22px;background:#060e19}
    .footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:1px solid var(--line)}
    .footer-links{display:flex;gap:20px;flex-wrap:wrap;color:var(--muted);font-size:13px}
    .footer-links a:hover{color:var(--cyan)}
    .footer-bottom{display:flex;justify-content:space-between;gap:16px;padding-top:18px;color:#8294a2;font-size:12px}
    @media(max-width:1024px){.nav-links{gap:15px}.story-grid{grid-template-columns:1fr}.story-feature{min-height:300px}.story-stack{grid-template-columns:1fr 1fr}.story-mini{grid-template-columns:110px 1fr}}
    @media(max-width:768px){.container{width:min(var(--max),calc(100% - 36px))}.nav-wrap{height:68px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;padding:12px 20px 18px;background:rgba(7,17,31,.98);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:2px}.nav-links.open{display:flex}.nav-links a{padding:11px 10px}.nav-links .nav-cta{text-align:center;margin-top:5px}.hero{min-height:390px}.hero-inner{padding:58px 0 38px}.hero h1{font-size:38px}.intro-strip{grid-template-columns:1fr}.story-stack{grid-template-columns:1fr}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-list{grid-template-columns:1fr}.topic-band{grid-template-columns:1fr 1fr}.news-list{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{align-items:flex-start;flex-direction:column}.note-band{align-items:flex-start;flex-direction:column}}
    @media(max-width:520px){.container{width:calc(100% - 30px)}.hero{min-height:360px}.hero h1{font-size:34px}.hero p{font-size:14px}.work-grid,.news-list{grid-template-columns:1fr}.topic-band{grid-template-columns:1fr}.story-mini{grid-template-columns:100px 1fr}.story-mini div{padding:13px}.story-mini h3{font-size:15px}.intro-stats{gap:8px}.stat{padding:13px}.update-row{grid-template-columns:72px 1fr;gap:8px}.update-status{grid-column:2}.footer-top,.footer-bottom{align-items:flex-start;flex-direction:column}.footer-links{gap:12px 16px}section{padding:46px 0}}