/* v5 launch polish: visual refinement for marketing/content pages only. qimen.html is not linked. */
:root{
  --dy-blue:#0d5f9d;
  --dy-blue-dark:#0b365d;
  --dy-ink:#173a5b;
  --dy-muted:#526f86;
  --dy-line:#cfe5f7;
  --dy-soft:#f4fbff;
  --dy-gold:#b37b22;
}
body{ text-rendering:optimizeLegibility; }
.home-v3 section,
.list-page section{ scroll-margin-top:96px; }
.home-v3 .container,
.list-page .container{ max-width:1240px; }
/* 1. Compress QIMEN SYSTEM: keep the logic, reduce bulk. */
.method-band-v5{ padding:54px 0 !important; background:linear-gradient(180deg,#f5fbff,#eef8ff) !important; }
.method-v5-head{ display:grid; grid-template-columns:minmax(220px,.75fr) minmax(380px,1.25fr); gap:26px; align-items:end; margin-bottom:22px; }
.method-v5-head span{ color:#1270b6; letter-spacing:.28em; font-size:13px; font-weight:900; }
.method-v5-head h2{ margin:0; color:var(--dy-blue-dark); font-size:clamp(28px,3vw,44px); line-height:1.16; }
.method-v5-head p{ margin:0; color:var(--dy-muted); line-height:1.85; font-size:17px; max-width:620px; }
.method-v5-grid{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; }
.method-v5-grid article{ min-height:auto !important; padding:18px 16px !important; border-radius:20px !important; background:rgba(255,255,255,.82) !important; border:1px solid var(--dy-line) !important; box-shadow:0 12px 30px rgba(25,91,151,.055) !important; }
.method-v5-grid b{ display:block; color:var(--dy-blue); font-size:20px; margin-bottom:8px; }
.method-v5-grid p{ margin:0; color:#45677f; line-height:1.72; font-size:15px; }
/* 2. Teacher: fill left blank, keep original depth, improve rhythm. */
.teacher-profile-wrap{ padding-top:70px; padding-bottom:70px; }
.teacher-profile-grid{ align-items:start !important; gap:34px !important; }
.teacher-profile-visual{ align-self:start; display:flex; flex-direction:column; gap:18px; }
.teacher-side-rich{ margin-top:0 !important; }
.teacher-side-rich article{ background:rgba(255,255,255,.86); }
.teacher-ethics-left{ margin-top:4px !important; padding:24px 26px !important; border-radius:28px !important; background:linear-gradient(135deg,#fff8f6,#ffffff) !important; border:1px solid rgba(209,54,54,.26) !important; box-shadow:0 18px 48px rgba(161,49,49,.08) !important; }
.teacher-ethics-left b{ display:inline-flex; padding:8px 18px; border-radius:999px; background:#d73636; color:#fff !important; font-size:20px !important; margin-bottom:12px; }
.teacher-ethics-left p{ color:#405f75; line-height:1.95; margin:10px 0; }
.teacher-profile-content{ display:flex; flex-direction:column; gap:22px; }
.teacher-profile-content p{ line-height:1.95; }
.teacher-color-panels article,
.teacher-flow-card,
.teacher-article-block,
.teacher-two-col article{ box-shadow:0 12px 34px rgba(28,99,158,.07); }
.teacher-highlight-strip{ gap:10px !important; }
.teacher-highlight-strip span{ background:#f6fbff; border:1px solid #d6eafb; border-radius:999px; padding:9px 14px; color:#0f5f9a; font-weight:800; }
/* 3. Course cards: richer content but still tidy. */
.course-v5-grid a{ position:relative; overflow:hidden; border-color:#cfe5f7 !important; background:linear-gradient(180deg,#fff,#f9fdff) !important; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.course-v5-grid a::before{ content:""; position:absolute; inset:0 0 auto 0; height:5px; background:linear-gradient(90deg,#0b78c5,#8fcfff); opacity:.75; }
.course-v5-grid a:hover{ transform:translateY(-4px); box-shadow:0 22px 50px rgba(24,99,158,.14); border-color:#85c6f6 !important; }
.course-v5-grid p{ font-size:16px !important; line-height:1.9 !important; color:#426277 !important; margin-bottom:16px !important; }
.course-v5-grid ul{ list-style:none; padding:0; margin:14px 0 0; display:grid; gap:9px; }
.course-v5-grid li{ position:relative; padding-left:18px; color:#234b68; line-height:1.62; font-weight:700; }
.course-v5-grid li::before{ content:""; position:absolute; left:0; top:.72em; width:7px; height:7px; border-radius:50%; background:#0b77c5; box-shadow:0 0 0 4px rgba(11,119,197,.12); }
.course-v5-grid .card-more{ margin-top:18px; }
.course-v5-page-grid{ align-items:stretch; }
.training-hook-v5{ padding:50px 0 0; }
.training-hook-card{ background:linear-gradient(135deg,#f1f9ff,#fffaf2) !important; border:1px solid #d6eafa !important; box-shadow:0 18px 46px rgba(25,91,151,.08); }
.training-hook-card h2{ color:var(--dy-blue-dark); }
.training-hook-card p{ color:#3b5f78; line-height:1.95; }
/* 4. Stronger, differentiated consulting cards. */
.service-card-rich{ border-radius:24px !important; }
.service-card-rich h3{ color:#0d3c65 !important; }
.service-card-rich dt{ letter-spacing:.03em; }
.service-card-rich dd{ color:#435f77 !important; }
.wx-article-body p{ line-height:2.02; color:#324f66; }
.wx-article-body h3{ margin-top:28px; color:#0a416d; }
.wx-color-callout{ box-shadow:0 14px 34px rgba(26,109,174,.08); }
.wx-side-note{ position:sticky; top:96px; align-self:start; }
/* 5. Case cards and images. */
.case-v3-grid a{ min-height:150px; }
.case-v3-grid .card-more{ display:inline-flex; align-items:center; gap:4px; }
.case-pan-visual{ padding:26px !important; }
.case-pan-visual h2{ margin-bottom:16px !important; }
.case-pan-visual figure{ margin:0; }
.case-pan-visual img{ width:100%; display:block; border-radius:18px; border:1px solid #d7e8f7; box-shadow:0 14px 38px rgba(20,82,132,.12); background:#fff; }
.case-pan-visual figcaption{ margin-top:12px; color:#5d7488; line-height:1.75; font-size:14px; }
.case-pan-note{ margin-top:14px; padding:14px 16px; border-radius:16px; background:#f4faff; border:1px dashed #a7d0ef; color:#2f536d; line-height:1.8; }
.case-pan-note b{ color:#0b6faf; }
/* 6. General visual rhythm. */
.article,
.public-card,
.content-block{ border-color:#d4e8f8 !important; }
.article p,
.content-block p{ line-height:1.95; }
.btn,.mini-link,.wechat{ transition:transform .18s ease, box-shadow .18s ease, background .18s ease; }
.btn:hover,.mini-link:hover,.wechat:hover{ transform:translateY(-2px); }
/* 7. Details page sidebars: less waste. */
.wx-article-grid{ grid-template-columns:220px minmax(0,860px) !important; gap:34px !important; align-items:start; justify-content:center; }
.wx-side-note{ width:220px; }
.wx-article-body{ max-width:860px; }
/* 8. Mobile */
@media (max-width: 1120px){
  .method-v5-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .teacher-profile-grid{ grid-template-columns:1fr !important; }
  .teacher-profile-visual{ position:static; }
}
@media (max-width: 860px){
  .method-band-v5{ padding:34px 0 !important; }
  .method-v5-head{ grid-template-columns:1fr; gap:12px; }
  .method-v5-grid{ grid-template-columns:1fr; }
  .course-v5-grid a{ padding:26px !important; }
  .wx-article-grid{ grid-template-columns:1fr !important; }
  .wx-side-note{ position:static; width:auto; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .teacher-ethics-left{ padding:20px !important; }
}