:root{color:#e8edf5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#101827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans TC,sans-serif}*{box-sizing:border-box}body{background:#101827;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.app{width:100%;max-width:650px;min-height:100vh;margin:0 auto;padding:20px 16px 40px}.app-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.app-header h1{margin:0;font-size:25px;font-weight:750}.app-header p{color:#91a0b5;margin:6px 0 0;font-size:13px}.status{color:#7dd3fc;background:#203b55;border-radius:20px;padding:6px 11px;font-size:12px;font-weight:700}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.summary-card{background:#192538;border:1px solid #29374b;border-radius:13px;padding:16px}.summary-card span{color:#91a0b5;font-size:12px;display:block}.summary-card strong{overflow-wrap:anywhere;margin-top:9px;font-size:19px;display:block}.panel{background:#192538;border:1px solid #29374b;border-radius:15px;margin-bottom:16px;padding:17px}.panel h2{margin:0 0 15px;font-size:18px}.panel h3{margin:18px 0 10px;font-size:15px}.hint{color:#91a0b5;font-size:12px;line-height:1.6}.etf-row{border-bottom:1px solid #304057;padding:14px 0}.etf-row:last-child{border-bottom:none}.etf-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.etf-heading strong{letter-spacing:.3px;font-size:15px}.etf-heading span{color:#aab8ca;text-align:right;font-size:12px}.etf-input-row{align-items:center;gap:10px;display:flex}.etf-input-row input{color:#fff;background:#101827;border:1px solid #3b4d65;border-radius:8px;outline:none;width:100%;min-width:0;padding:11px;font-size:15px}.etf-input-row input:focus{border-color:#38bdf8}.target{color:#aab8ca;flex-shrink:0;font-size:12px}.deviation-row{color:#91a0b5;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:8px;margin-top:10px;font-size:11px;display:grid}.deviation-row strong{color:#e8edf5;text-align:right;font-size:12px}.positive{color:#fb7185!important}.negative{color:#38bdf8!important}.strategy-buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}.strategy-buttons button{color:#cbd5e1;background:#101827;border:1px solid #40516a;border-radius:9px;min-height:45px;font-size:13px}.strategy-buttons button.selected{color:#7dd3fc;background:#16405c;border-color:#38bdf8;font-weight:700}.lock-info{color:#aab8ca;justify-content:space-between;margin:18px 0;font-size:13px;display:flex}.lock-info strong{color:#7dd3fc}.primary-button,.secondary-button{border-radius:9px;width:100%;min-height:46px;margin-top:12px;padding:11px 14px;font-weight:700}.primary-button{color:#fff;background:#0284c7;border:none}.primary-button:disabled{opacity:.5;cursor:not-allowed}.secondary-button{color:#dbeafe;background:#25344a;border:1px solid #40516a}.result-summary{color:#aab8ca;grid-template-columns:1fr auto;gap:12px;margin:15px 0;font-size:13px;display:grid}.result-summary strong{color:#fff;text-align:right}.trade-row{border-bottom:1px solid #304057;grid-template-columns:55px 45px 1fr;align-items:center;gap:8px;padding:11px 0;font-size:12px;display:grid}.trade-row span:last-child{color:#91a0b5;grid-column:3;font-size:11px}footer{color:#64748b;text-align:center;padding:15px 0;font-size:11px}footer p{margin:5px 0}@media (width>=600px){.app{padding-top:32px}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}