/* ============================================================
   同兴智学 · 培训系统前端框架 — 设计令牌（护眼深绿 + 金）
   对照《页面设计清单 E1》与各设计稿 Design Tokens
   ============================================================ */
:root {
  --navy-900:#0F4028; --navy-700:#165C3C; --navy-600:#1B6E47;
  --gold-600:#C9A227; --gold-300:#E9D28A; --gold-text:#8a6d10; --gold-bg:#FBF6E8; --gold-bg2:#F7F1DC;
  --blue-050:#E8F6F0;
  --success:#1E8E5A; --success-bg:#E5F4ED;
  --error:#D64545; --error-bg:#FBEAEA; --error-bd:#EFC9C9;
  --purple:#7B5CE0; --purple-bg:#F0EBFE;
  --bg-page:#F5F8F7; --bg-card:#FFFFFF; --bg-grey:#EDF2F0; --bg-head:#F0F7F4;
  --t-title:#16221D; --t-body:#3B5046; --t-sub:#667A6F; --t-weak:#99ABA2; --t-disabled:#B7C7BF;
  --bd:#C7D5CF; --bd-light:#EDF2F0;
  --radius:8px;
  --shadow-card:0 1px 4px rgba(15,64,40,.06);
  --shadow-hover:0 6px 20px rgba(27,110,71,.15);
  --shadow-float:0 4px 16px rgba(15,64,40,.12);
  --shadow-modal:0 12px 48px rgba(0,0,0,.25);
  --wrap:1200px;
  --sidebar-w:220px;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  background:var(--bg-page); color:var(--t-body);
  font-family:'Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;
  font-size:15px; line-height:1.6; -webkit-font-smoothing:antialiased;
}
a{color:var(--navy-600);text-decoration:none;} a:hover{color:#23855B;}
img{max-width:100%;display:block;}
button{font-family:inherit;cursor:pointer;}
input,textarea,select{font-family:inherit;}
.serif{font-family:'Noto Serif SC','PingFang SC',serif;}
.wrap{width:var(--wrap);max-width:100%;margin:0 auto;}
.mono{font-variant-numeric:tabular-nums;}

/* watermark keyframes for video */
@keyframes wmMove{0%{transform:translate(0,0);}50%{transform:translate(60px,40px);}100%{transform:translate(0,0);}}
@keyframes spin{to{transform:rotate(360deg);}}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}