:root{--ink:#132238;--muted:#68758a;--line:#dfe7ef;--paper:#fff;--blue:#246bfe;--blue2:#68a5ff;--green:#16a37a;--red:#d63c5a;--shadow:0 28px 80px rgba(31,64,110,.16)}
*{box-sizing:border-box}html{min-height:100%;background:#eef6ff}body{margin:0;min-height:100vh;color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;background:radial-gradient(circle at 12% 10%,#d9eaff 0,transparent 30%),radial-gradient(circle at 90% 80%,#dff6ef 0,transparent 28%),#f7fbff}
button,input{font:inherit}button{cursor:pointer}.topbar{height:82px;max-width:1180px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;color:#fff;font-size:23px;background:linear-gradient(145deg,var(--blue),#54a1ff);box-shadow:0 10px 25px rgba(36,107,254,.25)}.brand strong,.brand small{display:block}.brand strong{font-size:17px}.brand small{font-size:11px;color:var(--muted);letter-spacing:.08em;margin-top:2px}.user-area{display:flex;align-items:center;gap:16px;color:var(--muted);font-size:14px}.link-button{border:0;background:#e6efff;color:var(--blue);padding:9px 14px;border-radius:10px;font-weight:700}
.guest-area{display:flex;align-items:center;gap:9px}.header-login,.header-register{height:40px;padding:0 18px;border-radius:11px;font-weight:800}.header-login{border:1px solid #cbdaf0;color:var(--blue);background:#fff}.header-register{border:1px solid var(--blue);color:#fff;background:var(--blue);box-shadow:0 8px 20px rgba(36,107,254,.2)}.page-shell{max-width:1180px;margin:auto;padding:32px 24px 50px}.auth-layout{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:80px}.hero{padding:25px}.eyebrow{color:var(--blue);font-weight:800;font-size:12px;letter-spacing:.16em}.hero h1,.upload-card h1{font-size:58px;line-height:1.1;letter-spacing:-.045em;margin:18px 0}.hero h1 em{font-style:normal;color:var(--blue)}.hero>p,.upload-card>p{font-size:17px;line-height:1.8;color:var(--muted);max-width:540px}.feature-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.feature-list span{background:rgba(255,255,255,.7);border:1px solid #dfeaff;border-radius:999px;padding:9px 13px;color:#426080;font-size:13px}
.auth-card,.upload-card,.info-card{background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow);border-radius:28px}.auth-card{padding:18px 34px 30px}.tabs{display:flex;background:#edf3fa;border-radius:14px;padding:4px;margin-bottom:26px}.tab{flex:1;border:0;border-radius:10px;padding:10px;background:transparent;color:var(--muted);font-weight:700}.tab.active{background:#fff;color:var(--ink);box-shadow:0 4px 14px rgba(25,59,99,.1)}.title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.title-row h2{margin:0 0 4px;font-size:27px}.title-row p{margin:0;color:var(--muted);font-size:13px}.round-icon{width:42px;height:42px;border-radius:50%;background:#edf5ff;color:var(--blue);display:grid;place-items:center;font-weight:800}.form-panel label,.field-label{display:block;font-size:13px;font-weight:700;margin:15px 0 7px}.form-panel input{width:100%;height:47px;padding:0 14px;border:1px solid var(--line);border-radius:12px;outline:0;background:#fbfdff;transition:.2s}.form-panel input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(36,107,254,.1)}.input-action{display:flex}.input-action input{border-radius:12px 0 0 12px}.input-action button{white-space:nowrap;border:0;border-radius:0 12px 12px 0;padding:0 14px;color:#fff;background:var(--blue);font-weight:700}.input-action button:disabled{background:#98afd0}.primary-button{width:100%;height:50px;border:0;border-radius:13px;color:#fff;background:linear-gradient(100deg,var(--blue),var(--blue2));font-weight:800;box-shadow:0 11px 25px rgba(36,107,254,.24);margin-top:20px}.primary-button:disabled{background:#b9c5d3;box-shadow:none;cursor:not-allowed}
.slider{height:48px;border:1px solid var(--line);border-radius:12px;position:relative;overflow:hidden;background:repeating-linear-gradient(135deg,#f4f8fc,#f4f8fc 10px,#f8fbfe 10px,#f8fbfe 20px);user-select:none;touch-action:none}.slider-target{position:absolute;top:7px;width:34px;height:34px;border:2px dashed var(--blue);border-radius:9px;background:rgba(36,107,254,.08)}.slider-progress{position:absolute;height:100%;width:0;background:rgba(45,156,120,.12)}.slider-knob{position:absolute;z-index:2;left:0;top:0;width:46px;height:46px;border:0;border-radius:11px;color:#fff;background:var(--blue);font-size:28px;box-shadow:3px 0 14px rgba(28,81,184,.25)}.slider-text{position:absolute;inset:0;display:grid;place-items:center;color:#7c899a;font-size:13px}.slider.verified{border-color:#92d8c3}.slider.verified .slider-knob{background:var(--green)}.slider.verified .slider-text{color:var(--green);font-weight:700}.message{min-height:20px;margin:14px 0 0;text-align:center;color:var(--muted);font-size:13px}.message.error{color:var(--red)}.message.success{color:var(--green)}
.app-view{display:grid;grid-template-columns:1.55fr .75fr;gap:28px;align-items:start}.upload-card,.info-card{padding:38px}.upload-card h1{font-size:42px;margin-bottom:8px}.drop-zone{margin-top:28px;min-height:240px;border:2px dashed #b9cce5;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#f7fbff;transition:.2s;cursor:pointer}.drop-zone:hover,.drop-zone.dragover{border-color:var(--blue);background:#eff6ff}.drop-zone input{display:none}.upload-symbol{width:62px;height:62px;display:grid;place-items:center;border-radius:20px;background:#e5efff;color:var(--blue);font-size:32px;margin-bottom:16px}.drop-zone small{display:block;color:var(--muted);margin-top:9px;max-width:80%}.upload-submit{max-width:240px}.progress{height:8px;background:#e7edf4;border-radius:99px;overflow:hidden;margin-top:22px}.progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--blue),var(--green));transition:width .15s}.result-list{display:grid;gap:10px;margin-top:18px}.result-item{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fbfdff}.result-item strong{display:block;font-size:13px;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis}.result-item a{color:var(--blue);font-size:12px;word-break:break-all}.info-card h2{margin-top:0}.info-card ol{padding:0;list-style:none;counter-reset:steps}.info-card li{position:relative;padding:0 0 24px 45px;counter-increment:steps}.info-card li:before{content:counter(steps);position:absolute;left:0;top:0;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#e9f1ff;color:var(--blue);font-weight:800}.info-card li strong,.info-card li span{display:block}.info-card li span{font-size:13px;color:var(--muted);line-height:1.6;margin-top:4px}.notice{background:#fff8e8;color:#806632;padding:16px;border-radius:14px;font-size:13px;line-height:1.6}footer{text-align:center;color:#8a96a5;font-size:12px;padding:20px}
[hidden]{display:none!important}@media(max-width:850px){.auth-layout,.app-view{grid-template-columns:1fr;gap:28px}.auth-layout{padding-top:20px}.hero{text-align:center;padding:10px}.hero h1{font-size:42px}.hero>p{margin-inline:auto}.feature-list{justify-content:center}.info-card{order:2}}@media(max-width:520px){.topbar{height:70px;padding:0 16px}.brand small,.user-area #user-email{display:none}.guest-area{gap:5px}.header-login,.header-register{height:36px;padding:0 11px;font-size:13px}.page-shell{padding:18px 14px 35px}.hero h1{font-size:35px}.auth-card,.upload-card,.info-card{padding:24px 18px;border-radius:20px}.auth-layout{min-height:auto}.upload-card h1{font-size:34px}.drop-zone{min-height:210px}.slider-text{padding-left:40px;font-size:12px}}