/* ===== 1. reset ===== */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body,h1,h2,h3,h4,h5,p,ul,ol,li,figure,blockquote,dl,dd,details,summary{margin:0;}
ul,ol{padding:0;list-style:none;}
img,svg,video{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;}
table{border-collapse:collapse;width:100%;}
:focus-visible{outline:2px solid #35F0D0;outline-offset:3px;}

/* ===== 2. 变量 ===== */
:root{
  --c-void:#070B18;
  --c-cabin:#0E1730;
  --c-panel:#16203D;
  --c-paper:#F4EDE1;
  --c-ink:#1C1712;
  --c-cyan:#35F0D0;
  --c-orange:#FF7A2F;
  --c-magenta:#FF3D8B;
  --c-line:#C9B79C;
  --c-mute:#6C7A99;
  --c-line-soft:rgba(201,183,156,.16);
  --c-line-mid:rgba(201,183,156,.34);

  --font-head:"Oswald","Archivo Narrow","Noto Sans SC","Source Han Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  --font-body:"Noto Sans SC","Source Han Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --font-mono:"JetBrains Mono","Source Code Pro",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --font-serif:"Noto Serif SC","Source Han Serif SC","Songti SC",SimSun,serif;

  --entry-h:48px;
  --rail-w:108px;
  --rail-sm:56px;
  --pad:clamp(16px,3.2vw,40px);
  --crt:16px;
}

/* ===== 3. 基础排版 ===== */
body{
  font-family:var(--font-body);
  font-size:16px;
  line-height:1.75;
  color:var(--c-paper);
  background-color:var(--c-void);
  background-image:
    radial-gradient(660px 420px at 84% -6%, rgba(53,240,208,.13), transparent 62%),
    radial-gradient(520px 380px at 10% 6%, rgba(255,122,47,.10), transparent 60%),
    linear-gradient(180deg, rgba(22,32,61,.55), rgba(7,11,24,0) 46%);
  background-repeat:no-repeat;
  background-attachment:fixed;
  padding-top:var(--entry-h);
  min-height:100vh;
  text-rendering:optimizeLegibility;
}
body::before{
  content:"";position:fixed;inset:0;z-index:90;pointer-events:none;
  background-image:repeating-linear-gradient(0deg, rgba(255,255,255,.035) 0 1px, transparent 1px 3px);
  opacity:.7;
}
h1,h2,h3,h4,h5{font-family:var(--font-head);font-weight:800;line-height:1.12;letter-spacing:.01em;text-transform:uppercase;}
p{max-width:78ch;}
#main-content{padding-left:var(--rail-w);min-height:60vh;}
::selection{background:var(--c-cyan);color:#04140F;}

/* ===== 4. 跳转链接 ===== */
.skip-link{
  position:fixed;top:10px;left:10px;z-index:200;
  padding:11px 18px;background:var(--c-cyan);color:#04140F;
  font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.1em;
  transform:translateY(-180%);transition:transform .2s ease;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);
}
.skip-link:focus{transform:none;}

/* ===== 5. 头部外壳 ===== */
.site-header{position:relative;z-index:60;}

/* 5.1 顶栏 */
.entry-bar{
  position:fixed;top:0;left:0;right:0;height:var(--entry-h);z-index:62;
  background:linear-gradient(90deg,var(--c-cabin) 0%,var(--c-panel) 52%,var(--c-cabin) 100%);
  border-bottom:1px solid var(--c-line-soft);
}
.entry-bar__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;height:100%;align-items:stretch;}
.entry-tab{
  position:relative;display:flex;align-items:center;gap:10px;
  padding:0 18px;border-right:1px solid var(--c-line-soft);
  transition:background .25s ease,color .25s ease;
}
.entry-tab::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--c-cyan);transition:width .3s ease;}
.entry-tab:hover{background:rgba(53,240,208,.07);}
.entry-tab:hover::after{width:100%;}
.entry-tab__idx{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--c-orange);flex:none;}
.entry-tab__body{display:flex;flex-direction:column;line-height:1.25;min-width:0;}
.entry-tab__label{font-family:var(--font-head);font-size:14px;font-weight:700;letter-spacing:.1em;color:var(--c-paper);}
.entry-tab__meta{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em;color:var(--c-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.entry-tab__steps{display:inline-flex;gap:4px;margin-left:auto;flex:none;}
.entry-tab__steps i{display:block;width:16px;height:3px;background:rgba(201,183,156,.28);}
.entry-tab__steps i:first-child{background:var(--c-cyan);}
.entry-tab__flag{
  margin-left:auto;flex:none;padding:2px 7px;
  font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;
  color:#12030C;background:var(--c-magenta);
  clip-path:polygon(5px 0,100% 0,100% 100%,0 100%,0 5px);
}
.entry-bar__status{
  display:flex;align-items:center;gap:8px;padding:0 18px;
  font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--c-mute);
  white-space:nowrap;max-width:none;
}
.entry-bar__status-k{color:var(--c-cyan);}
.entry-bar__status-v{color:var(--c-line);}
.scroll-progress{
  position:absolute;left:0;bottom:-1px;width:100%;height:2px;
  background:linear-gradient(90deg,var(--c-cyan),var(--c-orange));
  transform:scaleX(0);transform-origin:0 50%;will-change:transform;
}
.live-dot{
  display:inline-block;flex:none;width:7px;height:7px;border-radius:50%;
  background:var(--c-cyan);animation:pulse 2s ease-in-out infinite;
}
@keyframes pulse{
  0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(53,240,208,.45);}
  50%{opacity:.4;box-shadow:0 0 0 6px rgba(53,240,208,0);}
}

