*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070809;color:#e8e8ea;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.75;overflow-x:hidden}body.panel-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}.shell{width:min(1280px,calc(100% - 40px));margin:0 auto}.skip-link{position:fixed;left:16px;top:-80px;z-index:9999;background:#fff;color:#111;padding:10px 14px}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:1000;background:rgba(7,8,9,.97);backdrop-filter:blur(12px);box-shadow:0 10px 30px rgba(0,0,0,.28)}.desktop-brandbar{min-height:82px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:12px;min-width:190px}.brand-image-wrap:empty{display:none}.brand-image{display:block;max-width:154px;max-height:56px;object-fit:contain}.brand-fallback{display:flex;flex-direction:column;line-height:1}.brand-fallback strong{font-size:28px;letter-spacing:2px;color:#fff}.brand-fallback small{font-size:11px;margin-top:7px;color:#ff3445;letter-spacing:2px}.brand-note{margin:0;color:#a6a6ad;font-size:14px}.header-actions{display:flex;gap:10px;align-items:center}.icon-button,.hour-button,.mobile-menu-button,.mobile-hour{min-height:44px;border:1px solid rgba(255,255,255,.12);background:#121317;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.hour-button,.mobile-hour{background:linear-gradient(135deg,#ff3445 0%,#ff1f32 52%,#9f0615 100%);border-color:rgba(255,31,50,.38);font-weight:800}.icon-button:hover,.icon-button:focus-visible{border-color:#ff1f32;color:#fff}.main-nav{border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.08);background:#0d0e11}.main-nav-inner{display:flex;align-items:center;justify-content:space-between}.main-nav a{position:relative;min-height:52px;display:flex;align-items:center;justify-content:center;padding:0 18px;font-weight:700;white-space:nowrap;color:#c7c7cb}.main-nav a:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:3px;background:#ff1f32;transform:scaleX(0);transition:transform .2s ease;pointer-events:none}.main-nav a:hover,.main-nav a.is-active{color:#fff}.main-nav a.is-active:after,.main-nav a:hover:after{transform:scaleX(1)}.topic-strip{background:#121317;border-bottom:1px solid rgba(255,255,255,.08)}.topic-strip-inner{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none}.topic-strip-inner::-webkit-scrollbar{display:none}.topic-strip a{min-height:44px;display:flex;align-items:center;padding:0 14px;white-space:nowrap;color:#a6a6ad;font-size:14px}.topic-strip a:hover,.topic-strip a.is-active{color:#fff;background:#202127}.mobile-brandbar{display:none}.site-main{min-height:60vh}.page-hero{padding:54px 0 30px;border-bottom:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 85% 10%,rgba(255,31,50,.16),transparent 32%)}.eyebrow{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;background:#ff1f32;color:#fff;font-size:12px;font-weight:800;letter-spacing:1px}.page-hero h1{font-size:clamp(34px,6vw,66px);line-height:1.08;margin:18px 0 16px;max-width:920px;letter-spacing:-1px}.page-hero p{max-width:880px;margin:0;color:#b8b8be;font-size:17px}.content-section{padding:52px 0}.content-section.alt{background:#0d0e11}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.section-head h2{margin:0;color:#fff;font-size:clamp(26px,4vw,42px);line-height:1.16}.section-head p{max-width:580px;margin:0;color:#8e8f96}.section-link{white-space:nowrap;color:#ff3445;font-weight:800}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{position:relative;background:#121317;border:1px solid rgba(255,255,255,.08);padding:24px;overflow:hidden}.card:before{content:"";position:absolute;left:0;top:0;width:4px;height:44px;background:#ff1f32;pointer-events:none}.card:hover{border-color:rgba(255,31,50,.38);transform:translateY(-2px);transition:.2s ease}.card h3{margin:8px 0 10px;font-size:21px;line-height:1.35;color:#fff}.card p{margin:0;color:#a6a6ad}.card .tag,.tag{display:inline-block;color:#ff5b69;font-size:12px;font-weight:800;letter-spacing:.5px}.card-link{display:inline-flex;margin-top:16px;color:#fff;font-weight:800}.card-link:after{content:" →";color:#ff1f32}.media-frame{background:#121317;border:1px solid rgba(255,255,255,.08);overflow:hidden;min-height:260px;display:flex;align-items:center;justify-content:center}.media-frame img{display:block;width:100%;height:100%;max-height:540px;object-fit:cover}.media-frame:empty:before{content:"HEILIAO NEWS";font-weight:900;letter-spacing:5px;color:#2b2c31}.focus-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(320px,1fr);gap:24px}.focus-main{background:#121317;border:1px solid rgba(255,255,255,.08)}.focus-main .media-frame{aspect-ratio:16/8}.focus-copy{padding:28px}.focus-copy h1,.focus-copy h2{font-size:clamp(30px,4vw,52px);line-height:1.14;margin:10px 0 14px}.focus-copy p{color:#b8b8be}.focus-side{display:grid;gap:16px}.short-story{background:#121317;border:1px solid rgba(255,255,255,.08);padding:19px}.short-story h3{font-size:17px;line-height:1.4;margin:6px 0}.short-story p{font-size:14px;color:#999aa1;margin:0}.hour-callout{background:linear-gradient(135deg,#ff3445,#9f0615);padding:25px;display:flex;flex-direction:column;justify-content:center;min-height:170px;box-shadow:0 14px 36px rgba(255,31,50,.18)}.hour-callout strong{font-size:34px}.hour-callout p{margin:6px 0 16px}.ranking{display:grid;gap:1px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)}.rank-item{display:grid;grid-template-columns:72px 1fr auto;gap:18px;align-items:center;background:#121317;padding:20px}.rank-number{font-size:30px;font-weight:900;color:#ff1f32;font-variant-numeric:tabular-nums}.rank-item h3{margin:0 0 6px;font-size:19px}.rank-item p{margin:0;color:#999aa1;font-size:14px}.rank-state{color:#ff5b69;font-size:13px;white-space:nowrap}.feature-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px;align-items:stretch}.feature-copy{background:#121317;border:1px solid rgba(255,255,255,.08);padding:30px}.feature-copy h2,.feature-copy h3{font-size:32px;line-height:1.22;margin:8px 0 14px}.feature-copy p{color:#b0b0b6}.news-list{display:grid;gap:14px}.news-list article{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.08)}.news-list article:last-child{border-bottom:0}.news-list h3{font-size:18px;margin:4px 0 7px}.news-list p{margin:0;color:#999aa1;font-size:14px}.masonry-like{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.masonry-like .card:nth-child(1){grid-column:span 7;min-height:250px}.masonry-like .card:nth-child(2){grid-column:span 5}.masonry-like .card:nth-child(3),.masonry-like .card:nth-child(4),.masonry-like .card:nth-child(5){grid-column:span 4}.timeline{position:relative;display:grid;gap:18px;margin-left:10px}.timeline:before{content:"";position:absolute;left:14px;top:14px;bottom:14px;width:2px;background:linear-gradient(#ff1f32,#68030d);pointer-events:none}.timeline-item{position:relative;padding:22px 22px 22px 54px;background:#121317;border:1px solid rgba(255,255,255,.08)}.timeline-item:before{content:"";position:absolute;left:6px;top:28px;width:16px;height:16px;border:4px solid #070809;background:#ff1f32;box-shadow:0 0 0 1px rgba(255,31,50,.6);pointer-events:none}.timeline-item h3{margin:0 0 8px}.timeline-item p{margin:0;color:#a6a6ad}.status{display:inline-flex;min-height:28px;align-items:center;padding:0 9px;margin-top:12px;background:#202127;color:#d7d7da;font-size:12px}.status.confirmed{background:#ff1f32;color:#fff}.status.partial{background:linear-gradient(90deg,#ff1f32 0 45%,#3a3b42 45%);color:#fff}.status.outdated{background:#68030d}.status.misread{background:#fff;color:#b20718}.topic-cloud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.topic-card{min-height:180px;padding:22px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,#18191e,#0d0e11)}.topic-card h3{font-size:21px;margin:0 0 10px}.topic-card p{color:#999aa1}.submit-callout{background:linear-gradient(135deg,#68030d,#260208 60%,#121317);border:1px solid rgba(255,31,50,.38);padding:38px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.8fr);gap:32px;align-items:center}.submit-callout h2{font-size:38px;line-height:1.15;margin:0 0 16px}.submit-callout p{color:#e4d8db}.app-showcase{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:30px;align-items:center}.service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.service-list div{background:#18191e;border:1px solid rgba(255,255,255,.08);padding:18px}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.button,.button-secondary{min-height:46px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;font-weight:800}.button{background:linear-gradient(135deg,#ff3445 0%,#ff1f32 52%,#9f0615 100%);color:#fff;box-shadow:0 14px 36px rgba(255,31,50,.18)}.button-secondary{border:1px solid rgba(255,255,255,.14);background:#18191e}.prose{max-width:920px}.prose h2{font-size:29px;line-height:1.25;margin:38px 0 12px;color:#fff}.prose h3{font-size:21px;margin:28px 0 10px;color:#fff}.prose p{color:#b8b8be}.prose ul{padding-left:20px;color:#b8b8be}.notice-box{margin-top:28px;padding:22px;border-left:4px solid #ff1f32;background:#121317;color:#c9c9ce}.faq-list{display:grid;gap:12px}.faq-list details{background:#121317;border:1px solid rgba(255,255,255,.08);padding:0 20px}.faq-list summary{min-height:58px;display:flex;align-items:center;cursor:pointer;font-weight:800;color:#fff}.faq-list p{margin:0 0 20px;color:#a6a6ad}.related-links{display:flex;flex-wrap:wrap;gap:12px}.related-links a{min-height:42px;display:inline-flex;align-items:center;padding:0 15px;background:#18191e;border:1px solid rgba(255,255,255,.08)}.related-links a:hover{border-color:#ff1f32}.site-footer{background:#050506;border-top:1px solid rgba(255,255,255,.08);padding:48px 0 104px}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:28px}.footer-grid h2{font-size:15px;color:#fff;margin:0 0 14px}.footer-grid a{display:block;color:#999aa1;margin:8px 0}.footer-grid a:hover{color:#fff}.footer-brand p{color:#777880}.footer-notice{border-top:1px solid rgba(255,255,255,.08);margin-top:34px;padding-top:24px;color:#777880;font-size:13px}.footer-logo{margin-bottom:16px}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:1100;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.overlay.is-visible{opacity:1;visibility:visible;pointer-events:auto}.channel-panel,.search-panel,.mobile-menu{position:fixed;z-index:1200;background:#0d0e11;visibility:hidden;pointer-events:none}.channel-panel{left:0;right:0;top:0;max-height:86vh;overflow:auto;transform:translateY(-105%);transition:transform .24s ease,visibility .24s ease;border-bottom:2px solid #ff1f32}.channel-panel.is-open{transform:translateY(0);visibility:visible;pointer-events:auto}.panel-head{min-height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}.panel-head strong{font-size:21px}.panel-head button,.mobile-menu-head button{min-height:44px;padding:0 16px;background:#18191e;border:1px solid rgba(255,255,255,.12);cursor:pointer}.channel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;padding-top:26px;padding-bottom:36px}.channel-grid h2{font-size:15px;color:#ff4b5b}.channel-grid a{display:block;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.07)}.channel-grid a strong{display:block;color:#fff}.channel-grid a span{display:block;color:#777880;font-size:13px;margin-top:4px}.search-panel{inset:0;display:grid;place-items:center;padding:20px;opacity:0;transition:opacity .2s ease,visibility .2s ease;background:transparent}.search-panel.is-open{visibility:visible;pointer-events:auto;opacity:1}.search-box{width:min(720px,100%);background:#0d0e11;border:1px solid rgba(255,31,50,.38);box-shadow:0 16px 42px rgba(0,0,0,.38);padding:0 26px 30px}.search-box label{display:block;margin:24px 0 8px;color:#fff;font-weight:700}.search-box input{width:100%;height:52px;border:1px solid rgba(255,255,255,.14);background:#18191e;color:#fff;padding:0 14px;outline:none}.search-box input:focus{border-color:#ff1f32}.search-tip{color:#777880;font-size:13px}.search-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.search-links a{min-height:42px;display:inline-flex;align-items:center;padding:0 14px;background:#18191e;border:1px solid rgba(255,255,255,.08)}.mobile-menu{top:0;right:0;bottom:0;width:min(420px,90vw);transform:translateX(102%);transition:transform .24s ease,visibility .24s ease;overflow:auto}.mobile-menu.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.mobile-menu-head{position:sticky;top:0;background:#0d0e11;display:flex;justify-content:space-between;align-items:center;min-height:68px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08)}.mobile-menu nav{padding:10px 18px 36px}.mobile-menu nav a{min-height:48px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.07)}.mobile-bottom-nav{display:none}.wide-reading{max-width:1050px}.legal-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px}.side-nav{position:sticky;top:190px;align-self:start;background:#121317;border:1px solid rgba(255,255,255,.08);padding:20px}.side-nav a{display:block;padding:9px 0;color:#aaa}.side-nav a:hover{color:#fff}.stateless-form{display:grid;gap:14px;margin-top:20px}.fake-field{min-height:50px;background:#18191e;border:1px solid rgba(255,255,255,.08);padding:13px 14px;color:#777880}.fine-print{font-size:13px;color:#777880}
@media (max-width:980px){.desktop-brandbar,.main-nav{display:none}.mobile-brandbar{display:grid;grid-template-columns:88px 1fr 88px;align-items:center;min-height:64px}.mobile-brand{justify-self:center;min-width:0;max-width:160px}.mobile-brand-text{font-size:22px;font-weight:900;color:#fff}.mobile-menu-button,.mobile-hour{padding:0 12px}.mobile-hour{justify-self:end}.topic-strip{border-top:1px solid rgba(255,255,255,.08)}.focus-grid,.feature-split,.app-showcase,.submit-callout,.legal-grid{grid-template-columns:1fr}.grid-4,.topic-cloud{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand{grid-column:1/-1}.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.side-nav{position:static}.masonry-like .card:nth-child(n){grid-column:span 6}.site-main{padding-bottom:70px}.mobile-bottom-nav{position:fixed;z-index:1000;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(13,14,17,.98);border-top:1px solid rgba(255,255,255,.1);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom-nav a,.mobile-bottom-nav button{min-height:58px;display:flex;align-items:center;justify-content:center;background:transparent;border:0;color:#a6a6ad;font-size:13px;cursor:pointer}.mobile-bottom-nav .is-active{color:#ff3445;font-weight:900}.site-footer{padding-bottom:110px}.site-header{top:0}}
@media (max-width:700px){.shell{width:min(100% - 28px,1280px)}.page-hero{padding:36px 0 24px}.page-hero h1{font-size:38px}.content-section{padding:38px 0}.section-head{align-items:flex-start;flex-direction:column}.grid-2,.grid-3,.grid-4,.topic-cloud{grid-template-columns:1fr}.focus-grid{grid-template-columns:1fr}.focus-side{grid-template-columns:1fr}.focus-copy{padding:22px}.rank-item{grid-template-columns:52px 1fr}.rank-state{grid-column:2}.feature-copy{padding:22px}.masonry-like{grid-template-columns:1fr}.masonry-like .card:nth-child(n){grid-column:auto}.submit-callout{padding:26px}.submit-callout h2{font-size:30px}.service-list{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.channel-grid{grid-template-columns:1fr}.channel-panel{max-height:100vh}.channel-grid{padding-bottom:80px}.topic-strip a{padding:0 12px}.card{padding:20px}.page-hero p{font-size:15px}.media-frame{min-height:210px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ff3445;outline-offset:3px}
