:root{color-scheme:light;--bg: #f8fafc;--surface: #ffffff;--text: #0f172a;--muted: #64748b;--border: #e2e8f0;--accent: #2563eb;--accent-soft: #eff6ff;--radius: 12px;--shadow: 0 1px 3px rgba(15, 23, 42, .06);--shadow-md: 0 8px 24px rgba(15, 23, 42, .08);font-family:Segoe UI,PingFang TC,Microsoft JhengHei,system-ui,sans-serif;line-height:1.65;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.container{width:min(100%,960px);margin:0 auto;padding:0 1.25rem}.container--narrow{width:min(100%,720px)}.site-header{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.site-header__inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem 1rem;padding:.85rem 0}.header-hint{justify-self:center;max-width:22rem;padding:.35rem .75rem;border-radius:999px;background:#fff7ed;border:1px solid #fed7aa;font-size:.8125rem;line-height:1.35;color:#64748b;text-align:center;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s,border-color .15s}.header-hint:hover{background:#ffedd5;border-color:#fdba74;text-decoration:none}.header-hint strong{color:#c2410c;font-weight:700}.header-hint__short{display:none}@media(max-width:720px){.header-hint__long{display:none}.header-hint__short{display:inline}.header-hint{max-width:none;font-size:.75rem;padding:.3rem .55rem}}@media(max-width:400px){.header-hint{display:none}.site-header__inner{grid-template-columns:auto auto;justify-content:space-between}}.brand{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.05rem;color:var(--text);text-decoration:none}.brand:hover{text-decoration:none;color:var(--accent)}.brand img{width:28px;height:28px}.nav{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.nav__link,.nav__cta{text-decoration:none;white-space:nowrap;transition:color .15s,background .15s,box-shadow .15s,transform .15s}.nav__link{color:var(--text);font-size:.875rem;font-weight:500;padding:.45rem .7rem;border-radius:8px}.nav__link:hover{color:var(--accent);background:var(--accent-soft);text-decoration:none}.nav__cta{color:#fff;font-size:.8125rem;font-weight:700;letter-spacing:.02em;padding:.5rem .9rem;border-radius:999px;background:linear-gradient(135deg,#ff2d20,#ff6b00 55%,#ffb800);box-shadow:0 2px 12px #ff2d2073}.nav__cta:hover{color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 16px #ff2d208c}@media(max-width:480px){.nav{gap:.35rem}.nav__link{font-size:.8125rem;padding:.4rem .5rem}.nav__cta{font-size:.75rem;padding:.45rem .7rem}}.hero{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:1.25rem;align-items:center;padding:2rem 0 2.25rem}.hero h1{font-size:clamp(1.6rem,4vw,2rem);line-height:1.25;margin:0 0 .75rem;font-weight:700}.kicker{color:var(--accent);font-size:.76rem;font-weight:700;letter-spacing:.08em;margin:0 0 .65rem;text-transform:uppercase}.hero .lead{color:var(--muted);font-size:1rem;margin:0;max-width:36rem}.hero-slider{position:relative;min-height:320px;overflow:hidden;border-radius:20px;background:#dbeafe;box-shadow:var(--shadow-md)}.hero-slide{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:.45rem;padding:1.5rem;color:#fff;background-size:cover;background-position:center;opacity:0;text-decoration:none;transform:scale(1.02);animation:hero-fade calc(var(--count) * 5s) infinite;animation-delay:calc(var(--i) * 5s)}.hero-slide:hover{text-decoration:none}.hero-slide__tag{align-self:flex-start;border-radius:999px;background:#fff3;color:#fff;font-size:.72rem;font-weight:600;padding:.25rem .6rem}.hero-slide strong{max-width:30rem;font-size:clamp(1.35rem,3vw,1.9rem);line-height:1.25}.hero-slide span:last-child{max-width:32rem;color:#ffffffdb;font-size:.92rem}.hero-dots{position:absolute;right:1rem;bottom:1rem;display:flex;gap:.42rem;z-index:2}.hero-dots span{width:.46rem;height:.46rem;border-radius:999px;background:#ffffffa6}@keyframes hero-fade{0%{opacity:0;transform:scale(1.02)}4%,30%{opacity:1;transform:scale(1)}34%,to{opacity:0;transform:scale(1.02)}}@media(max-width:760px){.hero{grid-template-columns:1fr}.hero-slider{min-height:260px}}.section-title{font-size:1.1rem;font-weight:600;margin:0 0 1rem}.article-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:2.5rem}@media(min-width:640px){.article-grid{gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}}.card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--shadow);transition:box-shadow .2s,border-color .2s}.card:hover{text-decoration:none;border-color:#cbd5e1;box-shadow:var(--shadow-md)}.card__img{aspect-ratio:16 / 9;object-fit:cover;width:100%;background:var(--accent-soft)}.card__body{padding:1rem 1.1rem 1.15rem;flex:1;display:flex;flex-direction:column}.card__tag{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--accent);margin-bottom:.35rem}.card__title{font-size:1rem;font-weight:600;line-height:1.35;margin:0 0 .5rem}.card__desc{font-size:.85rem;color:var(--muted);margin:0;flex:1}.card__date{font-size:.75rem;color:var(--muted);margin-top:.75rem}.grid-promo{display:flex;flex-direction:column;justify-content:center;gap:.55rem;min-height:100%;padding:1rem 1.05rem;background:linear-gradient(160deg,#fff7ed,#fff 55%);border:1px dashed #fdba74;border-radius:var(--radius);box-shadow:var(--shadow)}.grid-promo__eyebrow{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#c2410c}.grid-promo__text{margin:0;font-size:.8125rem;line-height:1.45;color:#475569}.grid-promo__text strong{color:#9a3412;font-weight:600}.grid-promo__shop{align-self:flex-start;padding:.45rem .85rem;border-radius:999px;font-size:.8125rem;font-weight:700;color:#fff!important;text-decoration:none!important;background:linear-gradient(135deg,#ea580c,#f97316);box-shadow:0 2px 8px #ea580c59}.grid-promo__shop:hover{filter:brightness(1.05);text-decoration:none!important}.grid-promo__line{font-size:.75rem;color:#64748b;text-decoration:none}.grid-promo__line:hover{color:#06c755;text-decoration:underline}@media(max-width:639px){.card__body{padding:.65rem .7rem .75rem}.card__title{font-size:.875rem;margin-bottom:.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__desc{font-size:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__date{margin-top:.4rem;font-size:.7rem}}.article-header{padding:1.5rem 0 .5rem}.article-header h1{font-size:clamp(1.35rem,3.5vw,1.75rem);line-height:1.3;margin:.25rem 0 .5rem}.badge{display:inline-block;font-size:.7rem;font-weight:600;color:var(--accent);background:var(--accent-soft);padding:.2rem .55rem;border-radius:999px}.meta{font-size:.8rem;color:var(--muted)}.article-hero{margin:1.25rem 0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:var(--surface)}.article-hero img{display:block;width:100%;max-height:320px;object-fit:contain;margin:0 auto;padding:.5rem}.prose{font-size:.95rem;color:#334155}.prose p{margin:0 0 1rem}.prose h2{font-size:1.15rem;color:var(--text);margin:2rem 0 .75rem;font-weight:600}.prose h3{font-size:1rem;color:var(--text);margin:1.25rem 0 .5rem}.prose ul,.prose ol{margin:0 0 1rem;padding-left:1.35rem}.prose li{margin-bottom:.4rem}.prose .flavor-name{font-weight:600;color:var(--text)}.disclaimer{font-size:.8rem;color:var(--muted);background:#f1f5f9;border-left:3px solid var(--accent);padding:.75rem 1rem;border-radius:0 var(--radius) var(--radius) 0;margin:1.5rem 0}.article-aside{margin:2rem 0 1.5rem;padding:1.15rem 1.2rem;background:#f8fafc;border:1px solid var(--border);border-left:3px solid #fdba74;border-radius:var(--radius)}.article-aside__lead,.article-aside__line{margin:0 0 .65rem;font-size:.875rem;line-height:1.55;color:#475569}.article-aside__line a{font-weight:600;color:#15803d}.article-aside__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.85rem}.btn{display:inline-block;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:8px;text-decoration:none!important}.btn--shop{background:var(--accent);color:#fff!important}.btn--shop:hover{background:#1d4ed8}.btn--line{background:#fff;color:#166534!important;border:1px solid #86efac}.btn--line:hover{background:#f0fdf4}.back-link{display:inline-block;margin:1.5rem 0 2rem;font-size:.875rem}.site-footer{margin-top:auto;padding:2rem 0;border-top:1px solid var(--border);font-size:.8rem;color:var(--muted);background:var(--surface)}.faq dt{font-weight:600;color:var(--text);margin-top:1rem;font-size:.9rem}.faq dd{margin:.35rem 0 0;color:#475569}.breadcrumb{padding:.75rem 0 .25rem;font-size:.8rem}.breadcrumb ol{display:flex;flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;color:var(--muted)}.breadcrumb li:not(:last-child):after{content:"›";margin-left:.35rem;color:#94a3b8}.breadcrumb a{color:var(--muted);text-decoration:none}.breadcrumb a:hover{color:var(--accent)}.breadcrumb [aria-current=page] a{color:var(--text);font-weight:500}.related{margin:2.5rem 0 1rem;padding-top:1.5rem;border-top:1px solid var(--border)}.related h2{font-size:1.1rem;margin:0 0 1rem}.related__list{margin:0;padding:0;list-style:none;display:grid;gap:.75rem}.related__card{display:grid;grid-template-columns:120px 1fr;gap:.85rem;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-decoration:none;color:inherit;transition:border-color .2s,box-shadow .2s}.related__card:hover{border-color:#cbd5e1;box-shadow:var(--shadow);text-decoration:none}.related__card img{width:120px;height:72px;object-fit:cover;border-radius:8px}.related__tag{display:inline-block;font-size:.68rem;font-weight:600;color:var(--accent);margin-bottom:.25rem}.related__card strong{display:block;font-size:.92rem;line-height:1.35;margin-bottom:.25rem}.related__card p{margin:0;font-size:.8rem;color:var(--muted);line-height:1.45}@media(max-width:520px){.related__card{grid-template-columns:1fr}.related__card img{width:100%;height:auto;aspect-ratio:16 / 9}}.floating-line-widget{position:fixed;right:32px;bottom:32px;z-index:50;display:grid;width:48px;height:48px;place-items:center;border-radius:999px;background:#06c755;color:#fff;box-shadow:0 10px 24px #0f172a38;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease;user-select:none}.floating-line-widget:hover{transform:scale(1.05);box-shadow:0 14px 28px #0f172a42;text-decoration:none}.floating-line-widget__label{color:#fff;font-size:11px;font-weight:800;letter-spacing:.06em}.floating-line-widget__badge{position:absolute;top:-2px;right:-2px;display:flex;min-width:18px;height:18px;align-items:center;justify-content:center;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;line-height:1}@media(max-width:640px){.floating-line-widget{right:20px;bottom:20px}}