/* 5.2 左轨 */
.site-rail{
  position:fixed;top:var(--entry-h);left:0;bottom:0;width:var(--rail-w);z-index:60;
  display:flex;flex-direction:column;gap:10px;padding:14px 0 12px;
  background:linear-gradient(180deg,var(--c-cabin) 0%,rgba(7,11,24,.96) 100%);
  border-right:1px solid var(--c-line-soft);
  overflow-y:auto;overscroll-behavior:contain;
}
.site-rail::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg, rgba(53,240,208,.07), transparent 32%);
}
.rail-brand{
  display:flex;flex-direction:column;align-items:center;gap:6px;
  padding:4px 6px 14px;margin:0 10px;
  border-bottom:1px dashed rgba(201,183,156,.25);
}
.rail-brand__mark{
  font-family:var(--font-head);font-size:20px;font-weight:700;letter-spacing:.06em;
  color:#04140F;background:var(--c-cyan);padding:4px 9px;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%);
}
.rail-brand__name{font-family:var(--font-head);font-size:13px;letter-spacing:.22em;color:var(--c-paper);transition:color .2s ease;}
.rail-brand__cn{font-size:11px;letter-spacing:.14em;color:var(--c-line);text-align:center;line-height:1.4;}
.rail-brand__coord{font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;color:var(--c-mute);text-align:center;line-height:1.5;}
.rail-brand:hover .rail-brand__name{color:var(--c-cyan);}

.nav-toggle{display:none;}

.site-nav{flex:1 1 auto;min-height:0;}
.site-nav__list{display:flex;flex-direction:column;gap:2px;padding:0 8px;}
.site-nav__item{display:block;}
.site-nav__link{
  position:relative;display:flex;flex-direction:column;gap:2px;
  padding:8px 8px 8px 10px;color:var(--c-line);
  border-left:2px solid transparent;
  transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease;
}
.site-nav__idx{font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;color:var(--c-mute);}
.site-nav__label{font-size:12px;line-height:1.35;letter-spacing:.03em;}
.site-nav__link:hover{color:var(--c-paper);background:rgba(53,240,208,.06);border-left-color:rgba(53,240,208,.45);transform:translateX(2px);}
.site-nav__link[aria-current="page"]{color:var(--c-cyan);background:rgba(53,240,208,.09);border-left-color:var(--c-cyan);}
.site-nav__link[aria-current="page"] .site-nav__idx{color:var(--c-orange);}
.site-nav__link[aria-current="page"]::after{
  content:"";position:absolute;right:6px;top:50%;width:5px;height:5px;
  transform:translateY(-50%) rotate(45deg);background:var(--c-orange);
}
.rail-status{
  display:flex;flex-direction:column;gap:5px;margin:0 10px;padding-top:10px;
  border-top:1px dashed rgba(201,183,156,.25);
}
.rail-status__row{display:flex;justify-content:space-between;align-items:center;gap:6px;
  font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;max-width:none;}
