:root{--color-primary:#111;--color-primary-dark:#000;--color-primary-light:#2b3431;--color-accent:#0f766e;--color-accent-soft:#0f766e1a;--color-success:#0f766e;--color-warning:#b45309;--color-danger:#be123c;--color-info:#1d4ed8;--color-text:#111;--color-text-secondary:#626a66;--color-text-muted:#8a938e;--color-bg:#f6f8f7;--color-bg-card:#fff;--color-bg-elevated:#fbfcfb;--color-border:#1111111f;--color-border-strong:#1111113d;--shadow-sm:0 1px 2px #1118270a;--shadow-md:0 10px 28px #11182714;--shadow-lg:0 24px 72px #1118271f;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--mono-font:"SF Mono", "Roboto Mono", "Menlo", monospace}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--color-bg)}body{background-color:var(--color-bg);min-width:320px;color:var(--color-text);-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;background-image:linear-gradient(#1111110a 1px,#0000 0),linear-gradient(90deg,#11111109 1px,#0000 0);background-size:42px 42px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif;line-height:1.6}a{color:inherit}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6{letter-spacing:0;font-weight:700;line-height:1.12}h1{font-size:44px}h2{font-size:30px}h3{font-size:20px}.container{box-sizing:border-box;width:96%;max-width:96%;margin:0 auto;padding:0 40px}.card{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 18px;font-size:13px;font-weight:800;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s,color .18s;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.48;cursor:not-allowed;transform:none}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 12px 28px #11111124}.btn-primary:hover:not(:disabled){background:#000;box-shadow:0 18px 36px #1111112e}.btn-outline,.btn-secondary{color:var(--color-text);border-color:var(--color-border-strong);background:#ffffffad}.btn-outline:hover:not(:disabled),.btn-secondary:hover:not(:disabled){border-color:var(--color-primary);background:#fff}.btn-lg{min-height:50px;padding:0 24px;font-size:14px}.input,.select,.textarea,input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);background:#ffffffd1;padding:13px 14px;font-size:14px;transition:border-color .18s,box-shadow .18s,background .18s}.input:focus,.select:focus,.textarea:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=text]:focus,select:focus,textarea:focus{background:#fff;border-color:#0f766eb8;outline:none;box-shadow:0 0 0 3px #0f766e1f}.input::-moz-placeholder{color:#9aa29e}.textarea::-moz-placeholder{color:#9aa29e}input::-moz-placeholder{color:#9aa29e}textarea::-moz-placeholder{color:#9aa29e}.input::placeholder,.textarea::placeholder,input::placeholder,textarea::placeholder{color:#9aa29e}.textarea,textarea{resize:vertical;min-height:120px;font-family:inherit;line-height:1.7}.upload-area{border-radius:var(--radius-lg);text-align:center;cursor:pointer;background:linear-gradient(135deg,#fffffff0,#eef3f0b8);border:1px dashed #1111113d;padding:40px;transition:border-color .18s,background .18s,box-shadow .18s;position:relative}.upload-area.dragover,.upload-area:hover{border-color:var(--color-accent);background:#fff;box-shadow:inset 0 0 0 1px #0f766e24}.upload-area.has-file{border-color:var(--color-success);background:#0f766e14}.score-display{text-align:center;border-radius:var(--radius-lg);color:#fff;background:linear-gradient(135deg,#111816,#0f1f1c 58%,#17231f);border:1px solid #ffffff1f;padding:32px}.score-number{font-family:var(--mono-font);color:#5eead4;font-size:64px;font-weight:900;line-height:1}.score-label{opacity:.72;text-transform:uppercase;margin-top:8px;font-size:12px}.result-grid{border:1px solid var(--color-border);background:var(--color-border);border-radius:var(--radius-lg);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.result-card{background:#fff;border-radius:0;padding:20px}.result-card.success{box-shadow:inset 0 4px #0f766ec7}.result-card.warning{box-shadow:inset 0 4px #b45309c7}.result-card.info{box-shadow:inset 0 4px #1d4ed8b8}.result-card-title{color:var(--color-text);align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:900;display:flex}.result-card-list{list-style:none}.result-card-list li{color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);padding:7px 0;font-size:13px}.result-card-list li:last-child{border-bottom:none}.loading-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}.empty-state,.login-notice,.login-prompt{text-align:center;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#ffffffd1;flex-direction:column;justify-content:center;align-items:center;min-height:360px;display:flex}.login-prompt-icon{margin-bottom:20px;font-size:56px}.login-prompt-title{margin-bottom:12px;font-size:24px}.login-prompt-desc{color:var(--color-text-secondary);margin-bottom:24px}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}@media (width<=900px){h1{font-size:34px}.container{width:100%;max-width:100%;padding-left:16px;padding-right:16px}.result-grid{grid-template-columns:1fr}.btn{min-height:40px;padding-left:14px;padding-right:14px}}