/* A018 生活提案圖文版（2026-11-15 與 ChatGPT 共同定稿）；所有規則都限定在 .lp-a018 內 */
.lp-a018{--lp-green:#183f35;--lp-dark:#102d26;--lp-gold:#b18b4e;--lp-cream:#faf7f1;--lp-text:#34433c;--lp-muted:#68736d;--lp-line:#e4e3da;color:var(--lp-text);font-family:"PingFang TC","Microsoft JhengHei",sans-serif;font-size:16px;line-height:1.85;overflow-wrap:anywhere;max-width:100%}
.lp-a018,.lp-a018 *{box-sizing:border-box}
.lp-a018 .lp-hero{background:linear-gradient(135deg,#102d26,#245347);color:#fff;border-radius:22px;padding:52px 42px}
.lp-a018 .lp-kicker{color:#d7bb83;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.lp-a018 h2,.lp-a018 h3,.lp-a018 h4{font-family:"Noto Serif TC","Songti TC",serif;line-height:1.45;margin:0}
.lp-a018 h2{font-size:clamp(30px,4vw,48px);margin:18px 0;color:inherit}
.lp-a018 h3{font-size:clamp(25px,3vw,36px);color:var(--lp-green);margin:12px 0 20px}
.lp-a018 h4{font-size:21px;color:var(--lp-green);margin:0 0 8px}
.lp-a018 p{margin:12px 0;line-height:1.9}
.lp-a018 .lp-hero p{color:#e6ebe6;max-width:690px}
.lp-a018 .lp-hero strong{color:#f0d9aa}
.lp-a018 .lp-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}
.lp-a018 .lp-fact{border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:13px}
.lp-a018 .lp-fact strong{display:block;font-size:23px;line-height:1.4}
.lp-a018 .lp-fact span{display:block;color:#d6e0d9;font-size:12px}
.lp-a018 .lp-section{padding:56px 0;border-bottom:1px solid var(--lp-line)}
.lp-a018 .lp-section:last-child{border-bottom:0}
.lp-a018 .lp-lead{max-width:720px;font-size:18px;color:var(--lp-muted)}
.lp-a018 .lp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:center}
.lp-a018 .lp-image{width:100%;display:block;height:auto;border-radius:16px}
.lp-a018 figure{margin:0;min-width:0}
.lp-a018 figcaption{font-size:12px;color:var(--lp-muted);margin-top:9px}
.lp-a018 .lp-panel{background:var(--lp-cream);border:1px solid var(--lp-line);padding:28px;border-radius:16px}
.lp-a018 .lp-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:25px}
.lp-a018 .lp-card{background:#fff;border:1px solid var(--lp-line);border-radius:14px;padding:24px}
.lp-a018 .lp-card p{color:var(--lp-muted);font-size:15px}
.lp-a018 .lp-tag{display:inline-block;border:1px solid #d7c69e;color:#795b2e;border-radius:99px;padding:3px 12px;font-size:12px;margin:0 5px 7px 0}
.lp-a018 .lp-button{display:inline-block;padding:12px 24px;background:var(--lp-green);color:#fff;border-radius:9px;font-weight:700;text-decoration:none;margin-top:18px}
.lp-a018 .lp-hero .lp-button{background:#d7bb83;color:#17382f}
.lp-a018 .lp-button:hover{opacity:.9}
.lp-a018 .lp-note{font-size:13px;color:var(--lp-muted);border-left:3px solid var(--lp-gold);padding-left:14px;margin-top:18px}
.lp-a018 .lp-links a{color:var(--lp-green);text-decoration:underline;text-underline-offset:3px;margin-right:18px}
.lp-a018 .lp-final{text-align:center;background:var(--lp-cream);padding:45px 24px;border-radius:18px}
@media (max-width:700px){
.lp-a018{font-size:16px}
.lp-a018 .lp-hero{padding:32px 22px;border-radius:16px}
.lp-a018 .lp-section{padding:42px 0}
.lp-a018 .lp-grid,.lp-a018 .lp-card-grid{grid-template-columns:1fr}
.lp-a018 .lp-facts{gap:7px}
.lp-a018 .lp-fact{padding:10px 8px}
.lp-a018 .lp-fact strong{font-size:18px}
.lp-a018 .lp-panel,.lp-a018 .lp-card{padding:20px}
}
.lp-a018 .lp-grid>:only-child{grid-column:1/-1}
