.site{--bg:#ff7a1f;--surface:#ff8a38;--ink:#050f16;--soft:#5a2306;--accent:#050f16;--accent-ink:#ff7a1f;--paper:#fff;--paper-ink:#050f16;--paper-soft:#4a4f55;--field:#050f16;--field-text:#f4f1ec;--step-small:clamp(.8125rem, .79rem + .1vw, .875rem);--step-body:clamp(1.0625rem, 1rem + .25vw, 1.1875rem);--step-lead:clamp(1.25rem, 1.1rem + .7vw, 1.625rem);--step-head:clamp(2rem, 1.3rem + 3.2vw, 4rem);--margin:clamp(20px, 2.4vw, 32px);background:var(--bg);color:var(--ink);font-family:Work Sans,Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif;font-size:18px;line-height:1.55}[data-theme=dark] .site{--bg:#0b1217;--surface:#13202a;--ink:#eef1f4;--soft:#a7b0b8;--accent:#ff7a1f;--accent-ink:#0b1217;--field:#000;--field-text:#eef1f4}.site h1,.site h2,.site h3{letter-spacing:-.035em;font-weight:300;line-height:1.05}.site a{color:inherit}.site .btn-site{background:var(--accent);height:48px;color:var(--accent-ink);transition:transform .15s,background-color .15s;transition:transform .35s var(--ease-out), background-color .2s ease;border-radius:0;justify-content:center;align-items:center;padding:0 22px;font-weight:500;text-decoration:none;display:inline-flex}.site .btn-site:hover{transform:translateY(-3px)}.site .btn-site:active{transform:translateY(0)scale(.98)}.site .btn-site:focus-visible,.site button:focus-visible,.site a:focus-visible,.site input:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.site .link{text-underline-offset:4px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:2px;transition:text-decoration-color .2s}.site .link:hover{text-decoration-color:currentColor}.site [data-ui]{background:var(--paper);color:var(--paper-ink);box-shadow:none;font-family:Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif;font-size:15px;line-height:1.6}.site [data-ui] .ui-muted{color:var(--paper-soft)}.site [data-ui] mark{color:inherit;background:#ffd2b0;padding:0 3px}.site [data-ui] table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.site [data-ui] th{text-align:left;color:var(--paper-soft);border-bottom:1px solid #e6e6e3;padding:6px 8px;font-size:13px;font-weight:600}.site [data-ui] td{border-bottom:1px solid #f0f0ee;padding:7px 8px}.site{--ease-out:cubic-bezier(.16, 1, .3, 1)}.site .rise{transition:opacity .9s var(--ease-out), transform .9s var(--ease-out), filter .9s var(--ease-out)}.js .site .rise:not(.in){opacity:0;filter:blur(6px);transform:translateY(28px)}@keyframes swap-in{0%{opacity:0;filter:blur(8px);transform:translateY(20px)scale(.985)}to{opacity:1;filter:none;transform:none}}.site .swap{animation:swap-in .7s var(--ease-out) both}@keyframes char-in{0%{opacity:0;filter:blur(4px);transform:translateY(.35em)}to{opacity:1;filter:none;transform:none}}.site .chars>span{animation:char-in .6s var(--ease-out) both;animation-delay:calc(var(--i) * 22ms);display:inline-block}@keyframes hero-in{0%{opacity:0;filter:blur(10px);transform:translateY(32px)}to{opacity:1;filter:none;transform:none}}@keyframes stage-in{0%{opacity:0;transform:translateY(48px)scale(.97)}to{opacity:1;transform:none}}.site .hero-in{animation:hero-in 1.1s var(--ease-out) both;animation-delay:var(--d,0s)}.site .stage-in{animation:stage-in 1.2s var(--ease-out) both}@keyframes row-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}.site .row-in>tr{animation:row-in .6s var(--ease-out) both}.site .row-in>tr:first-child{animation-delay:1.3s}.site .row-in>tr:nth-child(2){animation-delay:1.45s}.site .row-in>tr:nth-child(3){animation-delay:1.6s}@keyframes marker{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.site [data-ui] mark{z-index:0;background:0 0;position:relative}.site [data-ui] mark:before{content:"";z-index:-1;transform-origin:0;animation:marker .9s var(--ease-out) .9s both;background:#ffd2b0;position:absolute;inset:-1px -3px}.site .smooth{transition:color .4s,opacity .4s}html:has(.site){scroll-behavior:smooth}@keyframes wm{0%{scale:1}to{scale:.93}}.site .wordmark{transform-origin:100% 100%}@supports (animation-timeline:scroll()){.site .wordmark{animation:linear both wm;animation-timeline:scroll(root);animation-range:0 100vh}}@keyframes drift{0%{transform:translateY(0)}to{transform:translateY(-6%)}}.site .drift{animation:14s ease-in-out infinite alternate drift}@media (prefers-reduced-motion:reduce){.site *,.site :before,.site :after{transition:none!important;animation:none!important}.js .site .rise:not(.in){opacity:1;filter:none;transform:none}html:has(.site){scroll-behavior:auto}}.site .leader{opacity:.35;border-bottom:4px dotted;flex:1;min-width:24px;margin:0 10px 6px}.site .menu-sheet{clip-path:polygon(0 12px,4% 0,8% 12px,12% 0,16% 12px,20% 0,24% 12px,28% 0,32% 12px,36% 0,40% 12px,44% 0,48% 12px,52% 0,56% 12px,60% 0,64% 12px,68% 0,72% 12px,76% 0,80% 12px,84% 0,88% 12px,92% 0,96% 12px,100% 0,100% calc(100% - 12px),96% 100%,92% calc(100% - 12px),88% 100%,84% calc(100% - 12px),80% 100%,76% calc(100% - 12px),72% 100%,68% calc(100% - 12px),64% 100%,60% calc(100% - 12px),56% 100%,52% calc(100% - 12px),48% 100%,44% calc(100% - 12px),40% 100%,36% calc(100% - 12px),32% 100%,28% calc(100% - 12px),24% 100%,20% calc(100% - 12px),16% 100%,12% calc(100% - 12px),8% 100%,4% calc(100% - 12px),0 100%)}.site .btn-on-field{color:#050f16;background:#ff7a1f}.site [data-ui] .rt-hl{background:#fff1e6}
