/* 料理介面視覺細緻化：保留原有功能與響應式操作。 */
body{background:#faf8f3}
.topbar{background:rgba(255,253,248,.96);border-bottom-color:#e7e2d7}
.brand-mark{border-radius:14px;box-shadow:0 4px 12px #17483b20}
.hero{background-image:radial-gradient(ellipse at 95% 0%,#58736570,transparent 48%),linear-gradient(125deg,#193e34,#2f5747);box-shadow:0 18px 48px #17332c15}
.hero h1{letter-spacing:-.025em;line-height:1.22}
.hero-copy>p{line-height:1.9}
.hero-photo{border:1px solid #ffffff35;box-shadow:0 18px 40px #10251f30}
.hero-caption{backdrop-filter:blur(14px)}
.hero-buttons .primary{background:#efbc7d;color:#213c32;border-color:#efbc7d;box-shadow:0 5px 16px #10251f20}
.hero-buttons .secondary{background:#ffffff0d;color:#fff9ec;border-color:#ffffff65}
.trust{gap:12px 20px}.trust span{display:inline-flex;align-items:center;gap:8px}.trust span:before{content:'✓';color:#efbc7d}
.section-head h2{letter-spacing:-.025em;line-height:1.4}.section-head{gap:16px}
.level-grid{gap:18px}.level-card{position:relative;border:1px solid #e5e1d5;border-radius:20px;padding:24px;background:#fffdf8;box-shadow:0 4px 16px #17332c05;transition:transform .2s,box-shadow .2s,border-color .2s}
.level-card:hover{border-color:#91a99b;box-shadow:0 12px 28px #17332c12}
.level-icon{width:100%;height:116px;display:block;background-position:left center;background-repeat:no-repeat;background-size:132px 116px;font-size:0;color:transparent;border:0;border-radius:0;background-color:transparent}
.level-card:nth-child(1) .level-icon{background-image:url('../icons/refined-stage-1.svg')}
.level-card:nth-child(2) .level-icon{background-image:url('../icons/refined-stage-2.svg')}
.level-card:nth-child(3) .level-icon{background-image:url('../icons/refined-stage-3.svg')}
.level-card:nth-child(4) .level-icon{background-image:url('../icons/refined-stage-4.svg')}
.level-copy small{font-size:12px;letter-spacing:.06em}.level-copy b{line-height:1.6;font-size:18px}.level-copy em{font-size:13px;margin-top:8px}.level-progress{margin-top:auto;padding-top:18px;border-top:1px solid #eee9df}
.recipe-card,.course-card{border:1px solid #e6e2d8;border-radius:20px;background:#fffdf9;box-shadow:0 5px 18px #17332c06;overflow:hidden}.recipe-card-body{padding:22px}.recipe-card h3{line-height:1.55}.recipe-card p{line-height:1.8}.food-art img{transition:transform .35s}.recipe-card:hover .food-art img{transform:scale(1.025)}
.chip{border-radius:10px}.chip.on{box-shadow:0 3px 10px #17483b18}
button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #c98444;outline-offset:4px}
@media(min-width:901px){.section{padding-top:56px;padding-bottom:56px}}
@media(max-width:900px){.level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.level-grid{gap:12px}.level-card{padding:16px;border-radius:16px;min-width:0}.level-icon{height:90px;background-size:104px 90px}.level-copy b{font-size:16px}.level-copy em{font-size:12px}.recipe-card-body{padding:16px}.section-head{align-items:center;flex-wrap:wrap}.hero-buttons{flex-wrap:wrap}.hero-buttons button{min-height:48px}.mobile-nav{background:#fffdf8;border-top:1px solid #e7e2d7}}
@media(prefers-reduced-motion:reduce){.level-card,.food-art img{transition:none}.recipe-card:hover .food-art img{transform:none}}
.level-grid{background:transparent;border:0}.level-card{display:flex;flex-direction:column;align-items:stretch}.level-copy{width:100%;min-width:0}.level-progress{width:100%}.level-icon{flex:none}.recipe-grid{gap:22px}

.level-grid{background:transparent;border:0}