/* 大智锦榜 · 全站统一视觉（2026-10-17 蕾总）
   目标：简洁亮堂、高端大气、不花哨；家长看着舒服，操作一眼就懂。 */

:root{
  --d-navy:#14304F;
  --d-navy-2:#1E4470;
  --d-gold:#C09A4B;
  --d-gold-soft:#F6EEDC;
  --d-ink:#1B2A3E;
  --d-sub:#5E7183;
  --d-line:#E6ECF4;
  --d-bg:#F7F9FC;
  --d-card:#FFFFFF;
  --d-ok:#2E8B62;
  --d-warn:#B4791F;
  --d-radius:14px;
  --d-shadow:0 2px 10px rgba(20,48,79,.05);
  --d-shadow-2:0 10px 28px rgba(20,48,79,.10);
}

html{ -webkit-text-size-adjust:100%; }
body{
  background:var(--d-bg) !important;
  color:var(--d-ink) !important;
  font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif !important;
  font-size:16px !important;
  line-height:1.72 !important;
  letter-spacing:.2px;
  -webkit-font-smoothing:antialiased;
}

h1{ font-size:26px !important; line-height:1.35 !important; font-weight:800 !important;
    color:var(--d-navy) !important; letter-spacing:.3px !important; margin:0 0 12px !important; }
h2{ font-size:19px !important; line-height:1.45 !important; font-weight:700 !important;
    color:var(--d-navy) !important; margin:0 0 10px !important; }
h3{ font-size:16.5px !important; font-weight:700 !important; color:var(--d-navy) !important; margin:0 0 8px !important; }
p, li{ font-size:15.5px !important; line-height:1.78 !important; color:var(--d-ink); }

.card, .tcard, .pvtile, .pvcard, .box, .panel, .block, .sec-box, .item{
  background:var(--d-card) !important;
  border:1px solid var(--d-line) !important;
  border-radius:var(--d-radius) !important;
  box-shadow:var(--d-shadow) !important;
}

button, .btn, a.btn, .btn-gold, .btn-navy{
  font-family:inherit !important;
  border-radius:12px !important;
  font-weight:700 !important;
  letter-spacing:.3px;
  transition:transform .12s ease, box-shadow .12s ease, background .12s ease;
}
button:active, .btn:active{ transform:translateY(1px); }

.btn-primary, .btn-navy, button.primary{
  background:linear-gradient(180deg,var(--d-navy-2),var(--d-navy)) !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:0 8px 20px rgba(20,48,79,.18) !important;
}

.btn-gold, button.gold{
  background:linear-gradient(180deg,#CCA75C,var(--d-gold)) !important;
  color:#fff !important; border:0 !important;
  box-shadow:0 8px 20px rgba(192,154,75,.28) !important;
}

.btn-ghost, button.ghost{
  background:#fff !important; color:var(--d-navy) !important;
  border:1.5px solid #CFDAE8 !important; box-shadow:none !important;
}

input, select, textarea{
  font-family:inherit !important;
  border:1.5px solid #D7E1EE !important;
  border-radius:12px !important;
  background:#fff !important;
  color:var(--d-ink) !important;
  padding:13px 14px !important;
  font-size:16px !important;
}
input:focus, textarea:focus, select:focus{
  border-color:var(--d-navy-2) !important;
  outline:none !important;
  box-shadow:0 0 0 3px rgba(30,68,112,.10) !important;
}

.big, .num-big, .v{ color:var(--d-navy) !important; font-variant-numeric:tabular-nums; }

table{ border-collapse:collapse !important; width:100%; }
th{ background:#F2F6FB !important; color:var(--d-sub) !important; font-weight:600 !important;
    font-size:13.5px !important; text-align:left; padding:9px 10px !important; }
td{ border-top:1px solid var(--d-line) !important; padding:10px !important; font-size:14.5px !important; }

hr{ border:0; border-top:1px solid var(--d-line); margin:22px 0; }

section, .sec, .block-wrap{ padding:24px 18px !important; }
@media (min-width:700px){
  section, .sec, .block-wrap{ padding:30px 24px !important; }
}

footer, .foot{ background:#fff !important; color:#8FA0B4 !important;
  font-size:12px !important; line-height:1.8 !important; padding:18px !important; border-top:1px solid var(--d-line); }

.qrrow figure, figure.qr{ background:#fff; border:1px solid var(--d-line);
  border-radius:12px; padding:10px; box-shadow:var(--d-shadow); }
.qrrow img, img.qr{ border-radius:8px; display:block; }
.qrrow figcaption{ font-size:12.5px !important; color:var(--d-sub) !important;
  text-align:center; margin-top:7px; line-height:1.5; }

[style*="text-shadow"]{ text-shadow:none !important; }

.dzj-brandbar{ display:flex; align-items:center; gap:8px; padding:12px 18px; background:#fff;
  border-bottom:1px solid var(--d-line); font-size:13px; color:var(--d-sub); }
.dzj-brandbar img{ height:22px; width:auto; display:block; }
.dzj-brandbar b{ color:var(--d-navy); font-size:14.5px; letter-spacing:.6px; }

@media print{
  body{ background:#fff !important; }
  .btn, button{ display:none !important; }
}