:root{--ink:#172637;--muted:#708092;--border:#e5ebef;--mint:#21c7a8;--navy:#132538;--canvas:#f5f8fa;--card:#fff;--font-sans:Arial,"Noto Sans TC",sans-serif}
*{box-sizing:border-box}html{background:var(--canvas)}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Arial,"Noto Sans TC","PingFang TC",sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}.app-shell{min-height:100vh}.topbar{height:68px;background:#142638;color:white;border-bottom:1px solid #293c4d;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1440px)/2));}.brand{height:100%;display:flex;align-items:center;gap:11px;color:#f5f8fb;font-size:17px;font-weight:750;letter-spacing:.015em;text-decoration:none}.brand-light{color:#aab9c6;font-weight:500}.brand-mark{width:28px;height:28px;background:#153b49;border:1px solid #2a5a61;border-radius:8px;display:flex;align-items:end;justify-content:center;gap:3px;padding:6px}.brand-mark i{display:block;width:3px;border-radius:3px;background:#23c7a8}.brand-mark i:nth-child(1){height:7px}.brand-mark i:nth-child(2){height:12px}.brand-mark i:nth-child(3){height:9px}.topbar-right{display:flex;align-items:center;gap:15px;color:#b0bfcc;font-size:12px}.market-pill{display:flex;align-items:center;gap:7px;color:#d5e1e7}.pulse-dot,.live-dot{width:7px;height:7px;border-radius:50%;background:#26c999;box-shadow:0 0 0 3px #26c99920}.header-divider{height:16px;width:1px;background:#3b4d5e}.header-caption{letter-spacing:.08em;text-transform:uppercase}.content{max-width:1440px;margin:0 auto;padding:35px 32px 30px}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:25px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.15em;color:#8494a2;margin:0 0 10px}.page-intro h1{font-size:29px;letter-spacing:-.04em;line-height:1.2;margin:0;color:#14283a;font-weight:720}.intro-copy{margin:9px 0 0;color:#748393;font-size:14px}.intro-date{display:flex;gap:9px;align-items:center;color:#708091;font-size:12px;padding-bottom:4px}.workspace{display:grid;grid-template-columns:340px minmax(0,1fr);gap:16px;align-items:stretch}.config-panel,.results-panel{background:var(--card);border:1px solid #e5ebef;border-radius:13px;box-shadow:0 2px 5px #15263705}.config-panel{padding:22px 22px 18px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.panel-heading>div{display:flex;align-items:center;gap:10px}.step{font:600 10px/1 ui-monospace,monospace;letter-spacing:.08em;color:#8192a1;border:1px solid #e4eaee;border-radius:5px;padding:5px 6px}.panel-heading h2{font-size:16px;margin:0;font-weight:680;letter-spacing:-.02em}.tiny-label{color:#9aa7b2;font-size:9px;letter-spacing:.12em}.field{margin-bottom:19px}.field>label,.range-inputs>label{display:block;font-size:12px;font-weight:650;color:#435567;margin:0 0 8px}.field select,.window-inputs input,.money-field,.cost-fields input{width:100%;height:39px;border:1px solid #dfe6eb;background:#fff;border-radius:7px;color:#26394b;padding:0 10px;font-size:13px;outline:0}.field select:focus,.window-inputs input:focus,.money-field:focus-within,.cost-fields input:focus{border-color:#68bfae;box-shadow:0 0 0 3px #2ac5a518}.field-hint{display:block;color:#93a0ab;font-size:11px;margin-top:7px}.range-inputs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.range-inputs>span{color:#96a2ad;font-size:11px}.range-inputs select{min-width:0}.strategy-chip{display:flex;align-items:center;gap:10px;border:1px solid #dcebe8;background:#f7fbfa;border-radius:8px;padding:10px;margin-bottom:9px}.strategy-icon{width:28px;height:28px;border-radius:7px;background:#e5f6f1;color:#109d82;display:grid;place-items:center;font-size:21px}.strategy-chip strong,.strategy-chip small{display:block}.strategy-chip strong{font-size:12px;font-weight:650}.strategy-chip small{font-size:10px;color:#82918f;margin-top:3px}.custom-tag{margin-left:auto;border:1px solid #d9ebe6;background:#f0faf6;color:#268e78;font-size:9px;border-radius:4px;padding:3px 5px}.window-inputs{grid-template-columns:1fr 1fr;gap:10px}.window-inputs>label,.money-inputs>label{margin:0;font-size:10px;color:#728190;display:flex;align-items:center;gap:6px}.window-inputs input{height:32px;padding:0 8px;max-width:100px;margin-left:auto;font-size:12px}.window-inputs label>span{font-size:10px;color:#8a98a5}.money-inputs{grid-template-columns:1fr 1fr;gap:10px}.money-inputs>label{display:block}.money-field{height:36px;margin-top:6px;display:flex;align-items:center;gap:4px;padding:0 8px;color:#8493a0}.money-field input{border:0;outline:0;width:100%;min-width:0;height:100%;background:transparent;color:#26394b;text-align:right;font-size:12px}.cost-details{border-top:1px solid #edf0f2;padding-top:13px;margin:1px 0 15px}.cost-details summary{cursor:pointer;list-style:none;font-size:11px;font-weight:620;color:#617182;display:flex;justify-content:space-between}.cost-details summary::-webkit-details-marker{display:none}.cost-details summary span{color:#9aa6b0;font-weight:400}.cost-fields{margin-top:12px;grid-template-columns:1fr 1fr}.cost-fields label{font-size:10px;color:#7b8995}.cost-fields input{height:32px;margin-top:5px;padding:0 8px;font-size:12px}.run-button{width:100%;height:43px;display:flex;align-items:center;justify-content:center;gap:10px;background:#0f7264;color:#fff;border:0;border-radius:7px;font-size:13px;font-weight:650;cursor:pointer;box-shadow:0 2px 4px #0a655615;transition:background .15s,transform .15s}.run-button:hover:not(:disabled){background:#0b6257;transform:translateY(-1px)}.run-button:disabled{opacity:.65;cursor:wait}.run-button span{font-size:17px}.spinner{width:15px;height:15px;border:2px solid #ffffff55;border-top-color:white;border-radius:50%;animation:spin .8s linear infinite}.spinner.dark{border-color:#c7d9d6;border-top-color:#0b8372}@keyframes spin{to{transform:rotate(360deg)}}.validation,.error-box{font-size:11px;line-height:1.5;margin:9px 0 0;color:#a84635}.error-box{background:#fff4f1;border:1px solid #f1d8d1;border-radius:6px;padding:9px}.config-footnote{font-size:10px;line-height:1.6;color:#95a1ac;margin:11px 0 0}.results-panel{padding:22px;min-width:0}.results-top{display:flex;align-items:flex-start;justify-content:space-between}.results-heading{margin-bottom:0}.compare-note{font-size:10px;color:#97a3ad}.range-badge{padding:6px 9px;border:1px solid #e7ecef;border-radius:5px;color:#768592;font:11px ui-monospace,monospace}.empty-result{padding:25px 8px 10px}.empty-chart{position:relative;height:255px;padding:0 0 0 53px}.empty-chart svg{width:100%;height:190px;display:block;overflow:visible}.empty-y{position:absolute;top:6px;left:0;height:176px;display:flex;flex-direction:column;justify-content:space-between;color:#a2adb6;font-size:9px}.empty-y span{font-size:9px;color:#8796a3;margin-bottom:2px}.empty-y i{font-style:normal}.empty-rule{stroke:#edf1f3;stroke-width:1}.ghost-line{fill:none;stroke:#89cfc0;stroke-width:2;stroke-dasharray:4 5;opacity:.68}.empty-x{display:flex;justify-content:space-between;color:#9ba7b1;font-size:9px;margin-top:-2px}.empty-message{display:flex;gap:12px;align-items:center;border-top:1px solid #edf1f3;padding:18px 5px 4px}.empty-spark{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#e9f8f4;color:#16a98e;font-size:17px}.empty-message strong{font-size:13px;font-weight:650}.empty-message p{margin:4px 0 0;color:#82909d;font-size:11px}.comparison-preview{border-top:1px solid #edf1f3;margin-top:20px;padding-top:15px}.preview-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.preview-head h3,.chart-title-row h3,.table-heading h3{margin:0;font-size:12px;font-weight:680}.preview-head>span{font-size:10px;color:#9ba6af}.preview-item{display:flex;align-items:center;gap:9px;min-height:34px;border-bottom:1px solid #f1f3f5;font-size:11px;color:#445666}.preview-item:last-child{border-bottom:0}.preview-item small{margin-left:auto;font-size:10px;color:#95a2ad}.legend-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#21c7a8;flex:none}.legend-1{background:#aebdcc}.legend-2{background:#f0a84b}.loading-state{height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#728292}.loading-state strong{font-size:14px;color:#42576a}.loading-state span:last-child{font-size:12px}.metric-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px;margin:18px 0 12px}.metric-card{border:1px solid #ebeff2;border-radius:8px;padding:12px 14px;min-width:0}.metric-card.featured{background:#f1faf7;border-color:#dbeee8}.metric-label,.metric-sub{display:block;color:#81909d;font-size:10px}.metric-card strong{display:block;font-size:21px;letter-spacing:-.035em;margin:6px 0 4px;color:#203448;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-card.featured strong{color:#0d806e}.metric-sub{font-size:10px}.chart-card,.comparison-table{border:1px solid #ebeff2;border-radius:8px;padding:13px 14px;margin-top:12px}.chart-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.chart-title-row span{display:block;margin-top:4px;color:#8b98a3;font-size:10px}.legend{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.legend>span{display:flex;align-items:center;gap:6px;color:#687887;font-size:10px}.chart-wrap{width:100%;overflow:hidden;margin-top:9px}.chart{width:100%;height:auto;min-height:185px;display:block}.chart-rule{stroke:#eef1f3;stroke-width:1}.chart-axis{fill:#94a0aa;font-size:10px}.table-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.table-heading>span{font-size:10px;color:#929fa9}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:11px;text-align:right}thead th{font-size:10px;font-weight:500;color:#929eaa;padding:8px 7px;border-bottom:1px solid #edf0f2;white-space:nowrap}thead th:first-child,tbody td:first-child{text-align:left}tbody td{padding:10px 7px;border-bottom:1px solid #f0f2f4;color:#566778;white-space:nowrap}tbody tr:last-child td{border-bottom:0}tbody td:first-child{font-weight:600;color:#435669}tbody td:first-child .legend-dot{margin-right:7px;vertical-align:middle}.table-value{font-weight:650;color:#253b4f}.positive{color:#12846f;font-weight:600}.negative{color:#bb6659}.assumption-note{display:flex;gap:10px;align-items:flex-start;padding:12px 2px 1px;color:#8996a0;font-size:10px;line-height:1.6}.assumption-note strong{white-space:nowrap;color:#667787;font-weight:620}.chart-empty{height:240px;display:grid;place-items:center;position:relative;color:#91a0ac;font-size:12px}.chart-grid{position:absolute;inset:20px 0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 47px,#eef1f3 48px)}.chart-empty-mark{position:relative;z-index:1;color:#6dbdab;font-size:30px}.chart-empty p{position:relative;z-index:1;background:#fff;padding:5px 9px;margin:0}.disclaimer{display:flex;align-items:flex-start;gap:10px;border:1px solid #e6ebee;border-radius:9px;background:#fbfcfd;margin-top:15px;padding:13px 15px;color:#7e8b97}.disclaimer-icon{flex:none;border:1px solid #cad5dc;color:#7f8f9c;border-radius:50%;width:17px;height:17px;text-align:center;font-size:11px;line-height:15px}.disclaimer p{margin:0;font-size:10px;line-height:1.65;flex:1}.disclaimer p strong{color:#617281;font-weight:700}.disclaimer a{white-space:nowrap;color:#567b79;text-decoration:none;font-size:10px;padding-top:2px}.disclaimer a:hover{text-decoration:underline}
@media(max-width:1000px){.content{padding:28px 22px}.workspace{grid-template-columns:300px minmax(0,1fr);gap:12px}.config-panel,.results-panel{padding:18px}.metric-card strong{font-size:18px}.compare-note{display:none}}
@media(max-width:760px){.topbar{height:60px;padding:0 18px}.topbar-right{gap:9px}.header-caption,.header-divider{display:none}.content{padding:25px 15px 22px}.page-intro{display:block;margin-bottom:18px}.page-intro h1{font-size:25px}.intro-date{margin-top:14px}.workspace{grid-template-columns:1fr}.config-panel{order:0}.results-panel{order:1}.results-panel,.config-panel{padding:17px}.empty-result{padding-top:12px}.metric-row{grid-template-columns:1fr 1fr}.metric-card:first-child{grid-column:1/-1}.metric-card strong{font-size:20px}.range-badge{font-size:10px}.disclaimer{flex-wrap:wrap}.disclaimer a{margin-left:27px}.chart-title-row{display:block}.legend{justify-content:flex-start;margin-top:9px}.chart{min-height:165px}}
@media(max-width:390px){.content{padding-left:11px;padding-right:11px}.range-inputs{gap:6px}.config-panel,.results-panel{padding:14px}.metric-card{padding:10px}.metric-card strong{font-size:17px}.topbar{padding:0 13px}}
.symbol-options{display:grid;grid-template-columns:1fr;gap:6px}.symbol-option{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid #e4eaee;border-radius:7px;cursor:pointer;background:#fff}.symbol-option.selected{border-color:#a8d9ce;background:#f5fbf9}.symbol-option input{accent-color:#0f8a76}.symbol-option strong,.symbol-option small{display:block}.symbol-option strong{font-size:11px;color:#344a5d}.symbol-option small{font-size:10px;color:#8795a0;margin-top:2px}.strategy-inputs{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.strategy-inputs>label{font-size:10px;color:#728190}.strategy-inputs input{width:100%;height:32px;border:1px solid #dfe6eb;border-radius:6px;padding:0 8px;margin-top:5px;font-size:12px;color:#26394b}.strategy-inputs small{display:block;font-size:9px;color:#8a98a5;font-weight:400;margin-top:2px}.legend-3{background:#6f8fe8}.legend-4{background:#d780a8}.legend-5{background:#73a86c}
.symbol-add{display:flex;gap:7px}.symbol-add input{height:37px;min-width:0;flex:1;border:1px solid #dfe6eb;border-radius:7px;padding:0 10px;font-size:13px;color:#26394b;outline:0}.symbol-add input:focus{border-color:#68bfae;box-shadow:0 0 0 3px #2ac5a518}.symbol-add button{border:1px solid #b8d9d2;background:#f3faf8;color:#147666;border-radius:7px;padding:0 14px;font-size:12px;font-weight:650;cursor:pointer}.symbol-add button:disabled{opacity:.5;cursor:not-allowed}.selected-symbols{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.selected-symbol{display:flex;align-items:center;gap:6px;border:1px solid #b8d9d2;background:#eff8f5;color:#24675d;border-radius:20px;padding:3px 8px;font:600 11px ui-monospace,monospace}.selected-symbol button{border:0;background:none;color:#5e817c;font-size:16px;line-height:1;cursor:pointer;padding:0}.selected-symbol button:disabled{opacity:.35;cursor:not-allowed}.symbol-presets{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:9px}.symbol-presets>span{font-size:10px;color:#8997a2;margin-right:2px}.symbol-presets button{border:1px solid #e4eaee;background:#fff;color:#657687;border-radius:5px;padding:4px 6px;font-size:10px;cursor:pointer}.symbol-presets button:disabled{opacity:.4;cursor:not-allowed}

.seo-guide{max-width:1440px;margin:22px auto 44px;padding:0 32px;color:#26394b}.seo-guide-inner{border:1px solid #e5ebef;border-radius:13px;background:#fff;padding:28px 30px}.seo-kicker{margin:0 0 8px;color:#138a76;font-size:13px;font-weight:700;letter-spacing:.04em}.seo-guide h2{margin:0;color:#14283a;font-size:23px;line-height:1.35;letter-spacing:-.02em}.seo-lede{max-width:850px;margin:10px 0 12px;color:#647587;font-size:16px;line-height:1.75}.seo-workspace-link{display:inline-block;margin:0 0 20px;color:#117866;font-size:14px;font-weight:650;text-decoration:underline;text-underline-offset:3px}.seo-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 30px;border-top:1px solid #edf0f2;padding-top:19px}.seo-guide-grid section{min-width:0}.seo-guide-grid h3{margin:0 0 8px;color:#31495d;font-size:16px}.seo-guide-grid p,.seo-guide-grid li{color:#627384;font-size:14px;line-height:1.8}.seo-guide-grid p{margin:0}.seo-guide-grid ul{margin:0;padding-left:20px}.seo-disclaimer{margin:19px 0 0;padding-top:14px;border-top:1px solid #edf0f2;color:#748393;font-size:14px;line-height:1.7}.seo-disclaimer strong{color:#475d70}
@media(max-width:760px){.seo-guide{margin:16px auto 30px;padding:0 15px}.seo-guide-inner{padding:21px 18px}.seo-guide h2{font-size:20px}.seo-guide-grid{grid-template-columns:1fr;gap:15px}.seo-lede{font-size:15px}}