:root{--ink:#172033;--ink-2:#24304A;--navy:#17284B;--navy-2:#223A68;--bg:#F5F3EE;--bg-2:#EEF3F6;--surface:#FFFFFF;--surface-soft:#FAF8F4;--coral:#F05A5B;--coral-dark:#D9474D;--cyan:#35B8C8;--cyan-soft:#DDF5F7;--amber:#F2B84B;--text:#20283A;--text-2:#596377;--text-3:#8A93A3;--line:rgba(23,32,51,.11);--line-light:rgba(255,255,255,.16);--shadow:0 10px 30px rgba(24,39,67,.10);--shadow-strong:0 20px 54px rgba(20,34,62,.18);--radius:12px;--radius-card:18px;--radius-large:28px;--wrap:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block;object-fit:cover}.wrap{width:min(calc(100% - 40px),var(--wrap));margin:auto}.ticker{height:30px;background:var(--navy);color:#eef7ff;font-size:13px;overflow:hidden}.ticker-track{height:30px;display:flex;align-items:center;gap:22px;white-space:nowrap}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan)}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.header-inner{min-height:70px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;min-width:max-content}.brand img{border-radius:12px}.brand span{display:flex;flex-direction:column;line-height:1.2}.brand small{font-size:11px;color:var(--text-3);margin-top:4px}.main-nav{display:flex;align-items:stretch;gap:18px;margin-left:auto}.main-nav a{position:relative;display:flex;align-items:center;font-weight:650;color:var(--text-2)}.main-nav a.active{color:var(--navy)}.main-nav a.active:after{content:"";position:absolute;height:2px;width:20px;background:var(--coral);bottom:13px;left:50%;transform:translateX(-50%)}.header-actions{display:flex;gap:12px;font-size:14px}.ghost-btn,.header-actions a{border:0;background:none;padding:7px 9px;color:var(--navy);font:inherit;cursor:pointer}.menu-btn{display:none}.search-layer{position:fixed;z-index:80;inset:0;background:rgba(23,40,75,.75);padding:14vh 20px}.search-layer form{max-width:760px;margin:auto;background:#fff;border-radius:24px;padding:28px;box-shadow:var(--shadow-strong)}.search-layer label{font-size:25px;font-weight:800;display:block;margin-bottom:14px}.search-layer form div{display:flex;gap:8px}.search-layer input{flex:1;padding:13px;border:1px solid var(--line);border-radius:10px}.search-layer button,.btn{border:0;border-radius:10px;padding:11px 16px;background:var(--navy);color:#fff;font-weight:700;cursor:pointer}.btn.coral{background:var(--coral)}.btn.light{background:#fff;color:var(--navy)}section{padding:58px 0}.section-soft{background:var(--bg-2)}.section-dark{background:var(--navy);color:#fff}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:24px}.section-head h2{font-size:clamp(25px,3vw,38px);line-height:1.2;margin:5px 0}.section-head p{max-width:620px;color:var(--text-2);margin:0}.section-dark .section-head p{color:#d3deef}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.15em;color:var(--coral);text-transform:uppercase}.hero{padding:34px 0 54px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:stretch}.hero-copy{background:var(--navy);color:white;border-radius:var(--radius-large);padding:clamp(30px,5vw,68px);display:flex;flex-direction:column;justify-content:center}.hero-copy h1{font-size:clamp(38px,5.2vw,72px);line-height:1.02;letter-spacing:-.04em;margin:12px 0 18px}.hero-copy p{color:#dce7f5;font-size:18px;max-width:700px}.hero-media{position:relative;border-radius:var(--radius-large);overflow:hidden;min-height:520px}.hero-media img{height:100%;width:100%}.hero-media .overlay-card{position:absolute;left:20px;right:20px;bottom:20px;background:rgba(255,255,255,.92);padding:18px;border-radius:18px}.cta-row{display:flex;gap:10px;margin-top:15px}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}.stat-strip div{border:1px solid var(--line-light);border-radius:14px;padding:13px}.stat-strip b{font-size:24px;display:block}.focus-list{margin-top:20px;display:grid;gap:8px}.focus-list a{padding:9px 0;border-top:1px solid var(--line-light)}.tag-wall{display:flex;flex-wrap:wrap;gap:12px}.trend-tag{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--line);font-weight:700}.trend-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cards.three{grid-template-columns:repeat(3,1fr)}.media-card,.info-card,.comment-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;box-shadow:0 5px 18px rgba(24,39,67,.05)}.media-thumb{display:block;aspect-ratio:16/9;overflow:hidden}.media-thumb img{width:100%;height:100%;transition:.25s transform}.media-card:hover img{transform:scale(1.025)}.media-body,.info-card,.comment-card{padding:18px}.media-body h3,.info-card h3{margin:8px 0 7px;font-size:19px;line-height:1.35}.media-body p,.info-card p,.comment-card p{color:var(--text-2);margin:0}.meta-row{display:flex;gap:9px;align-items:center;color:var(--text-3);font-size:13px}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:var(--cyan-soft);color:var(--navy);font-size:12px;font-weight:800}.ranking{counter-reset:rank;display:grid;gap:0}.rank-row{counter-increment:rank;display:grid;grid-template-columns:54px 1fr 120px 90px;gap:12px;align-items:center;padding:16px 8px;border-bottom:1px solid var(--line)}.rank-row:before{content:counter(rank,decimal-leading-zero);font-size:24px;font-weight:900;color:var(--coral)}.rank-row .heat{text-align:right;color:var(--text-3)}.timeline{position:relative;margin-left:10px}.timeline:before{content:"";position:absolute;top:0;bottom:0;left:8px;width:2px;background:var(--line)}.timeline-item{position:relative;padding:0 0 22px 38px}.timeline-item:before{content:"";position:absolute;left:2px;top:7px;width:14px;height:14px;border-radius:50%;background:var(--surface);border:4px solid var(--coral)}.schedule{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.schedule article{background:white;border-radius:16px;padding:18px;border-top:3px solid var(--coral)}.schedule time{font-size:28px;font-weight:900;color:var(--navy)}.split{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.split img{border-radius:24px;aspect-ratio:4/3;width:100%;height:100%}.feature-list{display:grid;gap:12px}.feature-list li{list-style:none;padding:12px 0;border-bottom:1px solid var(--line)}.mosaic{display:grid;grid-template-columns:1.3fr .7fr .7fr;grid-auto-rows:220px;gap:14px}.mosaic article{position:relative;overflow:hidden;border-radius:20px}.mosaic article:first-child{grid-row:span 2}.mosaic img{width:100%;height:100%}.mosaic .caption{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 16px;background:linear-gradient(transparent,rgba(23,40,75,.9));color:white}.horizontal{display:flex;gap:16px;overflow:auto;padding-bottom:10px;scroll-snap-type:x mandatory}.horizontal .media-card{min-width:310px;scroll-snap-align:start}.notice{padding:18px 20px;border-left:4px solid var(--coral);background:#fff;border-radius:0 14px 14px 0}.page-hero{padding:38px 0}.page-hero-grid{display:grid;grid-template-columns:1fr 520px;gap:36px;align-items:center}.page-hero h1{font-size:clamp(38px,5vw,66px);line-height:1.05;margin:10px 0}.page-hero img{border-radius:26px;aspect-ratio:3/2;width:100%}.lead{font-size:18px;color:var(--text-2);max-width:780px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.filters a,.filters button{padding:8px 12px;border-radius:9px;border:1px solid var(--line);background:#fff}.breadcrumb{padding:20px 0 0;display:flex;gap:8px;color:var(--text-3);font-size:14px}.detail-wrap{max-width:900px;margin:auto}.detail-cover{width:100%;aspect-ratio:16/9;border-radius:24px;margin:20px 0}.prose{font-size:18px}.prose p{margin:1.2em 0}.faq{display:grid;gap:10px}.faq-item{background:white;border:1px solid var(--line);border-radius:14px}.faq-item button{width:100%;padding:16px 18px;border:0;background:none;display:flex;justify-content:space-between;text-align:left;font:700 17px inherit;cursor:pointer}.faq-answer{padding:0 18px 18px;color:var(--text-2)}.product-stage{background:var(--navy);color:#fff;border-radius:30px;padding:40px}.device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.device-grid img{border-radius:22px;aspect-ratio:3/4}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.calendar div{background:#fff;padding:14px;border-radius:12px;min-height:90px}.calendar b{display:block;color:var(--navy)}.site-footer{background:var(--navy);color:#eaf1fb;padding:54px 0 100px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:34px}.footer-grid h2,.footer-grid h3{color:white}.footer-grid a{display:block;color:#c5d3e7;margin:7px 0}.footer-note{margin-top:32px;padding:18px 0;border-top:1px solid var(--line-light);border-bottom:1px solid var(--line-light);color:#d8e3f2}.copyright{padding-top:16px;color:#9fb0c8;font-size:13px}.mobile-bar{display:none}.to-top{position:fixed;right:20px;bottom:20px;border:0;width:42px;height:42px;border-radius:50%;background:var(--coral);color:#fff;font-weight:900;cursor:pointer}.status-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.status-grid div{background:#fff;border-radius:14px;padding:16px}.source-box{background:#fff;border:1px dashed rgba(23,40,75,.25);border-radius:14px;padding:18px}.pagination{display:flex;gap:8px;justify-content:center;margin-top:26px}.pagination a,.pagination span{padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:8px}.pagination .current{background:var(--navy);color:#fff}
@media(max-width:1200px){.main-nav{gap:10px}.header-actions a:nth-last-child(-n+2){display:none}.cards{grid-template-columns:repeat(3,1fr)}.page-hero-grid{grid-template-columns:1fr 420px}}
@media(max-width:992px){.menu-btn{display:block;margin-left:auto}.main-nav{display:none;position:absolute;top:70px;left:20px;right:20px;background:#fff;border-radius:16px;padding:16px;box-shadow:var(--shadow-strong);flex-direction:column}.main-nav.open{display:flex}.header-actions{display:none}.hero-grid,.page-hero-grid,.split{grid-template-columns:1fr}.hero-media{min-height:380px}.cards,.cards.three{grid-template-columns:repeat(2,1fr)}.schedule{grid-template-columns:repeat(2,1fr)}.mosaic{grid-template-columns:1fr 1fr}.mosaic article:first-child{grid-row:span 1;grid-column:span 2}.footer-grid{grid-template-columns:1fr 1fr}.status-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.wrap{width:min(calc(100% - 28px),var(--wrap))}.ticker-track span:nth-last-child(-n+3){display:none}.hero-copy{padding:28px}.stat-strip{grid-template-columns:1fr 1fr}.cards,.cards.three{grid-template-columns:1fr}.schedule,.device-grid{grid-template-columns:1fr}.section-head{display:block}.rank-row{grid-template-columns:46px 1fr 80px}.rank-row .heat{display:none}.mosaic{display:block}.mosaic article{margin-bottom:12px;height:240px}.calendar{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.mobile-bar{display:flex;position:fixed;z-index:60;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));justify-content:space-around}.mobile-bar a{font-size:12px;font-weight:700}.to-top{bottom:72px}.site-footer{padding-bottom:120px}}
@media(max-width:520px){.brand small{display:none}.hero-media{min-height:310px}.search-layer form div{display:grid}.page-hero img{aspect-ratio:16/10}.calendar{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}