:root{
  --c-primary:#E10600;
  --c-primary-light:#FF4B3E;
  --c-dark:#0A0A0A;
  --c-dark-2:#141414;
  --c-gold:#FFD700;
  --c-gold-soft:#FFE066;
  --c-light-gray:#F2F2F2;
  --c-mid-gray:#666666;
  --c-text-dark:#111111;
  --c-text-light:#FFFFFF;
  --c-data-green:#00E676;
  --c-border:#2A2A2A;

  --font-head:'Arial Black','PingFang SC',sans-serif;
  --font-body:'Noto Sans SC','Microsoft YaHei',sans-serif;
  --font-mono:'JetBrains Mono','Consolas',monospace;

  --header-h:72px;
  --page-maxw:1180px;
  --radius-kink:8px;
  --grad-red:linear-gradient(92deg,#E10600 0%,#FF4B3E 100%);
  --grad-darkred:linear-gradient(124deg,#0A0A0A 0%,#2A0A0F 55%,#101820 100%);
  --grad-panel:linear-gradient(145deg,rgba(255,255,255,0.05),rgba(255,255,255,0.01));
  --shadow-card:0 18px 42px rgba(0,0,0,0.38);
  --speed-ease:cubic-bezier(.2, .8, .2, 1);
}

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
  -webkit-tap-highlight-color:transparent;
}

body{
  font-family:var(--font-body);
  font-weight:400;
  background-color:var(--c-dark);
  color:var(--c-text-light);
  line-height:1.6;
  font-size:16px;
  overflow-x:hidden;
}

img{
  max-width:100%;
  display:block;
  height:auto;
}

a{
  color:inherit;
  text-decoration:none;
}

ul,ol{
  list-style:none;
}

button{
  font-family:inherit;
  border:0;
  background:none;
  cursor:pointer;
  color:inherit;
}

:focus-visible{
  outline:2px solid var(--c-gold);
  outline-offset:3px;
  border-radius:4px;
}

.sr-only{
  position:absolute !important;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  clip-path:inset(50%);
  white-space:nowrap;
  padding:0;
  margin:-1px;
}

.skip-link{
  position:fixed;
  top:-100px;
  left:16px;
  z-index:2000;
  background:var(--c-gold);
  color:#000;
  font-weight:700;
  padding:12px 22px;
  border-radius:0 0 8px 8px;
  transition:top .3s var(--speed-ease);
}

.skip-link:focus-visible{
  top:0;
}

.mono-tag{
  font-family:var(--font-mono);
  letter-spacing:.16em;
  font-size:.82rem;
}

/********** 蓝图网格背景 **********/
.blueprint-grid{
  position:relative;
  background:
    linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,0.045) 1px, transparent 1px);
  background-size:44px 44px,44px 44px;
}

.blueprint-grid::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 86% 12%, rgba(225, 6, 0, 0.15), transparent 46%),
             radial-gradient(circle at 8% 96%, rgba(255, 215, 0, 0.12), transparent 38%);
  pointer-events:none;
}

/********** 滚动进度条 **********/
.progress-track{
  position:fixed;
  top:0;
  left:0;
  z-index:1500;
  width:100%;
  height:4px;
  background:rgba(255,255,255,0.04);
  pointer-events:none;
}

.progress-scrubber{
  height:100%;
  width:0%;
  background:var(--grad-red);
  background-size:200% 100%;
  box-shadow:0 0 12px rgba(225, 6, 0, 0.45);
  transition:width .1s linear;
}

/********** 头部 **********/
.site-header{
  position:relative;
  z-index:1000;
  padding-top:18px;
  pointer-events:none;
}

.site-header .nav-floating{
  pointer-events:auto;
}

.topbar-track{
  max-width:var(--page-maxw);
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:14px;
  padding:0 24px 14px 24px;
  opacity:.7;
}

.topbar-track-line{
  flex:1;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,215,0,0.4),transparent);
}

.topbar-track-line:first-child{
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2));
}

.topbar-track-num{
  font-family:var(--font-mono);
  font-size:.72rem;
  color:var(--c-gold);
}

.topbar-track-label{
  font-family:var(--font-mono);
  font-size:.7rem;
  letter-spacing:.24em;
  color:rgba(255,255,255,0.55);
  white-space:nowrap;
}

.nav-floating-outer{
  width:100%;
  display:flex;
  justify-content:center;
  padding:0 16px;
}

