:root{--bg:#f8eeea;--bg-deep:#f0e0da;--ink:#4a3a2c;--ink-soft:#8a7663;--panel:#fffcf5db;--line:#78604624;--sage:#e391a6;--sage-deep:#d67a93;--active:#f8e4e8;--font:"Zen Maru Gothic", "PingFang TC", "Noto Sans TC", sans-serif;--latin:"Montserrat", var(--font)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(120% 90% at 70% 0%, var(--bg) 0%, var(--bg-deep) 100%) fixed;min-height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;line-height:1.8}p{margin:0}a{color:var(--sage-deep)}a:focus-visible,summary:focus-visible{outline:2px solid var(--sage);outline-offset:2px;border-radius:6px}.eyebrow{font-family:var(--latin);letter-spacing:.22em;color:var(--ink-soft);font-size:10px;font-weight:600}.back{top:max(16px, env(safe-area-inset-top));z-index:1;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink);border-radius:999px;padding:6px 14px;font-size:13px;text-decoration:none;position:fixed;left:16px;box-shadow:0 6px 18px #6e563a1a}.back:hover{background:var(--active)}.page{max-width:720px;padding:72px 16px max(48px, env(safe-area-inset-bottom));margin:0 auto}.intro{text-align:center;justify-items:center;gap:8px;display:grid}.intro-sheep{aspect-ratio:1;width:min(240px,60vw);margin-bottom:-8px;position:relative}.snack-clip{position:absolute;inset:0;overflow:hidden}.snack-clip img{width:2400%;height:100%;animation:2.4s steps(24,end) infinite snack;display:block}.snack-heart{fill:#f5a3b7;opacity:0;width:9%;animation:2.4s ease-out infinite snack-heart;position:absolute;top:10%;left:72%}@keyframes snack{to{transform:translate(-100%)}}@keyframes snack-heart{0%,40%{opacity:0;transform:translateY(0)scale(.4)}50%{opacity:1;transform:translateY(-20%)scale(1)}80%,to{opacity:0;transform:translateY(-160%)scale(1.1)}}.intro h1{letter-spacing:.06em;margin:8px 0 4px;font-size:clamp(24px,5vw,32px)}.lead{color:var(--ink-soft);font-size:14px}.toc{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.toc a{background:var(--active);color:var(--ink);border-radius:999px;padding:6px 14px;font-size:13px;text-decoration:none}.toc a:hover{background:#f3d3db}.ic{stroke:#4a3a2c;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px;overflow:visible}.toc a{align-items:center;gap:6px;display:inline-flex}.block h2{align-items:center;gap:8px;display:flex}.block h2 .ic{width:1.2em;height:1.2em;transform:rotate(-8deg)}.block{background:var(--panel);border:1px solid var(--line);border-radius:22px;margin-top:32px;padding:28px clamp(20px,5vw,36px);scroll-margin-top:64px;box-shadow:0 10px 30px #6e563a14}.block h2{letter-spacing:.05em;margin:6px 0 16px;font-size:22px}.block h3{margin:28px 0 12px;font-size:16px}.block>p+p{margin-top:12px}.block>p{font-size:15px}.film{margin:24px 0 0}.film video{aspect-ratio:16/9;background:var(--bg-deep);border-radius:14px;width:100%;height:auto;display:block;box-shadow:0 8px 24px #6e563a1f}.film figcaption{color:var(--ink-soft);margin-top:10px;font-size:12px;line-height:1.7}.film figcaption b{color:var(--ink)}.tips{margin:0;padding-left:1.2em;font-size:14px}.tips li+li{margin-top:6px}.tips li::marker{color:var(--sage)}.steps{counter-reset:step;gap:10px;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;border:1px solid var(--line);background:#fffdf9;border-radius:14px;gap:2px;padding:12px 14px 12px 52px;font-size:14px;display:grid;position:relative}.steps li:before{content:counter(step);background:var(--sage);color:#fff;width:26px;height:26px;font-family:var(--latin);border-radius:50%;place-items:center;font-size:12px;font-weight:600;line-height:1;display:grid;position:absolute;top:12px;left:14px}.steps span{color:var(--ink-soft)}details{border-top:1px solid var(--line)}details:last-of-type{border-bottom:1px solid var(--line)}summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:14px 2px;font-size:15px;font-weight:700;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:after{content:"+";font-family:var(--latin);color:var(--sage-deep);flex:none;font-size:18px;transition:transform .2s}details[open] summary:after{transform:rotate(45deg)}details p{color:var(--ink-soft);padding:0 2px 16px;font-size:14px}.foot{text-align:center;justify-items:center;gap:16px;margin-top:40px;display:grid}.cta{background:var(--sage);color:#fdfbf5;border-radius:14px;padding:12px 24px;font-weight:700;text-decoration:none;transition:background .2s}.cta:hover{background:var(--sage-deep)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}summary:after{transition:none}.snack-clip img,.snack-heart{animation:none}}