/* © 2026 yuchengkeke.com — All rights reserved. */
:root{--ink:#2b2721;--paper:#f2ede3;--dim:#6f675c;--line:#d3cbbc;--field:#f8f5ee;--soft:#e8e2d5;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--ink:#e9e2d4;--paper:#26221d;--dim:#a79e8f;--line:#4a433a;--field:#2e2923;--soft:#3a332c;color-scheme:dark}}:root[data-theme="dark"]{--ink:#e9e2d4;--paper:#26221d;--dim:#a79e8f;--line:#4a433a;--field:#2e2923;--soft:#3a332c;color-scheme:dark}*{box-sizing:border-box}html{scroll-padding-top:env(safe-area-inset-top,0px);-webkit-text-size-adjust:100%}body{margin:0;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;color:var(--ink);background:var(--paper);line-height:1.75}main{max-width:720px;margin:0 auto;padding:40px 24px 80px}header{display:flex;align-items:center;gap:16px;padding-bottom:16px;border-bottom:2px solid var(--ink)}header img{width:64px;height:64px;border-radius:14px}header h1{font-size:24px;margin:0;letter-spacing:.06em}header small{display:block;color:var(--dim);font-size:13px;letter-spacing:.12em}nav{margin:14px 0 0;font-size:14px;display:flex;flex-wrap:wrap;gap:4px 16px}nav a{color:var(--ink);padding:4px 0}h2{font-size:18px;margin:36px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--ink)}h3{font-size:16px;margin:22px 0 6px}table{width:100%;border-collapse:collapse;font-size:15px}td,th{padding:8px 6px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{font-weight:500;color:var(--dim);font-size:13px}.note{border-left:3px solid var(--ink);padding:6px 0 6px 14px;color:var(--dim);font-size:14px}code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.95em}footer{margin-top:60px;color:var(--dim);font-size:13px}a{color:var(--ink)}@media (max-width:480px){main{padding:24px 18px 64px}header img{width:52px;height:52px}header h1{font-size:21px}h2{margin-top:30px}}.say{margin-top:18px}.say-field{margin:18px 0}.say-field>label{display:block;font-size:13px;color:var(--dim);letter-spacing:.08em;margin-bottom:6px}.say input[type=text],.say input[type=email]{width:100%;font:inherit;font-size:16px;color:var(--ink);background:var(--field);border:1px solid var(--line);border-radius:0;padding:12px 14px;line-height:1.5;-webkit-appearance:none;appearance:none}.say input:focus,.say textarea:focus{outline:none}.say input:focus,.say-box:focus-within{border-color:var(--ink)}.say-box{border:1px solid var(--line);background:var(--field)}.say-box.over{border-color:var(--ink);border-style:dashed}.say textarea{display:block;width:100%;font:inherit;font-size:16px;color:var(--ink);background:transparent;border:0;border-radius:0;padding:12px 14px;line-height:1.6;resize:vertical;min-height:150px}.say-strip{display:flex;align-items:center;gap:8px;padding:8px 10px;border-top:1px solid var(--line);flex-wrap:wrap}.say-thumbs{display:flex;gap:8px;flex-wrap:wrap}.say-thumb{position:relative;width:64px;height:64px;border:1px solid var(--line);background:var(--soft);overflow:hidden}.say-thumb img{width:100%;height:100%;object-fit:cover;display:block}.say-thumb .rm{position:absolute;top:0;right:0;width:24px;height:24px;background:var(--ink);color:var(--paper);border:0;font-size:15px;line-height:24px;cursor:pointer;padding:0}.say-thumb.busy::after{content:"";position:absolute;inset:0;background:var(--paper);opacity:.6}.say-add{font:inherit;font-size:14px;color:var(--ink);background:transparent;border:1px dashed var(--dim);padding:6px 12px;cursor:pointer;min-height:40px}.say-add:disabled{opacity:.4;cursor:default}.say-strip .say-hint{margin:0 0 0 auto}.say-hint{font-size:13px;color:var(--dim);margin-top:6px}.say-err{font-size:13px;color:#8a3b2a;margin-top:6px;min-height:1em}.say-hp{position:absolute;left:-9999px;top:-9999px}.say-actions{display:flex;align-items:center;gap:16px;margin-top:22px;flex-wrap:wrap}.say-actions .say-hint{margin:0}.say button[type=submit]{font:inherit;font-size:16px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:12px 32px;cursor:pointer;letter-spacing:.1em;min-height:48px}.say button[type=submit]:disabled{opacity:.5;cursor:default}.say-done{margin-top:18px}.cf-turnstile{margin-top:18px}@media (max-width:480px){.say button[type=submit]{width:100%}.say-strip .say-hint{margin-left:0;width:100%}.say-thumb{width:56px;height:56px}}@media (prefers-reduced-motion:no-preference){.say-box,.say input{transition:border-color .15s}}footer details{margin-top:6px}footer summary{cursor:pointer;color:var(--dim);font-size:12px;list-style:none;display:inline}footer summary::-webkit-details-marker{display:none}footer summary::after{content:" ›";opacity:.7}footer details[open] summary::after{content:" ⌄"}footer details p{margin:6px 0 0;font-size:12px;color:var(--dim)}.home{max-width:1080px}.topnav{display:flex;align-items:center;justify-content:space-between;height:60px;border-bottom:1px solid var(--ink);position:sticky;top:env(safe-area-inset-top,0px);background:var(--paper);z-index:5}.brand{display:flex;align-items:center;gap:10px;font-weight:500;letter-spacing:.06em;text-decoration:none}.brand img{width:34px;height:34px;border-radius:8px}.topnav nav{margin:0;gap:0}.topnav nav a{margin-left:18px;text-decoration:none;font-size:14px}.hero{padding:52px 0 20px;text-align:center}.hero h1{font-family:"Noto Serif TC",serif;font-size:clamp(28px,5vw,44px);margin:0 0 10px;letter-spacing:.04em}.hero p{color:var(--dim);margin:0 auto 6px;max-width:620px;font-size:17px}.today{font-size:14px;color:var(--dim);letter-spacing:.1em}.carousel{position:relative;margin:28px 0 0}.track{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;padding:18px 32px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.track::-webkit-scrollbar{display:none}.slide{flex:0 0 auto;width:240px;margin:0;scroll-snap-align:center;cursor:zoom-in;text-align:center}.slide canvas{height:320px;width:auto;max-width:100%;margin:0 auto}@media (max-width:860px){.slide{width:auto}.slide canvas{height:260px}}@media (max-width:480px){.slide canvas{height:220px}.track{gap:18px;padding:14px 20px 10px}}.slide canvas{display:block;border:1px solid var(--line);border-radius:6px;user-select:none;-webkit-user-drag:none;box-shadow:0 10px 28px rgba(0,0,0,.12);transition:transform .2s}.slide:hover canvas{transform:translateY(-4px)}.slide figcaption{font-size:13px;color:var(--dim);margin-top:10px}.arrow{position:absolute;top:42%;width:42px;height:42px;border-radius:50%;border:1px solid var(--ink);background:var(--paper);color:var(--ink);font-size:24px;line-height:1;cursor:pointer;z-index:2;opacity:.85}.arrow:hover{opacity:1}.arrow.prev{left:-6px}.arrow.next{right:-6px}@media (max-width:860px){.arrow{display:none}}.dots{display:flex;justify-content:center;gap:8px;margin-top:4px}.dot{width:8px;height:8px;border-radius:50%;border:1px solid var(--ink);background:transparent;padding:0;cursor:pointer}.dot.on{background:var(--ink)}.lightbox{position:fixed;inset:0;background:rgba(20,17,14,.78);display:flex;align-items:center;justify-content:center;z-index:50;padding:24px}.lightbox[hidden]{display:none}.lb-inner{position:relative;max-width:min(92vw,560px);max-height:92vh;display:flex;flex-direction:column;gap:12px;align-items:center}.lb-inner img{max-height:calc(92vh - 80px);max-width:min(92vw,560px);width:auto;height:auto;border-radius:6px;box-shadow:0 20px 60px rgba(0,0,0,.4);user-select:none;-webkit-user-drag:none}.lb-bar{display:flex;align-items:center;gap:16px;color:#e9e2d4;font-size:14px}.lb-bar .btn{height:40px;border-color:#e9e2d4;color:#e9e2d4}.lb-close{position:absolute;top:-14px;right:-14px;width:36px;height:36px;border-radius:50%;border:0;background:#e9e2d4;color:#2b2721;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.hero .note{border:0;padding:0;text-align:center;margin-top:12px}.home section{padding:44px 0 4px}.home h2{font-family:"Noto Serif TC",serif;font-size:24px;margin:0 0 18px;letter-spacing:.04em}.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 32px}@media (max-width:760px){.feat{grid-template-columns:1fr}}.feat h3{font-size:17px;margin:0 0 6px}.feat p{margin:0;color:var(--dim);font-size:15px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}@media (max-width:760px){.steps{grid-template-columns:1fr}}.step{border:1px solid var(--line);border-radius:12px;padding:18px;background:var(--field)}.step b{display:inline-flex;width:28px;height:28px;border:1.5px solid var(--ink);border-radius:50%;align-items:center;justify-content:center;font-size:14px;margin-right:8px}.step p{margin:8px 0 0;color:var(--dim);font-size:15px}.cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.btn{display:inline-flex;align-items:center;height:46px;padding:0 22px;border-radius:10px;border:1.5px solid var(--ink);color:var(--ink);text-decoration:none;font-size:15px}.btn.primary{background:var(--ink);color:var(--paper)}.home footer{border-top:1px solid var(--line)}