:root{--bg:#060b14;--panel:#0c1523;--panel2:#101c2d;--line:#203149;--text:#eef4fc;--muted:#8ea0b9;--cyan:#00dce9;--gold:#efb52f;--wrap:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 80% 5%,rgba(26,91,166,.13),transparent 27%),var(--bg);color:var(--text);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}
a{color:inherit;text-decoration:none}
.wrap{width:min(var(--wrap),calc(100% - 42px));margin:auto}
.site-header{position:sticky;z-index:30;top:0;height:72px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(5,9,17,.97),rgba(11,17,29,.95),rgba(5,9,17,.97));box-shadow:0 10px 30px rgba(0,0,0,.25);backdrop-filter:blur(14px)}
.site-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#2a70c9 25%,#f0b52f 50%,#bf4f12 75%,transparent);opacity:.68}
.header-inner{height:100%;display:flex;align-items:center}
.brand{display:flex;align-items:center;filter:drop-shadow(0 0 15px rgba(232,171,39,.18))}
.brand img{display:block;width:242px;max-height:53px;object-fit:contain}
.site-nav{display:flex;align-items:center;gap:23px;margin-left:auto;color:#9fb0ca}
.site-nav a{position:relative;padding:25px 0;letter-spacing:.5px;transition:.2s}
.site-nav a:hover,.site-nav a.active{color:#fff}
.site-nav a.active:after,.site-nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:13px;height:2px;background:var(--gold);box-shadow:0 0 8px rgba(241,189,49,.65)}
.nav-toggle{display:none;margin-left:auto;border:0;background:none;color:#fff;font-size:25px}
.page-hero{padding:78px 0 46px}
.eyebrow{color:var(--cyan);font:700 12px Arial;letter-spacing:3px}
.page-hero h1{margin:14px 0 12px;font-size:clamp(36px,5vw,58px)}
.page-hero p{max-width:720px;margin:0;color:var(--muted);font-size:16px;line-height:1.8}
.page-hero-line{width:76px;height:3px;margin-top:25px;background:linear-gradient(90deg,var(--cyan),var(--gold));box-shadow:0 0 16px rgba(0,220,233,.28)}
.news-list{display:grid;gap:18px;padding-bottom:85px}
.news-item{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:radial-gradient(circle at 100% 0,rgba(0,220,233,.07),transparent 30%),linear-gradient(145deg,var(--panel2),#09111d);box-shadow:0 16px 36px rgba(0,0,0,.22);transition:.25s}
.news-item:hover{transform:translateY(-3px);border-color:#385778}
.news-item>a{display:block;padding:30px 34px}
.news-top{display:flex;align-items:center;justify-content:space-between;color:#7387a4;font-size:13px}
.news-tag{color:var(--cyan);font-weight:700}
.news-item h2{margin:18px 0 11px;font-size:23px}
.news-item p{max-width:880px;margin:0;color:var(--muted);line-height:1.8}
.news-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:25px;padding-top:18px;border-top:1px solid rgba(91,115,151,.18);color:#7588a5;font-size:13px}
.read-more{color:var(--gold);font-weight:700}
.read-more:after{content:"→";margin-left:8px}
.article-shell{padding:48px 0 86px}
.breadcrumb{margin-bottom:24px;color:#7185a3;font-size:13px}
.breadcrumb a:hover{color:var(--cyan)}
.article{max-width:920px;margin:auto;padding:50px 58px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#0e1929,#080f1a);box-shadow:0 24px 65px rgba(0,0,0,.32)}
.article-tag{display:inline-flex;padding:6px 11px;border:1px solid rgba(0,220,233,.28);border-radius:4px;background:rgba(0,220,233,.06);color:var(--cyan);font-size:12px;font-weight:700}
.article h1{margin:20px 0 14px;font-size:clamp(30px,4.5vw,46px);line-height:1.25}
.article-meta{display:flex;gap:22px;padding-bottom:28px;border-bottom:1px solid var(--line);color:#71839e;font-size:13px}
.article-content{padding-top:12px;color:#b4c0d1;font-size:16px;line-height:2}
.article-content h2{margin:34px 0 10px;color:#f1f5fb;font-size:23px}
.article-content p{margin:13px 0}
.article-content ul{padding-left:22px}
.article-content li{margin:8px 0}
.callout{margin:28px 0;padding:20px 22px;border-left:3px solid var(--gold);background:rgba(239,181,47,.07);color:#d9e0eb}
.article-actions{display:flex;justify-content:space-between;gap:16px;margin-top:42px;padding-top:25px;border-top:1px solid var(--line)}
.article-actions a{padding:11px 16px;border:1px solid #2c4260;border-radius:7px;color:#aabbd2;transition:.2s}
.article-actions a:hover{border-color:var(--cyan);color:#fff}
.site-footer{border-top:1px solid #1a2638;padding:40px 0;background:#04070d;color:#7787a1}
.site-footer .footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}
.footer-brand{display:flex;align-items:center;gap:16px;flex:0 0 auto}
.footer-cube{width:72px;height:64px;object-fit:contain;filter:saturate(1.08)}
.footer-wordmark{display:block;width:225px;max-width:42vw;height:auto}
.footer-brand p{margin:8px 0 0;color:#7f91ad}
.footer-copy{margin:0;color:#7787a1;line-height:1.55}
.footer-copy a{color:#666}
@media(max-width:1050px){.site-nav{display:none}.site-nav.open{position:absolute;display:flex;flex-direction:column;align-items:stretch;gap:0;top:72px;left:14px;right:14px;padding:10px 18px;border:1px solid #26364e;border-radius:0 0 12px 12px;background:#0c1421;box-shadow:0 20px 45px rgba(0,0,0,.45)}.site-nav.open a{padding:13px 8px}.site-nav.open a:after{bottom:5px}.nav-toggle{display:block}}
@media(max-width:680px){.wrap{width:calc(100% - 28px)}.site-header{height:65px}.brand img{width:180px;max-height:43px}.site-nav.open{top:65px}.page-hero{padding-top:55px}.article{padding:34px 25px}.article-actions{flex-direction:column}.site-footer .footer-inner{align-items:flex-start;flex-direction:column}.footer-brand{align-items:flex-start}.footer-cube{width:58px;height:52px}.footer-wordmark{width:190px;max-width:60vw}}
@media(max-width:520px){.news-item>a{padding:24px 21px}.news-item h2{font-size:20px}.news-bottom{align-items:flex-start;gap:12px;flex-direction:column}.article{padding:28px 18px}.article-meta{gap:8px;flex-direction:column}}