.nav-floating{
  max-width:var(--page-maxw);
  width:100%;
  background:rgba(10,10,10,0.82);
  border:1px solid rgba(255,255,255,0.14);
  border-bottom-left-radius:16px;
  border-bottom-right-radius:16px;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 22px 10px 18px;
  position:relative;
  box-shadow:0 12px 42px rgba(0,0,0,0.5);
  clip-path:polygon(18px 0, calc(100% - 26px) 0, 100% 8px, 100% 100%, 0 100%, 0 8px);
  transition:box-shadow .3s var(--speed-ease);
}

.nav-floating:has(.nav-link:hover){
  box-shadow:0 12px 52px rgba(225,6,0,0.2);
}

.nav-brand-wrap{
  display:flex;
  align-items:center;
}

.nav-brand{
  display:flex;
  align-items:center;
  gap:10px;
}

.brand-square{
  width:34px;
  height:34px;
  background:var(--grad-red);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:6px;
  clip-path:polygon(0 0, 70% 0, 100% 30%, 100% 100%, 0 100%);
  position:relative;
  box-shadow:0 0 20px rgba(225,6,0,0.45);
}

.brand-square-inner{
  width:10px;
  height:10px;
  background:var(--c-dark);
  transform:rotate(45deg);
  border-radius:2px;
}

.brand-text{
  font-family:var(--font-head);
  font-size:1.22rem;
  line-height:1;
  letter-spacing:.06em;
  color:#fff;
}

.brand-en{
  font-family:var(--font-mono);
  font-size:.66rem;
  color:rgba(255,255,255,0.5);
  letter-spacing:.14em;
  margin-top:4px;
  display:block;
}

.nav-links-wrap{
  display:flex;
  align-items:center;
  gap:6px;
}

.nav-link{
  font-size:.94rem;
  padding:8px 18px;
  border-radius:50px;
  color:rgba(255,255,255,0.72);
  font-weight:500;
  position:relative;
  letter-spacing:.02em;
  transition:background .3s,color .3s,transform .3s;
}

.nav-link::after{
  content:"";
  position:absolute;
  left:22px;
  right:22px;
  bottom:-3px;
  height:2px;
  background:var(--grad-red);
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .35s var(--speed-ease);
}

.nav-link:hover{
  color:#fff;
  background:rgba(255,255,255,0.05);
  transform:translateY(-1px);
}

.nav-link:hover::after{
  transform:scaleX(1);
}

.nav-link[aria-current="page"]{
  color:#fff;
  background:rgba(225,6,0,0.2);
}

.nav-link[aria-current="page"]::after{
  transform:scaleX(1);
  background:var(--c-gold);
}

.nav-mobile-toggle{
  display:none;
  flex-direction:column;
  gap:6px;
  padding:8px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,0.18);
  background:rgba(255,255,255,0.03);
}

.toggle-bar{
  width:22px;
  height:2px;
  background:var(--c-gold);
  border-radius:2px;
  transition:transform .35s var(--speed-ease),opacity .2s;
}

.nav-mobile-toggle[aria-expanded="true"] .toggle-bar:nth-child(1){
  transform:translateY(4px) rotate(45deg);
}

.nav-mobile-toggle[aria-expanded="true"] .toggle-bar:nth-child(2){
  opacity:0;
}

.nav-mobile-toggle[aria-expanded="true"] .toggle-bar:nth-child(3){
  transform:translateY(-4px) rotate(-45deg);
}

/********** 页脚 **********/
.site-footer{
  position:relative;
  background:var(--grad-darkred);
  border-top:1px solid rgba(255,255,255,0.08);
  overflow:hidden;
}

.footer-tech-bg{
  position:absolute;
  inset:0;
  pointer-events:none;
}

.track-grid{
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,0.04) 1px, transparent 1px);
  background-size:32px 32px;
  mask-image:linear-gradient(to bottom,black,transparent 90%);
  -webkit-mask-image:linear-gradient(to bottom,black,transparent 90%);
}

.footer-flag{
  position:absolute;
  right:-20px;
  bottom:-180px;
  font-family:var(--font-head);
  font-size:26rem;
  line-height:1;
  color:rgba(255,215,0,0.04);
  transform:rotate(-14deg);
  z-index:0;
  pointer-events:none;
}

.footer-inner{
  position:relative;
  z-index:2;
  max-width:var(--page-maxw);
  margin:0 auto;
  padding:76px 24px 48px;
  display:grid;
  grid-template-columns: 1.3fr 0.8fr 0.8fr 1.1fr;
  gap:36px;
}

