:root{--paper:#F8F6F0;--ink:#2A2723;--muted:#77726A;--plum:#A05A62;--pencil:#B7B2A6;--hairline:#E6E3D9;--serif:"HuaSerif","Noto Serif TC","Source Han Serif TC","Songti TC",serif;--mono:"Consolas","Courier New",ui-monospace,monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--paper);color:var(--ink);font-family:var(--serif);font-weight:400;line-height:2;font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:#ebd9db;color:var(--ink)}a{color:inherit;text-decoration:none}.tlink{border-bottom:1px solid var(--plum);padding-bottom:1px;transition:color .25s ease}.tlink:hover{color:var(--plum)}a:focus-visible,button:focus-visible{outline:2px solid var(--plum);outline-offset:3px;border-radius:1px}.page{max-width:860px;margin:0 auto;padding:0 clamp(20px,5vw,40px)}.hero{min-height:88vh;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;padding-top:clamp(36px,7vh,64px);column-gap:clamp(24px,6vw,72px)}.brand{grid-column:1;grid-row:1;font-weight:900;font-size:1rem;letter-spacing:.45em}.brand small{display:block;font-family:var(--mono);font-weight:400;font-size:.75rem;letter-spacing:.2em;color:var(--muted);margin-top:.7em}.vtitle{grid-column:2;grid-row:1 / span 3;writing-mode:vertical-rl;text-orientation:mixed;font-size:clamp(1.9rem,6vw,3.3rem);font-weight:900;line-height:1.6;letter-spacing:.14em;padding-top:clamp(8px,2vh,24px)}.vtitle .q{color:var(--plum)}.vtitle .stamp{display:inline-block;writing-mode:horizontal-tb;font-size:clamp(.75rem,1.5vw,1rem);font-weight:400;font-family:var(--mono);letter-spacing:.15em;color:var(--paper);background:var(--plum);padding:.5em .8em;margin-top:1.6em;transform:rotate(-3deg)}.hero-foot{grid-column:1;grid-row:3;padding-bottom:clamp(36px,8vh,72px);align-self:end}.hero-id{color:var(--muted);max-width:24em}.hero-cta{margin-top:2em;font-size:.95rem}.hero-lede{grid-column:1;grid-row:2;align-self:center;font-size:clamp(1.02rem,2vw,1.15rem);max-width:24em;color:var(--ink)}@media(max-width:640px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:40px}.vtitle{grid-column:1;grid-row:2;justify-self:end;max-height:none;font-size:clamp(1.8rem,8.5vw,2.4rem);margin:36px 0;max-block-size:70vh}.hero-lede{grid-row:3;margin-top:8px}.hero-foot{grid-row:4;margin-top:40px}}.rise{opacity:0;transform:translateY(16px);transition:opacity .9s ease,transform .9s cubic-bezier(.22,.8,.3,1)}.rise.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.rise{opacity:1;transform:none;transition:none}}.sec{padding:clamp(64px,11vh,100px) 0 0}.sec-head{display:flex;align-items:baseline;gap:1.2em;border-bottom:2px solid var(--ink);padding-bottom:.7em;flex-wrap:wrap}.sec-head h2{font-size:clamp(1.3rem,3vw,1.7rem);font-weight:900;letter-spacing:.06em}.sec-head .no{font-family:var(--mono);font-size:.75rem;color:var(--muted);letter-spacing:.2em}.sec-lede{color:var(--muted);margin-top:1.2em;max-width:36em}.ledger{margin-top:.5em}.entry{padding:clamp(36px,6vh,52px) 0;border-bottom:1px dashed var(--pencil)}.entry:last-child{border-bottom:none}.entry-row{display:flex;align-items:baseline;gap:.9em;flex-wrap:wrap}.entry-row h3{font-size:clamp(1.15rem,2.6vw,1.4rem);font-weight:700;letter-spacing:.04em}.leader{flex:1;min-width:2em;border-bottom:2px dotted var(--pencil);transform:translateY(-6px)}.entry-row .go{white-space:nowrap;font-size:.92rem}.entry-row .soon{white-space:nowrap;font-family:var(--mono);font-size:.75rem;color:var(--muted);letter-spacing:.08em}.for{font-family:var(--mono);font-size:.75rem;letter-spacing:.15em;color:var(--muted);margin-top:.4em}.solve{margin-top:1.2em;max-width:37em}.solve b{font-weight:700;background:linear-gradient(transparent 68%,#ebd9db 68%)}.origin{margin-top:1.5em;color:var(--muted);max-width:33em;font-size:.95rem;padding-left:1.4em;text-indent:-1.4em}.origin:before{content:"「";color:var(--plum);font-weight:900}.origin:after{content:"」— 做這個的原因";color:var(--plum);font-size:.8em;letter-spacing:.1em}.try{display:inline-block;margin-top:1.6em;font-family:var(--mono);font-size:.75rem;letter-spacing:.15em;color:var(--plum);border:1px solid var(--plum);padding:.55em 1.1em;border-radius:2px;transition:background .25s ease,color .25s ease}.try:hover{background:var(--plum);color:var(--paper)}.try:focus-visible{outline:2px solid var(--plum);outline-offset:3px}.try-live{margin-top:1.8em;border:1px solid var(--hairline);background:#fbfaf6}.try-live-bar{display:flex;align-items:center;justify-content:space-between;gap:1em;padding:.7em 1em;border-bottom:1px dashed var(--pencil);font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;color:var(--muted)}.try-live iframe{display:block;width:100%;height:min(70vh,620px);border:0}.grid-paper{margin-top:2.4em;padding:clamp(24px,4vw,40px);background:linear-gradient(#EAE7DC 1px,transparent 1px) 0 0/100% 28px,linear-gradient(90deg,#EAE7DC 1px,transparent 1px) 0 0/28px 100%,#fbfaf6;border:1px solid var(--hairline)}.proof-say{font-size:clamp(1.08rem,2.4vw,1.3rem);font-weight:700;line-height:2;max-width:28em;text-wrap:balance}.proof-say .circle{position:relative;white-space:nowrap}.proof-say .circle svg{position:absolute;left:-6%;top:-18%;width:112%;height:140%;pointer-events:none;overflow:visible}.proof-say .circle svg path{stroke:var(--plum);stroke-width:2;fill:none;opacity:.85;stroke-dasharray:600;stroke-dashoffset:600}.proof-say .circle.in svg path{animation:ring 1.1s ease-out .3s forwards}@keyframes ring{to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.proof-say .circle svg path{animation:none;stroke-dashoffset:0}}.nums{display:flex;gap:clamp(20px,5vw,48px);flex-wrap:wrap;margin-top:2em}.num b{display:block;font-family:var(--mono);font-weight:700;font-size:clamp(1.5rem,3.6vw,2rem);font-variant-numeric:tabular-nums}.num span{font-size:.78rem;color:var(--muted)}.chart{margin-top:2em;max-width:520px}.chart img{width:100%;max-width:520px;display:block;border:1px solid var(--hairline)}.honest{margin-top:1.6em;font-size:.85rem;color:var(--muted);max-width:36em;line-height:1.9}.honest b{color:var(--ink);font-weight:700}.proof-close{margin-top:1.8em;max-width:34em}.about-cols{display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,5vw,56px);margin-top:2em}@media(max-width:640px){.about-cols{grid-template-columns:1fr}}.about-v{writing-mode:vertical-rl;font-weight:700;font-size:1.15rem;letter-spacing:.3em;color:var(--muted)}@media(max-width:640px){.about-v{writing-mode:horizontal-tb;max-height:none}}.about-text{max-width:34em}.about-text+.about-text{margin-top:1.1em}.about-quiet{color:var(--muted)}.chat{margin-top:clamp(48px,8vh,72px);border-top:2px solid var(--ink);padding-top:2em}.chat p{max-width:33em}.chat p+p{margin-top:1em}.chat .go{display:inline-block;margin-top:1.4em;font-weight:700;font-size:1.05rem}.chat .handle{font-family:var(--mono);font-size:.75rem;color:var(--muted);letter-spacing:.12em;display:block;margin-top:.5em}.detail{padding:clamp(48px,10vh,88px) 0 clamp(64px,12vh,96px)}.detail .back{font-family:var(--mono);font-size:.75rem;letter-spacing:.15em;color:var(--muted)}.detail .back:hover{color:var(--plum)}.detail h1{margin-top:1.4em;font-size:clamp(1.5rem,4vw,2.1rem);font-weight:900;letter-spacing:.05em;line-height:1.7;max-width:20em}.detail .tag{margin-top:.9em;font-family:var(--mono);font-size:.75rem;letter-spacing:.15em;color:var(--muted)}.kfield{border-top:1px dashed var(--pencil);padding:1.6em 0}.kfield:last-of-type{border-bottom:1px dashed var(--pencil)}.kfield .label{font-family:var(--mono);font-size:.72rem;letter-spacing:.2em;color:var(--plum);margin-bottom:.6em}.kfield .value{color:var(--ink);max-width:38em}.kfield .value.muted{color:var(--muted)}footer{padding:clamp(72px,13vh,120px) 0 64px}.path-line{width:100%;overflow:visible}.path-line .done{stroke:var(--plum);stroke-width:1.5;fill:none}.path-line .rest{stroke:var(--pencil);stroke-width:1.5;stroke-dasharray:2 7;fill:none}.path-line circle{fill:var(--plum)}.path-line text{font-family:var(--mono);font-size:12px;fill:var(--muted);letter-spacing:.1em}footer .quiet{margin-top:2em;color:var(--muted);font-size:.95rem}footer .sig{margin-top:2em;font-weight:900;letter-spacing:.45em}footer .disclaimer{margin-top:2.4em;font-family:var(--mono);font-size:.75rem;letter-spacing:.06em;color:#9b968a;line-height:2;max-width:38em}.road{position:fixed;left:clamp(8px,2.4vw,28px);top:0;height:100vh;width:20px;pointer-events:none;z-index:5}.road svg{height:100%;width:100%;overflow:visible}.road-rest{stroke:var(--pencil);stroke-width:1.4;fill:none;stroke-dasharray:2 7}.road-line{stroke:#6e7a5e;stroke-width:1.4;fill:none}.road-flower-spin{transform-origin:0 0;animation:road-spin 9s linear infinite}@keyframes road-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.road-flower-spin{animation:none}}@media(max-width:720px){.road{left:6px;width:12px}}@media(max-width:640px){body{font-size:17px}.hero-lede{font-size:1.08rem}.brand small,.sec-head .no,.entry-row .soon,.for,.try,.vtitle .stamp,.chat .handle,footer .disclaimer,.detail .tag{font-size:.85rem}.entry-row .go,.origin,.hero-cta,footer .quiet{font-size:1rem}.num span{font-size:.9rem}.honest{font-size:.95rem}.path-line text{font-size:28px}.page{padding-left:34px}}@media(min-width:1024px){html,body{font-size:18px}}@font-face{font-family:HuaSerif;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/huaserif-400.woff2) format("woff2")}@font-face{font-family:HuaSerif;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/huaserif-700.woff2) format("woff2")}@font-face{font-family:HuaSerif;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/huaserif-900.woff2) format("woff2")}