/* 城市站在地文化层（r25，r26 收敛）：首屏地标天际线、行业/项目卡图标、本地符号怎么借、汇总页小图标
   --cc 城市主色 / --cc-ground 天际线地面色（= 首屏下一屏的底色），由页面内联 style 提供 */

/* 线描图标：墨线 + 错位城市色块 */
.cc-ic{display:block;color:var(--ink);overflow:visible}
.cc-a{fill:var(--cc);opacity:.9}

/* ───── 首屏底部地标天际线 ───── */
.ph.cc-hero{padding-bottom:calc(clamp(48px,6vw,96px) + clamp(58px,9vw,190px))}
.ph.cc-hero .ph-in{position:relative;z-index:1}
.cc-sky{position:absolute;left:0;right:0;bottom:-1px;height:clamp(84px,12.5vw,260px);pointer-events:none;z-index:0;overflow:hidden}
.cc-sky svg{position:absolute;left:50%;bottom:0;height:100%;width:auto;translate:-50% 0;overflow:visible}
.sk-far{fill:var(--cc);opacity:.13}
.sk-gr{fill:var(--cc-ground);stroke:var(--ink);stroke-width:1.6}
.sk-occ{fill:var(--cc-ground)}
.sk-a{fill:var(--cc);opacity:.5}
.sk-l{fill:none;stroke:var(--ink);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sk-l *,.sk-gr,.sk-wv,.sk-cl{vector-effect:non-scaling-stroke}
.sk-l [fill="currentColor"]{fill:var(--ink)}
.sk-wv{fill:none;stroke:var(--cc);stroke-width:1.4;opacity:.55}
.sk-cl{fill:none;stroke:var(--ink);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;opacity:.45;animation:cc-drift 14s ease-in-out infinite alternate}
@keyframes cc-drift{to{translate:26px 0}}

/* ───── 行业 / 项目卡顶部图标 ───── */
.cc-cic{display:block;width:62px;height:62px;margin:-6px 0 8px -6px}
.cc-cic svg{width:100%;height:100%}
.cc-card:hover .cc-cic svg{rotate:-6deg;scale:1.06}
.cc-cic svg{transition:rotate .45s cubic-bezier(.3,1.6,.5,1),scale .45s cubic-bezier(.3,1.6,.5,1)}

/* ───── 汇总页卡片里的小图标 ───── */
.cc-minis{display:flex;gap:4px;margin-top:6px}
.cc-minis .cc-ic{width:34px;height:34px}

/* ───── 本地符号怎么借（行业卡下方，每城 2–3 个）───── */
.cc-borrow{margin-top:clamp(28px,3.4vw,48px);padding-top:clamp(22px,2.6vw,34px);border-top:2px dashed var(--line)}
.cc-borrow-h{font:900 clamp(18px,1.6vw,23px)/1.4 var(--song);margin-bottom:clamp(14px,1.6vw,22px)}
.cc-bl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,24px)}
.cc-bl.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cc-b{display:flex;gap:16px;align-items:flex-start;padding:16px 18px;border-radius:18px;background:color-mix(in srgb,var(--cc) 6%,#fffbe6)}
.cc-b-ic{flex:none;width:56px;height:56px}
.cc-b-ic svg{width:100%;height:100%}
.cc-b-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:4px}
.cc-b-h b{font:900 18px/1.35 var(--song)}
.cc-b-h span{font-size:12.5px;font-weight:800;letter-spacing:.04em;color:color-mix(in srgb,var(--cc) 80%,var(--ink))}
.cc-b-tx>p:last-child{font-size:14.5px;line-height:1.7;color:var(--grey)}

/* ───── r27 城市首页“品牌设计速览”（GEO：可直接引用的回答 + 关键事实）───── */
.cc-ans{max-width:64em;padding:clamp(18px,2vw,28px) clamp(20px,2.4vw,32px);background:var(--paper);border:2px solid var(--ink);border-radius:20px;box-shadow:5px 5px 0 var(--ink);
  font-size:clamp(15.5px,1.2vw,18px);line-height:1.85}
.cc-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,3vw,56px);margin-top:clamp(18px,2.2vw,30px)}
.cc-dl>div{display:grid;grid-template-columns:6em minmax(0,1fr);gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}
.cc-dl dt{font-size:13.5px;font-weight:800;letter-spacing:.04em;color:var(--deep);padding-top:2px}
.cc-dl dd{font-size:15px;line-height:1.7}
.cc-dl dd a{border-bottom:2px solid var(--yellow)}

@media (max-width:1100px){
  .cc-bl,.cc-bl.n2{grid-template-columns:minmax(0,1fr)}
  .cc-dl{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:680px){
  .cc-cic{width:52px;height:52px}
  .cc-b{padding:14px;gap:12px}
  .cc-b-ic{width:46px;height:46px}
  .cc-b-tx>p:last-child{font-size:14px}
  .cc-dl>div{grid-template-columns:4.6em minmax(0,1fr);gap:10px}
  .cc-dl dd{font-size:14.5px}
  .cc-ans{box-shadow:4px 4px 0 var(--ink);border-radius:16px}
  .cc-minis .cc-ic{width:26px;height:26px}
}

/* c3 本地元素标签（并入行业卡） */
.cc-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:12px 0 0;padding-top:10px;border-top:1px dashed var(--line)}
.cc-chips small{font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--grey);margin-right:2px}
.cc-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px 3px 4px;border:1.5px solid var(--line);border-radius:99px;font-size:13px;font-weight:700;line-height:1.3;cursor:help;background:var(--paper)}
.cc-chip svg{width:24px;height:24px}