/* ============ 设计令牌 ============ */
:root{
  --xuan-zhi:#fbfaf5;
  --xuan-zhi-dark:#f4f1e8;
  --dai-qing:#004d4d;
  --dai-qing-light:#006666;
  --dai-qing-dark:#003333;
  --hu-po-jin:#d4af37;
  --hu-po-jin-light:#e8c84a;
  --hu-po-jin-dark:#b8960f;
  --seal-red:#a8392e;
  --rgb-ink:0,77,77;
  --font-serif:"Cormorant Garamond","Noto Serif SC","Source Han Serif SC","Songti SC","STSong",serif;
  --font-brush:"Ma Shan Zheng","Noto Serif SC",serif;
  --font-sans:system-ui,"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:var(--font-sans);
  background:#040812;
  color:var(--dai-qing);
  line-height:1.7;
  letter-spacing:0.02em;
  -webkit-font-smoothing:antialiased;
}
.serif{font-family:var(--font-serif);}
a{color:inherit;text-decoration:none;}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px;}

/* 纸张纹理 */
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  opacity:0.4;
  background:
    radial-gradient(ellipse 900px 600px at 15% 0%,rgba(212,175,55,0.05),transparent 70%),
    radial-gradient(ellipse 700px 500px at 85% 20%,rgba(0,77,77,0.04),transparent 70%);
}

/* 宣纸颗粒 */
body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  opacity:0.035;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.62' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");
}
main,header,footer{position:relative;z-index:1;}

