/* chain.css — 产业链地图页专属样式（沿用站点米色+金棕体系） */
.chain-entry{display:inline-flex;align-items:center;gap:9px;margin:14px 0 4px;
  background:linear-gradient(135deg,var(--gold),var(--gold-d));color:#fff;font-weight:600;font-size:14.5px;
  padding:11px 20px;border-radius:13px;box-shadow:var(--sh-md);transition:transform .16s,box-shadow .16s,filter .16s}
.chain-entry:hover{transform:translateY(-2px);box-shadow:var(--sh-lg);filter:brightness(1.04)}
.chain-entry .ar{font-size:17px;transition:transform .16s}
.chain-entry:hover .ar{transform:translateX(4px)}

.chain-panel{padding:18px 20px 14px}
.chain-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;
  border-radius:12px;background:linear-gradient(180deg,#fffdf8,#fbf6ec);border:1px solid var(--line-soft);padding:6px}
#chain{width:100%;min-height:560px}
.chain-cap{font-size:12.5px;line-height:1.7;color:var(--muted);margin:12px 2px 0;
  background:var(--card2);border:1px solid var(--line-soft);border-left:3px solid var(--gold);
  border-radius:8px;padding:10px 14px}

.chain-legend{display:flex;gap:10px;flex-wrap:wrap;margin:2px 2px 14px}
.cl{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-soft);
  background:var(--card);border:1px solid var(--line);border-radius:20px;padding:6px 14px;box-shadow:var(--sh-sm)}
.cl .dot{width:11px;height:11px;border-radius:50%}

/* 产业链索引页 */
.chain-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:6px}
.chain-card{display:block;background:linear-gradient(160deg,var(--card) 0%,var(--card2) 100%);
  border:1px solid var(--line);border-radius:16px;padding:18px 20px;box-shadow:var(--sh-md);
  transition:transform .16s,box-shadow .16s,border-color .16s}
.chain-card:hover{transform:translateY(-3px);box-shadow:var(--sh-lg);border-color:var(--gold)}
.chain-card h3{font-family:var(--serif);font-size:19px;margin:0 0 4px;color:var(--ink)}
.chain-card .sub{font-size:13px;color:var(--muted);margin:0 0 10px}
.chain-card .meta{font-size:12.5px;color:var(--ink-soft)}
.chain-card .meta b{color:var(--gold-d)}
.chain-empty{color:var(--muted);font-size:14px;padding:18px 0}

/* 产业链索引页：大分类分组 */
.chain-group{margin-bottom:34px}
.chain-group:last-child{margin-bottom:8px}
.chain-group-title{display:flex;align-items:center;gap:10px;
  font-family:var(--serif);font-size:21px;font-weight:700;color:var(--ink);
  margin:0 0 16px;padding:0 0 10px;border-bottom:2px solid var(--line);position:relative}
.chain-group-title::after{content:"";position:absolute;left:0;bottom:-2px;width:64px;height:2px;background:var(--gold);border-radius:2px}
.cg-dot{width:11px;height:11px;border-radius:50%;background:var(--gold);
  box-shadow:0 0 0 4px rgba(193,145,51,.16);flex:none}
@media (max-width:720px){
  .chain-group{margin-bottom:26px}
  .chain-group-title{font-size:19px;margin-bottom:13px}
}

/* 移动端（手机/小平板竖屏）收紧 */
@media (max-width: 720px) {
  .chain-panel{padding:13px 13px 9px}
  .chain-scroll{padding:4px;border-radius:10px;overflow-x:hidden}
  .chain-scroll #chain{width:100%}
  #chain{min-height:420px}
  .chain-cap{font-size:12px;line-height:1.65;padding:9px 12px;margin-top:10px}
  .chain-legend{gap:8px;margin:2px 0 10px}
  .cl{font-size:12px;padding:5px 11px}
  .cl .dot{width:10px;height:10px}
  .chain-entry{font-size:13.5px;padding:10px 16px;width:100%;justify-content:center;box-sizing:border-box}
}