:root{color-scheme:dark;--bg: #090c12;--bg-alt: #111620;--panel: rgba(18, 24, 33, .88);--panel-strong: #161d28;--line: rgba(129, 236, 255, .16);--line-strong: #81ecff;--text: #ebf7ff;--muted: rgba(235, 247, 255, .68);--primary: #81ecff;--primary-strong: #53d9f4;--danger: #ff7c72}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:linear-gradient(rgba(129,236,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(129,236,255,.05) 1px,transparent 1px),radial-gradient(circle at top,rgba(129,236,255,.1),transparent 36%),var(--bg);background-size:32px 32px,32px 32px,auto,auto;color:var(--text);font-family:Segoe UI,PingFang SC,Hiragino Sans GB,sans-serif}button,input{font:inherit}button{border:0;cursor:pointer}.app-shell{position:relative;min-height:100vh;padding:calc(env(safe-area-inset-top) + 12px) 16px calc(env(safe-area-inset-bottom) + 98px);overflow:hidden}.scanner-line{position:fixed;top:0;left:0;z-index:0;width:100%;height:2px;opacity:.34;background:linear-gradient(90deg,transparent,var(--primary),transparent);box-shadow:0 0 14px #81ecff80;animation:scanner 4.2s linear infinite}.topbar,.page,.bottom-nav,.toast,.confirm-mask{position:relative;z-index:1}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 2px 20px}.brand,.status{display:flex;align-items:center;gap:8px;font-weight:700;letter-spacing:.08em}.brand{color:var(--primary);font-size:20px}.brand__icon{display:inline-flex;font-size:18px}.status{color:var(--muted);font-size:12px}.status__dot{width:8px;height:8px;background:var(--primary);box-shadow:0 0 10px #81ecffb3}.page{display:flex;flex-direction:column;gap:18px}.hero-card,.control-panel,.result-card,.metric-card,.history-panel,.history-card{position:relative;overflow:hidden;background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-card{aspect-ratio:4 / 5;min-height:300px;padding:24px;border:1px solid var(--line)}.hero-card--preview{aspect-ratio:auto;min-height:0}.corner{position:absolute;width:22px;height:22px;border-color:var(--line-strong)}.corner--tl{top:12px;left:12px;border-top:3px solid;border-left:3px solid}.corner--tr{top:12px;right:12px;border-top:3px solid;border-right:3px solid}.corner--bl{bottom:12px;left:12px;border-bottom:3px solid;border-left:3px solid}.corner--br{right:12px;bottom:12px;border-right:3px solid;border-bottom:3px solid}.hero-placeholder,.preview-frame{display:flex;height:100%;align-items:center;justify-content:center}.hero-placeholder{flex-direction:column;text-align:center}.hero-ring{display:grid;place-items:center;width:168px;height:168px;margin-bottom:18px;border:2px dashed rgba(129,236,255,.36);border-radius:50%;box-shadow:inset 0 0 32px #81ecff14}.hero-ring__inner{display:grid;place-items:center;width:120px;height:120px;border:2px solid rgba(129,236,255,.5);border-radius:50%;color:var(--primary);font-size:24px;font-weight:800;letter-spacing:.14em}.hero-title,.hero-subtitle,.instruction,.result-caption,.result-note,.metric-card span,.nav-item,.toast,.mode-switch__label,.mode-switch__hint,.history-card__head,.history-card__meta,.mini-btn,.inline-banner{letter-spacing:.08em}.hero-title{margin:0 0 10px;color:var(--primary);font-size:18px;font-weight:800}.hero-subtitle{margin:0;max-width:220px;color:var(--muted);font-size:13px;line-height:1.6}.preview-frame{position:relative;width:100%;height:auto;align-items:stretch}.preview-frame__media{position:relative;width:100%;height:auto}.preview-frame__media--result{width:100%;height:auto}.preview-frame__image{display:block;width:100%;height:auto;object-fit:contain;filter:grayscale(1) contrast(1.05) brightness(.74)}.preview-frame__image--result{width:100%}.hud-box{position:absolute;top:22%;left:19%;width:56%;height:28%;border:2px solid var(--primary);box-shadow:0 0 12px #81ecff61}.hud-box__label,.meta-panel span{display:inline-flex;padding:4px 6px;background:#81ecffe0;color:#0d1720;font-size:10px;font-weight:800}.hud-box__label{transform:translateY(-100%)}.detection-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.detection-overlay__box{position:absolute;border:2px solid;box-shadow:0 0 18px #0000003d}.detection-overlay__box--repairPatch{border-color:#ff8e53;box-shadow:0 0 0 1px #ff8e5333,0 0 20px #ff8e533d}.detection-overlay__box--laneMarking{border-color:var(--primary);box-shadow:0 0 0 1px #81ecff2e,0 0 20px #81ecff38}.detection-overlay__label{position:absolute;top:6px;left:6px;display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;color:#091018;font-size:11px;font-weight:800;letter-spacing:.08em;white-space:nowrap}.detection-overlay__box--repairPatch .detection-overlay__label{background:#ff8e53}.detection-overlay__box--laneMarking .detection-overlay__label{background:var(--primary)}.meta-panel{position:absolute;left:12px;right:12px;bottom:12px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.control-panel,.result-card,.history-panel{padding:18px;border:1px solid var(--line)}.control-panel,.history-panel{display:grid;gap:12px}.mode-switch{display:grid;gap:10px;padding:14px;border:1px solid rgba(129,236,255,.16);background:#0810186b}.mode-switch__header{display:grid;gap:6px}.mode-switch__label{color:var(--primary);font-size:12px;font-weight:800}.mode-switch__hint{color:#ebf7ff9e;font-size:11px;line-height:1.6}.mode-switch__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mode-btn,.mini-btn{min-height:44px;background:transparent;color:#81ecffb8;border:1px solid rgba(129,236,255,.28);transition:transform .16s ease,border-color .16s ease,color .16s ease,background .16s ease,opacity .16s ease}.mode-btn{padding:10px 12px;font-size:14px;font-weight:700}.mode-btn--active{color:#081018;background:linear-gradient(90deg,var(--primary),var(--primary-strong));border-color:transparent}.primary-btn,.secondary-btn{min-height:52px;padding:14px 16px;font-size:18px;font-weight:800;transition:transform .16s ease,background .16s ease,color .16s ease,opacity .16s ease}.primary-btn:active,.secondary-btn:active,.nav-item:active,.mode-btn:active,.mini-btn:active{transform:scale(.98)}.primary-btn{background:linear-gradient(90deg,var(--primary),var(--primary-strong));color:#081018}.secondary-btn{background:transparent;color:var(--primary);border:2px solid rgba(129,236,255,.64)}.secondary-btn:disabled,.mini-btn:disabled{opacity:.36;cursor:not-allowed}.instruction{margin:2px 0 0;text-align:center;color:#81ecff99;font-size:10px}.instruction--left{text-align:left;margin:0}.result-card{text-align:center}.result-card--loading,.result-card--error,.history-state{display:grid;gap:10px}.loading-grid{display:inline-grid;grid-template-columns:repeat(3,12px);justify-content:center;gap:10px;padding-top:4px}.loading-grid span{width:12px;height:12px;background:var(--primary);animation:pulse .9s infinite ease-in-out alternate}.loading-grid span:nth-child(2){animation-delay:.2s}.loading-grid span:nth-child(3){animation-delay:.4s}.result-caption{margin:0;color:var(--muted);font-size:13px;font-weight:700}.result-value{display:flex;align-items:flex-end;justify-content:center;gap:10px;margin:10px 0 12px;color:var(--primary)}.result-value span{font-size:clamp(52px,18vw,72px);line-height:1;font-weight:900}.result-value small,.history-card__value small{padding-bottom:10px;font-size:28px;font-weight:800}.result-value--error{color:var(--danger)}.result-note{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.result-note--accent{margin-top:10px;color:var(--primary)}.result-status{display:inline-flex;align-items:center;justify-content:center;min-height:36px;margin:0 auto;padding:6px 16px;border:1px solid rgba(129,236,255,.24);background:#81ecff14;color:var(--primary);font-size:12px;font-weight:800;letter-spacing:.08em}.result-status--warn{color:#ffbf69;border-color:#ffbf6952;background:#ffbf6914}.result-status--muted{color:#ebf7ffcc;border-color:#ebf7ff2e;background:#ffffff0f}.result-summary-card{margin-top:14px;padding:14px;border:1px solid rgba(129,236,255,.14);background:#0810186b;text-align:left}.result-summary{margin:0 0 8px;color:var(--text);font-size:15px;font-weight:700;line-height:1.8;letter-spacing:.04em}.adjust-panel{display:grid;gap:12px;margin-top:14px;padding:14px;border:1px solid rgba(129,236,255,.14);background:#0810186b;text-align:left}.adjust-panel__head,.adjust-panel__actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.adjust-panel__head{align-items:flex-start}.adjust-panel__editor{display:grid;gap:10px}.adjust-panel__title{margin:0 0 6px;color:var(--primary);font-size:13px;font-weight:800;letter-spacing:.08em}.adjust-field{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;border:1px solid rgba(129,236,255,.18);background:#090c12d1}.adjust-input{width:100%;color:var(--text);background:transparent;border:0;outline:0;font-size:20px;font-weight:800}.adjust-input::placeholder{color:#ebf7ff5c;font-weight:600}.adjust-field__unit{color:var(--primary);font-size:18px;font-weight:800}.analysis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.analysis-card,.metric-card{display:grid;gap:8px;padding:14px;border:1px solid rgba(129,236,255,.14);background:#0810186b;text-align:left}.analysis-card__title,.analysis-card__meta{margin:0}.analysis-card__title,.metric-card span{color:#ebf7ff9e;font-size:11px;font-weight:700}.analysis-card strong,.metric-card strong{color:#ebf7ffc7;font-size:18px;line-height:1.2;font-weight:800;white-space:nowrap}.analysis-card__meta{color:var(--muted);font-size:11px;line-height:1.6}.analysis-card--active{border-color:#81ecff57;box-shadow:inset 0 0 0 1px #81ecff1f}.analysis-card--active strong,.metric-card strong{color:var(--primary)}.action-stack{display:grid;gap:12px;margin-top:18px}.link-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.link-panel--history{margin-top:12px}.link-chip{display:flex;min-height:44px;align-items:center;justify-content:center;border:1px solid rgba(129,236,255,.3);color:var(--primary);text-decoration:none;font-size:13px;font-weight:700}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.mini-btn{min-width:84px;padding:0 14px;font-size:12px;font-weight:800}.inline-banner{padding:10px 12px;border:1px solid rgba(255,124,114,.28);color:var(--danger);font-size:11px;line-height:1.6}.history-list{display:grid;gap:12px}.history-state{padding:24px 12px;border:1px solid rgba(129,236,255,.14);text-align:center}.history-state--error{border-color:#ff7c7247}.history-card{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;padding:12px;border:1px solid rgba(129,236,255,.12)}.history-card__thumb{overflow:hidden;min-height:128px;background:#81ecff14}.history-card__thumb img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05) brightness(.82)}.history-card__body{min-width:0}.history-card__head,.history-card__meta{display:flex;justify-content:space-between;gap:10px;color:#ebf7ff94;font-size:10px}.history-card__meta{margin-top:8px;flex-direction:column;gap:6px}.history-card__meta span{word-break:break-all}.history-badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 8px;border:1px solid rgba(129,236,255,.28);color:var(--primary);background:#81ecff14;font-size:10px;font-weight:800;letter-spacing:.08em}.history-card__value{display:flex;align-items:flex-end;gap:8px;margin-top:12px;color:var(--primary)}.history-card__value strong{font-size:38px;line-height:1;font-weight:900}.bottom-nav{position:fixed;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(2,1fr);padding-bottom:env(safe-area-inset-bottom);background:#0a0e14f0;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-item{min-height:66px;background:transparent;color:#81ecff8f;font-size:12px;font-weight:700}.nav-item--active{background:linear-gradient(180deg,rgba(129,236,255,.18),transparent);color:var(--primary)}.hidden-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom) + 88px);transform:translate(-50%);padding:10px 14px;background:#ffffff14;border:1px solid rgba(129,236,255,.26);color:var(--text);font-size:12px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.confirm-mask{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#04090ec7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.confirm-card{width:min(100%,360px);padding:20px;border:1px solid var(--line);background:#0c121af5;box-shadow:0 18px 48px #0000005c}.confirm-card__title{margin:0 0 10px;color:var(--primary);font-size:20px;font-weight:800;letter-spacing:.08em}.confirm-card__body{margin:0;color:var(--muted);font-size:14px;line-height:1.7}.confirm-card__meta{display:grid;gap:8px;margin-top:16px}.confirm-card__meta span{padding:10px 12px;border:1px solid rgba(129,236,255,.18);color:var(--text);font-size:12px;letter-spacing:.08em;word-break:break-all}.toast-enter-active,.toast-leave-active,.confirm-enter-active,.confirm-leave-active{transition:opacity .18s ease,transform .18s ease}.toast-enter-from,.toast-leave-to,.confirm-enter-from,.confirm-leave-to{opacity:0}.toast-enter-from,.toast-leave-to{transform:translate(-50%,12px)}.confirm-enter-from,.confirm-leave-to{transform:scale(.96)}@keyframes scanner{0%{top:0}to{top:100%}}@keyframes pulse{0%{opacity:.3;transform:translateY(0)}to{opacity:1;transform:translateY(-4px)}}@media (max-width: 380px){.history-card{grid-template-columns:1fr}.history-card__thumb{min-height:160px}}@media (min-width: 560px){.app-shell{max-width:430px;margin:0 auto;border-left:1px solid rgba(129,236,255,.08);border-right:1px solid rgba(129,236,255,.08)}}@media (prefers-reduced-motion: reduce){.scanner-line,.loading-grid span{animation:none}.primary-btn,.secondary-btn,.nav-item,.toast,.confirm-mask,.mode-btn,.mini-btn{transition:none}}