.rail-status__k{color:var(--c-mute);}
.rail-status__v{display:inline-flex;align-items:center;gap:5px;color:var(--c-line);}

/* ===== 6. 页脚 ===== */
.site-footer{
  margin-left:var(--rail-w);
  margin-top:clamp(44px,6vw,88px);
  background:linear-gradient(180deg, rgba(14,23,48,.9), var(--c-void) 88%);
  border-top:1px solid var(--c-line-soft);
}
.site-footer__inner{max-width:1280px;margin:0 auto;padding:clamp(28px,4vw,52px) var(--pad) 22px;}
.site-footer__grid{display:grid;grid-template-columns:1.05fr 1.5fr 1fr;gap:clamp(20px,3vw,44px);}
.site-footer__mark{font-family:var(--font-head);font-size:22px;letter-spacing:.26em;color:var(--c-cyan);}
.site-footer__sub{font-size:13px;letter-spacing:.06em;color:var(--c-line);margin-top:8px;}
.site-footer__note{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--c-mute);margin-top:10px;}
.site-footer__title{
  font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.2em;
  text-transform:uppercase;color:var(--c-orange);margin-bottom:14px;
}
.site-footer__list{display:flex;flex-direction:column;gap:9px;}
.site-footer__list li{display:flex;flex-wrap:wrap;gap:10px;font-family:var(--font-mono);font-size:12.5px;line-height:1.6;color:var(--c-line);}
.site-footer__k{flex:none;min-width:70px;color:var(--c-mute);}
.site-footer__v{overflow-wrap:anywhere;color:var(--c-line);}
.site-footer__list--links li{font-family:var(--font-body);font-size:14px;}
.site-footer__list--links a{border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease;}
.site-footer__list--links a:hover{color:var(--c-cyan);border-bottom-color:var(--c-cyan);}
.site-footer__strip{
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;
  margin-top:clamp(24px,3vw,42px);padding-top:16px;
  border-top:1px solid var(--c-line-soft);
  font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--c-mute);
}
.site-footer__legal,.site-footer__copy{max-width:none;}

/* ===== 7. 通用版式 ===== */
.wrap{width:100%;max-width:1280px;margin:0 auto;padding-left:var(--pad);padding-right:var(--pad);}
.section{padding-block:clamp(40px,6vw,84px);}
.section--tight{padding-block:clamp(24px,4vw,46px);}
.grid-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(16px,2vw,28px);}
.col-4{grid-column:span 4;}
.col-5{grid-column:span 5;}
.col-6{grid-column:span 6;}
.col-7{grid-column:span 7;}
.col-8{grid-column:span 8;}
.col-12{grid-column:span 12;}

.display{font-family:var(--font-head);font-weight:800;font-size:clamp(40px,8.4vw,104px);line-height:.94;letter-spacing:-.02em;text-transform:uppercase;}
.h2{font-family:var(--font-head);font-size:clamp(24px,3.6vw,42px);line-height:1.08;}
.h3{font-family:var(--font-head);font-size:clamp(17px,2vw,23px);line-height:1.2;}
.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--c-orange);max-width:none;}
.lede{font-size:17px;line-height:1.75;color:var(--c-line);}
.note{font-family:var(--font-serif);font-size:13px;line-height:1.8;color:var(--c-mute);}

