*{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}:root{--brand-red:#d03737;--brand-blue:#255d98;--brand-yellow:#f4b01b;--navy:#0b2e47}.site-header{background:linear-gradient(135deg, var(--navy) 0%, #144a72 60%, var(--brand-blue) 100%);color:#fff;border-radius:14px;margin-bottom:14px;overflow:hidden;box-shadow:0 6px 20px #0b2e472e}.brand-bar{background:#fffffff5;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.company{color:var(--navy);letter-spacing:.04em;align-items:center;gap:8px;font-weight:700;text-decoration:none;display:inline-flex}.company:hover span{text-decoration:underline}.version-badge{color:#3c5368;background:#f0f5fa;border:1px solid #c9d7e4;border-radius:999px;padding:3px 10px;font-family:JetBrains Mono,Consolas,monospace;font-size:13px}.hero{padding:26px 20px 24px}.hero h1{letter-spacing:.01em;margin:0 0 6px;font-size:34px}.hero-tag{letter-spacing:.15em;vertical-align:middle;background:#ffffff24;border-radius:6px;margin-left:6px;padding:2px 10px;font-size:16px;font-weight:600}.hero p{color:#d7e5f2;margin:0;font-size:16px}.brand-stripe{grid-template-columns:1fr 1fr 1fr;height:5px;display:grid}.brand-stripe span:first-child{background:var(--brand-red)}.brand-stripe span:nth-child(2){background:var(--brand-blue)}.brand-stripe span:nth-child(3){background:var(--brand-yellow)}.site-footer{color:#587085;border-top:1px solid #d6e1ec;flex-wrap:wrap;align-items:center;gap:8px;margin-top:24px;padding-top:16px;font-size:13px;display:flex}.site-footer a{color:var(--navy);font-weight:600}.footer-version{margin-left:auto;font-family:JetBrains Mono,Consolas,monospace}@media (width<=600px){.hero h1{font-size:28px}.footer-version{margin-left:0}}.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}.dropzone{text-align:center;color:#0b2e47;cursor:pointer;background:#f7fafd;border:2px dashed #9fb6cc;border-radius:12px;justify-items:center;gap:6px;margin-bottom:10px;padding:24px 16px;transition:background .15s,border-color .15s;display:grid}.dropzone:hover,.dropzone-active{background:#e8f1fa;border-color:#0b2e47}.dropzone input{max-width:100%;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}.stat-sub{color:#587085;font-size:12px;font-weight:400}.clue-list{gap:8px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.clue{word-break:break-all;background:#f6fbf8;border-left:3px solid #b7ebc6;border-radius:4px;gap:2px;padding:6px 8px;display:grid}.clue-warn{background:#fffaeb;border-left-color:#f79009}.analyze-button{align-items:center;gap:8px;display:inline-flex}.form-error{margin-top:10px}.report-section{scroll-margin-top:12px}.report-active{min-height:80vh}.report-section h2:focus{outline:none}.analysis-loading{background:#eff4ff;border:1px solid #b2ccff;border-radius:10px;align-items:flex-start;gap:14px;margin-bottom:12px;padding:14px 16px;display:flex}.analysis-loading-text{flex:1}.analysis-loading-text strong{color:#0b2e47;font-size:16px}.analysis-loading-text p{margin:6px 0 0}.spinner{border:3px solid #c7d7fe;border-top-color:#255d98;border-radius:50%;flex:none;width:28px;height:28px;animation:.9s linear infinite spin}.spinner-small{border-width:2px;border-color:#fff #fff6 #fff6;width:14px;height:14px}.wait-track{background:#d1e0ff;border-radius:999px;height:6px;margin-top:10px;overflow:hidden}.wait-fill{background:#255d98;height:100%;transition:width 1s linear}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{border-top-color:#c7d7fe;animation:none}.wait-fill{transition:none}}.command-block{align-items:flex-start;gap:8px;margin:6px 0 10px;display:flex}.command-block pre{color:#e6f0f8;background:#0f1f2e;border-radius:6px;flex:1;margin:0;padding:8px 10px;font-family:JetBrains Mono,Consolas,monospace;font-size:13px;line-height:1.5;overflow-x:auto}.secondary.small{white-space:nowrap;padding:6px 10px;font-size:13px}.command-warning{color:#93370d;margin:4px 0 20px}.copy-review{background:#fffaeb;border:1px solid #fedf89;border-left:4px solid #f79009;border-radius:8px;margin-top:10px;padding:12px 14px}.copy-review p{margin:6px 0 0;font-size:14px}.copy-status{color:#166534;margin-top:8px}.diagnostics{gap:10px;margin:10px 0 0;padding:0;list-style:none;display:grid}.diagnostic{border:1px solid #d8e4ef;border-left-width:4px;border-radius:8px;padding:10px 12px}.diagnostic p{margin:6px 0 0}.diagnostic-high{background:#fffbfa;border-left-color:#d92d20}.diagnostic-medium{background:#fffcf5;border-left-color:#f79009}.diagnostic-low{border-left-color:#2e90fa}.diagnostic-info{border-left-color:#12b76a}.diagnostic-head{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.severity-badge,.grade-chip{white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:12px;font-weight:700}.severity-high{color:#b42318;background:#fee4e2}.severity-medium{color:#b54708;background:#fef0c7}.severity-low{color:#175cd3;background:#d1e9ff}.severity-info{color:#166534;background:#dcfce7}.grade-chip{color:#3c5368;background:#f8fafc;border:1px solid #c9d7e4;font-weight:600}.grade-inferred{border-style:dashed}.limitations{color:#3c5368;background:#f4f6f8;border-radius:8px;margin-top:12px;padding:10px 12px;font-size:14px}.limitations ul{margin:6px 0 0;padding-left:20px}.loop-card{border:1px solid #d8e4ef;border-radius:8px;margin-bottom:12px;padding:12px}.loop-card h3{margin:0 0 8px;font-size:15px}.loop-card-alert{background:#fffbfa;border-color:#fda29b}.loop-headline{color:#b42318;background:#fee4e2;border-radius:6px;margin:0 0 8px;padding:8px 10px;font-weight:700}.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}.field-hint{margin:-4px 0 12px}