*{box-sizing:border-box}body{color:#0f1f2e;background:#f3f7fb;margin:0;font-family:Noto Sans TC,Segoe UI,sans-serif}#app{min-height:100vh}.container{max-width:980px;margin:0 auto;padding:24px 16px 40px}.banner{border:1px solid;border-radius:10px;margin-bottom:12px;padding:10px 12px;font-weight:700}.banner-demo{color:#8a2c0d;background:#fff4e5;border-color:#ffd8a8}.banner-live{color:#166534;background:#ecfdf3;border-color:#b7ebc6}.header h1{color:#0b2e47;margin:0 0 8px}.header p{color:#3c5368;margin:0 0 20px}.card{background:#fff;border:1px solid #d6e1ec;border-radius:12px;margin-bottom:14px;padding:16px}.card h2,.card h3{color:#0b2e47;margin:0 0 12px}.field{gap:6px;margin-bottom:10px;display:grid}.field input,.field textarea,.field select{border:1px solid #bccbdd;border-radius:8px;width:100%;padding:10px;font-family:inherit;font-size:14px}.field-group{flex:1;min-width:250px}.setting-group{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;margin-bottom:10px;display:grid}textarea{border:1px solid #bccbdd;border-radius:8px;width:100%;padding:10px;font-family:JetBrains Mono,Consolas,monospace;font-size:14px}.scenario-group{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.mode-switch{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.chip{color:#20405a;cursor:pointer;background:#f0f5fa;border:1px solid #b4c6d8;border-radius:999px;padding:8px 12px}.chip-active{color:#fff;background:#0b2e47;border-color:#0b2e47}.primary,.secondary{cursor:pointer;border:0;border-radius:8px;padding:10px 14px;font-weight:600}.primary{color:#fff;background:#0b2e47}.primary:disabled{opacity:.6;cursor:not-allowed}.secondary{color:#163248;background:#e7eef5}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:12px;display:grid}.stat-item{border:1px solid #d8e4ef;border-radius:8px;gap:4px;padding:10px;display:grid}.stat-item strong{color:#0b2e47}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.chart-card{border:1px solid #d8e4ef;border-radius:8px;padding:10px}.chart-card h3{margin:0 0 8px;font-size:15px}.compact-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.compact-list li{border-bottom:1px dashed #e1eaf2;justify-content:space-between;gap:8px;padding-bottom:4px;display:flex}.compact-list li:last-child{border-bottom:0;padding-bottom:0}.donut-wrap{grid-template-columns:120px 1fr;align-items:center;gap:10px;display:grid}.legend{gap:4px;margin:0;padding:0;list-style:none;display:grid}.legend li{align-items:center;gap:6px;display:flex}.legend-dot{border-radius:999px;width:10px;height:10px;display:inline-block}.bar-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.bar-line{justify-content:space-between;gap:8px;font-size:13px;display:flex}.bar-track{background:#ecf2f8;border-radius:999px;height:8px;overflow:hidden}.bar-fill{background:#0b2e47;height:100%}.btn-row{gap:8px;margin-top:8px;display:flex}.hint{color:#587085;margin:0}.error{color:#b42318;background:#fef3f2;border:1px solid #fecdca;border-radius:8px;padding:10px}.summary{margin-top:0}.risk{border-radius:999px;padding:6px 10px;font-weight:700;display:inline-block}.risk-critical{color:#b42318;background:#fee4e2}.risk-warning{color:#b54708;background:#fef0c7}.risk-info{color:#1d4ed8;background:#dbeafe}.risk-normal{color:#166534;background:#dcfce7}