.footer-brand-col .nav-brand{
  align-items:flex-start;
}

.footer-brand-col .brand-text{
  font-size:1.5rem;
  color:#fff;
}

.footer-brand-col .brand-en{
  color:var(--c-gold-soft);
  opacity:.8;
}

.footer-tagline{
  font-family:var(--font-mono);
  font-size:.78rem;
  color:rgba(255,255,255,0.46);
  letter-spacing:.12em;
  margin-top:14px;
  display:block;
  padding-left:44px;
}

.footer-address{
  font-size:.9rem;
  color:rgba(255,255,255,0.55);
  margin-top:26px;
  padding-left:44px;
  line-height:1.7;
}

.footer-heading{
  font-family:var(--font-head);
  font-size:.8rem;
  letter-spacing:.2em;
  color:var(--c-gold);
  text-transform:uppercase;
  margin-bottom:20px;
  position:relative;
  padding-bottom:10px;
}

.footer-heading::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:28px;
  height:3px;
  background:var(--grad-red);
  clip-path:polygon(0 0,100% 0,80% 100%,0 100%);
}

.footer-link-list li{
  margin-bottom:12px;
}

.footer-link-list a{
  color:rgba(255,255,255,0.72);
  font-size:.92rem;
  transition:color .3s,padding-left .3s;
}

.footer-link-list a:hover{
  color:var(--c-gold);
  padding-left:6px;
}

.footer-contact-col{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.footer-contact-btn{
  margin-bottom:24px;
}

.footer-contact-phone{
  font-family:var(--font-mono);
  font-size:1.08rem;
  color:#fff;
  margin-bottom:8px;
}

.footer-contact-phone .mono-tag{
  color:var(--c-gold-soft);
  margin-right:12px;
  font-size:.68rem;
}

.footer-contact-mail{
  font-family:var(--font-mono);
  font-size:.84rem;
  color:rgba(255,255,255,0.6);
}

.footer-bottom-band{
  position:relative;
  z-index:2;
  border-top:1px solid rgba(255,255,255,0.08);
  background:rgba(0,0,0,0.26);
}

.footer-bottom-inner{
  max-width:var(--page-maxw);
  margin:0 auto;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px 26px;
  padding:18px 24px;
  font-size:.82rem;
  color:rgba(255,255,255,0.48);
}

.footer-icp{
  font-family:var(--font-mono);
  letter-spacing:.06em;
}

.footer-legal-links{
  margin-left:auto;
  display:flex;
  gap:10px;
  align-items:center;
}

.footer-legal-links a{
  color:rgba(255,255,255,0.58);
  transition:color .3s;
}

.footer-legal-links a:hover{
  color:var(--c-gold);
}

.divider-dot{
  color:rgba(255,255,255,0.3);
}

/********** 通用按钮 **********/
.btn-red,
.btn-gold{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-family:var(--font-head);
  font-size:.92rem;
  letter-spacing:.05em;
  padding:12px 34px;
  border-radius:8px 20px 8px 20px;
  position:relative;
  overflow:hidden;
  transition:transform .3s var(--speed-ease), box-shadow .3s;
  min-height:44px;
  line-height:1;
}

.btn-red{
  background:var(--grad-red);
  color:#fff;
  box-shadow:0 6px 24px rgba(225,6,0,0.32);
}

.btn-gold{
  background:linear-gradient(92deg,#FFD700 0%,#FFE066 100%);
  color:#111;
  box-shadow:0 6px 24px rgba(255,215,0,0.28);
}

.btn-red:hover,
.btn-gold:hover{
  transform:translateY(-3px) skewX(-3deg);
}

.btn-red:hover{
  box-shadow:0 12px 36px rgba(225,6,0,0.5);
}

.btn-gold:hover{
  box-shadow:0 12px 36px rgba(255,215,0,0.42);
}

.btn-red::before,
.btn-gold::before{
  content:"";
  position:absolute;
  top:0;
  left:-75%;
  width:45%;
  height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,0.3),transparent);
  transform:skewX(-25deg);
  transition:left .7s var(--speed-ease);
}

.btn-red:hover::before,
.btn-gold:hover::before{
  left:130%;
}

/********** 面包屑 **********/
.breadcrumb{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  font-size:.88rem;
  color:rgba(255,255,255,0.6);
  margin-bottom:24px;
  padding-top:8px;
}

