/* 2026-10-20 生活指南列表頁 /guides，配合正式站藍色系、站內字型 */
.ic-guides{color:#152532}
.ic-guides a{color:#0566ad}
.ic-guides .ic-guides-hero{background:#123f62;color:#ffffff;border-radius:8px;padding:32px 32px 26px;margin:6px 0 28px}
.ic-guides .ic-guides-kicker{display:block;margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.18em;color:#f2c14e}
.ic-guides .ic-guides-hero h1{margin:0 0 10px;font-size:34px;line-height:1.3;color:#ffffff}
.ic-guides .ic-guides-lead{margin:0 0 16px;max-width:46em;font-size:16px;line-height:1.8;color:#dce8f1}
.ic-guides .ic-guides-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.ic-guides .ic-guides-tags li{display:flex;align-items:center;gap:6px;border:1px solid #4d7698;border-radius:999px;padding:3px 12px;font-size:14px;color:#ffffff}
.ic-guides .ic-guides-tags b{background:#f2c14e;color:#123f62;border-radius:999px;padding:0 7px;font-size:12px}
/* 主題色 */
.ic-guides .ic-tone-storm .ic-guides-cover{background:#e3edf6;color:#0566ad}
.ic-guides .ic-tone-life .ic-guides-cover{background:#e5f1ec;color:#1f6b55}
.ic-guides .ic-tone-care .ic-guides-cover{background:#f7e6e2;color:#b2412a}
.ic-guides .ic-tone-pet .ic-guides-cover{background:#f6ecd9;color:#8a5a12}
.ic-guides .ic-guides-cover{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-decoration:none;border-radius:6px;min-height:150px}
.ic-guides .ic-guides-cover span{font-size:13px;font-weight:700;letter-spacing:.08em}
/* 精選 */
.ic-guides .ic-guides-feature{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px;background:#ffffff;border:1px solid #dce5eb;border-radius:8px;padding:18px;margin:0 0 34px}
.ic-guides .ic-guides-feature .ic-guides-cover{min-height:230px}
.ic-guides .ic-guides-feature .ic-guides-cover svg{width:72px;height:72px}
.ic-guides .ic-guides-feature h2{margin:4px 0 10px;font-size:26px;line-height:1.4}
.ic-guides .ic-guides-feature h2 a,.ic-guides .ic-guides-card h3 a{color:#123f62;text-decoration:none}
.ic-guides .ic-guides-feature h2 a:hover,.ic-guides .ic-guides-card h3 a:hover{color:#0566ad;text-decoration:underline}
.ic-guides .ic-guides-feature .ic-guides-body>p:not(.ic-guides-meta){font-size:16px;line-height:1.8;color:#3d4c57;margin:0 0 16px}
.ic-guides .ic-guides-pill{display:inline-block;background:#f2c14e;color:#123f62;font-weight:700;border-radius:3px;padding:0 7px;margin-right:8px}
.ic-guides .ic-guides-meta{margin:0;font-size:13px;color:#586774}
/* 卡片 */
.ic-guides .ic-guides-sec{margin:0 0 14px;padding-left:12px;border-left:5px solid #f2c14e;font-size:22px;color:#123f62}
.ic-guides .ic-guides-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 34px;padding:0;list-style:none}
.ic-guides .ic-guides-card{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;background:#ffffff;border:1px solid #dce5eb;border-radius:8px;padding:14px;transition:border-color .2s,box-shadow .2s}
.ic-guides .ic-guides-card:hover{border-color:#0566ad;box-shadow:0 6px 18px rgba(18,63,98,.1)}
.ic-guides .ic-guides-card .ic-guides-cover{min-height:120px}
.ic-guides .ic-guides-card h3{margin:2px 0 6px;font-size:18px;line-height:1.45}
.ic-guides .ic-guides-card .ic-guides-body>p:not(.ic-guides-meta){margin:0 0 10px;font-size:14px;line-height:1.7;color:#3d4c57;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ic-guides .ic-guides-body{display:flex;flex-direction:column;min-width:0}
.ic-guides .ic-guides-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.ic-guides .ic-guides-read,.ic-guides .ic-guides-tool{display:inline-block;font-size:14px;font-weight:700;text-decoration:none;border-radius:4px;padding:6px 12px}
.ic-guides .ic-guides-read{background:#123f62;color:#ffffff}
.ic-guides .ic-guides-read:hover{background:#0566ad;color:#ffffff}
.ic-guides .ic-guides-tool{border:1px solid #0566ad;color:#0566ad;background:#ffffff}
.ic-guides .ic-guides-tool:hover{background:#eff5f8}
/* 地方故事＋直接查詢 */
.ic-guides .ic-guides-more{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin:0 0 20px}
.ic-guides .ic-guides-stories{display:flex;flex-direction:column;justify-content:center;gap:6px;background:#0566ad;color:#ffffff;border-radius:8px;padding:22px 24px;text-decoration:none}
.ic-guides .ic-guides-stories strong{font-size:20px;line-height:1.45;color:#ffffff}
.ic-guides .ic-guides-stories em{font-style:normal;font-weight:700;color:#f2c14e}
.ic-guides .ic-guides-stories:hover{background:#123f62}
.ic-guides .ic-guides-tools{background:#eff5f8;border-radius:8px;padding:18px 22px}
.ic-guides .ic-guides-tools h2{margin:0 0 10px;font-size:18px;color:#123f62}
.ic-guides .ic-guides-tools ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.ic-guides .ic-guides-tools a{display:inline-block;background:#ffffff;border:1px solid #dce5eb;border-radius:999px;padding:5px 14px;font-size:14px;text-decoration:none}
.ic-guides .ic-guides-tools a:hover{border-color:#0566ad}
.ic-guides .ic-guides-note{font-size:13px;color:#586774}
.ic-guides a:focus-visible{outline:3px solid #f2c14e;outline-offset:2px}
@media(max-width:900px){
 .ic-guides .ic-guides-grid,.ic-guides .ic-guides-more{grid-template-columns:1fr}
}
@media(max-width:640px){
 .ic-guides .ic-guides-hero{padding:24px 18px 20px}
 .ic-guides .ic-guides-hero h1{font-size:27px}
 .ic-guides .ic-guides-feature{grid-template-columns:1fr;padding:14px}
 .ic-guides .ic-guides-feature .ic-guides-cover{min-height:140px}
 .ic-guides .ic-guides-feature h2{font-size:21px}
 .ic-guides .ic-guides-card{grid-template-columns:76px minmax(0,1fr);gap:12px}
 .ic-guides .ic-guides-card .ic-guides-cover{min-height:76px;height:76px;align-self:start}
 .ic-guides .ic-guides-card .ic-guides-cover svg{width:30px;height:30px}
 .ic-guides .ic-guides-card .ic-guides-cover span{display:none}
}
@media(prefers-reduced-motion:reduce){.ic-guides .ic-guides-card{transition:none}}