:root{font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;color:#172a3a;background:#f3efe5;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}main{min-height:100vh;background:radial-gradient(circle at 84% 14%,rgba(211,91,64,.14),transparent 24rem),linear-gradient(rgba(23,42,58,.045) 1px,transparent 1px);background-size:auto,100% 2.35rem}.topbar{height:76px;max-width:1180px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(23,42,58,.16)}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.02em}.brand-mark{width:38px;height:38px;display:grid;place-items:center;color:#fff;background:#172a3a;border-radius:50%;font-size:24px}.tagline{color:#6c756f;font-size:13px}.hero{max-width:1180px;min-height:650px;padding:84px 28px 72px;margin:auto;display:grid;grid-template-columns:.92fr 1.08fr;gap:74px;align-items:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;color:#d35b40}h1,h2{font-family:Songti SC,STSong,SimSun,serif;margin:0}h1{margin-top:22px;font-size:clamp(48px,6vw,76px);line-height:1.12;letter-spacing:-.055em}h1 em{color:#d35b40;font-style:normal}.hero-copy>p{max-width:540px;color:#59655f;font-size:17px;line-height:1.9;margin:28px 0}.facts{display:flex;flex-wrap:wrap;gap:8px}.facts span{padding:7px 11px;border:1px solid rgba(23,42,58,.16);border-radius:99px;color:#56625c;font-size:11px;letter-spacing:.04em;background:#ffffff40}.workbench{position:relative;background:#fffdf7;border:1px solid rgba(23,42,58,.16);box-shadow:20px 22px #172a3a14;padding:28px;min-height:420px;display:flex;flex-direction:column}.workbench:before{content:"";position:absolute;left:-1px;top:28px;width:4px;height:62px;background:#d35b40}.dropzone{flex:1;min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1.5px dashed #aeb5ac;background:#ede8da6b;cursor:pointer;transition:.2s ease;text-align:center;padding:28px}.dropzone:hover,.dropzone.dragging{border-color:#d35b40;background:#d35b400f;transform:translateY(-2px)}.dropzone input{position:absolute;width:1px;height:1px;opacity:0}.dropzone strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px}.dropzone>span:last-child{color:#7a827c;font-size:13px}.upload-icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid #172a3a;border-radius:50%;font-size:28px}.primary,.secondary{border:0;cursor:pointer;min-height:52px;padding:0 24px;font-weight:700;transition:.2s ease}.primary{margin-top:18px;background:#172a3a;color:#fff}.primary:hover:not(:disabled){background:#d35b40;transform:translateY(-1px)}.primary:disabled{opacity:.35;cursor:not-allowed}.secondary{background:transparent;border:1px solid #172a3a;color:#172a3a}.download{margin:18px 0 4px;text-decoration:none;display:grid;place-items:center}.text-button{border:0;background:none;color:#68736c;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.job-panel,.success-panel{flex:1;display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;gap:18px}.job-panel h2,.success-panel h2{font-size:28px}.job-panel p{color:#69736d}.record{width:78px;height:78px;display:grid;place-items:center;border:1px solid #172a3a;border-radius:50%;font-size:40px}.spinning{animation:spin 3s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress{width:min(360px,86%);height:7px;background:#e1ddd1;overflow:hidden}.progress span{display:block;height:100%;background:#d35b40;transition:width .45s ease}.success-mark{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;font-size:32px;color:#fff;background:#47755b}.error,.preview-error{color:#a83828;background:#fff0eb;padding:12px 14px;font-size:13px}.preview-section{max-width:1180px;margin:0 auto 72px;padding:44px 28px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:26px}.section-heading h2{font-size:clamp(25px,3vw,38px)}.score-preview{min-height:360px;padding:28px;overflow:auto;background:#fff;border:1px solid rgba(23,42,58,.16);box-shadow:12px 14px #172a3a14}footer{padding:28px;text-align:center;color:#768078;font-size:12px;border-top:1px solid rgba(23,42,58,.12)}@media(max-width:820px){.tagline{display:none}.hero{grid-template-columns:1fr;gap:42px;padding-top:52px}.workbench{box-shadow:9px 11px #172a3a14}.section-heading{display:block}.section-heading .eyebrow{display:block;margin-bottom:10px}}@media(max-width:480px){.topbar,.hero,.preview-section{padding-left:18px;padding-right:18px}h1{font-size:44px}.workbench{padding:18px}.dropzone{min-height:250px}}