.breadcrumb a{
  color:rgba(255,255,255,0.8);
  transition:color .3s;
}

.breadcrumb a:hover{
  color:var(--c-gold);
}

.breadcrumb .breadcrumb-sep{
  color:var(--c-gold);
  opacity:.6;
  font-family:var(--font-mono);
  font-size:.72rem;
}

.breadcrumb [aria-current="page"]{
  color:var(--c-gold-soft);
}

/********** 页面容器与正文排版 **********/
.main-content{
  min-height:70vh;
}

.page-container{
  max-width:var(--page-maxw);
  margin:0 auto;
  padding:0 24px;
  position:relative;
}

.page-hero{
  padding-top:128px;
  padding-bottom:60px;
  position:relative;
  background:var(--grad-darkred);
  border-bottom-left-radius:48px;
  border-bottom-right-radius:48px;
  overflow:hidden;
}

.page-hero::after{
  content:"";
  position:absolute;
  right:-80px;
  top:-60px;
  width:320px;
  height:320px;
  background:radial-gradient(circle,rgba(225,6,0,0.24),transparent 65%);
}

.page-hero-title{
  font-family:var(--font-head);
  font-size:clamp(2.2rem, 6vw, 4.2rem);
  line-height:1.05;
  letter-spacing:-.01em;
  color:#fff;
  text-transform:uppercase;
  position:relative;
  z-index:2;
}

.page-hero-sub{
  color:rgba(255,255,255,0.62);
  font-size:1.04rem;
  max-width:560px;
  margin-top:14px;
  position:relative;
  z-index:2;
}

/********** 基础网格与切角卡片 **********/
.grid-2col{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:28px;
}

.grid-3col{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:24px;
}

.grid-4col{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:20px;
}

.corner-panel{
  position:relative;
  background:var(--grad-panel);
  border:1px solid rgba(255,255,255,0.1);
  border-radius:16px;
  padding:26px;
  clip-path:polygon(24px 0, 100% 0, 100% calc(100% - 24px), calc(100% - 24px) 100%, 0 100%, 0 24px);
  transition:transform .4s var(--speed-ease),border-color .4s,box-shadow .4s;
}

.corner-panel:hover{
  transform:translateY(-4px);
  border-color:rgba(255,215,0,0.25);
  box-shadow:var(--shadow-card);
}

.panel-index{
  font-family:var(--font-mono);
  font-size:.68rem;
  color:var(--c-gold);
  letter-spacing:.12em;
  display:inline-block;
  border:1px solid rgba(255,215,0,0.22);
  padding:3px 8px;
  border-radius:4px;
  margin-bottom:16px;
}

.data-ticker{
  display:flex;
  align-items:center;
  gap:24px;
  overflow:hidden;
  white-space:nowrap;
  padding:14px 0;
  border-block:1px solid rgba(255,255,255,0.08);
  position:relative;
  font-family:var(--font-mono);
  font-size:.8rem;
  color:var(--c-data-green);
}

.data-ticker .ticker-item{
  display:inline-flex;
  align-items:center;
  gap:24px;
}

.data-ticker .ticker-item::after{
  content:"";
  width:6px;
  height:6px;
  background:var(--c-gold);
  transform:rotate(45deg);
}

/********** 速度线背景 **********/
.speed-line{
  position:relative;
}

.speed-line::before{
  content:"";
  position:absolute;
  top:0;
  left:-5%;
  width:110%;
  height:100%;
  background:repeating-linear-gradient(
    -45deg,
    transparent,
    transparent 8px,
    rgba(255,255,255,0.025) 8px,
    rgba(255,255,255,0.025) 10px
  );
  pointer-events:none;
}

/********** 显示 / 隐藏与动画 **********/
.reveal{
  opacity:0;
  transform:translateY(26px);
  transition:opacity .7s var(--speed-ease), transform .7s var(--speed-ease);
}

.reveal.is-visible{
  opacity:1;
  transform:translateY(0);
}

/********** 赛事条 **********/
.issue-card{
  background:var(--grad-panel);
  border:1px solid rgba(255,255,255,0.1);
  border-radius:14px;
  padding:24px;
  transition:border-color .35s, transform .35s, background .35s;
  position:relative;
}

.issue-card:hover{
  border-color:rgba(255,215,0,0.35);
  transform:translateY(-5px);
}

