/* STRINOVA WIKI v0.2 — 极简黑 / 手写原创样式 */
@font-face{font-family:'Rajdhani';font-weight:500;src:url(../fonts/rajdhani-500.woff2) format('woff2');font-display:swap}
@font-face{font-family:'Rajdhani';font-weight:600;src:url(../fonts/rajdhani-600.woff2) format('woff2');font-display:swap}
@font-face{font-family:'Rajdhani';font-weight:700;src:url(../fonts/rajdhani-700.woff2) format('woff2');font-display:swap}

:root{
  --bg:#050607; --txt:#eceef0; --dim:#8f959c; --faint:#5b6167;
  --acc:#f2c14e; --cyan:#6fd3ff;
  --line:rgba(255,255,255,.1);
  --disp:'Rajdhani','Segoe UI',sans-serif;
  --cn:'PingFang SC','Microsoft YaHei','Noto Sans SC',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--bg);color:var(--txt);
  font:15px/1.8 var(--cn);
  overflow-x:hidden;
}
/* 极淡扫描线质感 */
body::after{content:"";position:fixed;inset:0;z-index:70;pointer-events:none;
  background:repeating-linear-gradient(0deg,rgba(255,255,255,.016) 0 1px,transparent 1px 3px)}
::selection{background:var(--acc);color:#111}
a{color:inherit;text-decoration:none}

/* ===== 开场 ===== */
#preloader{position:fixed;inset:0;z-index:99;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;transition:opacity .6s ease,visibility .6s}
#preloader.done{opacity:0;visibility:hidden}
.pl-mark{display:flex;align-items:center;gap:13px;font:600 17px var(--disp);letter-spacing:.42em;color:#fff}
.pl-mark svg{width:26px;height:26px;color:var(--acc)}
.pl-line{width:min(360px,70vw);height:1px;background:rgba(255,255,255,.14)}
.pl-line i{display:block;height:100%;width:0;background:var(--acc);transition:width .15s linear}
.pl-pct{font:500 12px var(--disp);letter-spacing:.3em;color:var(--dim)}

/* ===== 导航 ===== */
#nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;height:72px;padding:0 6vw;transition:background .35s,border .35s}
#nav.scrolled{background:rgba(5,6,7,.86);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.07)}
.brand{display:flex;align-items:center;gap:10px;font:600 15px var(--disp);letter-spacing:.34em;color:#fff}
.brand svg{width:21px;height:21px;color:var(--acc)}
.brand b{color:var(--acc)}
#menu{margin-left:auto;display:flex}
#menu a{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 22px}
#menu a b{font-size:13.5px;font-weight:600;color:var(--dim);letter-spacing:.2em;transition:color .25s}
#menu a s{text-decoration:none;font:500 8.5px var(--disp);letter-spacing:.34em;color:var(--faint)}
#menu a::after{content:"";position:absolute;left:50%;bottom:2px;width:0;height:1px;background:var(--acc);transform:translateX(-50%);transition:width .3s}
#menu a:hover b,#menu a.on b{color:#fff}
#menu a.on::after{width:24px}

/* ===== 主视觉 ===== */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}
.hero-glow{position:absolute;inset:0;
  background:radial-gradient(900px 420px at 70% 30%,rgba(111,211,255,.07),transparent 65%),
             radial-gradient(700px 420px at 22% 78%,rgba(242,193,78,.05),transparent 62%);
  animation:drift 18s ease-in-out infinite alternate}
@keyframes drift{from{transform:translate3d(-1.5%,-1%,0)}to{transform:translate3d(1.5%,1.5%,0)}}
/* 扫描线：加载后自上而下扫一次 */
.scan{position:absolute;left:0;right:0;top:-6%;height:16%;pointer-events:none;opacity:0;
  background:linear-gradient(to bottom,transparent,rgba(111,211,255,.09) 55%,rgba(242,193,78,.5) 98%,transparent)}
.scan.go{animation:scan 1.15s cubic-bezier(.3,.6,.3,1) .15s forwards}
@keyframes scan{0%{top:-16%;opacity:1}100%{top:106%;opacity:0}}

.hero-inner{position:relative;z-index:2;width:min(1100px,88vw);margin:0 auto;padding:140px 0 120px}
.kicker{display:flex;gap:18px;font:500 11px var(--disp);letter-spacing:.42em;color:var(--cyan)}
.title{margin:22px 0 10px;font:600 clamp(64px,11vw,158px)/1 var(--disp);letter-spacing:.045em;color:#fff;font-kerning:none}
.subtitle{max-width:560px;color:var(--dim);font-size:14.5px;letter-spacing:.12em}
.cta{display:flex;gap:18px;margin-top:46px}

.btn{position:relative;display:inline-flex;align-items:center;padding:15px 42px;font:600 13px var(--cn);letter-spacing:.3em;text-indent:.3em;transition:.28s}
.btn.solid{background:#fff;color:#0a0a0a}
.btn.solid:hover{background:var(--acc)}
.btn.ghost{box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);color:#fff}
.btn.ghost:hover{box-shadow:inset 0 0 0 1px var(--acc);color:var(--acc)}
/* 终末地式四角括号：悬停浮现 */
.btn::before,.btn::after,.item::before,.item::after{content:"";position:absolute;width:8px;height:8px;border:1px solid var(--acc);opacity:0;transition:.3s}
.btn::before{left:-5px;top:-5px;border-right:0;border-bottom:0}
.btn::after{right:-5px;bottom:-5px;border-left:0;border-top:0}
.btn:hover::before,.btn:hover::after,.item:hover::before,.item:hover::after{opacity:1}

.hero-foot{position:absolute;left:6vw;right:6vw;bottom:44px;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
.news{border-left:1px solid var(--acc);padding-left:16px}
.news b{font:500 10px var(--disp);letter-spacing:.4em;color:var(--cyan)}
.news p{margin:7px 0 4px;font-size:13px;color:#cdd1d5}
.news time{font:500 10.5px var(--disp);letter-spacing:.24em;color:var(--faint)}
.dl{display:flex;flex-direction:column;gap:9px;min-width:200px}
.dl h6{font:500 10px var(--disp);letter-spacing:.4em;color:var(--faint);margin-bottom:3px}
.dl a{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:var(--dim);letter-spacing:.14em;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.08);transition:.25s}
.dl a i{font-style:normal;color:var(--faint);transition:.25s}
.dl a:hover{color:var(--acc);border-color:rgba(242,193,78,.5)}
.dl a:hover i{color:var(--acc);transform:translate(2px,-2px)}
.dl small{font-size:10px;color:var(--faint)}
.hero-meta{position:absolute;right:6vw;top:96px;z-index:2;font:500 10px var(--disp);letter-spacing:.3em;color:var(--faint)}

/* ===== 通用区块 ===== */
section{position:relative;padding:120px 6vw}
.sec-head{display:flex;align-items:baseline;gap:20px;margin-bottom:64px}
.sec-head i{font:500 11px var(--disp);letter-spacing:.34em;color:var(--cyan);font-style:normal}
.sec-head h2{font-size:26px;font-weight:600;letter-spacing:.3em;color:#fff}
.sec-head .rule{flex:1;height:1px;background:rgba(255,255,255,.1);transform:scaleX(0);transform-origin:left;transition:transform 1.1s cubic-bezier(.2,.7,.2,1) .2s}
.rv-in .rule,.rv-in.rule{transform:scaleX(1)}

/* 情报列表：极简条目 */
.list{max-width:860px;display:flex;flex-direction:column}
.item{position:relative;display:grid;grid-template-columns:110px 1fr;gap:8px 30px;padding:30px 22px;border-bottom:1px solid rgba(255,255,255,.08);transition:background .3s}
.item time{font:500 11.5px var(--disp);letter-spacing:.22em;color:var(--faint);padding-top:4px}
.item h3{font-size:16.5px;font-weight:600;color:#f0f2f4;letter-spacing:.06em;transition:color .25s}
.item p{grid-column:2;color:var(--dim);font-size:13.5px}
.item:hover{background:rgba(255,255,255,.025)}
.item:hover h3{color:var(--acc)}
.item::before{left:6px;top:6px;border-right:0;border-bottom:0}
.item::after{right:6px;bottom:6px;border-left:0;border-top:0}

/* 媒体三联 */
.mrow{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.m{position:relative;padding:26px 24px 30px;border:1px solid rgba(255,255,255,.1);transition:.3s}
.m s{text-decoration:none;font:600 13px var(--disp);letter-spacing:.2em;color:var(--acc)}
.m b{display:block;margin:46px 0 6px;font-size:17px;color:#f0f2f4;letter-spacing:.1em}
.m p{font-size:12px;color:var(--faint);letter-spacing:.16em}
.m:hover{border-color:rgba(242,193,78,.55);transform:translateY(-6px)}
.m:hover b{color:var(--acc)}

/* ===== 页脚 ===== */
footer{border-top:1px solid rgba(255,255,255,.08);padding:64px 6vw 42px}
.ft{max-width:1100px;margin:0 auto}
.ft-brand{font:600 16px var(--disp);letter-spacing:.34em;color:#fff}
.ft-brand b{color:var(--acc)}
.ft-note{margin:14px 0 26px;font-size:11.5px;color:var(--faint);max-width:560px}
.ft-row{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.08);padding-top:22px;font:500 11px var(--disp);letter-spacing:.24em;color:var(--dim)}
.ft-row a{color:var(--dim);border-bottom:1px solid rgba(255,255,255,.2);transition:.2s}
.ft-row a:hover{color:var(--acc);border-color:var(--acc)}

/* ===== 入场动效：行级渐入 ===== */
.rv{opacity:0;transform:translateY(16px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.rv-in{opacity:1;transform:none}

@media (max-width:860px){
  #menu a{padding:8px 12px}
  .hero-foot{position:static;flex-direction:column;align-items:flex-start;gap:30px;padding:0 6vw 60px}
  .hero{display:block}
  .hero-inner{padding:150px 0 40px}
  .hero-meta{display:none}
  .list{grid-template-columns:1fr}
  .item{grid-template-columns:1fr}
  .item p{grid-column:1}
  .mrow{grid-template-columns:1fr}
  section{padding:90px 6vw}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}
  .rv{opacity:1;transform:none}
}