:root{--bg:#f7f8f2;--ink:#1f3929;--muted:#627367;--accent:#2955df;--line:#d8dfd4;--hero:#dce9f1;--code:#17231c}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}::selection{background:var(--accent);color:#fff}h1,h2,h3,h4,p{margin:0}h1,h2,h3{text-wrap:balance}svg{display:block;width:24px;height:24px;flex-shrink:0}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.mono{font-family:"Space Grotesk",Consolas,monospace;font-size:10px;letter-spacing:.1em}.skip{position:fixed;z-index:220;top:12px;left:12px;padding:10px 14px;background:var(--ink);color:white;transform:translateY(-180%)}.skip:focus{transform:none}.reading-progress{position:fixed;z-index:210;top:0;left:0;right:0;height:3px}.reading-progress i{display:block;width:0;height:100%;background:var(--accent)}
.nav{height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:700;letter-spacing:.09em}.brand-mark{display:flex;width:29px;height:29px;color:var(--accent)}.brand-mark svg{width:29px;height:29px}.nav-links{display:flex;align-items:center;gap:34px}.nav-links a{position:relative;padding:10px 0;font-size:14px}.nav-links a:after{content:"";position:absolute;left:0;bottom:4px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}.nav-links a:hover:after,.nav-links a[aria-current=page]:after{transform:scaleX(1)}.nav-contact{display:inline-flex;align-items:center;gap:20px;min-height:44px;padding:8px 19px;border-radius:30px;background:var(--ink);color:#f5f6ec;font-size:13px}.nav-contact svg{width:20px;height:20px}.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);background:transparent;align-items:center;justify-content:center}
.article-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);min-height:580px;padding:52px 55px 0;border-radius:26px;background:var(--hero);overflow:hidden}.article-heading{position:relative;z-index:2;padding:0 0 84px}.back-link{display:inline-flex;align-items:center;min-height:44px;color:#58707c;font:10px "Space Grotesk",sans-serif;letter-spacing:.12em}.eyebrow{display:flex;align-items:center;gap:11px;margin-top:35px;color:#57707c;font:11px "Space Grotesk","Noto Sans TC",sans-serif;letter-spacing:.11em;text-transform:uppercase}.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}.article-heading h1{max-width:800px;margin-top:21px;font-family:"DM Sans","Noto Sans TC",sans-serif;font-size:clamp(45px,5.5vw,77px);font-weight:500;letter-spacing:-.055em;line-height:1.18}.hero-meta{display:flex;align-items:center;gap:22px;margin-top:30px;color:#58707c;font-size:11px}.hero-meta span+span,.hero-meta time+span{position:relative}.hero-meta span+span:before,.hero-meta time+span:before{content:"";position:absolute;left:-12px;top:50%;width:3px;height:3px;border-radius:50%;background:#8ca0aa}.hero-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.hero-tags span{padding:3px 10px;border:1px solid #9fb3bd;border-radius:20px;color:#526975;font-size:9px}.hero-media{display:grid;place-items:center;min-width:0;padding-bottom:55px}.article-cover{position:relative;width:min(390px,100%);height:390px;margin:0;border-radius:50% 50% 18px 50%;overflow:hidden;transform:rotate(3deg);box-shadow:14px 18px 0 #abc0c955}.article-cover img{display:block;width:100%;height:100%;object-fit:cover}.article-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#4c75d628,transparent 48%,#143c7970);pointer-events:none}.cover-orbit{position:absolute;z-index:2;left:50%;top:50%;width:120%;height:50%;border:1px solid #fff9;border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg)}.article-orbit{position:relative;width:min(390px,100%);aspect-ratio:1}.article-planet{position:absolute;z-index:2;left:50%;top:50%;display:grid;place-items:center;width:118px;height:118px;border-radius:50%;background:radial-gradient(circle at 30% 27%,#7fb1ff,#326de1 35%,#1747ad 76%);box-shadow:0 16px 34px #2457bf3c;transform:translate(-50%,-50%);font-style:normal;font-size:38px}.article-ring{position:absolute;left:50%;top:50%;border:1px solid #8ea7b54a;border-radius:50%;transform:translate(-50%,-50%) rotate(-12deg)}.ring-a{width:64%;height:64%}.ring-b{width:94%;height:94%}.article-moon{position:absolute;border-radius:50%;box-shadow:0 6px 12px #38525e38}.moon-a{right:8%;top:27%;width:22px;height:22px;background:linear-gradient(135deg,#ffd6a4,#d77839)}.moon-b{left:9%;bottom:28%;width:18px;height:18px;background:linear-gradient(135deg,#fff,#b4c9d7)}.article-orbit>span{position:absolute;right:14%;bottom:20%;display:grid;place-items:center;width:39px;height:39px;border-radius:8px;background:#f7f8f2;color:#62737c;font:600 10px "Space Grotesk";transform:rotate(10deg);box-shadow:0 8px 17px #23405d24}.article-orbit{animation:orbit-float 7s ease-in-out infinite}.hero-foot{position:absolute;left:55px;right:55px;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid #b9cbd3;color:#647985}
.reading-layout{display:grid;grid-template-columns:230px minmax(0,760px);justify-content:center;gap:82px;padding:92px 0 120px}.article-aside{min-width:0}.aside-sticky{position:sticky;top:45px}.aside-back{display:inline-flex;align-items:center;min-height:44px;font-size:12px}.toc{margin-top:38px;padding-top:22px;border-top:1px solid var(--line)}.toc>.mono{display:block;margin-bottom:15px;color:var(--accent)}.toc ol{display:grid;gap:9px;margin:0;padding:0;list-style:none}.toc a{display:block;color:var(--muted);font-size:11px;line-height:1.6;transition:color .2s}.toc a:hover,.toc a.is-active{color:var(--accent)}.toc .toc-h3{padding-left:13px}.toc-empty{color:#8a958e;font-size:11px}.article-actions{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin-top:25px;padding-top:18px;border-top:1px solid var(--line)}.article-actions button{min-height:38px;padding:0;border:0;background:none;color:var(--muted);font-size:11px}.article-actions button:hover{color:var(--accent)}
.markdown-content{min-width:0;color:#2b3e32;font-size:17px;line-height:2}.markdown-content>h1:first-child{display:none}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{color:var(--ink);font-weight:600;scroll-margin-top:88px}.markdown-content h1{margin:2.5em 0 .75em;font-size:37px;line-height:1.4;letter-spacing:-.04em}.markdown-content h2{margin:2.6em 0 .8em;padding-top:.35em;border-top:1px solid var(--line);font-size:30px;line-height:1.45;letter-spacing:-.035em}.markdown-content h2:before{content:"✦";display:block;margin-bottom:13px;color:var(--accent);font-size:17px}.markdown-content h3{margin:2.1em 0 .65em;font-size:23px;line-height:1.5;letter-spacing:-.025em}.markdown-content h4{margin:1.8em 0 .55em;font-size:19px}.markdown-content p{margin:0 0 1.55em}.markdown-content strong{color:#162d20;font-weight:700}.markdown-content a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.markdown-content ul,.markdown-content ol{margin:0 0 1.6em;padding-left:1.35em}.markdown-content li{margin:.48em 0;padding-left:.25em}.markdown-content li::marker{color:var(--accent)}.markdown-content blockquote{margin:2em 0;padding:22px 25px;border-left:4px solid var(--accent);border-radius:0 13px 13px 0;background:#eaf0f4;color:#50666f}.markdown-content blockquote p{margin:0}.markdown-content hr{height:1px;margin:3.2em 0;border:0;background:var(--line)}.markdown-content img{display:block;width:auto;max-width:100%;max-height:680px;margin:2.2em auto .6em;border-radius:16px;box-shadow:0 18px 45px #1f39291c}.markdown-content p:has(>img){color:var(--muted);font-size:12px;text-align:center}.markdown-content code{padding:.14em .42em;border-radius:5px;background:#e7ebe3;color:#254832;font-family:Consolas,"SFMono-Regular",monospace;font-size:.86em}.code-block{position:relative;margin:2.1em 0;border-radius:15px;background:var(--code);overflow:hidden;box-shadow:0 16px 36px #15231b18}.code-language{display:block;padding:11px 17px;border-bottom:1px solid #ffffff12;color:#a8c6b1;font:9px "Space Grotesk",sans-serif;letter-spacing:.12em;text-transform:uppercase}.markdown-content pre{max-width:100%;margin:0;padding:23px;overflow:auto;color:#e8f1e8;font:14px/1.75 Consolas,"SFMono-Regular",monospace;tab-size:4}.markdown-content pre code{padding:0;background:none;color:inherit;font-size:inherit}.table-scroll{max-width:100%;margin:2.1em 0;overflow:auto;border:1px solid var(--line);border-radius:12px}.markdown-content table{width:100%;min-width:540px;border-collapse:collapse;font-size:14px}.markdown-content th,.markdown-content td{padding:13px 15px;border-bottom:1px solid var(--line);text-align:left}.markdown-content th{background:#e9eee4;color:var(--ink);font-weight:600}.markdown-content tr:last-child td{border-bottom:0}.mermaid{max-width:100%;margin:2.2em 0;padding:25px;border:1px solid var(--line);border-radius:15px;background:#fff;overflow:auto;text-align:center}.mermaid svg{max-width:100%;height:auto}.mermaid-error{color:#9d493e;font-size:13px;text-align:left;white-space:pre-wrap}
.article-end{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:75px;padding:48px 50px;border-radius:24px;background:var(--accent);color:#f4f6eb}.article-end .mono{display:block;margin-bottom:10px;color:#d4ddff}.article-end h2{font-size:34px;font-weight:500;line-height:1.55;letter-spacing:-.03em}.end-link{display:inline-flex;align-items:center;gap:22px;min-height:52px;padding:11px 20px;border-radius:28px;background:#eef4d5;color:var(--ink);font-size:13px}.end-link svg{width:20px;height:20px}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:35px 0 70px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.footer-links{display:flex;gap:25px}.footer a{display:inline-flex;align-items:center;min-height:44px}.toast{position:fixed;z-index:230;right:22px;bottom:22px;padding:11px 16px;border-radius:25px;background:var(--ink);color:#fff;font-size:12px;opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}.toast.is-visible{opacity:1;transform:none}
.mermaid svg{display:block;width:100%!important;min-width:560px;max-width:none!important;height:auto!important;margin:auto}.mermaid svg.is-tall{width:min(100%,380px)!important;min-width:300px}
@keyframes orbit-float{50%{transform:translateY(-9px) rotate(2deg)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.article-hero{grid-template-columns:1.15fr .85fr;padding-inline:38px;min-height:535px}.article-heading h1{font-size:52px}.article-cover{height:310px}.article-orbit{width:310px}.hero-foot{left:38px;right:38px}.reading-layout{grid-template-columns:190px minmax(0,690px);gap:45px}.markdown-content{font-size:16px}}
@media(max-width:760px){html{scroll-padding-top:80px}.wrap{width:calc(100% - 40px)}.nav{height:80px}.brand{font-size:18px}.nav-contact{display:none}.menu-toggle{display:flex}.nav-links{display:none;position:absolute;z-index:190;top:70px;left:20px;right:20px;padding:18px;border:1px solid var(--line);background:var(--bg);box-shadow:0 16px 30px #0001;flex-direction:column;align-items:stretch;gap:3px}.nav-links.is-open{display:flex}.nav-links a{padding:12px}.article-hero{display:block;min-height:0;padding:27px 22px 0;border-radius:19px}.article-heading{padding-bottom:28px}.back-link{font-size:9px}.eyebrow{margin-top:22px;font-size:9px}.article-heading h1{margin-top:16px;font-size:clamp(35px,10.7vw,52px);line-height:1.28}.hero-meta{align-items:flex-start;flex-direction:column;gap:4px;margin-top:23px}.hero-meta span+span:before,.hero-meta time+span:before{display:none}.hero-tags{margin-top:14px}.hero-media{height:285px;padding:0 0 50px}.article-cover{width:230px;height:230px}.article-orbit{width:250px}.article-planet{width:84px;height:84px;font-size:28px}.hero-foot{left:22px;right:22px;padding:13px 0}.hero-foot span:last-child{display:none}.reading-layout{display:block;padding:55px 0 78px}.article-aside{margin-bottom:35px}.aside-sticky{position:static}.toc{display:none}.article-actions{flex-direction:row;gap:20px;margin-top:14px}.markdown-content{font-size:16px;line-height:1.95}.markdown-content h1{font-size:30px}.markdown-content h2{font-size:26px}.markdown-content h3{font-size:21px}.markdown-content img{border-radius:11px}.markdown-content pre{font-size:12px;padding:18px}.mermaid{padding:14px}.article-end{align-items:flex-start;flex-direction:column;padding:34px 26px;margin-bottom:50px}.article-end h2{font-size:27px}.footer{align-items:flex-start;flex-direction:column;gap:4px;padding-bottom:55px}.toast{left:20px;right:20px;bottom:16px;text-align:center}}