.issue-card .card-topline{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:18px;
  font-family:var(--font-mono);
  font-size:.68rem;
  color:var(--c-gold);
  letter-spacing:.1em;
}

.issue-card .card-title{
  font-family:var(--font-head);
  font-size:1.15rem;
  color:#fff;
  line-height:1.3;
  margin-bottom:8px;
}

.issue-card .card-summary{
  color:rgba(255,255,255,0.6);
  line-height:1.6;
  font-size:.92rem;
  margin-bottom:18px;
}

.issue-card .card-bottom{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,0.07);
}

.issue-card .card-time{
  font-family:var(--font-mono);
  font-size:.74rem;
  color:var(--c-mid-gray);
}

.issue-card .card-link{
  color:var(--c-gold-soft);
  font-size:.9rem;
  display:inline-flex;
  align-items:center;
  gap:6px;
}

.issue-card .card-link::after{
  content:"→";
  transition:transform .3s;
}

.issue-card .card-link:hover::after{
  transform:translateX(3px);
}

/********** 工具类 **********/
.text-gold{
  color:var(--c-gold) !important;
}

.text-green{
  color:var(--c-data-green) !important;
}

.text-muted{
  color:rgba(255,255,255,0.55) !important;
}

.mono{
  font-family:var(--font-mono);
}

.mt-1{margin-top:1rem}
.mt-2{margin-top:2rem}
.mt-3{margin-top:3rem}
.mb-1{margin-bottom:1rem}
.mb-2{margin-bottom:2rem}
.mb-3{margin-bottom:3rem}

/********** 优先隐藏动画 **********/
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }

  .reveal{
    opacity:1;
    transform:none;
  }
}

/********** 平板 **********/
@media (max-width: 992px){
  .grid-4col{
    grid-template-columns:repeat(2,1fr);
  }

  .grid-3col{
    grid-template-columns:repeat(2,1fr);
  }

  .footer-inner{
    grid-template-columns:1fr 1fr;
    gap:38px 24px;
  }

  .footer-contact-col{
    grid-column:span 2;
  }

  .topbar-track-label{
    display:none;
  }
}

/********** 手机端 **********/
@media (max-width: 768px){
  :root{
    --header-h:64px;
  }

  .nav-floating{
    padding:8px 14px;
    border-radius:12px;
    clip-path:none;
  }

  .brand-en{
    display:none;
  }

  .brand-text{
    font-size:1.1rem;
  }

  .nav-links-wrap{
    position:absolute;
    top:calc(100% + 10px);
    left:0;
    right:0;
    flex-direction:column;
    align-items:stretch;
    background:rgba(10,10,10,0.96);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    border:1px solid rgba(255,255,255,0.12);
    border-radius:14px;
    padding:14px;
    gap:4px;
    display:none;
    box-shadow:0 20px 44px rgba(0,0,0,0.6);
    opacity:0;
    transform:translateY(-8px);
    transition:opacity .3s var(--speed-ease), transform .3s var(--speed-ease);
  }

  .nav-links-wrap[data-open="true"]{
    display:flex;
    opacity:1;
    transform:translateY(0);
  }

  .nav-link{
    padding:14px 18px;
    border-radius:8px;
    font-size:1rem;
    text-align:left;
  }

  .nav-link::after{
    display:none;
  }

  .nav-mobile-toggle{
    display:inline-flex;
    margin-left:auto;
  }

  .footer-inner{
    grid-template-columns:1fr;
    padding-top:50px;
    gap:30px;
  }

  .footer-contact-col{
    grid-column:span 1;
  }

  .footer-bottom-inner{
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
  }

  .footer-legal-links{
    margin-left:0;
  }

  .grid-2col,
  .grid-3col{
    grid-template-columns:1fr;
  }

  .grid-4col{
    grid-template-columns:1fr;
  }

  .page-hero{
    padding-top:96px;
    border-bottom-left-radius:28px;
    border-bottom-right-radius:28px;
  }

  .page-hero-title{
    font-size:2.2rem;
  }

  .topbar-track{
    display:none;
  }
}

