/* ══════════════════════════════════════════════════════════════
   二级页样式（page.html 专用）
   ★ 复用 site.css 的天空蓝体系，只补二级页结构
   ══════════════════════════════════════════════════════════════ */
.detail-body{background:#F5FAFF}

/* ── 页头 ── */
.dt-main{padding:132px 0 60px;min-height:60vh}
.dt-head{margin-bottom:56px;position:relative}
.dt-head .kicker{margin-bottom:16px}
.dt-title{
  font-size:clamp(28px,4vw,48px);line-height:1.28;font-weight:800;color:#0A1E3C;
  letter-spacing:-.4px;margin-bottom:22px;max-width:900px;
}
.dt-title em{font-style:normal;color:#1E6FFF}
.dt-title .hl{
  background:linear-gradient(100deg,#00C2D6 0%,#1E6FFF 45%,#4D9BFF 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.dt-lead{
  font-size:16px;color:#5B7796;line-height:1.95;max-width:720px;margin-bottom:26px;
}
.dt-back{
  display:inline-flex;align-items:center;gap:7px;font-size:13px;color:#1E6FFF;
  letter-spacing:.06em;padding:8px 18px;border-radius:999px;
  border:1px solid rgba(30,111,255,.24);background:rgba(30,111,255,.06);
  transition:.3s var(--ease);
}
.dt-back:hover{color:#FFF;background:linear-gradient(140deg,#4D9BFF,#1E6FFF);border-color:transparent}

/* ── ★ 未知领域钩子 ── */
.dt-hook{
  margin-bottom:56px;padding:40px 44px;border-radius:20px;position:relative;overflow:hidden;
  background:
    radial-gradient(ellipse at 88% 14%,rgba(0,194,214,.16),transparent 54%),
    linear-gradient(120deg,rgba(255,255,255,.97),rgba(224,239,255,.94));
  border:1px solid rgba(30,111,255,.2);
  box-shadow:0 20px 56px rgba(16,50,100,.09);
  opacity:0;transform:translateY(20px);
}
.dt-hook.in{opacity:1;transform:none;transition:.8s var(--ease)}
.dh-kicker{font-size:11px;letter-spacing:.28em;color:#1E6FFF;margin-bottom:14px}
.dh-title{font-size:clamp(20px,2.4vw,28px);color:#0A1E3C;font-weight:800;margin-bottom:22px}
.dt-hook p{font-size:15px;color:#3E5C80;line-height:2;margin-bottom:12px;max-width:800px}
.dt-hook p.dh-key{
  color:#0A1E3C;font-weight:700;font-size:16px;padding-left:18px;
  border-left:3px solid #1E6FFF;
}

/* ── 分节 ── */
.dt-sections{display:grid;gap:26px}
.dt-sections.has-fig{grid-template-columns:repeat(2,1fr)}
.dt-sec{
  padding:36px 34px;border-radius:18px;position:relative;
  background:rgba(255,255,255,.88);border:1px solid rgba(30,111,255,.16);
  box-shadow:0 12px 36px rgba(16,50,100,.06);
  opacity:0;transform:translateY(22px);
}
.dt-sec.in{opacity:1;transform:none;transition:.75s var(--ease)}
.dt-no{
  font-size:13px;font-weight:800;letter-spacing:.06em;color:#1E6FFF;
  margin-bottom:8px;
}
.dt-tag{
  font-size:10px;letter-spacing:.26em;color:#8A9BB0;margin-bottom:12px;
}
.dt-h2{font-size:clamp(19px,2.1vw,25px);color:#0A1E3C;font-weight:800;line-height:1.5;margin-bottom:12px}
.dt-h2 em{font-style:normal;color:#1E6FFF}
.dt-sub{font-size:14px;color:#0E8C9C;font-weight:600;margin-bottom:16px;letter-spacing:.04em}
.dt-text{font-size:14.5px;color:#3E5C80;line-height:2;margin-bottom:13px}
.dt-text:last-of-type{margin-bottom:0}
.dt-text b{color:#0A1E3C;font-weight:700}

/* 要点列表 */
.dt-points{list-style:none;display:grid;gap:9px;margin-top:18px}
.dt-points li{
  font-size:13.5px;color:#3E5C80;line-height:1.7;padding-left:20px;position:relative;
}
.dt-points li::before{
  content:"";position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:50%;
  background:linear-gradient(140deg,#4D9BFF,#00C2D6);
}

/* 痛点 */
.dt-pains{
  margin-top:20px;padding:16px 18px;border-radius:12px;
  background:rgba(228,87,61,.05);border:1px solid rgba(228,87,61,.16);
}
.dp-h{font-size:11px;letter-spacing:.22em;color:#C0392B;margin-bottom:9px;font-weight:700}
.dt-pains ul{list-style:none;display:grid;gap:6px}
.dt-pains li{
  font-size:13px;color:#6B4A42;line-height:1.65;padding-left:15px;position:relative;
}
.dt-pains li::before{
  content:"";position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;
  background:#E4573D;
}

/* 解法 */
.dt-answer{
  margin-top:16px;padding:16px 20px;border-radius:12px;
  background:linear-gradient(100deg,rgba(30,111,255,.08),rgba(0,194,214,.05));
  border-left:3px solid #1E6FFF;
}
.dt-answer b{
  display:block;font-size:11px;letter-spacing:.2em;color:#1E6FFF;margin-bottom:7px;
}
.dt-answer span{font-size:14px;color:#0A1E3C;line-height:1.85;font-weight:600}

/* 收口金句 */
.dt-punch{
  margin-top:18px;padding:15px 20px;border-radius:12px;
  background:#0A1E3C;color:#CFE8FF;font-size:14.5px;line-height:1.8;font-weight:600;
  letter-spacing:.02em;
}

/* 案例 */
.dt-case{
  margin-top:20px;padding:20px 22px;border-radius:14px;
  background:linear-gradient(150deg,rgba(255,255,255,.96),rgba(230,243,255,.9));
  border:1px solid rgba(30,111,255,.2);
}
.dc-h{
  font-size:11.5px;letter-spacing:.14em;color:#1E6FFF;font-weight:700;margin-bottom:11px;
}
.dc-text{font-size:13.5px;color:#3E5C80;line-height:1.95}
.dc-point{
  margin-top:12px;font-size:13.5px;color:#0A1E3C;font-weight:700;line-height:1.75;
  padding-top:11px;border-top:1px dashed rgba(30,111,255,.2);
}

/* 数字条 */
.dt-metric{
  margin-top:16px;display:inline-block;padding:9px 18px;border-radius:999px;
  font-size:13px;color:#1E6FFF;font-weight:700;letter-spacing:.06em;
  background:rgba(30,111,255,.09);border:1px solid rgba(30,111,255,.22);
}

/* 配图占位 */
.dt-fig{
  margin-top:18px;height:112px;border-radius:12px;position:relative;overflow:hidden;
  background:
    linear-gradient(135deg,rgba(30,111,255,.08),rgba(0,194,214,.06)),
    repeating-linear-gradient(45deg,rgba(30,111,255,.04) 0 10px,transparent 10px 20px);
  border:1px dashed rgba(30,111,255,.26);
  display:flex;align-items:center;justify-content:center;gap:11px;padding:16px;
}
.df-ico{
  width:30px;height:30px;flex:0 0 auto;border-radius:8px;
  background:linear-gradient(150deg,#4D9BFF,#1E6FFF);
  box-shadow:0 4px 14px rgba(30,111,255,.3);
}
.df-t{font-size:12.5px;color:#1E6FFF;letter-spacing:.08em;font-weight:600}

/* ── 升级三段 ── */
.dt-evo3{display:grid;gap:10px;margin-top:18px}
.de3{padding:14px 16px;border-radius:11px;border-left:3px solid}
.de3 b{display:block;font-size:11px;letter-spacing:.18em;margin-bottom:6px}
.de3 span{font-size:13.5px;line-height:1.85}
.de3-old{background:rgba(138,155,176,.08);border-color:#8A9BB0}
.de3-old b{color:#5B7796}
.de3-old span{color:#5B7796}
.de3-stuck{background:rgba(228,87,61,.05);border-color:#E4573D}
.de3-stuck b{color:#C0392B}
.de3-stuck span{color:#6B4A42}
.de3-fix{background:linear-gradient(100deg,rgba(30,111,255,.08),rgba(0,194,214,.05));border-color:#1E6FFF}
.de3-fix b{color:#1E6FFF}
.de3-fix span{color:#0A1E3C}

/* ── 核心理念 ── */
.dt-creed{
  margin:56px 0;padding:44px 42px;border-radius:20px;
  background:
    radial-gradient(ellipse at 12% 16%,rgba(77,155,255,.14),transparent 52%),
    linear-gradient(125deg,rgba(255,255,255,.97),rgba(226,240,255,.94));
  border:1px solid rgba(30,111,255,.2);
  box-shadow:0 20px 56px rgba(16,50,100,.09);
  opacity:0;transform:translateY(20px);
}
.dt-creed.in{opacity:1;transform:none;transition:.8s var(--ease)}
.dc-title{font-size:clamp(20px,2.4vw,28px);margin-bottom:10px;text-align:center}
.dc-note{text-align:center;max-width:none;margin-bottom:32px;font-size:13.5px}
.dc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.dc-item{
  padding:24px 22px;border-radius:14px;position:relative;
  background:rgba(255,255,255,.86);border:1px solid rgba(30,111,255,.16);
  opacity:0;transform:translateY(16px);
}
.dc-item.in{opacity:1;transform:none;transition:.7s var(--ease)}
.dc-no{
  position:absolute;right:18px;top:14px;font-size:30px;font-weight:800;
  color:rgba(30,111,255,.12);letter-spacing:0;
}
.dc-item b{display:block;font-size:17px;color:#0A1E3C;font-weight:800;letter-spacing:.06em;margin-bottom:4px}
.dc-item small{display:block;font-size:12.5px;color:#0E8C9C;margin-bottom:12px;letter-spacing:.06em}
.dc-item p{font-size:13.5px;color:#3E5C80;line-height:1.95}
.dc-fig{
  margin-top:13px;padding:11px 14px;border-radius:10px;font-size:12px;
  color:#1E6FFF;letter-spacing:.04em;
  background:rgba(30,111,255,.06);border:1px dashed rgba(30,111,255,.24);
}

/* 三同 */
.dt-triple{
  margin-top:26px;padding:28px 30px;border-radius:14px;
  background:#0A1E3C;color:#CFE8FF;
}
.dt-triple h3{font-size:18px;color:#FFFFFF;font-weight:800;letter-spacing:.1em;margin-bottom:14px}
.dt-triple p{font-size:14px;line-height:2.05}

/* ── 宗旨 ── */
.dt-mission{
  margin:56px 0;padding:44px 42px;border-radius:20px;
  background:
    radial-gradient(ellipse at 86% 12%,rgba(0,194,214,.14),transparent 52%),
    linear-gradient(125deg,rgba(255,255,255,.97),rgba(224,239,255,.94));
  border:1px solid rgba(30,111,255,.2);
  box-shadow:0 20px 56px rgba(16,50,100,.09);
}
.dm-title{font-size:clamp(20px,2.5vw,30px);color:#0A1E3C;font-weight:800;line-height:1.55;margin-bottom:30px}
.dm-title .hl{color:#1E6FFF}
.dm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.dm-item{
  padding:22px 20px;border-radius:13px;background:rgba(255,255,255,.86);
  border:1px solid rgba(30,111,255,.16);
  opacity:0;transform:translateY(16px);
}
.dm-item.in{opacity:1;transform:none;transition:.7s var(--ease)}
.dm-item b{display:block;font-size:19px;color:#0A1E3C;font-weight:800;letter-spacing:.1em}
.dm-item em{display:block;font-style:normal;font-size:13px;color:#1E6FFF;margin:6px 0 12px;letter-spacing:.06em}
.dm-item p{font-size:13.5px;color:#3E5C80;line-height:1.95}

/* ── 岗位 ── */
.dt-jobs{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.dj-item{
  padding:30px 28px;border-radius:16px;position:relative;
  background:rgba(255,255,255,.88);border:1px solid rgba(30,111,255,.16);
  box-shadow:0 12px 36px rgba(16,50,100,.06);
  opacity:0;transform:translateY(20px);
}
.dj-item.in{opacity:1;transform:none;transition:.75s var(--ease)}
.dj-no{
  position:absolute;right:22px;top:16px;font-size:34px;font-weight:800;
  color:rgba(30,111,255,.1);
}
.dj-tag{font-size:10.5px;letter-spacing:.24em;color:#0E8C9C;margin-bottom:12px}
.dj-item h3{font-size:20px;color:#0A1E3C;font-weight:800;margin-bottom:12px;letter-spacing:.04em}
.dj-duty{font-size:14px;color:#3E5C80;line-height:1.9;margin-bottom:14px}
.dj-for{
  display:inline-block;font-size:12px;color:#1E6FFF;padding:6px 13px;border-radius:999px;
  background:rgba(30,111,255,.08);border:1px solid rgba(30,111,255,.2);margin-bottom:16px;
}
.dj-points{list-style:none;display:grid;gap:8px}
.dj-points li{
  font-size:13px;color:#3E5C80;line-height:1.7;padding-left:18px;position:relative;
}
.dj-points li::before{
  content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;
  background:linear-gradient(140deg,#39C6D8,#0E8C9C);
}

/* ── 合作 ── */
.dt-coop{display:grid;gap:20px}
.dcp-item{
  padding:32px 30px;border-radius:16px;
  background:rgba(255,255,255,.9);border:1px solid rgba(30,111,255,.16);
  box-shadow:0 12px 36px rgba(16,50,100,.06);
  opacity:0;transform:translateY(20px);
}
.dcp-item.in{opacity:1;transform:none;transition:.75s var(--ease)}
.dcp-no{
  font-size:12px;font-weight:800;letter-spacing:.1em;color:#1E6FFF;margin-bottom:8px;
}
.dcp-item h3{font-size:22px;color:#0A1E3C;font-weight:800;margin-bottom:20px;letter-spacing:.06em}
.dcp-row{display:flex;gap:16px;padding:11px 0;border-bottom:1px dashed rgba(10,30,60,.1)}
.dcp-row b{
  flex:0 0 82px;font-size:12px;color:#1E6FFF;letter-spacing:.12em;font-weight:700;padding-top:2px;
}
.dcp-row span{font-size:13.5px;color:#3E5C80;line-height:1.8}
.dcp-we b{color:#0E8C9C}
.dcp-you b{color:#B8860B}
.dcp-out{
  margin-top:18px;padding:14px 18px;border-radius:11px;display:flex;gap:14px;align-items:flex-start;
  background:linear-gradient(100deg,rgba(30,111,255,.08),rgba(0,194,214,.05));
}
.dcp-out b{flex:0 0 46px;font-size:12px;color:#1E6FFF;letter-spacing:.12em;padding-top:2px}
.dcp-out span{font-size:14px;color:#0A1E3C;font-weight:700;line-height:1.75}

/* ── 尾注与 CTA ── */
.dt-note{
  margin-top:36px;padding:20px 24px;border-radius:12px;
  background:rgba(30,111,255,.05);border-left:3px solid #1E6FFF;
  font-size:13.5px;color:#3E5C80;line-height:1.95;
}
.dt-cta{
  margin-top:48px;padding:32px 36px;border-radius:18px;
  background:linear-gradient(120deg,rgba(255,255,255,.96),rgba(224,239,255,.93));
  border:1px solid rgba(30,111,255,.2);
  display:flex;align-items:center;gap:18px;flex-wrap:wrap;
  box-shadow:0 16px 46px rgba(16,50,100,.08);
}
.dt-cta b{font-size:20px;color:#0A1E3C;font-weight:800;letter-spacing:.04em}
.dt-cta span{font-size:13.5px;color:#5B7796;flex:1 1 auto;min-width:200px}
.dt-cta .btn{text-decoration:none}

.dt-loading{padding:80px 0;text-align:center;color:#5B7796;font-size:15px}
.dt-loading a{color:#1E6FFF;margin-left:8px}

/* ══════════════ ★ 五音调五脏 ══════════════ */
.dt-yin{margin-bottom:12px}
.dy-intro{max-width:840px;margin-bottom:32px}

/* 五行生克链 */
.dy-chain{
  margin-bottom:38px;padding:26px 30px;border-radius:16px;
  background:linear-gradient(120deg,rgba(255,255,255,.96),rgba(228,241,255,.92));
  border:1px solid rgba(30,111,255,.2);
  box-shadow:0 14px 40px rgba(16,50,100,.07);
}
.dyc-row{display:flex;align-items:flex-start;gap:16px;padding:9px 0;font-size:15.5px;line-height:1.85}
.dyc-row+.dyc-row{border-top:1px dashed rgba(30,111,255,.16)}
.dyc-k{
  flex:0 0 52px;font-size:13px;font-weight:800;letter-spacing:.14em;color:#1E6FFF;
  padding:4px 0;text-align:center;
}
.dyc-row span{flex:1;color:#0A1E3C;font-weight:600;letter-spacing:.05em}
.dyc-ke .dyc-k{color:#C08A2E}
.dyc-note{margin-top:12px;padding-top:12px;border-top:1px solid rgba(30,111,255,.14);
  font-size:13.5px;color:#5B7796;line-height:1.9}

/* 五音条目 */
.dy-list{display:flex;flex-direction:column;gap:18px;margin-bottom:40px}
.dy-item{
  display:flex;gap:24px;padding:26px 28px;border-radius:18px;
  background:linear-gradient(140deg,rgba(255,255,255,.97),rgba(232,243,255,.92));
  border:1px solid rgba(30,111,255,.18);
  box-shadow:0 12px 34px rgba(16,50,100,.06);
  transition:.45s var(--ease);
}
.dy-item:hover{transform:translateY(-3px);box-shadow:0 20px 46px rgba(16,50,100,.1)}
.dy-badge{
  flex:0 0 92px;height:92px;border-radius:20px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:3px;color:#fff;position:relative;overflow:hidden;
}
.dy-badge::after{
  content:"";position:absolute;inset:0;border-radius:20px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);
}
.dy-badge b{font-size:44px;font-weight:800;line-height:1;font-family:"STKaiti","KaiTi",serif}
.dy-badge small{font-size:13px;letter-spacing:.16em;opacity:.92}
.dy-jiao{background:linear-gradient(145deg,#4FBF7E,#2E8B57)}
.dy-zhi {background:linear-gradient(145deg,#F0705A,#C0392B)}
.dy-gong{background:linear-gradient(145deg,#D9A94E,#A8763A)}
.dy-shang{background:linear-gradient(145deg,#6FB3E0,#2A5C8A)}
.dy-yu  {background:linear-gradient(145deg,#7C8FE8,#3A4A9E)}

.dy-main{flex:1 1 auto;min-width:0}
.dy-title{font-size:21px;font-weight:800;color:#0A1E3C;letter-spacing:.02em;margin-bottom:8px}
.dy-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.dy-meta span{
  font-size:12px;color:#1E6FFF;background:rgba(30,111,255,.08);
  border:1px solid rgba(30,111,255,.18);border-radius:999px;padding:3px 12px;letter-spacing:.04em;
}
.dy-desc{font-size:14.5px;color:#3E5C80;line-height:1.95;margin-bottom:14px}
.dy-audio{width:100%;max-width:460px;height:38px;display:block}
.dy-tip{margin-top:8px;font-size:12.5px;color:#8FA6C0;letter-spacing:.02em}

/* 脏腑全表 */
.dy-table{margin-bottom:40px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.dy-table table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:660px;
  background:rgba(255,255,255,.9);border-radius:14px;overflow:hidden;
  box-shadow:0 12px 34px rgba(16,50,100,.07);border:1px solid rgba(30,111,255,.16)}
.dy-table th,.dy-table td{padding:13px 12px;text-align:center;border-bottom:1px solid rgba(30,111,255,.1)}
.dy-table thead th{background:linear-gradient(140deg,#E8F2FF,#D9E9FF);color:#0A1E3C;font-weight:800;letter-spacing:.06em;font-size:13.5px}
.dy-table tbody th{background:rgba(30,111,255,.05);color:#1E6FFF;font-weight:800;font-size:16px;
  font-family:"STKaiti","KaiTi",serif}
.dy-table tbody tr:last-child th,.dy-table tbody tr:last-child td{border-bottom:none}

/* 正太少三调 */
.dy-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:40px}
.dym{
  padding:22px 24px;border-radius:16px;background:rgba(255,255,255,.95);
  border:1px solid rgba(30,111,255,.18);border-left:5px solid #1E6FFF;
  box-shadow:0 10px 28px rgba(16,50,100,.05);
}
.dym b{display:block;font-size:19px;color:#0A1E3C;font-weight:800;letter-spacing:.06em;margin-bottom:3px}
.dym span{display:block;font-size:13px;color:#1E6FFF;letter-spacing:.1em;margin-bottom:11px}
.dym p{font-size:14px;color:#3E5C80;line-height:1.9}
.dm-tai{border-left-color:#C0392B}
.dm-tai b{color:#C0392B}
.dm-tai span{color:#C0392B}
.dm-shao{border-left-color:#2E8B57}
.dm-shao b{color:#2E8B57}
.dm-shao span{color:#2E8B57}

/* 选音三法 */
.dy-ways{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-bottom:40px}
.dyw{
  padding:20px 22px;border-radius:14px;
  background:linear-gradient(140deg,rgba(0,194,214,.07),rgba(30,111,255,.05));
  border:1px dashed rgba(30,111,255,.28);
}
.dyw b{display:block;font-size:16.5px;color:#0A1E3C;font-weight:800;margin-bottom:8px;letter-spacing:.02em}
.dyw p{font-size:14px;color:#3E5C80;line-height:1.9}

/* 听音场景 */
.dy-scenes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-bottom:36px}
.dys{
  display:flex;gap:16px;padding:20px 22px;border-radius:14px;
  background:rgba(255,255,255,.95);border:1px solid rgba(30,111,255,.16);
}
.dys-y{
  flex:0 0 44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  font-size:24px;font-weight:800;color:#fff;font-family:"STKaiti","KaiTi",serif;
  background:linear-gradient(145deg,#6FB3E0,#1E6FFF);
}
.dys:nth-child(1) .dys-y{background:linear-gradient(145deg,#4FBF7E,#2E8B57)}
.dys:nth-child(2) .dys-y{background:linear-gradient(145deg,#F0705A,#C0392B)}
.dys:nth-child(3) .dys-y{background:linear-gradient(145deg,#D9A94E,#A8763A)}
.dys:nth-child(4) .dys-y{background:linear-gradient(145deg,#6FB3E0,#2A5C8A)}
.dys:nth-child(5) .dys-y{background:linear-gradient(145deg,#7C8FE8,#3A4A9E)}
.dys-b{flex:1 1 auto;min-width:0}
.dys-b b{display:block;font-size:16px;color:#0A1E3C;font-weight:800;margin-bottom:8px}
.dys-b ul{margin:0;padding-left:18px}
.dys-b li{font-size:13.5px;color:#3E5C80;line-height:1.85;margin-bottom:3px}

/* ── 响应式 ── */
@media(max-width:1080px){
  .dt-sections.has-fig{grid-template-columns:1fr}
  .dc-grid,.dm-grid,.dt-jobs{grid-template-columns:1fr}
}
@media(max-width:640px){
  .dt-main{padding:104px 0 40px}
  .dt-hook,.dt-creed,.dt-mission{padding:28px 22px}
  .dt-sec,.dj-item,.dcp-item{padding:24px 20px}
  .dy-item{flex-direction:column;gap:16px;padding:22px 20px}
  .dy-badge{flex:0 0 auto;width:92px;height:92px}
  .dy-chain{padding:20px 18px}
  .dyc-row{flex-direction:column;gap:4px}
  .dyc-k{flex:none;text-align:left}
}