/* ============ 视图三：国别深潜 ============ */

/* ——— 顶部十国 chips ——— */
.cy-chips{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 18px;}
.cy-chip{
  font-family:var(--serif);font-size:13px;letter-spacing:.04em;
  display:inline-flex;align-items:center;gap:7px;
  padding:6px 13px;cursor:pointer;color:var(--ink-soft);
  background:rgba(255,252,242,.7);border:1px solid var(--line);border-radius:99px;
  transition:all .18s;
}
.cy-chip:hover{border-color:var(--vermilion);color:var(--ink);}
.cy-chip.on{background:var(--vermilion);color:#f6efe0;border-color:var(--vermilion);font-weight:700;}
.cy-chip .cy-dot{width:9px;height:9px;border-radius:2px;transform:rotate(45deg);flex:none;}
.cy-chip.on .cy-dot{box-shadow:0 0 0 1px rgba(246,239,224,.7);}
.cy-chip .cy-done{font-style:normal;font-size:11px;color:var(--gold);margin-left:1px;}
.cy-chip.on .cy-done{color:#f6efe0;}

/* ——— 头卡：左文 / 右「此刻指示」双栏 ——— */
.cy-head{
  display:grid;grid-template-columns:1fr 290px;gap:20px;
  background:rgba(255,252,242,.78);border:1px solid var(--line);
  border-left:5px solid var(--cy-color,var(--vermilion));border-radius:12px;
  padding:22px 24px;margin:0 0 20px;
  animation:fadeUp .4s ease both;
}
.cy-zh{font-size:clamp(30px,4vw,42px);font-weight:900;letter-spacing:.1em;line-height:1.1;color:var(--ink);}
.cy-tag{margin-top:8px;font-size:15px;color:var(--cy-color,var(--vermilion));font-weight:700;letter-spacing:.04em;line-height:1.5;}
.cy-intro{margin-top:12px;font-size:14px;line-height:1.85;color:var(--ink-soft);text-align:justify;}
.cy-head-acts{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap;}

/* 此刻指示 */
.cy-now{
  background:rgba(244,237,222,.6);border:1px solid var(--line);border-radius:10px;
  padding:14px 16px;align-self:start;
}
.cy-now-h{
  font-size:12px;letter-spacing:.25em;color:var(--vermilion);font-weight:700;
  padding-bottom:7px;border-bottom:1px solid var(--line);margin-bottom:10px;
  display:flex;align-items:center;gap:7px;
}
.cy-now-h::before{content:'⌖';font-size:13px;}
.cy-now-line{font-size:13.5px;line-height:1.7;color:var(--ink-soft);}
.cy-now-line b{color:var(--ink);font-family:Georgia,var(--serif);}
.cy-now-seg{
  display:inline-block;margin-top:8px;font-family:var(--serif);font-size:15px;font-weight:700;
  color:var(--vermilion);background:rgba(169,50,38,.07);
  border:1px solid rgba(169,50,38,.35);border-radius:8px;padding:6px 14px;cursor:pointer;
  letter-spacing:.04em;transition:all .18s;
}
.cy-now-seg:hover{background:var(--vermilion);color:#f6efe0;}
.cy-now-cal{margin-top:9px;font-size:11.5px;color:var(--ink-faint);line-height:1.6;letter-spacing:.02em;}
.cy-now-miss{font-size:13px;color:var(--ink-soft);line-height:1.7;}

/* ——— 段落手风琴 ——— */
.cy-segs{display:flex;flex-direction:column;gap:9px;}
.cy-seg{
  background:rgba(255,252,242,.6);border:1px solid var(--line);border-radius:10px;
  overflow:hidden;transition:border-color .2s,box-shadow .2s;
}
.cy-seg.at-anchor{border-color:var(--vermilion);box-shadow:0 0 0 1px rgba(169,50,38,.18);}
.cy-seg-head{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  padding:13px 16px;cursor:pointer;user-select:none;transition:background .18s;
}
.cy-seg-head:hover{background:rgba(169,50,38,.04);}
.cy-badge{
  flex:none;font-family:Georgia,var(--serif);font-size:12.5px;font-weight:700;letter-spacing:.02em;
  color:var(--vermilion);background:rgba(169,50,38,.08);
  border:1px solid rgba(169,50,38,.25);border-radius:6px;padding:3px 9px;cursor:pointer;
  transition:all .16s;
}
.cy-badge:hover{background:var(--vermilion);color:#f6efe0;}
.cy-seg-name{font-size:16px;font-weight:700;letter-spacing:.05em;color:var(--ink);}
.cy-paral{
  flex:none;font-size:11px;letter-spacing:.04em;color:var(--c-cn);
  background:rgba(169,50,38,.06);border:1px solid rgba(169,50,38,.2);
  border-radius:5px;padding:2px 8px;
}
.cy-seg-cn{
  flex:1 1 auto;min-width:0;font-size:12px;color:var(--ink-faint);letter-spacing:.02em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right;
}
.cy-seg-arrow{flex:none;color:var(--ink-faint);font-size:13px;transition:transform .25s;margin-left:auto;}
.cy-seg.open .cy-seg-arrow{transform:rotate(90deg);color:var(--vermilion);}
.cy-seg.open{background:rgba(255,252,242,.92);}

.cy-seg-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease;}
.cy-seg.open .cy-seg-body{grid-template-rows:1fr;}
.cy-seg-inner{overflow:hidden;}
.cy-seg.open .cy-seg-inner{padding:2px 18px 18px;}

.cy-d{font-size:14px;line-height:1.9;color:var(--ink);text-align:justify;margin-bottom:6px;}
.cy-block{margin-top:14px;}
.cy-block h4{
  font-size:12px;letter-spacing:.22em;color:var(--vermilion);font-weight:700;
  padding-bottom:5px;border-bottom:1px solid var(--line);margin-bottom:8px;
  display:flex;align-items:center;gap:7px;
}
.cy-block h4::before{content:'';width:4px;height:13px;background:var(--vermilion);border-radius:1px;}

/* 「此时中国」对照框 */
.cy-cn{
  margin-top:14px;padding:11px 14px;font-size:13.5px;line-height:1.8;color:var(--ink-soft);
  background:rgba(169,50,38,.05);border-left:4px solid var(--c-cn);border-radius:0 8px 8px 0;
}

.cy-seg-foot{
  margin-top:16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding-top:12px;border-top:1px dashed var(--line);
}
.cy-calhint{font-size:11.5px;color:var(--ink-faint);letter-spacing:.02em;}

/* ——— 占位 / 空态 ——— */
.cy-placeholder,.cy-empty{
  background:rgba(255,252,242,.6);border:1px dashed var(--line);border-radius:12px;
  padding:40px 22px;text-align:center;color:var(--ink-faint);font-size:14px;letter-spacing:.06em;
}
.cy-empty{padding:24px;}

/* ——— 移动端：单栏 ——— */
@media (max-width:880px){
  .cy-head{grid-template-columns:1fr;padding:18px 16px;gap:16px;}
  .cy-now{order:2;}
  .cy-seg-cn{flex-basis:100%;text-align:left;order:5;}
  .cy-seg-head{gap:8px;}
}