/* ============ 顶栏 ============ */
.site-header{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(4,8,18,0.88);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(212,175,55,0.18);
  color:#e8e2d0;
}
.header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:64px;
  gap:20px;
}
.brand{display:flex;align-items:center;gap:10px;}
.brand-mark{
  width:34px;height:34px;
  display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(212,175,55,0.5);
  border-radius:8px;
  font-family:var(--font-serif);
  font-size:17px;
  color:var(--hu-po-jin-dark);
  background:rgba(212,175,55,0.06);
}
.brand-name{font-family:var(--font-serif);font-size:19px;letter-spacing:0.14em;color:#f0e9d6;}
.brand-en{
  font-size:10px;
  letter-spacing:0.24em;
  color:rgba(212,175,55,0.7);
  text-transform:uppercase;
}
.nav-links{display:flex;align-items:center;gap:28px;font-size:13.5px;}
.nav-links a{
  color:rgba(232,226,208,0.75);
  transition:color 0.25s;
  padding-bottom:2px;
  border-bottom:1px solid transparent;
}
.nav-links a:hover{color:var(--hu-po-jin-light);border-bottom-color:rgba(212,175,55,0.5);}
.nav-login{
  padding:7px 18px;
  border:1px solid rgba(212,175,55,0.45);
  border-radius:999px;
  color:var(--hu-po-jin-light);
  background:rgba(212,175,55,0.08);
  transition:background 0.25s,border-color 0.25s;
}
.nav-login:hover{background:rgba(212,175,55,0.16);border-bottom-color:rgba(212,175,55,0.9);border-color:rgba(212,175,55,0.9);}

/* ============ 首屏 ============ */
.hero{
  position:relative;
  overflow:hidden;
  width:100%;
  aspect-ratio:3136/1344;
  background-image:url(../img/bagua-hero.jpg);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}

/* 动画层铺满整屏，罗盘与太极作为独立图层压在其上 */
.hero-flow,
.hero-nebula,
.hero-stars{
  position:absolute;
  inset:0;
  pointer-events:none;
}

/* 星云本体流动：同一张底图做位移扭曲 + 缓慢漂移 */
.hero-flow{z-index:1;overflow:hidden;}
.hero-flow::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:url(../img/bagua-hero.jpg);
  background-size:cover;
  background-position:center;
  filter:url(#nebula-warp);
  animation:flow-drift 28s ease-in-out infinite alternate;
  will-change:transform;
}
@keyframes flow-drift{
  0%  {transform:scale(1.08) translate(0,0);}
  50% {transform:scale(1.16) translate(-3%,2%);}
  100%{transform:scale(1.10) translate(2.8%,-2.2%);}
}

/* 星云色彩流光 */
.hero-nebula{
  z-index:2;
  mix-blend-mode:screen;
  opacity:0.85;
}
.hero-nebula::before,
.hero-nebula::after{
  content:"";
  position:absolute;
  inset:-30%;
  background:
    radial-gradient(ellipse 28% 42% at 22% 38%,rgba(70,140,255,0.6),transparent 70%),
    radial-gradient(ellipse 24% 36% at 78% 30%,rgba(120,80,220,0.5),transparent 70%),
    radial-gradient(ellipse 32% 22% at 50% 92%,rgba(255,150,60,0.5),transparent 70%),
    radial-gradient(ellipse 20% 30% at 8% 80%,rgba(60,110,230,0.4),transparent 70%);
  filter:blur(40px);
  animation:nebula-flow 18s ease-in-out infinite alternate;
}
.hero-nebula::after{
  background:
    radial-gradient(ellipse 26% 40% at 70% 65%,rgba(40,120,255,0.5),transparent 70%),
    radial-gradient(ellipse 22% 30% at 30% 20%,rgba(150,90,240,0.42),transparent 70%),
    radial-gradient(ellipse 30% 20% at 60% 95%,rgba(255,120,40,0.4),transparent 70%);
  animation:nebula-flow-2 22s ease-in-out infinite alternate;
  animation-delay:-18s;
}
@keyframes nebula-flow{
  0%  {transform:translate(0,0) scale(1) rotate(0deg);}
  50% {transform:translate(-10%,7%) scale(1.15) rotate(6deg);}
  100%{transform:translate(9%,-8%) scale(1.06) rotate(-5deg);}
}
@keyframes nebula-flow-2{
  0%  {transform:translate(0,0) scale(1.05) rotate(0deg);}
  50% {transform:translate(8%,-9%) scale(1) rotate(-6deg);}
  100%{transform:translate(-9%,9%) scale(1.18) rotate(5deg);}
}

/* 星点闪烁 */
.hero-stars{
  z-index:3;
  background-image:
    radial-gradient(1.5px 1.5px at 12% 18%,#fff 60%,transparent),
    radial-gradient(1px 1px at 27% 62%,#fff 60%,transparent),
    radial-gradient(2px 2px at 41% 9%,#fff 60%,transparent),
    radial-gradient(1px 1px at 66% 74%,#fff 60%,transparent),
    radial-gradient(1.5px 1.5px at 81% 22%,#fff 60%,transparent),
    radial-gradient(1px 1px at 91% 58%,#fff 60%,transparent),
    radial-gradient(2px 2px at 8% 86%,#fff 60%,transparent),
    radial-gradient(1px 1px at 55% 30%,#fff 60%,transparent),
    radial-gradient(1.5px 1.5px at 74% 92%,#fff 60%,transparent),
    radial-gradient(1px 1px at 35% 88%,#fff 60%,transparent),
    radial-gradient(1px 1px at 19% 44%,#fff 60%,transparent),
    radial-gradient(1.5px 1.5px at 88% 80%,#fff 60%,transparent);
  animation:star-twinkle 2.5s ease-in-out infinite alternate;
}
@keyframes star-twinkle{
  0%  {opacity:0.25;}
  100%{opacity:0.95;}
}

/* 罗盘外圈：抠出的环，逆时针慢转 */
.compass-ring{
  position:absolute;
  left:50%;
  top:50.3%;
  width:25.32%;
  aspect-ratio:1;
  z-index:4;
  pointer-events:none;
  transform:translate(-50%,-50%);
  animation:ring-spin-ccw 90s linear infinite;
  will-change:transform;
  image-rendering:-webkit-optimize-contrast;
}
@keyframes ring-spin-ccw{
  from{transform:translate(-50%,-50%) rotate(0deg);}
  to  {transform:translate(-50%,-50%) rotate(-360deg);}
}

/* 太极入口：贴在原位，悬停时黑白两半如门开启 */
.taiji-entry{
  position:absolute;
  left:50%;
  top:50.3%;
  width:9.06%;
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  z-index:5;
  border-radius:50%;
  display:block;
  cursor:pointer;
}
.taiji-entry::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  background:radial-gradient(circle at 50% 40%,#12243d,#020409 75%);
  box-shadow:inset 0 0 18px rgba(212,175,55,0.35),0 0 0 1px rgba(212,175,55,0.6);
  opacity:0;
  transition:opacity 0.5s;
}
.taiji-entry:hover::before{opacity:1;}
.taiji-half{
  position:absolute;
  inset:0;
  display:block;
  transition:transform 0.8s cubic-bezier(.65,0,.35,1);
}
.taiji-half img{
  display:block;
  width:100%;
  height:100%;
  border-radius:50%;
  animation:taiji-spin-cw 30s linear infinite;
  will-change:transform;
}
@keyframes taiji-spin-cw{
  from{transform:rotate(0deg);}
  to  {transform:rotate(360deg);}
}
.taiji-left {clip-path:inset(0 50% 0 0);transform-origin:0% 50%;}
.taiji-right{clip-path:inset(0 0 0 50%);transform-origin:100% 50%;}
.taiji-entry:hover .taiji-left {transform:translateX(-96%);}
.taiji-entry:hover .taiji-right{transform:translateX(96%);}
.taiji-tip{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%) scale(0.85);
  padding:7px 16px;
  white-space:nowrap;
  border-radius:999px;
  border:1px solid rgba(212,175,55,0.7);
  background:rgba(4,8,18,0.85);
  font-family:var(--font-serif);
  font-size:13px;
  letter-spacing:0.16em;
  color:#f0e9d6;
  text-shadow:0 0 12px rgba(212,175,55,0.6);
  opacity:0;
  pointer-events:none;
  transition:opacity 0.4s 0.25s,transform 0.4s 0.25s;
}
.taiji-entry:hover .taiji-tip{
  opacity:1;
  transform:translate(-50%,-50%) scale(1);
}
@media (prefers-reduced-motion:reduce){
  .hero-flow::before,.hero-nebula::before,.hero-nebula::after,.hero-stars{animation:none;}
}
.hero-mark{
  font-family:var(--font-serif);
  font-size:76px;
  line-height:1.05;
  letter-spacing:0.1em;
  color:var(--dai-qing);
}
.hero-mark span{display:block;}
.hero-en{
  margin-top:18px;
  font-size:11px;
  letter-spacing:0.42em;
  color:rgba(212,175,55,0.85);
  text-transform:uppercase;
}
.hero-rule{
  width:52px;height:1px;
  margin:26px auto;
  background:linear-gradient(90deg,transparent,rgba(212,175,55,0.7),transparent);
}
.hero-lead{
  font-family:var(--font-serif);
  font-size:25px;
  letter-spacing:0.06em;
  color:var(--dai-qing);
}
.hero-sub{
  margin-top:14px;
  font-size:15px;
  color:rgba(0,77,77,0.62);
}
.hero-note{
  margin-top:8px;
  font-size:13px;
  color:rgba(0,77,77,0.45);
}
.hero-actions{margin-top:38px;display:flex;flex-direction:column;align-items:center;gap:14px;}
.btn-primary{
  display:inline-flex;align-items:center;gap:10px;
  padding:15px 46px;
  border-radius:999px;
  border:1px solid rgba(212,175,55,0.55);
  background:linear-gradient(180deg,rgba(212,175,55,0.14),rgba(212,175,55,0.07));
  font-family:var(--font-serif);
  font-size:17px;
  letter-spacing:0.16em;
  color:var(--dai-qing);
  cursor:pointer;
  transition:transform 0.3s,box-shadow 0.3s,border-color 0.3s;
}
.btn-primary:hover{
  transform:translateY(-2px);
  border-color:rgba(212,175,55,0.9);
  box-shadow:0 10px 30px rgba(0,77,77,0.09),0 3px 10px rgba(212,175,55,0.16);
}
.btn-primary:active{transform:scale(0.96);}
.btn-primary .arrow{transition:transform 0.3s;}
.btn-primary:hover .arrow{transform:translateX(4px);}
.hero-badge{
  font-size:12.5px;
  color:rgba(0,77,77,0.5);
}
.hero-badge .spark{color:var(--hu-po-jin);}

/* ============ 古籍跑马灯 ============ */
.classics{
  position:relative;
  padding:52px 0;
  border-bottom:1px solid rgba(0,77,77,0.07);
  background:var(--xuan-zhi-dark);
}
/* 从首屏深色墨海过渡回宣纸 */
.classics::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:84px;
  pointer-events:none;
  background:linear-gradient(180deg,var(--dai-qing-dark),rgba(0,51,51,0.5) 34%,transparent);
}
.classics > *{position:relative;z-index:1;}
.section-eyebrow{
  text-align:center;
  font-family:var(--font-serif);
  font-size:14px;
  letter-spacing:0.2em;
  color:rgba(0,77,77,0.55);
  margin-bottom:26px;
}
.marquee{
  overflow:hidden;
  mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
}
.marquee-track{
  display:flex;
  width:max-content;
  animation:marquee-scroll 48s linear infinite;
}
.marquee:hover .marquee-track{animation-play-state:paused;}
@keyframes marquee-scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.marquee-item{
  display:inline-flex;
  align-items:center;
  white-space:nowrap;
  font-family:var(--font-serif);
  font-size:17px;
  letter-spacing:0.08em;
  color:rgba(0,77,77,0.72);
}
.marquee-dot{
  margin:0 1.5rem;
  opacity:0.45;
  color:var(--hu-po-jin);
}

/* ============ 数据条 ============ */
.stats{padding:64px 0;}
.stats-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:rgba(0,77,77,0.08);
  border:1px solid rgba(0,77,77,0.08);
  border-radius:16px;
  overflow:hidden;
}
.stat{
  background:var(--xuan-zhi);
  padding:30px 18px;
  text-align:center;
}
.stat-num{
  font-family:var(--font-serif);
  font-size:32px;
  line-height:1.2;
  color:var(--hu-po-jin-dark);
}
.stat-label{
  margin-top:6px;
  font-size:12.5px;
  color:rgba(0,77,77,0.55);
  letter-spacing:0.08em;
}

/* ============ 功能卡片 ============ */
.features{padding:24px 0 84px;}
.section-title{
  text-align:center;
  font-family:var(--font-serif);
  font-size:30px;
  letter-spacing:0.14em;
  color:var(--dai-qing);
}
.section-desc{
  margin-top:12px;
  text-align:center;
  font-size:14.5px;
  color:rgba(0,77,77,0.55);
}
.cards{
  margin-top:44px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:20px;
}
.card{
  position:relative;
  overflow:hidden;
  padding:28px;
  border-radius:16px;
  border:1px solid rgba(0,77,77,0.08);
  background:var(--xuan-zhi);
  transition:transform 0.3s,box-shadow 0.3s,border-color 0.3s;
}
.card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
  transition:opacity 0.45s;
  background:radial-gradient(340px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(212,175,55,0.13) 0%,transparent 65%);
}
.card:hover::after{opacity:1;}
.card:hover{
  transform:translateY(-4px);
  border-color:rgba(212,175,55,0.25);
  box-shadow:0 12px 40px rgba(0,77,77,0.08),0 4px 12px rgba(212,175,55,0.06);
}
.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.card-glyph{
  width:44px;height:44px;
  flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  border-radius:12px;
  background:rgba(212,175,55,0.12);
  border:1px solid rgba(212,175,55,0.28);
  font-family:var(--font-serif);
  font-size:21px;
  color:var(--hu-po-jin-dark);
}
.card-tag{
  flex-shrink:0;
  padding:3px 10px;
  border-radius:999px;
  font-size:11px;
  letter-spacing:0.06em;
  background:rgba(0,77,77,0.06);
  color:rgba(0,77,77,0.6);
  border:1px solid rgba(0,77,77,0.1);
}
.card-tag.free{
  background:rgba(212,175,55,0.14);
  color:var(--hu-po-jin-dark);
  border-color:rgba(212,175,55,0.35);
}
.card-name{
  margin-top:18px;
  font-family:var(--font-serif);
  font-size:21px;
  letter-spacing:0.1em;
}
.card-desc{
  margin-top:10px;
  font-size:14px;
  line-height:1.75;
  color:rgba(0,77,77,0.62);
}
.card-link{
  margin-top:18px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:13.5px;
  color:var(--hu-po-jin-dark);
}
.card-link .arrow{transition:transform 0.3s;}
.card:hover .card-link .arrow{transform:translateX(4px);}
.card.soon{opacity:0.68;}
.card.soon .card-glyph{
  background:rgba(0,77,77,0.05);
  border-color:rgba(0,77,77,0.12);
  color:rgba(0,77,77,0.45);
}

/* ============ 双人格 ============ */
.persona{
  padding:80px 0;
  border-top:1px solid rgba(0,77,77,0.07);
  background:var(--xuan-zhi-dark);
}
.persona-eyebrow{
  text-align:center;
  font-family:var(--font-serif);
  font-size:13px;
  letter-spacing:0.5em;
  color:rgba(212,175,55,0.9);
}
.persona-switch{
  margin-top:36px;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;
}
.switch-group{
  display:flex;
  padding:4px;
  gap:4px;
  border-radius:999px;
  border:1px solid rgba(0,77,77,0.1);
  background:var(--xuan-zhi);
}
.switch-btn{
  padding:9px 22px;
  border:none;
  border-radius:999px;
  background:transparent;
  font-family:var(--font-sans);
  font-size:13.5px;
  letter-spacing:0.06em;
  color:rgba(0,77,77,0.6);
  cursor:pointer;
  transition:background 0.25s,color 0.25s;
}
.switch-btn:active{transform:scale(0.94);}
.switch-btn.active{
  background:rgba(212,175,55,0.16);
  color:var(--dai-qing);
}
.persona-panel{
  margin-top:32px;
  padding:34px 36px;
  border-radius:16px;
  border:1px solid rgba(0,77,77,0.09);
  background:var(--xuan-zhi);
  min-height:210px;
}
.persona-head{
  display:flex;
  align-items:center;
  gap:12px;
  padding-bottom:16px;
  border-bottom:1px solid rgba(0,77,77,0.07);
}
.persona-en{
  font-size:10.5px;
  letter-spacing:0.28em;
  color:rgba(212,175,55,0.9);
  text-transform:uppercase;
}
.persona-cn{
  font-family:var(--font-serif);
  font-size:19px;
  letter-spacing:0.1em;
}
.persona-trait{
  margin-left:auto;
  font-size:12.5px;
  color:rgba(0,77,77,0.5);
}
.persona-body{
  margin-top:18px;
  font-family:var(--font-serif);
  font-size:16px;
  line-height:1.95;
  color:rgba(0,77,77,0.85);
}
.persona-foot{
  margin-top:22px;
  text-align:center;
  font-size:12.5px;
  color:rgba(0,77,77,0.45);
}

/* ============ 行动区 ============ */
.cta{padding:88px 0;text-align:center;}
.cta-title{
  font-family:var(--font-serif);
  font-size:29px;
  letter-spacing:0.1em;
}
.cta-desc{
  margin-top:14px;
  font-size:14.5px;
  color:rgba(0,77,77,0.58);
}

/* ============ 页脚 ============ */
.site-footer{
  padding:44px 0 36px;
  border-top:1px solid rgba(0,77,77,0.08);
  background:var(--xuan-zhi-dark);
  text-align:center;
}
.footer-brand{
  font-family:var(--font-serif);
  font-size:16px;
  letter-spacing:0.14em;
  color:rgba(0,77,77,0.75);
}
.footer-note{
  margin-top:12px;
  font-size:12.5px;
  color:rgba(0,77,77,0.45);
  line-height:1.8;
}
.footer-copy{
  margin-top:18px;
  font-size:11.5px;
  color:rgba(0,77,77,0.35);
}

/* ============ 排盘页 ============ */
.paiban-main{padding:64px 0 88px;}
.form-panel{
  max-width:560px;
  margin:0 auto;
  padding:44px 40px;
  border-radius:18px;
  border:1px solid rgba(0,77,77,0.09);
  background:var(--xuan-zhi);
  box-shadow:0 12px 40px rgba(0,77,77,0.05);
}
.panel-title{
  text-align:center;
  font-family:var(--font-serif);
  font-size:30px;
  font-weight:400;
  letter-spacing:0.18em;
}
.panel-desc{
  margin-top:10px;
  margin-bottom:34px;
  text-align:center;
  font-size:13.5px;
  color:rgba(0,77,77,0.5);
}
.bazi-form{display:flex;flex-direction:column;gap:22px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.form-group{display:flex;flex-direction:column;gap:8px;}
.form-group label{
  font-size:13px;
  letter-spacing:0.1em;
  color:rgba(0,77,77,0.7);
}
.form-group input,
.form-group select{
  padding:13px 15px;
  border:1px solid rgba(0,77,77,0.14);
  border-radius:10px;
  background:#fff;
  font-family:var(--font-sans);
  font-size:14.5px;
  color:var(--dai-qing);
  outline:none;
  transition:border-color 0.25s,box-shadow 0.25s;
}
.form-group input::placeholder{color:rgba(0,77,77,0.3);}
.form-group input:focus,
.form-group select:focus{
  border-color:rgba(212,175,55,0.7);
  box-shadow:0 0 0 3px rgba(212,175,55,0.12);
}
.form-hint{
  font-size:11.5px;
  color:rgba(0,77,77,0.42);
}
.submit-btn{
  margin-top:8px;
  padding:16px;
  border-radius:999px;
  border:1px solid rgba(212,175,55,0.55);
  background:linear-gradient(180deg,rgba(212,175,55,0.15),rgba(212,175,55,0.07));
  font-family:var(--font-serif);
  font-size:17px;
  letter-spacing:0.18em;
  color:var(--dai-qing);
  cursor:pointer;
  transition:transform 0.3s,box-shadow 0.3s,border-color 0.3s;
}
.submit-btn:hover{
  transform:translateY(-2px);
  border-color:rgba(212,175,55,0.9);
  box-shadow:0 10px 28px rgba(0,77,77,0.09);
}
.submit-btn:active{transform:scale(0.97);}
.submit-btn:disabled{opacity:0.55;cursor:not-allowed;transform:none;box-shadow:none;}
.back-link{
  display:block;
  margin-top:26px;
  text-align:center;
  font-size:13px;
  color:rgba(0,77,77,0.5);
  transition:color 0.25s;
}
.back-link:hover{color:var(--hu-po-jin-dark);}

/* ============ 响应式 ============ */
@media (max-width:860px){
  .stats-grid{grid-template-columns:repeat(2,1fr);}
  .cards{grid-template-columns:1fr;}
  .nav-links{gap:12px;font-size:12px;flex-wrap:wrap;justify-content:flex-end;}
  .nav-links .nav-lang{max-width:96px;}
}
@media (max-width:640px){
  .hero{padding:64px 0 232px;}
  .ink-sea{height:210px;}
  .hero-glow{display:none;}
  .hero-mark{font-size:58px;}
  .hero-lead{font-size:21px;}
  .section-title{font-size:25px;}
  .form-panel{padding:34px 24px;}
  .panel-title{font-size:25px;}
  .form-row{grid-template-columns:1fr;gap:22px;}
  .persona-panel{padding:26px 22px;}
  .persona-trait{display:none;}
}

/* 语言切换 */
.nav-lang{
  margin-left:6px;
  padding:6px 28px 6px 14px;
  border:1px solid rgba(212,175,55,0.4);
  border-radius:999px;
  background:rgba(4,8,18,0.5);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23d4af37' stroke-width='1.4'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 11px center;
  font-family:var(--font-sans);
  font-size:12.5px;
  letter-spacing:0.04em;
  color:#e8e2d0;
  cursor:pointer;
  outline:none;
  -webkit-appearance:none;
  appearance:none;
}
.nav-lang option{background:#0b1426;color:#f0e9d6;}

/* 品牌标：老者头像 */
.brand-mark.brand-mark-img{padding:0;overflow:hidden;background:#05110f;}
.brand-mark.brand-mark-img img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;}
@media (max-width:480px){
  .header-inner .brand-name{display:none;}
  .nav-links{gap:10px;font-size:11.5px;}
}