/* ==========================================================================
天启 · 红金主题 wz-theme-r164.css
王炸 2026-10-03 r164 —— 爷爷要求：换字体 + 换界面风格（去掉抄站痕迹）
--------------------------------------------------------------------------
设计：中国红 #c8102e + 鎏金 #c8a24a + 米白 #faf6f0
说明：全部为「覆盖层」，不改前端打包产物、不改任何接口/逻辑/数据。
所有规则带 !important，且用 body.wz-app-page / body 前缀提高优先级。
========================================================================== */
:root{
--wz-red:#c8102e;
--wz-red-2:#e8452f;
--wz-red-d:#8e0b20;
--wz-gold:#c8a24a;
--wz-gold-l:#f2e0b4;
--wz-gold-d:#8a6d24;
--wz-ink:#2b2a28;
--wz-ink2:#6b6257;
--wz-ink3:#9a9086;
--wz-bg:#faf6f0;
--wz-line:rgba(200,162,74,.28);
--wz-font: "HarmonyOS Sans SC","MiSans","PingFang SC","Source Han Sans SC",
"Noto Sans CJK SC","Microsoft YaHei UI","Microsoft YaHei",
system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
--wz-num: "DIN Alternate","Bahnschrift","Segoe UI Variable Display","SF Pro Display",
var(--wz-font);
/* 覆盖站点自带主题变量（原来是 indigo/violet 那套） */
--wz-brand:#c8102e !important;
--wz-brand2:#e8452f !important;
--wz-cyan:#c8a24a !important;
--wz-ink:#2b2a28 !important;
--wz-ink2:#3d3a35 !important;
--wz-ink3:#8a8177 !important;
}
/* ----------------------------- 一、字体 ----------------------------- */
html,body{ font-family:var(--wz-font) !important; -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility; }
body .van-cell,body .van-button,body .van-tab,body .van-tabbar-item,body .van-field__control,
body .van-dialog,body .van-action-sheet,body .van-notice-bar,body .van-empty__description,
body .van-picker,body .van-toast,body .van-tag,body .van-nav-bar,body .van-search,
body input,body textarea,body select,body button,body h1,body h2,body h3,body h4{
font-family:var(--wz-font) !important;
}
body .van-button__text,body .van-tabbar-item__text{ letter-spacing:.3px; }
body .van-dialog__header,body .van-nav-bar__title,body h1,body h2{
font-weight:700; letter-spacing:.5px;
}
/* 数字统一等宽，价格/学时/分数不再左右跳 */
body .van-cell__value,[class*="price"],[class*="Price"],[class*="score"],[class*="Score"],
[class*="hour"],[class*="Hour"],[class*="time"],[class*="Time"],[class*="total"]{
font-variant-numeric:tabular-nums; font-feature-settings:"tnum" 1;
}
/* ------------------------- 二、整体底色（米白） ------------------------- */
body.wz-app-page{ background:var(--wz-bg) !important; color:var(--wz-ink) !important; }
body.wz-app-page .app-wrapper::before{
background:
radial-gradient(88% 42% at 50% -10%, rgba(200,16,46,.10), rgba(200,16,46,0) 70%),
radial-gradient(70% 40% at 100% 4%, rgba(200,162,74,.16), rgba(200,162,74,0) 72%),
radial-gradient(60% 36% at 0% 90%, rgba(200,162,74,.13), rgba(200,162,74,0) 72%),
linear-gradient(180deg,#fffdfa 0%,#fdf8f1 42%,#faf4ea 100%) !important;
opacity:1 !important;
}
body.wz-app-page .app-wrapper::after{ background:none !important; }
/* --------------------------- 三、卡片通用 --------------------------- */
body.wz-app-page .van-cell-group,
body.wz-app-page .van-cell-group--inset,
body.wz-app-page .van-card{
background:#fff !important;
border-radius:16px !important;
border:1px solid var(--wz-line) !important;
box-shadow:0 2px 6px rgba(120,90,40,.05), 0 14px 34px rgba(120,90,40,.07) !important;
overflow:hidden;
}
body.wz-app-page .van-cell-group--inset{ margin:12px 12px 0 !important; }
body.wz-app-page .van-cell{ background:transparent !important; }
body.wz-app-page .van-cell::after{ border-color:rgba(200,162,74,.18) !important; }
body.wz-app-page .van-cell__title{ color:var(--wz-ink) !important; font-weight:600; }
body.wz-app-page .van-cell__value{ color:var(--wz-ink2) !important; }
/* 圆形/方形主按钮：中国红渐变 */
body.wz-app-page .van-button--primary,
body.wz-app-page .van-button--danger,
body .login-btn{
background:linear-gradient(135deg,#e2402f 0%,#c8102e 52%,#9d0d1c 100%) !important;
border:none !important; color:#fff !important; font-weight:700 !important;
border-radius:999px !important;
box-shadow:0 8px 20px rgba(200,16,46,.30) !important;
}
body.wz-app-page .van-button--primary.van-button--plain{ background:#fff !important; color:var(--wz-red) !important; }
/* --------------------------- 四、搜索框 --------------------------- */
body.wz-app-page .van-search{ background:transparent !important; }
body.wz-app-page .van-search__content{
background:#fff !important;
border:1px solid var(--wz-line) !important;
border-radius:999px !important;
box-shadow:0 2px 8px rgba(120,90,40,.07) !important;
}
body.wz-app-page .van-field__control{ color:var(--wz-ink) !important; }
body.wz-app-page .van-field__control::placeholder{ color:#b3a893 !important; }
/* ------------------------- 五、页签 / 分类 ------------------------- */
body.wz-app-page .van-tabs__line{ background:var(--wz-red) !important; border-radius:3px; }
body.wz-app-page .van-tab--active{ color:var(--wz-red) !important; font-weight:700 !important; }
body.wz-app-page .van-tab{ color:var(--wz-ink3) !important; }
body.wz-app-page .van-tabs__nav--card{ border:none !important;
background:linear-gradient(135deg,#f7ecdc,#fdf7ee) !important; border-radius:999px !important; }
body.wz-app-page .van-tab--card.van-tab--active{ background:linear-gradient(135deg,#e2402f,#a8101c) !important;
color:#fff !important; border:none !important; }
body.wz-app-page .van-tag{ border-radius:6px !important; font-weight:600; }
/* --------------------------- 六、顶部公告条 --------------------------- */
body.wz-app-page .van-notice-bar,
body.wz-app-page .van-notice-bar.fixed-notice{
/* r484 王炸 2026-10-17：爷爷反馈「公告栏背景色掉了」——原来的 #fff6e2/#ffeccf 在手机上
跟白底几乎分不出来。这里换成一眼可辨的琥珀（仍属浅色，深琥珀字对比度够）。 */
background:linear-gradient(90deg,#ffe4a6,#ffd280 55%,#ffc96a) !important;
color:#7a4705 !important;
border-bottom:1px solid rgba(190,140,40,.45) !important;
box-shadow:0 2px 10px rgba(190,140,40,.14) !important;
}
body.wz-app-page .van-notice-bar .van-notice-bar__left-icon,
body.wz-app-page .van-notice-bar .van-icon{ color:#b8860b !important; }
/* --------------------------- 七、底部导航 --------------------------- */
body.wz-app-page .van-tabbar{
background:rgba(255,255,255,.94) !important;
border-top:1px solid var(--wz-line) !important;
box-shadow:0 -8px 26px rgba(120,90,40,.08) !important;
-webkit-backdrop-filter:saturate(1.5) blur(18px);
backdrop-filter:saturate(1.5) blur(18px);
}
body.wz-app-page .van-tabbar-item{ color:#a2968a !important; background:transparent !important; }
body.wz-app-page .van-tabbar-item--active{ color:var(--wz-red) !important; font-weight:700 !important; }
/* 恢复 1/2 项为线性图标（去掉玫瑰照片覆盖） */
body.wz-app-page .van-tabbar-item:nth-child(1) .van-icon::before,
body.wz-app-page .van-tabbar-item:nth-child(2) .van-icon::before{
-webkit-mask:none !important; mask:none !important;
background-color:#b8ab9d !important;
background-image:none !important;
width:23px !important; height:23px !important; border-radius:0 !important;
filter:none !important; transform:none !important;
}
body.wz-app-page .van-tabbar-item:nth-child(1) .van-icon::before{
-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%209.4%2012%205l9%204.4-9%204.4-9-4.4z%22%2F%3E%3Cpath%20d%3D%22M7.2%2011.7V16c0%201.3%202.1%202.4%204.8%202.4s4.8-1.1%204.8-2.4v-4.3%22%2F%3E%3Cpath%20d%3D%22M20.2%2010.1V15%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat !important;
mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%209.4%2012%205l9%204.4-9%204.4-9-4.4z%22%2F%3E%3Cpath%20d%3D%22M7.2%2011.7V16c0%201.3%202.1%202.4%204.8%202.4s4.8-1.1%204.8-2.4v-4.3%22%2F%3E%3Cpath%20d%3D%22M20.2%2010.1V15%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat !important;
}
body.wz-app-page .van-tabbar-item:nth-child(2) .van-icon::before{
-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%224.8%22%20width%3D%2214%22%20height%3D%2215.4%22%20rx%3D%222.6%22%2F%3E%3Cpath%20d%3D%22M9.2%203.2h5.6v2.6H9.2z%22%2F%3E%3Cpath%20d%3D%22M9%2013.4l2%202%204-4.2%22%2F%3E%3Cpath%20d%3D%22M9%2018h3.6%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat !important;
mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%224.8%22%20width%3D%2214%22%20height%3D%2215.4%22%20rx%3D%222.6%22%2F%3E%3Cpath%20d%3D%22M9.2%203.2h5.6v2.6H9.2z%22%2F%3E%3Cpath%20d%3D%22M9%2013.4l2%202%204-4.2%22%2F%3E%3Cpath%20d%3D%22M9%2018h3.6%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat !important;
}
/* 选中：红色药丸 + 白图标 */
body.wz-app-page .van-tabbar-item--active .van-icon{
background:linear-gradient(135deg,#e2402f,#b3121f) !important;
box-shadow:0 6px 16px rgba(200,16,46,.34) !important;
width:44px !important; height:26px !important; border-radius:13px !important;
transform:translateY(-1px) !important;
}
body.wz-app-page .van-tabbar-item--active .van-icon::before{
background-color:#fff !important; filter:none !important;
}
/* ------------------------- 八、弹窗 / 动作面板 ------------------------- */
body .van-action-sheet{
background:linear-gradient(180deg,#fffdfa,#fbf6ee) !important;
border-top-left-radius:20px !important; border-top-right-radius:20px !important;
box-shadow:0 -14px 40px rgba(120,90,40,.16) !important;
}
body .van-action-sheet__header{
color:var(--wz-red) !important; font-weight:800 !important; letter-spacing:1px;
border-bottom:1px solid var(--wz-line) !important;
}
body .van-action-sheet__item{ color:var(--wz-ink) !important; font-weight:600 !important; }
body .van-action-sheet__item:active{ background:rgba(200,16,46,.06) !important; }
body .van-action-sheet__subname{ color:var(--wz-ink3) !important; }
body .van-action-sheet__cancel{ color:var(--wz-ink2) !important;
border-top:1px solid var(--wz-line) !important; background:#fff !important; }
body .van-dialog{
border-radius:18px !important; overflow:hidden;
box-shadow:0 20px 54px rgba(120,90,40,.22) !important;
}
body .van-dialog__header{ color:var(--wz-red) !important; }
body .van-dialog__message{ color:var(--wz-ink2) !important; }
body .van-popup{ font-family:var(--wz-font) !important; }
/* --------------------------- 九、空状态 --------------------------- */
body.wz-app-page .van-empty__image{ opacity:.9; }
body.wz-app-page .van-empty__description{ color:var(--wz-ink3) !important; }
/* --------------------------- 十、登录页字体 --------------------------- */
body.wz-login-page .login-card{ background:rgba(255,253,249,.985) !important;
border:1px solid rgba(240,216,160,.9) !important; border-radius:20px !important; }
body.wz-login-page .login-title{ color:var(--wz-red) !important; font-weight:800 !important;
letter-spacing:6px !important; }
body.wz-login-page .wz-login-quote .q1{
font-family:"HarmonyOS Sans SC","MiSans","PingFang SC","Microsoft YaHei",serif !important;
letter-spacing:6px !important;
}
body.wz-login-page .wz-login-quote .q2{ font-family:var(--wz-font) !important; letter-spacing:.5px; }
body.wz-login-page .custom-field .van-field__label{ color:#7a6a58 !important; font-weight:600 !important; }
body.wz-login-page .login-subtitle{ color:#a89880 !important; }
/* ----------------------- 十一、课程缩略图（去玫瑰图） ----------------------- */
/* 打包产物里缩略图是 ![]()
/，统一加深色描边与圆角，弱化照片感 */
body.wz-app-page .van-image__img,
body.wz-app-page .van-image img{
border-radius:12px !important;
}
body.wz-app-page .van-image--round img{ border-radius:50% !important; }
/* --------------------------- 十二、细节打磨 --------------------------- */
body.wz-app-page [class*="card"]{ border-radius:16px; }
body.wz-app-page ::selection{ background:rgba(200,16,46,.16); }
body.wz-app-page ::-webkit-scrollbar{ width:6px; height:6px; }
body.wz-app-page ::-webkit-scrollbar-thumb{
background:rgba(200,162,74,.5); border-radius:3px; }
/* ===== r494 王炸 2026-10-17：公告栏/公告卡兜底（不依赖 body.wz-app-page 类） =====
现场：个别手机首帧或登录层切换瞬间 body 上的 wz-app-page 会被摘掉，
导致整站主题（尤其顶部公告条琥珀渐变）一起掉色。
处理：以 .app-wrapper（登录后必然存在）为锚点再写一份，双保险。 */
body .app-wrapper .van-notice-bar,
body .app-wrapper .van-notice-bar.fixed-notice{
background:linear-gradient(90deg,#ffe4a6,#ffd280 55%,#ffc96a) !important;
color:#7a4705 !important;
border-bottom:1px solid rgba(190,140,40,.45) !important;
box-shadow:0 2px 10px rgba(190,140,40,.14) !important;
}
body .app-wrapper .van-notice-bar .van-notice-bar__left-icon,
body .app-wrapper .van-notice-bar .van-icon{ color:#b8860b !important; }
body .app-wrapper .notice-card{ position:relative; overflow:hidden; padding-left:18px !important; }
body .app-wrapper .notice-card::before{
content:""; position:absolute; left:0; top:0; bottom:0; width:5px;
background:linear-gradient(180deg,#cbd5e1,#94a3b8);
}
body .app-wrapper .notice-card.cat-1::before{ background:linear-gradient(180deg,#34d399,#059669) !important; }
body .app-wrapper .notice-card.cat-3::before{ background:linear-gradient(180deg,#fbbf24,#d97706) !important; }
body .app-wrapper .notice-card.cat-5::before{ background:linear-gradient(180deg,#60a5fa,#2563eb) !important; }
body .app-wrapper .notice-card.is-pinned::before{ background:linear-gradient(180deg,#fb7185,#e11d48) !important; }
body .app-wrapper .notice-card.is-pinned{
background:linear-gradient(180deg, rgba(255,241,243,.98), rgba(255,255,255,.96)) !important;
border-color:rgba(244,63,94,.20) !important;
}
body .app-wrapper .notice-card.cat-1 .card-title{ color:#047857 !important; }
body .app-wrapper .notice-card.cat-3 .card-title{ color:#b45309 !important; }
body .app-wrapper .notice-card.cat-5 .card-title{ color:#1d4ed8 !important; }
body .app-wrapper .notice-card.is-pinned .card-title{ color:#be123c !important; }