:root{--font-sans: system-ui, -apple-system, "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", sans-serif;--font-display: "Outfit", var(--font-sans);--fs-1: 12px;--fs-2: 14px;--fs-3: 16px;--fs-4: 20px;--fs-hero: clamp(36px, 7vw, 72px);--fs-title: clamp(28px, 4.5vw, 48px);--fs-display: clamp(44px, 9vw, 60px);--radius-field: 10px;--radius-panel: 16px;--ease-out: cubic-bezier(.2, .8, .2, 1)}.night{--bg: #000;--panel: #0c0e12;--field: #14171d;--field-edge: #68707c;--ink: #f5f6f8;--ink-2: #b4bac4;--ink-3: #8f97a3;--rule: #262a31;--lamp: #ffb547;--lamp-fill: #ffc46b;--lamp-glow: rgba(255, 181, 71, .3);--up: #ff5d5d;--down: #2ec4a0;--alert: #ff7a6e;color-scheme:dark;background:var(--bg);color:var(--ink)}.day{--bg: #fff;--panel: #f3f5f7;--field: #fff;--field-edge: #8a929d;--ink: #121417;--ink-2: #4a515c;--ink-3: #5f6773;--rule: #e4e7eb;--lamp: #9a5d00;--lamp-fill: #e0a030;--lamp-glow: rgba(224, 160, 48, .3);--up: #d6332a;--down: #12805f;--alert: #c0322a;--chart-line: #3b5bdb;--chart-fill: rgba(59, 91, 219, .2);color-scheme:light;background:var(--bg);color:var(--ink)}@media(prefers-color-scheme:dark){.day{--bg: #0b0d10;--panel: #15181d;--field: #15181d;--field-edge: #6e7682;--ink: #eef0f3;--ink-2: #aab1bc;--ink-3: #8c95a1;--rule: #22262d;--lamp: #ffb547;--lamp-fill: #ffc46b;--up: #ff5d5d;--down: #2ec4a0;--alert: #ff7a6e;--chart-line: #7d95ff;--chart-fill: rgba(125, 149, 255, .22);color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:#000}body{margin:0;background:#000;font-family:var(--font-sans);font-size:var(--fs-3);line-height:1.7;-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word;line-break:strict}h1,h2,h3{text-wrap:balance}p,li{text-wrap:pretty}a{color:var(--ink-2);text-underline-offset:3px}a:hover{color:var(--ink)}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.num{font-family:var(--font-display);font-variant-numeric:tabular-nums}.wrap{width:100%;max-width:1080px;margin:0 auto;padding:0 16px}@media(min-width:720px){.wrap{padding:0 32px}}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:64px}.brand{display:inline-flex;align-items:center;min-height:40px;gap:10px;font-size:var(--fs-3);font-weight:700;color:var(--ink);text-decoration:none}.brand-mark{position:relative;width:10px;height:18px}.brand-mark:before{content:"";position:absolute;left:4px;top:0;width:2px;height:11px;background:var(--ink-2)}.brand-mark:after{content:"";position:absolute;left:0;top:9px;width:10px;height:10px;border-radius:50%;background:var(--lamp-fill);box-shadow:0 0 10px 3px var(--lamp-glow)}.topbar-link{display:inline-flex;align-items:center;min-height:40px;font-size:var(--fs-2);text-decoration:none}.hero{text-align:center;padding-top:clamp(32px,7vw,72px)}.hero h1{font-family:var(--font-display);font-size:var(--fs-hero);font-weight:700;line-height:1.12;letter-spacing:-.02em;margin:0}.hero>p{max-width:30em;margin:20px auto 0;font-size:clamp(16px,2vw,18px);color:var(--ink-2)}.hero .hero-note{margin-top:12px;font-size:var(--fs-1);color:var(--ink-3)}.cta{position:relative;isolation:isolate;display:inline-flex;align-items:center;min-height:48px;margin-top:28px;padding:0 34px 0 24px;font-size:var(--fs-3);font-weight:600;color:#000;text-decoration:none;transition:transform .1s ease-out}.cta:before{content:"";position:absolute;inset:0;z-index:-1;background:#fff;border-radius:12px 0 0 12px;clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%);transition:background-color .15s ease-out}.cta:hover{color:#000}.cta:hover:before{background:#e6e8eb}.cta:active{transform:scale(.97)}.horizon{position:relative;height:clamp(240px,40vw,480px);margin-top:clamp(8px,3vw,32px);overflow:hidden}.horizon-layer{position:absolute;left:-4%;top:-16px;width:108%;height:calc(100% + 32px)}.horizon[data-parallax-on] .horizon-layer{will-change:transform}.horizon-price{font-family:var(--font-display);font-size:22px;font-weight:600;fill:#fff;fill-opacity:.9}.horizon-caption{position:absolute;left:0;right:0;bottom:12px;margin:0;text-align:center;font-size:var(--fs-1);color:var(--ink-3)}.calc-block{padding:24px 0 96px}.desk{display:grid;gap:32px;align-items:start}@media(min-width:860px){.desk{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}}.fields{display:grid;gap:16px}@media(min-width:480px){.fields{grid-template-columns:1fr 1fr}.fields .full{grid-column:1 / -1}}.field label{display:block;font-size:var(--fs-2);font-weight:600;margin-bottom:6px}.field .hint{display:block;font-size:var(--fs-1);color:var(--ink-3);margin-top:4px}.input-wrap{--unit-w: 48px;position:relative;display:flex;align-items:center}.input-wrap--wide{--unit-w: 68px}.input-wrap .unit{position:absolute;right:14px;color:var(--ink-3);font-size:var(--fs-2);pointer-events:none}input{width:100%;font:inherit;font-size:var(--fs-3);font-variant-numeric:tabular-nums;color:var(--ink);background:var(--field);border:1px solid var(--field-edge);border-radius:var(--radius-field);padding:11px 14px;min-height:50px;transition:border-color .15s ease-out,box-shadow .15s ease-out}input[type=number]{font-family:var(--font-display);font-size:18px;font-weight:500}.input-wrap input{padding-right:var(--unit-w)}input[type=number]{appearance:textfield;-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::placeholder{color:var(--ink-3);font-family:var(--font-sans);font-size:var(--fs-3);font-weight:400}input:hover{border-color:var(--ink-3)}input:focus{border-color:var(--ink);outline:none;box-shadow:0 0 0 1px var(--ink)}details.advanced{margin-top:20px;border-top:1px solid var(--rule);padding-top:8px}details.advanced summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;color:var(--ink-2);font-size:var(--fs-2);font-weight:600;padding:10px 0}details.advanced summary::-webkit-details-marker{display:none}details.advanced summary:before{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .15s ease-out}details.advanced[open] summary:before{transform:rotate(45deg)}details.advanced summary:hover{color:var(--ink)}details.advanced .fields{margin-top:8px}.error{color:var(--alert);font-size:var(--fs-2);font-weight:600;margin:16px 0 0}.rig{background:var(--panel);border-radius:var(--radius-panel);box-shadow:0 0 0 1px var(--rule),0 24px 80px -32px var(--lamp-glow);padding:24px 20px}@media(min-width:860px){.rig{position:sticky;top:16px;padding:32px}}.rig-empty{margin:0;color:var(--ink-3)}.hang-note{margin:4px 0 0 44px;font-size:var(--fs-2);color:var(--ink-2)}.hang{--cord: 96px;position:relative;display:grid;grid-template-rows:32px var(--cord) 64px;padding-left:44px;transition:grid-template-rows .28s var(--ease-out)}.hang p{margin:0}.hang-anchor{align-self:center;line-height:32px;color:var(--ink-2)}.hang-anchor .num{font-size:var(--fs-4);font-weight:600;color:var(--ink)}.hang-length{align-self:center;font-size:var(--fs-2);font-variant-numeric:tabular-nums;color:var(--ink-3)}.hang-stop{align-self:center;line-height:64px;color:var(--ink-2);white-space:nowrap}.hang-label{font-size:var(--fs-2);margin-right:8px}.stop-num{font-size:var(--fs-display);font-weight:600;letter-spacing:-.02em;color:var(--lamp)}.pendulum{--bulb-lift: calc(var(--fs-display) * .11);position:absolute;left:13px;top:16px;width:18px;height:calc(var(--cord) + 48px - var(--bulb-lift));transform-origin:50% 0;transition:height .28s var(--ease-out)}.hang:before{content:"";position:absolute;left:8px;top:15px;width:28px;height:2px;background:var(--ink-2)}.pendulum:before{content:"";position:absolute;left:8px;top:0;bottom:9px;width:2px;background:var(--ink-2)}.bulb{position:absolute;left:0;bottom:-9px;width:18px;height:18px;border-radius:50%;background:var(--lamp-fill);box-shadow:0 0 0 6px var(--lamp-glow),0 0 32px 10px var(--lamp-glow)}.pendulum.swing{animation:swing .9s var(--ease-out)}@keyframes swing{15%{transform:rotate(5deg)}45%{transform:rotate(-3deg)}72%{transform:rotate(1.2deg)}to{transform:rotate(0)}}.figures{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0 0;padding-top:20px;border-top:1px solid var(--rule)}.figures div{min-width:0}.figures dt{font-size:var(--fs-2);color:var(--ink-2)}.figures dd{margin:0;font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:32px;font-weight:600;letter-spacing:-.01em;line-height:1.2}.figures small,.details small{font-family:var(--font-sans);font-size:var(--fs-2);font-weight:400;letter-spacing:0;color:var(--ink-2);margin:0 2px}.details{display:grid;grid-template-columns:1fr auto;gap:6px 16px;margin:20px 0 0;font-size:var(--fs-2)}.details dt{color:var(--ink-3)}.details dd{margin:0;text-align:right;font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:var(--fs-3);font-weight:500}.details dd.is-stop{color:var(--lamp);font-weight:600}.result-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:20px}button{font:inherit;cursor:pointer}.btn{font-size:var(--fs-2);font-weight:600;color:var(--ink);background:transparent;border:1px solid var(--field-edge);border-radius:var(--radius-field);padding:10px 18px;min-height:44px;transition:background-color .15s ease-out,border-color .15s ease-out,transform .1s ease-out}.btn:hover{background:color-mix(in srgb,var(--ink) 8%,transparent);border-color:var(--ink-3)}.btn:active{transform:scale(.97)}.copied{font-size:var(--fs-2);color:var(--ink-2)}.warn{font-size:var(--fs-1);color:var(--ink-3);margin:16px 0 0}.trail{margin-top:48px;padding-top:24px;border-top:1px solid var(--rule)}.trail h3{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:var(--fs-4);margin:0 0 12px}.trail .details{max-width:28em;margin:0}.trail-status{font-size:var(--fs-2);font-weight:600;font-variant-numeric:tabular-nums;padding:2px 12px;border-radius:999px;background:color-mix(in srgb,var(--ink) 10%,transparent);color:var(--ink-2)}.trail-status.hit{background:color-mix(in srgb,var(--alert) 16%,transparent);color:var(--alert)}.day-section{padding-top:clamp(64px,9vw,112px)}.day-section:last-child{padding-bottom:clamp(64px,9vw,112px)}.day-title{font-family:var(--font-display);font-size:var(--fs-title);font-weight:700;line-height:1.2;letter-spacing:-.02em;text-align:center;margin:0 0 clamp(24px,4vw,48px)}.chart-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;margin-bottom:12px}.chart-name{font-weight:700}.seg{display:inline-flex;padding:3px;border-radius:12px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--rule)}.seg button{min-height:40px;padding:0 16px;border:0;border-radius:9px;font-size:var(--fs-2);font-weight:600;color:var(--ink-2);background:transparent;transition:background-color .15s ease-out,color .15s ease-out,box-shadow .15s ease-out}.seg button:hover{color:var(--ink)}.seg button[aria-pressed=true]{color:var(--ink);background:var(--bg);box-shadow:0 0 0 1px var(--rule),0 1px 3px #0000001f}#chart{width:100%;height:360px}@media(min-width:560px){#chart{height:480px}}.legend{display:flex;flex-wrap:wrap;gap:8px 20px;margin:12px 0 0;font-size:var(--fs-2);color:var(--ink-2)}.legend i{display:inline-block;width:18px;height:0;border-top:2px solid var(--lamp);vertical-align:middle;margin-right:8px}.legend .dashed i{border-top-style:dashed}.steps{list-style:none;counter-reset:step;margin:0;padding:0;display:grid;gap:40px 56px}@media(min-width:720px){.steps{grid-template-columns:1fr 1fr}}.steps li{counter-increment:step;color:var(--ink-2)}.steps li:before{content:counter(step);display:block;font-family:var(--font-display);font-size:44px;font-weight:600;line-height:1;color:var(--ink-3);margin-bottom:14px}.steps strong{display:block;font-size:var(--fs-4);color:var(--ink);margin-bottom:6px}.steps .formula{display:block;margin-top:10px;padding:10px 14px;border-radius:var(--radius-field);background:var(--panel);color:var(--ink);font-size:var(--fs-2);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.steps .formula:empty{display:none}.steps .aside{display:block;margin-top:10px;font-size:var(--fs-2);color:var(--ink-3)}.ad-slot{width:fit-content;max-width:100%;margin:64px auto 0}.ad-slot-label{display:block;margin-bottom:6px;font-size:var(--fs-1);color:var(--ink-3)}.ad-slot-units{display:flex;justify-content:center;gap:16px}.ad-unit{flex:none;max-width:100%;display:grid;place-items:center;border:1px dashed var(--rule);border-radius:8px;font-family:var(--font-display);font-size:var(--fs-1);color:var(--ink-3)}.ad-unit:after{content:var(--ad-size)}.ad-billboard .ad-unit{width:336px;height:280px;--ad-size: "336 × 280"}.ad-leaderboard .ad-unit{width:300px;height:250px;--ad-size: "300 × 250"}.ad-double-rect .ad-unit{width:336px;height:280px;--ad-size: "336 × 280"}.ad-double-rect .ad-unit--second{display:none}@media(min-width:752px){.ad-double-rect .ad-unit--second{display:grid}}@media(min-width:800px){.ad-billboard .ad-unit,.ad-leaderboard .ad-unit{width:728px;height:90px;--ad-size: "728 × 90"}}@media(min-width:1034px){.ad-billboard .ad-unit{width:970px;height:250px;--ad-size: "970 × 250"}}footer{padding:40px 0 48px;font-size:var(--fs-2);color:var(--ink-3)}footer p{margin:0 0 8px;max-width:44em}.footer-links{display:flex;flex-wrap:wrap;gap:0 24px;margin-top:8px}.footer-links a{display:inline-flex;align-items:center;min-height:40px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}.chart-note{max-width:44em;margin:8px 0 0;font-size:var(--fs-2);color:var(--ink-2)}