/********** 图片容器基础规则 **********/
.visual-card{
  position:relative;
  border-radius:14px;
  overflow:hidden;
  background:linear-gradient(135deg,#1C1C24, #0E141B);
  border:1px solid rgba(255,255,255,0.1);
  aspect-ratio:16/9;
}

.visual-card::before{
  content:attr(data-label);
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  padding:16px 18px;
  font-family:var(--font-mono);
  font-size:.7rem;
  letter-spacing:.12em;
  color:rgba(255,255,255,0.8);
  background:linear-gradient(to top,rgba(0,0,0,0.88),transparent);
  z-index:2;
}

.visual-card .visual-placeholder{
  width:100%;
  height:100%;
  background:radial-gradient(circle at 25% 30%,rgba(225,6,0,0.1),transparent 50%),
             repeating-linear-gradient(-45deg,rgba(255,255,255,0.025),rgba(255,255,255,0.025) 2px,transparent 2px,transparent 6px),
             linear-gradient(138deg,#161E28,#2A323E);
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:var(--font-mono);
  font-size:.8rem;
  color:rgba(255,255,255,0.28);
  letter-spacing:.12em;
}

/********** 数据与坐标标签 **********/
.coord-label{
  font-family:var(--font-mono);
  font-size:.66rem;
  letter-spacing:.28em;
  color:rgba(255,255,255,0.35);
  text-transform:uppercase;
  display:inline-block;
  border-left:3px solid var(--c-gold);
  padding-left:10px;
  margin:16px 0 8px;
}

.coord-data{
  font-family:var(--font-mono);
  font-size:.88rem;
  color:var(--c-data-green);
  letter-spacing:.06em;
}

/********** 金色斜条 **********/
.ribbon-gold{
  height:6px;
  background:repeating-linear-gradient(90deg,var(--c-gold) 0px,var(--c-gold) 12px,transparent 12px,transparent 17px);
  border-radius:4px;
  margin:14px 0 22px;
  width:92px;
}

.ribbon-red{
  height:6px;
  background:repeating-linear-gradient(90deg,var(--c-primary) 0px,var(--c-primary) 12px,transparent 12px,transparent 17px);
  border-radius:4px;
  margin:14px 0 22px;
  width:92px;
}

/********** 图表占位与数据可视化轮廓 **********/
.stat-inline{
  display:inline-flex;
  align-items:baseline;
  gap:6px;
  font-family:var(--font-mono);
  font-size:1.8rem;
  color:var(--c-gold);
  line-height:1;
}

.stat-inline .stat-unit{
  font-size:.78rem;
  color:var(--c-mid-gray);
  letter-spacing:.1em;
}

/********** 编辑感区块标题 **********/
.section-heading{
  display:flex;
  align-items:flex-end;
  gap:40px;
  margin-bottom:34px;
  flex-wrap:wrap;
}

.section-heading .section-title{
  font-family:var(--font-head);
  font-size:clamp(1.8rem,4vw,2.8rem);
  line-height:1;
  letter-spacing:.01em;
  background:linear-gradient(to right,#fff, rgba(255,255,255,0.72), #fff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  padding-bottom:8px;
}

.section-heading .section-note{
  font-family:var(--font-mono);
  font-size:.72rem;
  color:rgba(255,255,255,0.4);
  letter-spacing:.2em;
  margin-bottom:6px;
}

/********** 深色与浅色内容区切换 **********/
.area-dark{
  background:var(--grad-darkred);
  color:#fff;
}

.area-light{
  background:var(--c-light-gray);
  color:var(--c-text-dark);
}

.area-light .corner-panel{
  background:rgba(255,255,255,0.6);
  border-color:rgba(0,0,0,0.12);
  color:var(--c-text-dark);
}

.area-light .card-title,
.area-light .section-title{
  color:var(--c-text-dark);
}

/********** 手风琴 **********/
.accordion-item{
  border-bottom:1px solid rgba(255,255,255,0.1);
}

.accordion-header{
  width:100%;
  text-align:left;
  padding:20px 8px;
  font-family:var(--font-head);
  font-size:1.02rem;
  color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  transition:background .3s;
}

.accordion-header:hover{
  background:rgba(255,255,255,0.04);
}

.accordion-panel{
  padding:0 8px 20px;
  color:rgba(255,255,255,0.58);
  line-height:1.7;
  font-size:.92rem;
}

.accordion-panel:not([data-open="true"]){
  display:none;
}

/********** 主题筛选按钮原型 **********/
.dataset-filter{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

.filter-btn{
  font-family:var(--font-body);
  padding:8px 22px;
  border-radius:50px;
  border:1px solid rgba(255,255,255,0.15);
  color:rgba(255,255,255,0.67);
  font-size:.9rem;
  background:rgba(255,255,255,0.02);
  transition:all .3s var(--speed-ease);
}

.filter-btn:hover{
  border-color:var(--c-gold);
  color:var(--c-gold-soft);
}

.filter-btn[data-active="true"]{
  background:var(--grad-red);
  color:#fff;
  border-color:transparent;
  box-shadow:0 3px 16px rgba(225,6,0,0.35);
}

/********** 文章分段 **********/
.article-prose p{
  font-size:1.06rem;
  line-height:1.9;
  color:rgba(255,255,255,0.78);
  margin-bottom:24px;
}

.article-prose h2{
  font-family:var(--font-head);
  font-size:1.8rem;
  color:#fff;
  margin:48px 0 16px;
  padding-left:18px;
  border-left:4px solid var(--c-gold);
  line-height:1.2;
}

.article-prose blockquote{
  border:1px solid rgba(255,215,0,0.22);
  border-radius:10px;
  padding:24px 28px;
  margin:30px 0;
  background:rgba(255,215,0,0.05);
  color:rgba(255,255,255,0.8);
  font-size:1.05rem;
  position:relative;
}

.article-prose blockquote::before{
  content:"“";
  font-size:4rem;
  color:var(--c-gold);
  position:absolute;
  top:-22px;
  left:14px;
  opacity:.5;
  font-family:Georgia, serif;
}

/* 页码、标签的通用结构 */
.tag-pill{
  font-family:var(--font-mono);
  font-size:.66rem;
  padding:3px 10px;
  border-radius:20px;
  background:rgba(225,6,0,0.18);
  border:1px solid rgba(225,6,0,0.3);
  color:var(--c-gold-soft);
  letter-spacing:.08em;
  white-space:nowrap;
}

/* 表格 */
.data-table{
  width:100%;
  border-collapse:collapse;
  background:rgba(255,255,255,0.02);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:12px;
  overflow:hidden;
}

.data-table th{
  font-family:var(--font-mono);
  font-size:.78rem;
  text-align:left;
  letter-spacing:.08em;
  padding:14px 16px;
  color:var(--c-gold);
  background:rgba(255,255,255,0.04);
  text-transform:uppercase;
}

.data-table td{
  padding:12px 16px;
  font-size:.92rem;
  border-top:1px solid rgba(255,255,255,0.06);
  color:rgba(255,255,255,0.7);
}

/********** 窄屏响应细节 **********/
@media (max-width: 520px){
  .page-container{
    padding:0 16px;
  }

  .btn-red,
  .btn-gold{
    padding:11px 26px;
    width:100%;
  }

  .footer-bottom-inner{
    align-items:center;
  }

  .footer-bottom-inner > span{
    text-align:center;
  }
}

@supports not (backdrop-filter: blur(1px)) {
  .nav-floating{
    background:rgba(10,10,10,0.96);
  }

  .nav-links-wrap{
    background:rgba(10,10,10,1);
  }
}

/********** 动态金色灯线 **********/
.speed-line-gold{
  position:relative;
  overflow:hidden;
}

.speed-line-gold::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg,transparent 40%,rgba(255,215,0,0.14),transparent 60%);
  transform:translateX(-100%);
  animation:gold-sweep 4s var(--speed-ease) infinite;
  pointer-events:none;
}

@keyframes gold-sweep{
  0%{transform:translateX(-100%)}
  55%,100%{transform:translateX(100%)}
}

/********** 数字滚动动效 **********/
@keyframes digit-roll-in{
  from{
    opacity:0;
    transform:translateY(16px) skewX(8deg);
  }
  to{
    opacity:1;
    transform:translateY(0) skewX(0);
  }
}

.digit-roll-in{
  display:inline-block;
  animation:digit-roll-in .6s var(--speed-ease) both;
}

/********** 载入时头部动画 **********/
@keyframes nav-drop-in{
  from{
    opacity:0;
    transform:translateY(-16px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

.nav-floating{
  animation:nav-drop-in .7s var(--speed-ease) .12s both;
}

.site-footer{
  animation:footer-rise-in .6s var(--speed-ease) .2s both;
}

@keyframes footer-rise-in{
  from{
    opacity:0;
    transform:translateY(20px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

/* 限制动画范围，保持可访问性 */
@media (prefers-reduced-motion: reduce){
  .speed-line-gold::after,
  .nav-floating,
  .site-footer{
    animation:none;
  }

  .digit-roll-in{
    animation:none;
  }
}