:root{--primary: #cc785c;--primary-active: #a9583e;--ink: #141413;--body: #3d3d3a;--body-strong: #252523;--muted: #6c6a64;--muted-soft: #8e8b82;--hairline: #e6dfd8;--hairline-soft: #ebe6df;--canvas: #faf9f5;--surface-soft: #f5f0e8;--surface-card: #efe9de;--surface-strong: #e8e0d2;--accent-teal: #5db8a6;--accent-amber: #e8a55a;--on-primary: #ffffff;--serif: "Noto Serif TC", "Songti TC", serif;--sans: "Noto Sans TC", "PingFang TC", system-ui, sans-serif;--maxw: 760px;color-scheme:light}:root[data-theme=dark]{--primary: #e0916f;--primary-active: #cc785c;--ink: #faf9f5;--body: #cfccc4;--body-strong: #ece9e2;--muted: #a09d96;--muted-soft: #7d7a72;--hairline: #34322e;--hairline-soft: #2a2825;--canvas: #181715;--surface-soft: #1f1e1b;--surface-card: #252320;--surface-strong: #2d2a26;--on-primary: #181715;color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--primary: #e0916f;--primary-active: #cc785c;--ink: #faf9f5;--body: #cfccc4;--body-strong: #ece9e2;--muted: #a09d96;--muted-soft: #7d7a72;--hairline: #34322e;--hairline-soft: #2a2825;--canvas: #181715;--surface-soft: #1f1e1b;--surface-card: #252320;--surface-strong: #2d2a26;--on-primary: #181715;color-scheme:dark}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--canvas);color:var(--body);font-family:var(--sans);font-size:17px;line-height:1.85;letter-spacing:.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}.topbar{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--canvas) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--hairline-soft)}.topbar-inner{max-width:var(--maxw);margin:0 auto;padding:12px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-family:var(--serif);font-weight:700;font-size:17px;color:var(--ink);letter-spacing:.02em}.brand span{color:var(--primary)}.controls{display:flex;gap:8px}.ctrl-btn{border:1px solid var(--hairline);background:var(--surface-soft);color:var(--body);border-radius:999px;padding:6px 14px;font-size:13px;font-family:var(--sans);min-width:44px;cursor:pointer;transition:all .18s ease}.ctrl-btn:hover{border-color:var(--primary);color:var(--primary)}.hero{padding:84px 0 64px;text-align:center}.eyebrow{font-size:13px;letter-spacing:.32em;text-transform:uppercase;color:var(--primary);margin-bottom:22px;font-weight:500}.hero h1{font-family:var(--serif);font-weight:700;font-size:clamp(48px,12vw,88px);line-height:1.02;color:var(--ink);letter-spacing:.04em}.hero .sub{font-family:var(--serif);font-size:clamp(20px,5vw,28px);color:var(--body-strong);margin-top:14px;letter-spacing:.08em}.hero .en{font-size:14px;color:var(--muted);margin-top:18px;font-style:italic;letter-spacing:.04em}.hero .author{font-size:15px;color:var(--muted);margin-top:10px}.thesis{max-width:620px;margin:40px auto 0;font-family:var(--serif);font-size:21px;line-height:1.95;color:var(--body-strong);padding:28px 30px;border-left:3px solid var(--primary);background:var(--surface-soft);border-radius:0 14px 14px 0;text-align:left}section{padding:56px 0;border-top:1px solid var(--hairline-soft)}.section-head{margin-bottom:38px}.section-num{font-size:13px;letter-spacing:.28em;text-transform:uppercase;color:var(--primary);font-weight:500}.section-head h2{font-family:var(--serif);font-weight:700;font-size:clamp(28px,7vw,40px);color:var(--ink);margin-top:8px;letter-spacing:.03em}.section-head p{color:var(--muted);margin-top:12px;font-size:16px}.concept-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.concept{background:var(--surface-card);border:1px solid var(--hairline);border-radius:16px;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.concept:hover{transform:translateY(-3px);box-shadow:0 12px 30px -16px #00000040}.concept h3{font-family:var(--serif);font-weight:700;font-size:21px;color:var(--ink);letter-spacing:.02em}.concept .en{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--primary);margin:6px 0 14px;font-weight:500}.concept p{font-size:15px;line-height:1.8;color:var(--body)}.journey{display:flex;flex-direction:column;gap:0}.stage{position:relative;padding:0 0 36px 34px;border-left:2px solid var(--hairline)}.stage:last-child{border-left-color:transparent;padding-bottom:0}.stage:before{content:"";position:absolute;left:-8px;top:4px;width:14px;height:14px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 4px var(--canvas)}.stage .part{font-size:13px;letter-spacing:.2em;color:var(--primary);font-weight:500}.stage h3{font-family:var(--serif);font-weight:700;font-size:23px;color:var(--ink);margin:4px 0 10px;letter-spacing:.02em}.stage p{font-size:16px;color:var(--body)}.ideas{display:grid;gap:14px}.idea{display:grid;grid-template-columns:56px 1fr;gap:18px;align-items:start;background:var(--surface-soft);border:1px solid var(--hairline-soft);border-radius:14px;padding:22px 24px}.idea .n{font-family:var(--serif);font-size:34px;font-weight:700;color:var(--primary);line-height:1}.idea h3{font-family:var(--serif);font-weight:700;font-size:20px;color:var(--ink);letter-spacing:.02em}.idea p{font-size:15px;line-height:1.8;color:var(--body);margin-top:8px}.quotes{display:grid;gap:20px}.quote{font-family:var(--serif);font-size:20px;line-height:1.9;color:var(--body-strong);padding:24px 28px;background:var(--surface-card);border-radius:14px;letter-spacing:.02em}.quote .src{display:block;font-family:var(--sans);font-size:14px;color:var(--muted);margin-top:14px;letter-spacing:.04em}.quote .src:before{content:"— "}.digest{display:grid;gap:22px}.digest-item{border-left:3px solid var(--accent-teal);padding-left:20px}.digest-item h3{font-family:var(--serif);font-weight:700;font-size:19px;color:var(--ink);margin-bottom:8px;letter-spacing:.02em}.digest-item p{font-size:15.5px;line-height:1.85;color:var(--body)}footer{border-top:1px solid var(--hairline-soft);padding:46px 0 64px;text-align:center;color:var(--muted);font-size:13.5px;line-height:2}footer a{color:var(--primary);text-decoration:none}footer a:hover{text-decoration:underline}.tool-note{margin-top:8px;font-size:12.5px;color:var(--muted-soft)}@media(max-width:520px){body{font-size:16px}.idea{grid-template-columns:44px 1fr;gap:12px}.idea .n{font-size:28px}.thesis{font-size:18px;padding:22px}}
