/* 暖心料理設計：僅調整呈現，沿用既有操作與圖示。 */
:root{--ink:#354839;--muted:#687365;--green:#3e604a;--cream:#f5efe4;--line:#e5ddce;--orange:#ac603f;--shadow:0 12px 30px #59452b0c}
body{background:#fcfaf5;color:var(--ink)}
.topbar{background:#fcfaf5f5;border-bottom:1px solid #e6decf}
.brand-mark{background:#49634d;box-shadow:0 4px 12px #55452b10;border-radius:15px}
.hero{position:relative;background:radial-gradient(ellipse at 0 0,#eee2cc 0,transparent 62%),linear-gradient(120deg,#f7f1e5,#edf0e5);box-shadow:none;gap:48px;padding-top:48px;padding-bottom:42px}
.hero h1{color:#354b39;font-size:clamp(34px,3.8vw,50px);line-height:1.3;letter-spacing:-.03em;text-wrap:balance}
.hero-copy>.eyebrow{color:#9f573c;letter-spacing:.1em}
.hero-copy>p{color:#616d5d;line-height:1.9}
.hero-copy:after{content:'';display:block;width:208px;height:104px;background:url('../icons/warm-kitchen-20261005.svg') center/contain no-repeat;margin-top:18px;pointer-events:none}
.hero-buttons .primary{background:#49664e;color:#fffdf5;border-color:#49664e;box-shadow:0 6px 14px #49664e18}
.hero-buttons .primary:hover{background:#35503b}
.hero-buttons .secondary{background:#fffcf4;color:#49664e;border-color:#c2c9b7}
.hero .trust,.hero .trust span{color:#616d5d}.trust span:before{color:#a85f40}
.hero-photo{border:6px solid #fffcf3;box-shadow:0 14px 30px #634b2b14;border-radius:26px}
.hero-caption{background:#fffcf2ed;color:#354839;border:1px solid #fff6;box-shadow:0 4px 16px #49392408}
.hero-caption b,.hero-caption small,.hero-caption span{color:#354839}
.progress-card{background:#fffdf6;color:#354839;border:1px solid #e3dbc9;box-shadow:0 12px 26px #59452b12;transform:none}
.progress-toggle,.progress-details h2,.progress-details p,.progress-details small{color:#4c604a}
.progress-card .progress-action{background:#49664e;color:#fffdf5;border-radius:12px}
.proof-strip{background:#fffdf6;border-color:#e7dfce;box-shadow:0 6px 20px #59452b05}
.proof-strip b{color:#49664e}.proof-strip span{color:#6b7564}
.section{padding-top:38px;padding-bottom:38px}.section.warm{background:#f3ede1}
.section-head h2{color:#354839;font-size:clamp(24px,2.7vw,30px)}
.section-head>.text-link{background:#fffdf7;border:1px solid #ded8c9;border-radius:99px;padding:10px 18px}
.level-grid{gap:18px}.level-card{background:#fffdf7;border-color:#e3ddcf;border-radius:22px;box-shadow:0 5px 15px #55472e06;padding:22px}
.level-card:nth-child(2){background:#f6f8ef}.level-card:nth-child(3){background:#fcf3e8}.level-card:nth-child(4){background:#f7f1ec}
.level-icon{filter:saturate(.72)}.level-progress{border-top-color:#e4ddce}
.recipe-card,.course-card{border-color:#e4ddce;border-radius:22px;background:#fffdf7;box-shadow:0 5px 18px #59452b06}
.recipe-card-body{padding:20px 22px}.recipe-card h3{color:#354839}.recipe-meta .pill{background:#edf0e3;color:#49664e}
.course-mini-art,.refined-category-icon{filter:saturate(.78)}
.page-head{background:#f5efe4}.chip{background:#fffdf7;border-color:#ded8c9;border-radius:12px}.chip.on{background:#49664e;color:#fffdf5}
.site-footer{background:#f3ede1;border-top:1px solid #e3dac9;color:#65705e;padding-block:24px}
.mobile-nav{background:#fffdf7fa;border-color:#e3dac9}.mobile-nav button.active{background:#e9eddf;color:#3e604a}
@media(hover:hover){.level-card:hover,.course-card:hover,.recipe-card:hover{box-shadow:0 12px 28px #59452b12;border-color:#b1baa3}}
@media(max-width:599px){.hero{gap:20px;padding:28px 18px}.hero h1{font-size:34px}.hero-copy:after{width:150px;height:75px;margin-top:16px}.hero-showcase{margin-top:0}.hero-photo{height:228px;border-width:4px;border-radius:22px}.progress-card{margin-top:14px}.section{padding-top:28px;padding-bottom:28px}.section-head{gap:12px}.section-head>.text-link{padding:8px 12px;font-size:13px}.level-grid{gap:12px}.level-card{padding:16px;border-radius:18px}.recipe-card-body{padding:18px}.proof-strip{margin-top:0}}
@media print{.hero-copy:after{display:none}}
