:root{font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#182235;background:#edf2f4;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,select,input{font:inherit}button{border:0}.app-shell{min-height:100vh;background:linear-gradient(135deg,rgba(24,55,85,.1),transparent 34%),linear-gradient(315deg,rgba(21,111,99,.11),transparent 36%),#edf2f4;padding:28px}.hero-band,.upload-panel,.analysis-band,.result-panel,.content-panel,.summary-card{border:1px solid rgba(112,132,157,.24);border-radius:8px;background:#ffffffe6;box-shadow:0 18px 50px #18223514}.hero-band{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:28px;align-items:end;min-height:290px;padding:34px;background:linear-gradient(135deg,#121f31fa,#114b49e6),radial-gradient(circle at 80% 18%,rgba(226,160,66,.25),transparent 30%);color:#fff;overflow:hidden}.hero-copy h1{max-width:900px;margin:0;font-size:clamp(34px,4vw,58px);line-height:1.08;letter-spacing:0}.hero-text{max-width:780px;margin:18px 0 0;color:#ffffffc2;font-size:17px;line-height:1.75}.eyebrow{margin:0 0 10px;color:#de9e43;font-size:13px;font-weight:800}.hero-metrics{display:grid;gap:10px}.hero-metrics div{min-height:86px;border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:16px;background:#ffffff14}.hero-metrics strong{display:block;margin-bottom:8px;font-size:22px;letter-spacing:0}.hero-metrics span{color:#ffffffb8}.workspace-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px;margin-top:20px;align-items:start}.side-rail,.main-flow{display:grid;gap:16px}.content-panel,.upload-panel,.analysis-band,.result-panel{padding:22px}.panel-heading{display:flex;align-items:center;gap:10px;margin-bottom:18px}.panel-heading h2,.content-panel h3{margin:0;color:#172033;font-size:20px;letter-spacing:0}.panel-heading.spread,.risk-module-head,.progress-topline,.report-bar{display:flex;justify-content:space-between;align-items:center;gap:16px}.clean-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.clean-list li{position:relative;padding-left:18px;color:#41516a;line-height:1.65}.clean-list li:before{content:"";position:absolute;left:0;top:.72em;width:7px;height:7px;border-radius:50%;background:#19776f}.strong-list li{color:#22324a;font-weight:700}.stage-list{display:grid;gap:10px}.stage-item{display:flex;align-items:center;gap:10px;min-height:34px;color:#66768d;font-weight:700}.stage-item i{width:11px;height:11px;border-radius:50%;border:2px solid #b8c6d8;background:#fff}.stage-item.active{color:#155f59}.stage-item.active i{border-color:#19776f;background:#19776f;box-shadow:0 0 0 5px #19776f24}.stage-item.done{color:#31435c}.stage-item.done i{border-color:#19776f;background:#19776f}.drop-zone{display:grid;place-items:center;gap:10px;min-height:220px;border:1.5px dashed #8da0b8;border-radius:8px;background:linear-gradient(180deg,#ebf2fbf0,#ffffffeb);color:#34445c;cursor:pointer;text-align:center}.drop-zone input{display:none}.drop-zone strong{font-size:20px}.drop-zone span{color:#6b7b92}.video-list{display:grid;gap:10px;margin-top:16px}.video-row{display:grid;grid-template-columns:minmax(260px,1fr) 180px 160px;gap:16px;align-items:center;min-height:78px;padding:12px;border:1px solid #dbe3ee;border-radius:8px;background:#fbfcfe}.video-row.failed,.video-row.too_long{border-color:#f2c8b8;background:#fff7f3}.file-main{display:flex;min-width:0;gap:12px;align-items:center}.file-main h3{overflow:hidden;margin:0;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.file-main p{margin:5px 0 0;color:#6c7a8d;font-size:13px;line-height:1.45}.file-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:8px;color:#19776f;background:#e4f4f1}select{width:100%;height:40px;border:1px solid #cbd6e4;border-radius:8px;padding:0 12px;color:#22324a;background:#fff}.progress-cell{display:grid;gap:8px;color:#516179;font-size:13px}.mini-progress,.wide-progress{overflow:hidden;border-radius:999px;background:#dfe7f0}.mini-progress{height:7px}.wide-progress{height:10px}.mini-progress i,.wide-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#19776f,#d89236);transition:width .24s ease}.action-bar{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.primary-button,.secondary-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:8px;padding:0 16px;font-weight:800;cursor:pointer;transition:transform .16s ease,opacity .16s ease,box-shadow .16s ease}.primary-button{color:#fff;background:#176f68;box-shadow:0 10px 24px #176f683d}.secondary-button{color:#172033;background:#f0b04b}.ghost-button{color:#485b75;background:#eef3f8}button:not(:disabled):hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.status-message{min-height:22px;margin:14px 0 0;color:#176f68;line-height:1.5}.status-message.error{color:#b23b32}.task-pill{display:inline-flex;align-items:center;gap:8px;min-height:36px;border-radius:999px;padding:0 12px;color:#5b6980;background:#edf2f7;font-weight:800;white-space:nowrap}.task-pill.processing,.task-pill.pending{color:#73500b;background:#fff2d8}.task-pill.completed{color:#16645f;background:#dcf3ef}.task-pill.failed{color:#9b2f29;background:#ffe6e2}.progress-console{display:grid;gap:12px;padding:16px;border:1px solid #dce5f0;border-radius:8px;background:#f8fbff}.progress-console p{margin:0;color:#63748b}.progress-topline strong{color:#172033;font-size:18px}.progress-topline span{color:#65758c;font-weight:700}.analysis-video-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.analysis-video-status article{display:flex;justify-content:space-between;gap:12px;min-height:44px;padding:12px;border:1px solid #dce5f0;border-radius:8px;background:#fff}.analysis-video-status span{overflow:hidden;color:#4e5f78;text-overflow:ellipsis;white-space:nowrap}.analysis-video-status strong{color:#155f59;white-space:nowrap}.result-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:14px;margin-top:10px}.summary-card{min-height:150px;padding:18px}.summary-card strong{display:block;margin:10px 0;color:#172033;font-size:23px;line-height:1.24}.summary-card span,.card-label{color:#67768d}.card-label{margin:0;font-size:13px;font-weight:800}.conclusion-card{background:linear-gradient(135deg,#172033,#1a6a64);color:#fff}.conclusion-card strong,.conclusion-card span,.conclusion-card .card-label{color:#fff}.coverage-alert{display:flex;align-items:center;gap:10px;margin-top:14px;padding:14px 16px;border:1px solid #f1c17a;border-radius:8px;color:#6c4707;background:#fff5df;font-weight:700}.evidence-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.content-panel h3{margin-bottom:14px}.video-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.video-preview-grid article{display:grid;gap:8px;min-width:0}.video-preview-grid video{width:100%;aspect-ratio:16 / 9;border-radius:8px;background:#172033}.video-preview-placeholder{display:grid;min-height:0;aspect-ratio:16 / 9;place-items:center;gap:10px;padding:18px;border:1px dashed rgba(32,118,108,.28);border-radius:8px;background:linear-gradient(135deg,#f0f7f4f5,#f8fafcf5);color:#687891;text-align:center}.video-preview-placeholder.failed{border-color:#aa302959;background:#fff8f6;color:#aa3029}.video-preview-placeholder button{border:0;border-radius:8px;background:#20766c;color:#fff;cursor:pointer;font-weight:700;padding:8px 14px}.video-preview-grid strong{overflow:hidden;color:#22324a;text-overflow:ellipsis;white-space:nowrap}.video-preview-grid span{color:#687891;font-size:13px}.risk-module-head{margin-bottom:14px}.risk-tabs{display:flex;flex-wrap:wrap;gap:8px}.risk-tabs span{display:inline-flex;align-items:center;min-height:30px;border-radius:999px;padding:0 10px;font-weight:800}.risk-tabs .high{color:#8d2f26;background:#ffe6e2}.risk-tabs .medium{color:#73500b;background:#fff2d8}.risk-tabs .low{color:#1f5d55;background:#def3ee}.risk-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.risk-group{min-width:0;border:1px solid #dce5f0;border-radius:8px;padding:12px;background:#fbfcfe}.risk-group.high{border-color:#f2c8b8;background:#fff8f5}.risk-group.medium{border-color:#eed8a5;background:#fffaf0}.risk-group.low{border-color:#c5dfd8;background:#f4fbf8}.risk-group header{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;color:#22324a}.risk-group header span{color:#65758c}.risk-stack{display:grid;gap:10px}.risk-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;width:100%;padding:12px;border:1px solid rgba(125,142,163,.18);border-radius:8px;color:inherit;background:#ffffffc7;text-align:left;cursor:pointer}.risk-item strong{color:#172033}.risk-item p{margin:6px 0;color:#52637a;line-height:1.55}.risk-item small{color:#6c7b91;line-height:1.45}.risk-item>span{color:#8d2f26;font-weight:800;white-space:nowrap}.frame-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.frame-strip figure{margin:0}.image-trigger{display:block;width:100%;padding:0;border-radius:8px;background:transparent;cursor:zoom-in}.image-trigger:hover{transform:none}.image-trigger:focus-visible{outline:3px solid rgba(45,119,240,.76);outline-offset:3px}.frame-strip img,.selected-risk-panel img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border:1px solid #dce4ef;border-radius:8px;background:#dfe7f0}.frame-strip figcaption{overflow:hidden;margin-top:6px;color:#64748b;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.selected-risk-panel{display:grid;align-content:start;gap:10px}.selected-risk-panel h3{margin-bottom:4px}.selected-risk-panel strong{color:#172033;font-size:18px}.selected-risk-panel p{margin:0;color:#4f6077;line-height:1.65}.selected-risk-panel span{color:#69788e;font-size:13px}.evidence-empty{display:grid;place-items:center;min-height:170px;border:1px dashed #b7c6d8;border-radius:8px;color:#65758c;background:#f4f7fb}.image-lightbox{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:28px;background:#09101bb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.image-lightbox-panel{display:grid;gap:14px;width:min(1080px,100%);max-height:calc(100vh - 56px);border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:14px;background:#101827;box-shadow:0 26px 80px #0000005c}.image-lightbox-head{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#fff}.image-lightbox-head strong,.image-lightbox-head span{display:block}.image-lightbox-head strong{font-size:18px;line-height:1.35}.image-lightbox-head span{margin-top:4px;color:#ffffffad;font-size:13px}.lightbox-close{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:8px;color:#fff;background:#ffffff1f;cursor:pointer}.lightbox-close:hover{transform:none;background:#ffffff2e}.image-lightbox-panel>img{display:block;width:100%;max-height:calc(100vh - 150px);object-fit:contain;border-radius:8px;background:#0b1220}.detection-groups{display:grid;gap:10px}.detection-groups div{padding:12px;border:1px solid #dfe7f0;border-radius:8px;background:#fbfcfe}.detection-groups strong{color:#22324a}.detection-groups p,.empty-copy{margin:6px 0 0;color:#69788e;line-height:1.7}.attention-panel{margin-top:14px;border-color:#b23b3247}@media(max-width:1120px){.hero-band,.workspace-grid,.result-grid,.evidence-layout,.risk-groups{grid-template-columns:1fr}.side-rail{grid-template-columns:1fr 1fr}}@media(max-width:760px){.app-shell{padding:16px}.hero-band,.content-panel,.upload-panel,.analysis-band,.result-panel{padding:18px}.hero-copy h1{font-size:32px}.side-rail,.video-row,.analysis-video-status,.video-preview-grid,.frame-strip{grid-template-columns:1fr}.panel-heading.spread,.risk-module-head,.progress-topline{align-items:flex-start;flex-direction:column}.action-bar{display:grid}.primary-button,.secondary-button,.ghost-button{width:100%}.image-lightbox{padding:14px}.image-lightbox-panel{max-height:calc(100vh - 28px)}}
