/* ============================================================
   premium-light.css v4 — 浅色理性风（参考小米/腾讯官网）
   白底 + 深灰文字 + 金色品牌点缀；去霓虹、去粒子、大留白
   只改视觉，不改布局与功能（类名/ID/JS 全部不动）
   ============================================================ */

/* ---------- 设计令牌（浅色） ---------- */
:root{
  --gold:#b8860b;          /* 品牌金（加深，白底上更清晰） */
  --gold-light:#8a6500;
  --ink:#ffffff;           /* 主背景 = 白 */
  --ink-2:#f4f2ea;         /* 次背景 = 米白 */
  --paper:#faf9f4;
  --text:#26292e;          /* 正文深灰 */
  --muted:#5f635a;         /* 次要文字 */
  --red:#d64545;
}

/* ---------- 输入框里的字和提示语：全站统一加深（老板在亮光下看不清） ---------- */
input,select,textarea{color:#26292e !important;}
input::placeholder,textarea::placeholder{color:#5f6368 !important;opacity:1;}
input:disabled,select:disabled,textarea:disabled{color:#5f6368 !important;}

/* ---------- 品牌金：校徽校名 ---------- */
#logo{filter:drop-shadow(0 2px 12px rgba(180,134,11,.28));}
.school-my{color:#8a6500 !important;text-shadow:none;font-weight:700;}
.school-cn{color:#3a3d42 !important;}

/* ---------- 基础 ---------- */
body{
  font-family:"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei UI","Microsoft YaHei","Noto Sans SC",system-ui,-apple-system,"Segoe UI",sans-serif;
  background:#f7f6f1 !important;
  color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
.school-my,.my,.my-only{font-family:"Myanmar Text","Pyidaungsu","Noto Sans Myanmar","PingFang SC",sans-serif;}
h1,h2,h3,h4{letter-spacing:.02em;font-weight:600;color:#26292e;}
p{color:#4a4d52;}
::selection{background:rgba(201,162,39,.3);color:#26292e;}
*{scrollbar-width:thin;scrollbar-color:rgba(180,134,11,.35) transparent;}
::-webkit-scrollbar{width:9px;height:9px;}
::-webkit-scrollbar-thumb{background:rgba(180,134,11,.35);border-radius:6px;}
::-webkit-scrollbar-track{background:transparent;}
a,button,.btn,input,select,textarea,div[onclick]{outline:none;}
:focus-visible{outline:2px solid rgba(180,134,11,.6);outline-offset:2px;}

/* ---------- 首页背景：纯净米白（去掉粒子特效） ---------- */
#book-bg{
  background:
    radial-gradient(ellipse at 18% 12%,rgba(201,162,39,.07),transparent 45%),
    radial-gradient(ellipse at 82% 88%,rgba(201,162,39,.05),transparent 45%),
    linear-gradient(160deg,#fbfaf5 0%,#f5f2e8 50%,#fbfaf5 100%);
}
#book-bg::after{display:none;}
.bk{display:none !important;}
/* 学校简介页：去掉深色背景层与深色卡片，统一浅色主题，避免颜色断层 */
#rise-bg{display:none !important;}
.article{background:#ffffff !important;border:1px solid rgba(180,134,11,.16) !important;
  border-radius:14px;box-shadow:0 3px 14px rgba(60,50,10,.05) !important;}
.video-sec .v-title{color:#8a6500 !important;}
#videoPh,div[data-tkey="intro.videoPh"]{color:#5f635a !important;}

/* ---------- 顶栏：白色玻璃 + 底部金色细线 ---------- */
header{
  position:relative;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(180,134,11,.18);
  box-shadow:0 1px 0 rgba(0,0,0,.03),0 6px 24px rgba(60,50,10,.06);
}
header::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;
  background:linear-gradient(90deg,transparent,rgba(201,162,39,.55) 20%,rgba(201,162,39,.55) 80%,transparent);
  pointer-events:none;
}

/* ---------- 按钮：品牌金实心（白底上高级） ---------- */
.btn{
  border-radius:10px;font-weight:600;letter-spacing:.04em;
  border:1px solid rgba(180,134,11,.45);
  background:linear-gradient(180deg,#e3b341 0%,#c9992a 55%,#ad7f17 100%);
  /* 金字按钮上的字改深棕：白字在金底上对比度只有 2.4，亮光下看不清 */
  color:#2b2200 !important;
  box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 3px 10px rgba(201,162,39,.3),0 1px 3px rgba(0,0,0,.08);
  text-shadow:0 1px 0 rgba(255,255,255,.25);
  transition:transform .18s ease,box-shadow .25s ease,filter .25s ease;
}
.btn:hover{transform:translateY(-2px);filter:brightness(1.05);
  box-shadow:0 1px 0 rgba(255,255,255,.45) inset,0 8px 20px rgba(201,162,39,.38),0 2px 4px rgba(0,0,0,.1);}
.btn:active{transform:translateY(0);}
.btn-ghost{
  border:1px solid rgba(0,0,0,.12);background:#fff;color:#3a3d42 !important;text-shadow:none;
  box-shadow:0 1px 2px rgba(0,0,0,.05);
}
.btn-ghost:hover{background:#f7f4ea;filter:none;box-shadow:0 4px 12px rgba(0,0,0,.08);}
.btn-green{
  border-color:rgba(34,139,87,.45);
  background:linear-gradient(180deg,#34a76c,#228b57 60%,#1a6f45 100%);
  color:#fff !important;text-shadow:0 1px 1px rgba(0,0,0,.12);
}
.btn-green:hover{filter:brightness(1.05);}
.btn-danger{
  border-color:rgba(214,69,69,.5);
  background:linear-gradient(180deg,#e05c5c,#d64545 60%,#b83a3a 100%);
  color:#fff !important;text-shadow:0 1px 1px rgba(0,0,0,.12);
}
.btn-danger:hover{filter:brightness(1.05);}

/* ---------- 卡片：白底浅阴影，金色细顶线 ---------- */
.card{
  border-radius:14px;
  background:#ffffff;
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 1px 2px rgba(0,0,0,.04),0 10px 26px rgba(60,50,10,.07);
  transition:transform .22s ease,box-shadow .3s ease,border-color .3s ease;
}
.card::before{height:3px;background:linear-gradient(90deg,transparent,rgba(201,162,39,.85) 30%,rgba(201,162,39,.85) 70%,transparent);}
.card:hover{transform:translateY(-4px);border-color:rgba(201,162,39,.35);
  box-shadow:0 1px 2px rgba(0,0,0,.04),0 18px 40px rgba(60,50,10,.12);}
.card h3{letter-spacing:.12em;font-weight:700;color:#26292e;}
.card p{color:#5f6368;}
.card .ico{filter:none;opacity:.9;}
.card .tag{border-color:rgba(180,134,11,.35);color:#8a6500;background:#fbf7ea;}

/* ---------- 区块标题：金色字 + 细线 ---------- */
.sec-title h2{
  letter-spacing:.3em;font-weight:700;color:#8a6500;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.6));
}
.sec-title::before,.sec-title::after{height:1px;background:linear-gradient(90deg,transparent,rgba(180,134,11,.4));opacity:1;}
.sec-title::after{background:linear-gradient(90deg,rgba(180,134,11,.4),transparent);}

/* ---------- 新闻条目 ---------- */
.news-item{
  border-radius:12px;border:1px solid rgba(0,0,0,.06);
  background:#ffffff;
  box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 22px rgba(60,50,10,.06);
  transition:transform .22s ease,box-shadow .3s ease,border-color .3s ease;
}
.news-item:hover{transform:translateY(-3px);border-color:rgba(201,162,39,.35);
  box-shadow:0 1px 2px rgba(0,0,0,.04),0 14px 32px rgba(60,50,10,.1);}
.news-info h4{font-weight:600;letter-spacing:.03em;color:#26292e;}
.news-info .news-meta{color:#8a6500;}
.news-info p{color:#6f7278;}
.news-item img{border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 12px rgba(0,0,0,.08);}

/* ---------- 表单控件 ---------- */
input,select,textarea{
  border-radius:9px;border:1px solid rgba(0,0,0,.16);
  background:#fff;color:#26292e;
  transition:border-color .2s ease,box-shadow .2s ease;
}
input:focus,select:focus,textarea:focus{
  border-color:rgba(180,134,11,.6);
  box-shadow:0 0 0 3px rgba(201,162,39,.14);
}

/* ---------- 弹窗 ---------- */
.modal{background:rgba(16,18,32,.66);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);}
/* 注意：modal-box 必须保留纵向滚动（页面自带的 overflow-y:auto 与 max-height 不能被覆盖），
   否则长内容弹窗无法滚动/无法关闭，手滑会带动背景页面 */
.modal-box{
  border-radius:16px;border:1px solid rgba(0,0,0,.08);
  background:#ffffff;
  box-shadow:0 24px 70px rgba(40,36,22,.25),0 1px 0 rgba(0,0,0,.03) inset;
  position:relative;
  overflow-x:hidden; overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  max-height:88vh;
}
/* 弹窗内所有输入/文本域：宽度不超出弹窗，禁止横向拉伸（可纵向拉但要限制） */
.modal-box input,.modal-box textarea,.modal-box select{
  max-width:100%;
  box-sizing:border-box;
  resize:vertical;
}
.modal-box textarea{min-height:38px;max-height:45vh;}
.modal-box::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,transparent,rgba(201,162,39,.8) 25%,rgba(201,162,39,.8) 75%,transparent);}
/* 弹窗打开时锁定背景滚动：防止弹窗滚动带动总后台页面 */
.modal.show{overscroll-behavior:contain;}
body:has(.modal.show){overflow:hidden !important;}

/* 弹窗右上角关闭叉：fixed 到视口右上，弹窗内容滚动时也始终可见可点 */
.modal-box .m-x{
  position:fixed; top:12px; right:16px; z-index:400;
  width:34px; height:34px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:rgba(0,0,0,.55); color:#fff !important;
  font-size:20px; cursor:pointer; line-height:1;
  box-shadow:0 2px 10px rgba(0,0,0,.3);
}
.modal-box .m-x:hover{background:rgba(180,134,11,.9);}
.modal-box h3,.lg-top h3{color:#26292e !important;}
.lg-field label{color:#6f7278;}
.lg-field input{background:#fff;border:1px solid rgba(0,0,0,.16);}
.lg-field input:focus{border-color:rgba(180,134,11,.6);box-shadow:0 0 0 3px rgba(201,162,39,.14);}

/* ---------- 下拉（语言/登录/时区） ---------- */
.tz-drop,.login-drop{background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 10px 30px rgba(0,0,0,.12);}
.tz-drop a,.login-drop a{color:#3a3d42;}
.tz-drop a:hover,.login-drop a:hover{background:#faf6ea;color:#8a6500;}
.tz-drop a.on{color:#8a6500;}

/* ---------- 时钟 ---------- */
.clock-box{border:1px solid rgba(0,0,0,.12);background:#fff;}
.clock-label{color:#5f635a;}
.clock-sec{color:#8a6500;}
.clock-tz{color:#5f635a;}
.clock-box:hover{border-color:rgba(180,134,11,.5);box-shadow:0 4px 12px rgba(60,50,10,.08);}

/* ---------- 标签页 ---------- */
.tabs{border-bottom:1px solid rgba(0,0,0,.1);}
.tab{border:0;border-bottom:2px solid transparent;border-radius:8px 8px 0 0;
  background:transparent;color:#5f635a;font-weight:500;
  transition:color .2s ease,border-color .2s ease,background .2s ease;}
.tab:hover{color:#8a6500;background:rgba(201,162,39,.06);}
.tab.on{color:#8a6500;border-bottom-color:#8a6500;background:rgba(201,162,39,.08);font-weight:600;}

/* ---------- 警告条（保留语义色，浅色底） ---------- */
.warn-bar{border-radius:10px;border:1px solid transparent;box-shadow:0 2px 8px rgba(0,0,0,.06);}
.warn-red{background:linear-gradient(90deg,#fdecec,#fff);border-color:rgba(214,69,69,.3);color:#a13b3b;}
.warn-yellow{background:linear-gradient(90deg,#fdf6e3,#fff);border-color:rgba(201,162,39,.35);color:#8a6a10;}

/* ---------- 统计卡 ---------- */
.stats{gap:14px;}
.stat{
  border-radius:12px;border:1px solid rgba(0,0,0,.06);
  background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 20px rgba(60,50,10,.06);
  transition:transform .2s ease,box-shadow .28s ease,border-color .28s ease;
}
.stat:hover{transform:translateY(-3px);border-color:rgba(201,162,39,.35);box-shadow:0 12px 26px rgba(60,50,10,.1);}
.stat b{font-size:30px;font-weight:800;color:#8a6500;}
.stat span{color:#6f7278;}

/* ---------- 表格 ---------- */
table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:12px;overflow:hidden;
  border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 2px rgba(0,0,0,.03),0 6px 18px rgba(60,50,10,.05);}
th{
  background:linear-gradient(180deg,#fdf9ee,#f7f1dd);
  color:#8a6a10;font-weight:600;letter-spacing:.06em;
  border-bottom:1px solid rgba(180,134,11,.2);
}
td{border-bottom:1px solid rgba(0,0,0,.06);color:#3a3d42;}
tr:hover td{background:#fdfaf2;}
.status{border-radius:20px;padding:2px 10px;font-weight:600;}

/* ---------- 页脚 / 细节 ---------- */
footer{border-top:1px solid rgba(0,0,0,.08);}
.foot-line{color:#5f635a;}
.foot-line b{color:#8a6500;}

/* ---------- 轮播说明（图片上深色条保留） ---------- */
.slide .cap{background:linear-gradient(0deg,rgba(20,18,8,.75),transparent 70%);color:#fdfaf2;}
.slide .cap small{color:#e8cf7e;}

/* ---------- 滑块验证 ---------- */
.slider-box{background:#f2f0e8;border:1px solid rgba(0,0,0,.12);}
.slider-tip{color:#5f635a;}
.slider-btn{background:linear-gradient(180deg,#e3b341,#c9992a);color:#2b2200;}
.slider-btn.done{background:linear-gradient(180deg,#4ade80,#22c55e);}

/* ---------- Toast ---------- */
#toast{background:rgba(255,255,255,.98);border:1px solid rgba(201,162,39,.5);color:#26292e;box-shadow:0 10px 30px rgba(0,0,0,.15);}

/* ---------- 全屏查看（图片预览） ---------- */
#fullView{background:rgba(30,28,20,.96);}

/* ============================================================
   页面专属浅色修正（各页面特有的组件类名）
   ============================================================ */
/* 各页面头部中文校名（避免白底浅字看不见） */
.hd-l .nm-cn,.h-left .nm-cn,.hd-left .nm-cn{color:#3a3d42 !important;}

/* 教师卡片（teachers.html / teachers_back.html） */
.t-card{
  background:#ffffff !important;border:1px solid rgba(0,0,0,.06) !important;
  box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 20px rgba(60,50,10,.06) !important;
}
.t-name{color:#26292e !important;}
.t-info .line b{color:#26292e !important;}

/* 学生页信息面板（student.html） */
.photo-box,.info-col,.sub-box{
  background:#ffffff !important;border:1px solid rgba(0,0,0,.06) !important;
  box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 20px rgba(60,50,10,.06) !important;
}
.kv b,.k3 b{color:#26292e !important;}

/* 简介正文（intro.html） */
.article{
  background:#ffffff !important;border:1px solid rgba(0,0,0,.06) !important;
  box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 20px rgba(60,50,10,.06) !important;
  color:#3a3d42 !important;
}
/* 学校简介页背景统一为浅色主题（原来 #rise-bg 是深色渐变，粒子动画一并隐藏） */
#rise-bg{
  background:
    radial-gradient(ellipse at 18% 12%,rgba(201,162,39,.07),transparent 45%),
    radial-gradient(ellipse at 82% 88%,rgba(201,162,39,.05),transparent 45%),
    linear-gradient(160deg,#fbfaf5 0%,#f5f2e8 50%,#fbfaf5 100%);
}
#rise-bg::after{content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse at 50% 50%,transparent 45%,rgba(0,0,0,.04) 100%);}
.rise{display:none !important;}
/* 简介页主区/标题/说明在浅色下的文字与描边统一 */
.intro-main,main.art-main{color:#26292e;}
.ppt,.video-sec #videoWrap{border:1px solid rgba(0,0,0,.08);}
.article h3{color:#8a6500;}
.article p{color:#4a4d52;}
.v-sec-hint,.g-note,footer{color:#5f635a;}

/* 监管/后台详情里的键值（gov.html） */
.kv b{color:#26292e !important;}

/* 后台 hero 占位（master.html） */
#heroPh,.hero{background:#ffffff !important;}

/* admin 详情弹窗保持深色卡片（JS 模板内是浅色文字，深色底才可读） */
#detailBox{
  background:linear-gradient(170deg,#18213c,#101830) !important;
  color:#e9e4d5 !important;border-color:rgba(201,162,39,.4) !important;
}
#detailBox h3{color:#8a6500 !important;}

/* ---------- 响应式细节 ---------- */
@media(max-width:600px){
  .card{padding:22px 18px;border-radius:12px;}
  .modal-box{border-radius:14px;padding:22px 18px;}
}

/* ============================================================
   手机端弹窗体验修复（重要）：
   ① 弹窗改为「顶部对齐 + 外层滚动」——手机键盘弹出时也能滚到下面的输入框
   ② 输入框字号 16px，避免 iOS 聚焦时自动放大页面
   ③ 底部留出空间，防止最后一个输入框被键盘挡住
   ============================================================ */
@media(max-width:820px){
  .modal{
    align-items:flex-start !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain;
    padding:10px 10px 28px !important;
  }
  /* 【关键】手机上 .modal-box 不能自己再当滚动容器：
     它带 overflow:auto 但内容又不溢出时，会把手指的滚动手势吃在自己身上，
     父级 .modal 永远收不到滚动 —— 表现就是"手指怎么划都纹丝不动"。
     这里把滚动权交给 .modal 一层，弹窗内容长也能顺畅上下滑。 */
  .modal-box{
    max-height:none !important;
    overflow:visible !important;
    margin:0 auto !important;
    padding-bottom:32px !important;
  }
  /* 防 iOS 聚焦自动放大 */
  .modal-box input,.modal-box textarea,.modal-box select,
  .lg-field input,.t-row textarea{
    font-size:16px !important;
  }
}

/* ===== 统一品牌金（2026-09-14）=====
   背景：各页 .nm-my / .hd-center / .art-title 等用的是 --gold-light(#d4a017)，
   而 .sec-title h2 / .school-my 用的是 #a67c00，导致同一角色在不同页面金色不一致。
   这里把「标题 / 校名 / 栏目名」这一类的颜色统一钉死为品牌金 #a67c00。
   注意：深色遮罩上的元素（轮播箭头 ❮ ❯、大图计数）不在其中，保持原本的亮金以免看不清。 */
.nm-my, .hd-l .nm-my, .hd-left .nm-my, .h-left .nm-my,
.hd-center, .h-center, .school-my,
.sec-title h2, .mod-title h2, .art-title, .g-head b,
.info-col h4, .sub-box h4, .t-info .t-name,
.modal-box h3, .modal.wide h3, #modalTitle,
.tab.on, .tab:hover,
.card .tag, .news-info .news-meta, .clock-sec,
.lang-drop a.on, .lang-seg-btn.on, .tz-drop a.on,
.foot-line b, .stat b, .article h3 {
  color: #8a6500 !important;
  text-shadow: none !important;
}


/* ==========================================================================
   统一小提示（toast / .msg / #toast）—— 与站点浅色主题保持一致
   背景：全站曾经是深色主题，各页的提示框还留着
         background:rgba(24,32,56,.97) 深蓝底 + color:var(--text)=#26292e 深灰字，
         换成浅色主题后 = 深灰字压深蓝底，几乎看不见。
   现在统一成「白卡片 + 品牌金 #a67c00 左侧色条 + 近黑粗体字」，和站内白卡片一个风格。
   选择器说明：
     - 用 body 前缀提高优先级，可压过各页自带的 .msg / .toast / #toast 规则（含 !important）。
     - `.msg:not(.user):not(.ai)` 是为了不误伤 ai_back.html 里的聊天气泡（.msg.user / .msg.ai）。
     - 只覆盖颜色/字号/内边距，不碰 position / top / opacity / display，
       所以各页原有的淡入淡出、.show、display 开关都照旧工作。
   ========================================================================== */
body #msg, body #toast, body .toast,
body .msg:not(.user):not(.ai){
  background:#ffffff !important;
  background-image:none !important;
  border:1px solid rgba(166,124,0,.5) !important;
  border-left:4px solid #a67c00 !important;
  color:#1a1c20 !important;
  font-weight:700 !important;
  font-size:14px !important;
  line-height:1.55 !important;
  letter-spacing:.3px !important;
  padding:11px 24px 11px 20px !important;
  border-radius:10px !important;
  box-shadow:0 12px 34px rgba(40,36,22,.24), 0 2px 6px rgba(40,36,22,.10) !important;
  text-shadow:none !important;
}
/* 成功 */
body #msg.ok, body #toast.ok, body .toast.ok,
body .msg.ok:not(.user):not(.ai){
  background:#f2faf3 !important;
  border-color:rgba(46,125,50,.45) !important;
  border-left-color:#2e7d32 !important;
  color:#1c5e23 !important;
}
/* 失败 / 错误 */
body #msg.err, body #toast.err, body .toast.err,
body .msg.err:not(.user):not(.ai),
body #msg.error, body #toast.error, body .toast.error,
body .msg.error:not(.user):not(.ai){
  background:#fdf0ef !important;
  border-color:rgba(198,40,40,.45) !important;
  border-left-color:#c62828 !important;
  color:#8f1d16 !important;
}
/* 警告 */
body #msg.warn, body #toast.warn, body .toast.warn,
body .msg.warn:not(.user):not(.ai){
  background:#fdf8e8 !important;
  border-color:rgba(166,124,0,.5) !important;
  border-left-color:#8a6500 !important;
  color:#7a5b00 !important;
}