/* 小雾 IP 专页 · 2026-11-04 */
.ip-hero{display:flex;gap:28px;align-items:center;padding:28px;border-radius:24px;background:linear-gradient(135deg,rgba(108,180,238,.22),rgba(45,212,191,.12));border:1px solid rgba(168,205,240,.35);backdrop-filter:blur(12px)}
.ip-hero img{width:150px;height:150px;object-fit:contain;flex:none;filter:drop-shadow(0 8px 24px rgba(108,180,238,.35))}
.ip-hero h1{font-size:40px;margin:0 0 8px}
.ip-hero .ip-role{font-size:18px;color:#a8cdf0;margin:0 0 12px}
.ip-hero p{line-height:1.8;margin:0}
.ip-quotes{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0;padding:0;list-style:none}
.ip-quotes li{padding:8px 16px;border-radius:999px;background:rgba(20,50,78,.55);border:1px solid rgba(168,205,240,.3);font-size:14px}
.ip-section{margin-top:44px}
.ip-section h2{font-size:24px;margin:0 0 6px}
.ip-section .ip-sub{color:#a8cdf0;margin:0 0 18px;line-height:1.7}
.ip-sticker-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.ip-sticker-grid figure{margin:0;padding:10px 6px 8px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);text-align:center}
.ip-sticker-grid img{width:100%;height:auto;display:block}
.ip-sticker-grid figcaption{font-size:13px;color:#c9cdd2;margin-top:4px}
.ip-group{margin-top:26px}
.ip-group h3{font-size:17px;margin:0 0 12px;color:#a8cdf0}
.ip-colors{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}
.ip-color{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06)}
.ip-color i{display:block;height:72px}
.ip-color span{display:block;padding:8px 10px;font-size:13px;line-height:1.5}
.ip-color code{color:#a8cdf0;font-size:12px}
.ip-applied{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;align-items:start}
.ip-applied figure{margin:0;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06)}
.ip-applied img{width:100%;height:auto;display:block}
.ip-applied figcaption{padding:10px 14px;font-size:14px;color:#c9cdd2}
.ip-note{padding:18px 22px;border-radius:18px;background:rgba(20,50,78,.55);border:1px solid rgba(168,205,240,.3);line-height:1.8}
/* 微信表情上架卡（方案 C · 2026-11-05）：hero 胶囊入口 + 表情包后的宣发卡 */
.ip-wx-pill{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:10px 18px;border-radius:999px;background:linear-gradient(135deg,rgba(108,180,238,.28),rgba(45,212,191,.18));border:1px solid rgba(168,205,240,.45);color:#f4faff;text-decoration:none;font-size:15px;font-weight:600}
#wechat{scroll-margin-top:84px}
.ip-wx-card{padding:22px;border-radius:22px;background:linear-gradient(135deg,rgba(108,180,238,.16),rgba(45,212,191,.08));border:1px solid rgba(168,205,240,.35)}
.ip-wx-previews{display:flex;gap:10px;margin-bottom:18px}
.ip-wx-previews img{width:64px;height:70px;object-fit:contain;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);padding:4px}
.ip-wx-main{display:flex;gap:24px;align-items:center}
.ip-wx-info{flex:1}
.ip-wx-badge{display:inline-block;padding:4px 12px;border-radius:999px;background:#2dd4bf;color:#0a1826;font-size:13px;font-weight:700}
.ip-wx-info h3{font-size:26px;margin:12px 0 8px}
.ip-wx-info p{line-height:1.8;margin:0 0 16px}
.ip-wx-btn{display:inline-block;padding:12px 22px;border-radius:999px;background:#6cb4ee;color:#0a1826;font-weight:700;text-decoration:none}
.ip-wx-qr{margin:0;text-align:center;flex:none}
.ip-wx-qr img{width:168px;height:168px;border-radius:16px;background:#fff;padding:6px}
.ip-wx-qr figcaption{font-size:13px;color:#c9cdd2;margin-top:8px}
.ip-wx-next{margin:18px 0 0;font-size:13px;color:#a8cdf0}

/* 角色基准四视图（2026-11-06）：白底设定图卡，配深色注脚 */
.ip-bible{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ip-bible figure{margin:0;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#f4faff}
.ip-bible img{width:100%;height:auto;display:block}
.ip-bible figcaption{padding:10px 14px;font-size:14px;color:#14324e}
.ip-section .ip-note{margin:18px 0 0}
@media(max-width:980px){.ip-sticker-grid{grid-template-columns:repeat(3,1fr)}.ip-colors{grid-template-columns:repeat(4,1fr)}.ip-hero{flex-direction:column;text-align:center}.ip-hero h1{font-size:32px}.ip-quotes{justify-content:center}}
@media(max-width:620px){.ip-sticker-grid{grid-template-columns:repeat(2,1fr)}.ip-colors{grid-template-columns:repeat(2,1fr)}.ip-applied{grid-template-columns:1fr}.ip-bible{grid-template-columns:repeat(2,1fr)}.ip-hero img{width:120px;height:120px}.ip-wx-main{flex-direction:column;align-items:flex-start}.ip-wx-qr{align-self:center}.ip-wx-previews{flex-wrap:wrap}.ip-wx-card{padding:18px}}