/* 探针生态学院 — 精美 Light 默认 + Dark 夜间 (设计稿 4Pa6t46 实装) */
:root{
  --serif:'Noto Serif SC',Georgia,'Songti SC',serif;
  --sans:'Noto Sans SC','Noto Sans',-apple-system,'Segoe UI',sans-serif;
  --mono:'JetBrains Mono','SF Mono',ui-monospace,monospace;
  --e:cubic-bezier(.22,.61,.36,1);
  --ac-bg:#FBF8F4; --ac-bg2:#FFFFFF; --ac-card:#FFFFFF; --ac-cream:#FBF4EC;
  --ac-fg:#1A1410; --ac-fg2:#5C5046; --ac-fg3:#938575;
  --ac-line:#EEE6DA; --ac-line2:#F4EEE4;
  --ac-accent:#FF7A2F; --ac-accent2:#E8531A;
  --ac-chip-bg:rgba(255,122,47,0.10); --ac-chip-fg:#C4521A;
  --ac-glass:rgba(255,255,255,0.74); --ac-glass-line:rgba(26,20,16,0.07);
  --ac-track:#ECE3D6;
  --ac-shadow:0 1px 2px rgba(26,20,16,0.04),0 14px 34px -14px rgba(26,20,16,0.14);
  --ac-shadow-hi:0 2px 6px rgba(26,20,16,0.06),0 28px 56px -20px rgba(232,83,26,0.26);
  --ac-glow:radial-gradient(60% 70% at 78% 12%,rgba(255,150,80,0.20),rgba(255,150,80,0) 60%),radial-gradient(50% 60% at 12% 4%,rgba(255,200,140,0.16),rgba(255,200,140,0) 55%);
}
[data-theme="dark"]{
  --ac-bg:#13100B; --ac-bg2:#1A150F; --ac-card:#221B13; --ac-cream:#241C12;
  --ac-fg:#F6EFE3; --ac-fg2:#C8BCAA; --ac-fg3:#8C7E6C;
  --ac-line:rgba(255,255,255,0.08); --ac-line2:rgba(255,255,255,0.05);
  --ac-accent:#FF9244; --ac-accent2:#FFB070;
  --ac-chip-bg:rgba(255,146,68,0.15); --ac-chip-fg:#FFB778;
  --ac-glass:rgba(20,15,10,0.66); --ac-glass-line:rgba(255,255,255,0.08);
  --ac-track:#2C2318;
  --ac-shadow:0 1px 2px rgba(0,0,0,0.5),0 18px 44px -18px rgba(0,0,0,0.7);
  --ac-shadow-hi:0 2px 6px rgba(0,0,0,0.55),0 30px 60px -20px rgba(255,146,68,0.30);
  --ac-glow:radial-gradient(60% 70% at 80% 10%,rgba(255,140,60,0.16),rgba(255,140,60,0) 62%),radial-gradient(55% 65% at 10% 2%,rgba(120,70,30,0.30),rgba(120,70,30,0) 60%);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--ac-bg);font-family:var(--sans);transition:background-color .45s var(--e)}
*,*::before,*::after{transition:background-color .42s var(--e),border-color .42s var(--e),box-shadow .42s var(--e),color .3s var(--e)}
@keyframes acFlow{0%{background-position:0% 50%}100%{background-position:200% 50%}}
@keyframes acPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,122,47,0.45)}50%{box-shadow:0 0 0 8px rgba(255,122,47,0)}}
@keyframes acPanel{from{transform:translateY(22px);opacity:.4}to{transform:none;opacity:1}}
@keyframes acFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-14px) rotate(2deg)}}
@keyframes acRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes acLive{0%{box-shadow:0 0 0 0 rgba(34,180,85,.5)}70%{box-shadow:0 0 0 6px rgba(34,180,85,0)}100%{box-shadow:0 0 0 0 rgba(34,180,85,0)}}
::selection{background:rgba(255,122,47,0.22)}
a{color:inherit}

/* reveal-on-load (always ends visible — no IntersectionObserver) */
.ac-reveal{animation:acRise .7s var(--e) both}

/* hover states (design used style-hover; reproduced as real CSS) */
.ac-icon{transition:border-color .25s var(--e),color .25s var(--e)}
.ac-icon:hover{border-color:var(--ac-accent)!important;color:var(--ac-accent)!important}
.ac-btn{transition:filter .25s var(--e),box-shadow .25s var(--e)}
.ac-btn:hover{filter:brightness(1.05)}
.ac-ghost:hover{border-color:var(--ac-accent)!important}
.ac-card{transition:transform .3s var(--e),box-shadow .35s var(--e),border-color .3s var(--e)}
.ac-card:hover{transform:translateY(-5px);box-shadow:var(--ac-shadow-hi);border-color:var(--ac-accent)}
.ac-visit:hover{color:var(--ac-accent2)!important}
.ac-nav:hover{border-color:var(--ac-accent)!important}

/* boot */
.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--ac-fg3);font-family:var(--sans);font-size:14px}
.boot-dot{width:8px;height:8px;border-radius:50%;background:var(--ac-accent);animation:acPulse 1.6s var(--e) infinite}

/* native video in slots */
.ac-video{width:100%;height:100%;display:block;border:0;background:#000;object-fit:cover}

@media (max-width:760px){
  header{height:56px !important;padding:0 14px !important}
  .ac-icon{width:40px !important;height:40px !important}
  [data-lang]{display:none !important}
  [data-hero]{padding:80px 18px 30px !important}
  [data-hero-mark]{width:138px !important;top:56px !important;right:-8px !important;opacity:.10 !important}
  [data-progress]{padding:22px 16px !important;border-radius:18px !important}
  [data-milestones]{flex-direction:column !important;gap:14px !important}
  [data-milestones] > div{flex:1 1 100% !important}
  [data-chap-head]{flex-wrap:wrap}
  [data-cards]{grid-template-columns:1fr !important;gap:16px !important}
  [data-detail-cover]{min-height:146px !important;padding:22px !important}
  [data-detail-num]{font-size:46px !important}
  [data-prevnext]{flex-direction:column !important}
  [data-cta-inner]{padding:8px 14px !important;gap:12px !important}
  [data-cta-head]{font-size:12.5px !important}
  [data-cta-sub]{font-size:10.5px !important}
  [data-cta-btn]{padding:11px 17px !important;font-size:13.5px !important}
}