.detail-hero{background:linear-gradient(135deg,#0a1e42,#123a7a 60%,#0d5eff);color:#fff;padding:44px 24px 40px}
.detail-hero .wrap{padding:0}
.detail-hero h1{font-size:clamp(24px,4vw,36px);font-weight:800;letter-spacing:-.6px;margin-bottom:8px}
.detail-hero .sub{opacity:.9;font-size:15px}
.chip{display:inline-block;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);color:#fff;font-size:12px;font-weight:700;padding:4px 11px;border-radius:20px;margin:6px 6px 0 0}
.card2{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px;margin:20px 0}
.card2 h2{font-size:19px;margin-bottom:14px}
.kv{display:grid;grid-template-columns:150px 1fr;gap:10px 16px;font-size:14.5px}
.kv dt{color:var(--mut);font-weight:700;font-size:12.5px;text-transform:uppercase;letter-spacing:.4px;padding-top:2px}
.kv dd{color:var(--ink);word-break:break-word}
.kv dd a{color:var(--acc);text-decoration:none;font-weight:600}
.kv dd a:hover{text-decoration:underline}
.cta{background:linear-gradient(135deg,#eaf1ff,#f4f8ff);border:1px solid #cdddff;border-radius:14px;padding:22px;margin:20px 0}
.cta h2{font-size:18px;margin-bottom:6px;color:var(--acc2)}
.cta p{font-size:14px;color:var(--mut);margin-bottom:14px}
.cta a.btn{display:inline-block;background:var(--acc);color:#fff;text-decoration:none;font-weight:700;padding:12px 24px;border-radius:10px;font-size:15px}
.cta a.btn:hover{background:var(--acc2)}
.relgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.relcard{background:var(--card);border:1px solid var(--line);border-radius:11px;padding:14px;text-decoration:none;color:var(--ink);display:block;transition:.15s}
.relcard:hover{border-color:var(--acc);box-shadow:0 4px 14px rgba(13,94,255,.10)}
.relcard b{font-size:14.5px;display:block;margin-bottom:4px}
.relcard span{font-size:12.5px;color:var(--mut)}
.notice{font-size:12.5px;color:var(--mut);background:var(--bg);border-left:3px solid var(--acc);padding:10px 14px;border-radius:0 8px 8px 0;margin-top:16px}