/* ===== 8. 形状与面板 ===== */
.cut{clip-path:polygon(0 0,calc(100% - var(--crt)) 0,100% var(--crt),100% 100%,var(--crt) 100%,0 calc(100% - var(--crt)));}
.cut--tr{clip-path:polygon(0 0,calc(100% - var(--crt)) 0,100% var(--crt),100% 100%,0 100%);}
.cut--bl{clip-path:polygon(0 0,100% 0,100% 100%,var(--crt) 100%,0 calc(100% - var(--crt)));}
.cut--sm{--crt:9px;}
.panel{background:var(--c-paper);color:var(--c-ink);padding:clamp(20px,3vw,36px);}
.panel p{color:var(--c-ink);}
.panel .note{color:#6A5C4A;}
.panel--dark{background:var(--c-panel);color:var(--c-paper);border:1px solid var(--c-line-soft);}
.panel--cabin{background:var(--c-cabin);color:var(--c-paper);border:1px solid var(--c-line-soft);}
.card{
  position:relative;background:var(--c-panel);border:1px solid var(--c-line-soft);
  padding:clamp(18px,2.4vw,28px);
  transition:border-color .25s ease,transform .25s ease,background .25s ease;
}
.card:hover{border-color:rgba(53,240,208,.45);transform:translateY(-3px);}
.card__idx{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;color:var(--c-orange);}
.card__title{font-family:var(--font-head);font-size:clamp(17px,1.9vw,22px);color:var(--c-paper);margin-top:10px;letter-spacing:.02em;}
.card__text{font-size:15px;color:var(--c-line);margin-top:10px;}
.rule{height:1px;border:0;background:linear-gradient(90deg,var(--c-line-mid),transparent);margin-block:clamp(20px,3vw,38px);}
.slash-band{height:14px;background:repeating-linear-gradient(115deg, rgba(255,122,47,.55) 0 10px, transparent 10px 24px);}

/* ===== 9. 行动元素 ===== */
.btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:13px 22px;font-family:var(--font-mono);font-size:13px;letter-spacing:.1em;
  border:1px solid transparent;
  transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease;
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));
}
.btn--primary{background:var(--c-orange);color:#180803;}
.btn--primary:hover{background:#FF9155;transform:translateY(-2px);}
.btn--cyan{background:var(--c-cyan);color:#04140F;}
.btn--cyan:hover{background:#6BF5DC;transform:translateY(-2px);}
.btn--ghost{border-color:var(--c-line-mid);color:var(--c-paper);}
.btn--ghost:hover{border-color:var(--c-cyan);color:var(--c-cyan);transform:translateY(-2px);}
.tag{
  display:inline-flex;align-items:center;gap:6px;padding:4px 10px;
  font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;
  border:1px solid var(--c-line-mid);color:var(--c-line);
}
.tag--cyan{border-color:rgba(53,240,208,.5);color:var(--c-cyan);}
.tag--orange{border-color:rgba(255,122,47,.5);color:var(--c-orange);}
.tag--magenta{border-color:rgba(255,61,139,.55);color:var(--c-magenta);}
.copy-btn{
  display:inline-flex;align-items:center;gap:8px;padding:8px 12px;
  font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;
  border:1px solid var(--c-line-mid);color:var(--c-line);
  transition:color .2s ease,border-color .2s ease;
}
.copy-btn:hover{color:var(--c-cyan);border-color:var(--c-cyan);}
.copy-btn[data-copied]{color:var(--c-cyan);border-color:var(--c-cyan);}

/* ===== 10. 索引与表格 ===== */
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-block:14px;
  font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--c-mute);}
.crumbs a{color:var(--c-line);border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease;}
.crumbs a:hover{color:var(--c-cyan);border-bottom-color:var(--c-cyan);}
.crumbs__sep{color:rgba(201,183,156,.4);}
.crumbs [aria-current="page"]{color:var(--c-cyan);}
.index-list{display:block;}
.index-list__item{
  display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:baseline;
  padding:14px 0;border-bottom:1px solid rgba(201,183,156,.18);
}
.index-list__num{font-family:var(--font-mono);font-size:12px;color:var(--c-orange);letter-spacing:.1em;}
.index-list__label{font-family:var(--font-head);font-size:16px;color:var(--c-paper);letter-spacing:.02em;}
.index-list__meta{font-family:var(--font-mono);font-size:11px;color:var(--c-mute);letter-spacing:.08em;}
.price-table{font-size:15px;}
.price-table th,.price-table td{padding:12px 14px;text-align:left;border-bottom:1px solid rgba(28,23,18,.16);}
.price-table th{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;}
.price-table td.num,.price-table th.num{font-family:var(--font-mono);text-align:right;}
.panel--dark .price-table th,.panel--dark .price-table td{border-bottom-color:var(--c-line-soft);}
.stat{display:flex;flex-direction:column;gap:6px;}
.stat__num{font-family:var(--font-mono);font-size:clamp(26px,3.6vw,46px);line-height:1;color:var(--c-cyan);letter-spacing:-.02em;}
.stat__label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.16em;color:var(--c-mute);}

/* ===== 11. 折叠与图像容器 ===== */
.accordion{border-top:1px solid rgba(201,183,156,.2);}
.accordion>details{border-bottom:1px solid rgba(201,183,156,.2);}
.accordion>details>summary{
  position:relative;cursor:pointer;list-style:none;padding:17px 44px 17px 0;
  font-family:var(--font-head);font-size:16px;letter-spacing:.02em;color:var(--c-paper);
  transition:color .2s ease;
}
.accordion>details>summary::-webkit-details-marker{display:none;}
.accordion>details>summary:hover{color:var(--c-cyan);}
.accordion>details>summary::after{
  content:"+";position:absolute;right:8px;top:50%;transform:translateY(-50%);
  font-family:var(--font-mono);font-size:18px;color:var(--c-cyan);
}
.accordion>details[open]>summary::after{content:"–";}
.accordion__body{padding:0 44px 20px 0;font-size:15px;color:var(--c-line);}

.media-frame{
  position:relative;overflow:hidden;aspect-ratio:4/3;
  border:1px solid var(--c-line-soft);
  background-color:var(--c-panel);
  background-image:
    radial-gradient(120% 90% at 78% 4%, rgba(53,240,208,.24), transparent 58%),
    radial-gradient(90% 80% at 10% 92%, rgba(255,122,47,.2), transparent 62%),
    linear-gradient(160deg,#0B1226,#16203D 55%,#0A0F20);
}
.media-frame--wide{aspect-ratio:16/9;}
.media-frame--tall{aspect-ratio:3/4;}
.media-frame--square{aspect-ratio:1/1;}
.media-frame>img,.media-frame>svg{width:100%;height:100%;object-fit:cover;}
.media-frame::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    repeating-linear-gradient(0deg, rgba(255,255,255,.05) 0 1px, transparent 1px 4px),
    linear-gradient(180deg, transparent 52%, rgba(7,11,24,.78));
}
.media-frame__caption{
  position:absolute;left:0;right:0;bottom:0;z-index:2;padding:10px 14px;
  font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;color:var(--c-line);
}

/* ===== 12. 显现动画 ===== */
[data-js] [data-reveal]{opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease;}
[data-js] [data-reveal][data-visible]{opacity:1;transform:none;}

/* ===== 13. 响应式 ===== */
@media (max-width:1100px){
  :root{--rail-w:96px;}
  .site-nav__label{font-size:11.5px;}
}
@media (max-width:960px){
  :root{--rail-w:0px;}
  body{padding-top:calc(var(--entry-h) + var(--rail-sm));}
  #main-content{padding-left:0;}
  .site-footer{margin-left:0;}

  .entry-bar__grid{grid-template-columns:1fr 1fr;}
  .entry-tab{padding:0 12px;}
  .entry-tab__meta,.entry-tab__steps{display:none;}
  .entry-bar__status{display:none;}

  .site-rail{
    top:var(--entry-h);left:0;right:0;bottom:auto;width:auto;height:var(--rail-sm);
    flex-direction:row;align-items:center;justify-content:space-between;
    gap:12px;padding:0 14px;overflow:visible;
    border-right:0;border-bottom:1px solid var(--c-line-soft);
  }
  .site-rail::after{background:linear-gradient(90deg, rgba(53,240,208,.09), transparent 58%);}
  .rail-brand{flex-direction:row;align-items:center;gap:9px;margin:0;padding:0;border:0;}
  .rail-brand__mark{font-size:14px;padding:3px 7px;}
  .rail-brand__name{font-size:12px;letter-spacing:.16em;}
  .rail-brand__cn{font-size:11px;letter-spacing:.1em;}
  .rail-brand__coord{display:none;}

  .nav-toggle{
    display:inline-flex;align-items:center;gap:9px;padding:8px 13px;
    border:1px solid var(--c-line-mid);color:var(--c-paper);
    font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;
    transition:color .2s ease,border-color .2s ease;
  }
  .nav-toggle:hover{color:var(--c-cyan);border-color:var(--c-cyan);}
  .nav-toggle__icon{display:flex;flex-direction:column;gap:4px;width:16px;}
  .nav-toggle__icon i{display:block;height:1.5px;background:currentColor;transition:transform .25s ease,opacity .2s ease;}
  .nav-toggle[aria-expanded="true"]{color:var(--c-cyan);border-color:var(--c-cyan);}
  .nav-toggle[aria-expanded="true"] .nav-toggle__icon i:nth-child(1){transform:translateY(5.5px) rotate(45deg);}
  .nav-toggle[aria-expanded="true"] .nav-toggle__icon i:nth-child(2){opacity:0;}
  .nav-toggle[aria-expanded="true"] .nav-toggle__icon i:nth-child(3){transform:translateY(-5.5px) rotate(-45deg);}

  .site-nav{
    position:fixed;top:calc(var(--entry-h) + var(--rail-sm));left:0;right:0;bottom:0;z-index:58;
    padding:14px 12px 28px;overflow-y:auto;
    background:linear-gradient(180deg,var(--c-cabin),var(--c-void));
    border-top:1px solid var(--c-line-soft);
    opacity:0;visibility:hidden;transform:translateY(-12px);
    transition:opacity .24s ease,transform .24s ease,visibility .24s ease;
  }
  .site-rail[data-open] .site-nav{opacity:1;visibility:visible;transform:none;}
  .site-nav__list{padding:0;gap:0;}
  .site-nav__link{
    flex-direction:row;align-items:baseline;gap:12px;
    padding:15px 12px;border-left:0;border-bottom:1px solid rgba(201,183,156,.12);
  }
  .site-nav__label{font-size:15px;}
  .site-nav__idx{font-size:11px;color:var(--c-orange);}
  .site-nav__link:hover{transform:none;}
  .site-nav__link[aria-current="page"]{border-left:0;border-bottom-color:rgba(53,240,208,.35);}
  .site-nav__link[aria-current="page"]::after{right:14px;}
  .rail-status{display:none;}

  .site-footer__grid{grid-template-columns:1fr;gap:26px;}
  .grid-12>.col-4,.grid-12>.col-5,.grid-12>.col-6,
  .grid-12>.col-7,.grid-12>.col-8{grid-column:span 12;}
}
@media (max-width:640px){
  body{font-size:16px;}
  .entry-tab__label{font-size:13px;letter-spacing:.06em;}
  .entry-tab__idx{font-size:10px;}
  .site-footer__strip{flex-direction:column;gap:6px;}
  .index-list__item{grid-template-columns:auto 1fr;row-gap:4px;}
  .index-list__meta{grid-column:1 / -1;}
}

/* ===== 14. 降低动效 ===== */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
  [data-js] [data-reveal]{opacity:1;transform:none;}
  .live-dot{opacity:1;box-shadow:none;}
}