:root{--ink:#151c29;--soft:#526073;--paper:#f8f7f2;--orange:#ff7435;--orange-soft:#ffe0ce;--teal:#386f70;--teal-soft:#dfeaea;--line:#cbd0ce;--max:1160px;--read:720px;--shadow:0 18px 60px #151c2914}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);text-rendering:optimizelegibility;margin:0;font-family:PingFang TC,Microsoft JhengHei,sans-serif;line-height:1.75}a{color:inherit;text-underline-offset:.28em;text-decoration-thickness:1px}a:hover{color:var(--orange)}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.shell{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.narrow{width:min(calc(100% - 40px),var(--read));margin-inline:auto}.section{padding:clamp(72px,10vw,136px) 0}.section+.section{border-top:1px solid var(--line)}.eyebrow{color:var(--teal);letter-spacing:.17em;text-transform:uppercase;margin:0 0 16px;font-size:.76rem;font-weight:800}.display,.title,.section-title{letter-spacing:-.04em;margin:0;font-family:Songti TC,PMingLiU,serif}.display{font-size:clamp(2.35rem,6.4vw,5.35rem);line-height:1.13}.title{font-size:clamp(2.15rem,5vw,4.4rem);line-height:1.2}.section-title{font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.3}.lede{max-width:690px;color:var(--soft);font-size:clamp(1.05rem,2vw,1.28rem)}.button{border:1px solid var(--ink);background:0 0;border-radius:999px;align-items:center;gap:12px;min-height:52px;padding:12px 22px;font-weight:700;text-decoration:none;display:inline-flex}.button.primary{border-color:var(--orange);background:var(--orange);color:#171717}.button:hover{color:var(--ink);transform:translateY(-2px)}.text-link{font-weight:700;text-decoration:underline}.stroke{z-index:0;display:inline-block;position:relative}.stroke:after{content:"";z-index:-1;background:var(--orange);height:.18em;position:absolute;bottom:.04em;left:-.05em;right:-.05em;transform:rotate(-1.2deg)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(36px,7vw,90px);display:grid}.quiet-note{color:var(--soft);font-size:.9rem}.hero{align-items:center;min-height:min(760px,100vh - 85px);padding:clamp(74px,11vw,145px) 0;display:grid}.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);align-items:center;gap:clamp(44px,8vw,110px);display:grid}.hero-copy p{max-width:620px;color:var(--soft);margin:28px 0 32px;font-size:1.14rem}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.hero-sketch{min-height:410px;position:relative}.hero-sketch:before{content:"";background:var(--teal-soft);border-radius:50%;position:absolute;inset:12% 2% 3% 7%}.desk-line{background:var(--ink);height:2px;position:absolute;bottom:12%;left:2%;right:0;transform:rotate(-1.5deg)}.paper-note{z-index:2;width:210px;box-shadow:var(--shadow);background:#fff7dc;padding:25px 24px 30px;font-family:Noto Serif TC,serif;position:absolute;top:8%;right:8%;transform:rotate(4deg)}.paper-note:before{content:"";background:#c4cdc6b3;width:60px;height:20px;position:absolute;top:-9px;left:72px;transform:rotate(-5deg)}.laptop{z-index:3;border:3px solid var(--ink);background:#e7ecea;border-radius:9px;width:260px;height:170px;position:absolute;bottom:14%;right:12%;transform:skew(-3deg);box-shadow:12px 15px #151c2914}.laptop:after{content:"M";color:var(--teal);place-items:center;font:800 2rem serif;display:grid;position:absolute;inset:0}.mug{z-index:4;border:3px solid var(--ink);background:#fff;border-radius:4px 4px 18px 18px;width:62px;height:76px;position:absolute;bottom:14%;right:2%}.mug:after{content:"";border:3px solid var(--ink);border-left:0;border-radius:0 20px 20px 0;width:28px;height:32px;position:absolute;top:15px;right:-28px}.plant{z-index:2;border-bottom:65px solid #d7c7ac;border-left:15px solid #0000;border-right:15px solid #0000;width:90px;height:110px;position:absolute;bottom:14%;left:9%}.plant:before,.plant:after{content:"";background:var(--teal);border-radius:100% 0;width:60px;height:30px;position:absolute}.plant:before{top:-18px;left:-38px;transform:rotate(25deg)}.plant:after{top:-50px;left:22px;transform:rotate(205deg)}.topic-lines,.article-list{border-top:1px solid var(--ink);margin-top:54px}.topic-row{border-bottom:1px solid var(--line);grid-template-columns:80px 1fr minmax(180px,.55fr) 32px;align-items:baseline;gap:24px;padding:28px 0;text-decoration:none;display:grid}.topic-row .num{color:var(--orange);font-family:Noto Serif TC,serif;font-size:1.1rem;font-style:italic}.topic-row h2,.topic-row h3{margin:0;font-size:clamp(1.25rem,2.1vw,1.8rem)}.topic-row p{color:var(--soft);margin:0}.topic-row .arrow{font-size:1.5rem}.article-item{border-bottom:1px solid var(--line);grid-template-columns:125px 1fr auto;align-items:baseline;gap:24px;padding:24px 0;text-decoration:none;display:grid}.article-item time,.article-item small{color:var(--soft)}.article-item strong{font-size:1.12rem}.prose{font-size:1.08rem}.prose p{margin:0 0 1.65em}.prose h2{margin:3em 0 1em;font-family:Noto Serif TC,serif;font-size:1.85rem;line-height:1.4}.prose li{margin-bottom:.75em}.quick-answer{border-left:5px solid var(--orange);box-shadow:var(--shadow);background:#fff;margin:48px 0 70px;padding:28px 30px;font-size:1.08rem}.pov{background:var(--teal);color:#fff;margin:70px -70px;padding:42px 56px;transform:rotate(-.35deg)}.pov strong{color:#ffcca8;letter-spacing:.1em;margin-bottom:10px;display:block}.reading-footer{border-top:1px solid var(--ink);margin-top:90px;padding-top:50px}@media (width<=800px){.shell,.narrow{width:min(calc(100% - 28px),var(--max))}.hero{min-height:0;padding:70px 0 90px}.hero-grid,.grid-2{grid-template-columns:1fr}.hero-grid{gap:44px}.display{font-size:clamp(2rem,9.5vw,2.55rem)}.hero-copy p{font-size:1rem}.hero-sketch{min-height:310px}.laptop{width:210px;height:140px;right:13%}.mug{right:36px}.paper-note{width:170px;padding:20px;font-size:.88rem}.stroke{background:linear-gradient(transparent 82%,var(--orange) 82%,var(--orange) 94%,transparent 94%);display:inline}.stroke:after{display:none}.topic-row{grid-template-columns:45px 1fr 22px;gap:13px}.topic-row p{grid-column:2/-1}.article-item{grid-template-columns:1fr auto;gap:7px 15px}.article-item time,.article-item small{grid-column:1/-1}.pov{margin:60px -14px;padding:35px 27px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}