@import "https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&family=Geist+Mono:wght@400;500;600;700&family=Noto+Sans+TC:wght@300;400;500;700;900&display=swap";
:root{--paper:#fbfaf8;--paper-2:#f4f2ed;--paper-3:#ece7dd;--ink:#15130f;--ink-soft:#57534c;--ink-faint:#908a7e;--line:#e6e1d6;--line-strong:#15130f;--night:#15130f;--night-card:#1d1a15;--accent:#15130f;--brand:#e5631f;--brand-deep:#c44e12;--brand-soft:#f4884a;--brand-wash:#fbe9dc;--brand-ring:#e5631f29;--spot:#06c755;--spot-dark:#05ad4c;--spot-wash:#eafaf0;--line-green:var(--brand);--line-green-dark:var(--brand-deep);--r-sm:5px;--r:8px;--r-lg:12px;--shadow-sm:0 1px 2px #15130f0d;--shadow:0 14px 36px -16px #15130f2e;--shadow-brand:0 14px 30px -14px #e5631f73;--font-display:"Archivo", "Noto Sans TC", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Noto Sans TC", "Archivo", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-label:var(--font-mono);--global-color-1:var(--paper);--global-color-2:var(--paper-2);--global-color-text:var(--ink);--global-color-text-secondary:var(--ink-soft);--global-color-btn:var(--ink);--global-color-btn-text:#fff;--global-color-badge:var(--ink);--global-color-brand:var(--brand);--global-color-brand-dark:var(--brand-deep);--global-border:var(--line);--global-shadow:var(--shadow-sm);--global-shadow-lg:var(--shadow);--global-radius:var(--r);--bg-soft:var(--paper-2);--warn:var(--ink-soft);--ok:var(--brand)}html{scroll-behavior:smooth}body,a{font-family:var(--font-body);color:var(--ink);background-color:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-weight:400;line-height:1.6;text-decoration:none}a:hover{color:inherit;text-decoration:none}button{color:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--ink);letter-spacing:-.025em;text-wrap:balance;font-weight:800}h1{letter-spacing:-.04em;font-size:clamp(44px,7.2vw,104px);font-weight:900;line-height:.98}h2{letter-spacing:-.03em;font-size:clamp(30px,4.6vw,60px);font-weight:800;line-height:1.04}h3{letter-spacing:-.015em;font-size:clamp(19px,2.2vw,24px);font-weight:700;line-height:1.3}p{color:var(--ink-soft);line-height:1.75}::selection{background:var(--brand);color:#fff}.mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums}.p-section{padding-top:104px;padding-bottom:104px;position:relative}.section-soft{background-color:var(--paper-2)}.sec-index{font-family:var(--font-label);letter-spacing:.22em;text-transform:uppercase;color:var(--ink);align-items:center;gap:14px;margin-bottom:26px;font-size:12px;font-weight:600;display:inline-flex}.sec-index .num{color:var(--ink);padding-left:16px;position:relative}.sec-index .num:before{content:"";background:var(--brand);border-radius:2px;width:8px;height:8px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sec-index .bar{background:var(--ink);width:28px;height:2px}.section-head{max-width:760px;margin:0 0 64px}.section-head p{max-width:620px;margin-top:20px;margin-bottom:0;font-size:1.08rem}.reg-mark{display:none}.tag-global{font-family:var(--font-label);letter-spacing:.2em;text-transform:uppercase;color:var(--ink);font-size:12px;font-weight:600}.reveal{opacity:0;transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transform:translateY(22px)}.reveal.visible{opacity:1;transform:translateY(0)}.row>.reveal:nth-child(2){transition-delay:70ms}.row>.reveal:nth-child(3){transition-delay:.14s}.row>.reveal:nth-child(4){transition-delay:.21s}.row>.reveal:nth-child(5){transition-delay:.28s}.row>.reveal:nth-child(6){transition-delay:.35s}.neo-card{border:1px solid var(--line);border-radius:var(--r);background-color:var(--paper);box-shadow:var(--shadow-sm);padding:32px 30px;transition:border-color .25s,box-shadow .3s,transform .3s}.neo-card:hover{border-color:var(--brand);box-shadow:var(--shadow);transform:translateY(-3px)}.btn-line{font-family:var(--font-body);color:#fff;background:var(--spot);border:1px solid var(--spot);border-radius:var(--r-sm);box-shadow:var(--shadow-sm);align-items:center;gap:10px;padding:16px 30px;font-size:1rem;font-weight:700;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s;display:inline-flex}.btn-line:hover{color:#fff;background:var(--spot-dark);border-color:var(--spot-dark);transform:translateY(-2px);box-shadow:0 12px 24px -12px #06c75580}.btn-line i{font-size:1.18rem}.btn-ghost{font-family:var(--font-body);color:var(--ink);border:1px solid var(--ink);border-radius:var(--r-sm);background:0 0;align-items:center;gap:10px;padding:16px 28px;font-size:1rem;font-weight:600;transition:background .18s,color .18s,transform .18s;display:inline-flex}.btn-ghost:hover{color:#fff;background:var(--ink);transform:translateY(-2px)}.btn-ghost i{transition:transform .18s}.btn-ghost:hover i{transform:translate(4px)}.btn-primary-brand{color:#fff;background:var(--brand);border:1px solid var(--brand);border-radius:var(--r-sm);box-shadow:var(--shadow-sm);cursor:pointer;align-items:center;gap:10px;padding:16px 30px;font-size:1rem;font-weight:700;transition:background .18s,transform .18s,box-shadow .18s;display:inline-flex}.btn-primary-brand:hover{color:#fff;background:var(--brand-deep);border-color:var(--brand-deep);box-shadow:var(--shadow-brand);transform:translateY(-2px)}.s-navbar.navbar{z-index:1000;-webkit-backdrop-filter:blur(14px)saturate(140%);border-bottom:1px solid var(--line);background-color:#fbfaf8d1;margin:0;padding:16px 24px;transition:border-color .3s,box-shadow .3s;position:sticky;top:0}.s-navbar.navbar.scrolled{border-bottom-color:var(--line);box-shadow:var(--shadow-sm)}.s-navbar .navbar-brand{color:var(--ink);font-family:var(--font-display);letter-spacing:-.02em;background-color:#0000;align-items:center;font-size:1.18rem;font-weight:900;display:flex}.brand-mark{border:1.5px solid var(--ink);border-radius:6px;flex-shrink:0;place-items:center;width:26px;height:26px;display:inline-grid;position:relative}.brand-mark:before{content:"";background:var(--brand);border-radius:2px;width:9px;height:9px}.brand-mark.on-dark{border-color:#fff6}.s-navbar .navbar-toggler{color:var(--ink);border:1px solid var(--ink);border-radius:var(--r-sm);padding:6px 10px}.s-navbar .navbar-toggler:focus{box-shadow:none}.s-navbar .navbar-nav{align-items:center;margin-left:auto}.s-navbar .nav-link{color:var(--ink);font-family:var(--font-body);letter-spacing:0;border-radius:0;margin-right:6px;font-size:14.5px;font-weight:500;transition:color .2s;position:relative;padding:8px 12px!important}.s-navbar .nav-link:after{content:"";background:var(--brand);transform-origin:0;height:2px;transition:transform .25s;position:absolute;bottom:4px;left:12px;right:12px;transform:scaleX(0)}.s-navbar .nav-link:hover{color:var(--ink);background:0 0}.s-navbar .nav-link:hover:after{transform:scaleX(1)}.s-navbar .btn-nav-line{font-family:var(--font-body);color:#fff;background:var(--spot);border:1px solid var(--spot);border-radius:var(--r-sm);box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:700;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.s-navbar .btn-nav-line:hover{color:#fff;background:var(--spot-dark);border-color:var(--spot-dark);transform:translateY(-1px)}@media (max-width:991px){.s-navbar .nav-button{margin-top:14px}.s-navbar .navbar-nav{align-items:flex-start;margin-top:10px}}.s-footer{background-color:var(--ink);color:#b9b8b2;border-top:none;padding:80px 0 48px;font-size:14px}.s-footer .title{font-family:var(--font-label);color:#8a8985;text-transform:uppercase;letter-spacing:.18em;margin-bottom:20px;font-size:11px;font-weight:600}.s-footer .nav .nav-link{color:#b9b8b2;background-color:#0000;padding:6px 0;font-size:14px;transition:color .18s}.s-footer .nav .nav-link:hover{color:var(--brand-soft);text-decoration:none}.brand-logo{object-fit:contain;flex-shrink:0;width:32px;height:32px;display:inline-block}.brand-logo.on-dark{filter:invert();mix-blend-mode:screen}@media (min-width:769px){.p-section{padding-top:128px;padding-bottom:128px}}@media (max-width:575px){.p-section{padding-top:72px;padding-bottom:72px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}
