:root{color-scheme:light;--bg:#f3f6f5;--bg-deep:#e6ece9;--surface:#ffffff;--text:#1c2623;--muted:#5c6b65;--border:#dbe3df;--border-strong:#b9c7c1;--primary:#0f766e;--primary-strong:#115e59;--primary-soft:#e4f4f1;--amber:#b45309;--amber-soft:#fdf3e3;--danger:#b91c1c;--danger-soft:#fdf0f0;--success:#15803d;--shadow:0 1px 2px rgba(16,34,29,0.05)}*{box-sizing:border-box;letter-spacing:0}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:15px;line-height:1.65}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.app-shell{max-width:1180px;margin:0 auto;padding:24px 20px 56px}.header{justify-content:space-between;gap:12px;margin-bottom:28px}.brand,.header{display:flex;align-items:center}.brand{gap:10px;font-size:18px;font-weight:700}.brand-icon{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;background:var(--primary);color:#fff;border-radius:8px}.privacy-note{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px}.page-title h1{margin:0 0 6px;font-size:26px;line-height:1.3}.page-title p{margin:0 0 24px;max-width:720px;color:var(--muted)}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tool-panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px;box-shadow:var(--shadow)}.panel-title{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:15px;font-weight:700}.panel-title svg{color:var(--primary)}.upload-zone{display:flex;min-height:176px;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px;border:1px dashed var(--border-strong);border-radius:8px;background:var(--surface);text-align:center;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.upload-zone.dragging,.upload-zone:hover{border-color:var(--primary);background:var(--primary-soft)}.upload-icon{color:var(--primary)}.upload-title{font-weight:600}.upload-hint{margin:0;color:var(--muted);font-size:13px}.file-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.file-row .file-icon{color:var(--primary);flex:0 0 auto}.file-info{min-width:0;flex:1 1}.file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.file-meta{color:var(--muted);font-size:13px}.extract-note{display:flex;align-items:center;gap:6px;margin-top:10px;color:var(--success);font-size:13px}.jd-input{display:block;width:100%;min-height:190px;padding:12px;resize:vertical;border:1px solid var(--border);border-radius:8px;background:var(--surface);line-height:1.7;outline:none}.jd-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(15,118,110,.12)}.char-count{margin:6px 0 0;color:var(--muted);font-size:12px;text-align:right}.submit-row{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.btn,.submit-row{align-items:center}.btn{display:inline-flex;justify-content:center;gap:8px;min-height:40px;padding:8px 16px;border:1px solid transparent;border-radius:8px;font-weight:600;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,opacity .15s ease}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-strong)}.btn-primary:disabled{opacity:.55}.btn-secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.btn-secondary:hover:not(:disabled){border-color:var(--primary);color:var(--primary-strong)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 36px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted)}.icon-btn:hover{border-color:var(--danger);color:var(--danger)}.status-hint{margin:0;color:var(--muted);font-size:13px}.banner{display:flex;align-items:flex-start;gap:10px;margin-top:16px;padding:12px 14px;border:1px solid #efc9c9;border-radius:8px;background:var(--danger-soft);color:#8f1d1d}.banner svg{flex:0 0 auto;margin-top:2px}.banner-message{flex:1 1;min-width:0}.banner-actions{display:flex;gap:8px;flex:0 0 auto}.loading-panel{display:flex;align-items:center;gap:12px;margin-top:16px;padding:14px 16px;border:1px solid #b9ddd5;border-radius:8px;background:var(--primary-soft);color:var(--primary-strong)}.loading-text{flex:1 1}.loading-text strong{display:block}.loading-text span{font-size:13px;opacity:.85}.spinner{flex:0 0 auto;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.result-shell{margin-top:24px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow)}.result-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);flex-wrap:wrap}.tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:thin}.tab-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);font-size:14px;font-weight:600;white-space:nowrap}.tab-btn:hover{color:var(--text)}.tab-btn.active{background:var(--primary-soft);border-color:#a9d8cf;color:var(--primary-strong)}.result-actions{display:flex;gap:8px;flex-wrap:wrap}.result-body{padding:20px}.score-block{display:flex;align-items:center;gap:16px;margin-bottom:18px;padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.score-value{min-width:82px;color:var(--primary-strong);font-size:34px;font-weight:800;line-height:1.1}.score-copy{color:var(--muted);font-size:13px}.score-bar-track{height:8px;flex:1 1;overflow:hidden;border-radius:999px;background:var(--bg-deep)}.score-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),#2bb6a5)}.summary-text{margin:0}.result-section{margin-top:20px}.result-section-title{display:flex;align-items:center;gap:6px;margin:0 0 8px;color:var(--primary-strong);font-size:14px;font-weight:700}.result-section-title.amber{color:var(--amber)}.result-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.result-list li{padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.numbered-list{display:grid;gap:8px;margin:0;padding:0;list-style:none;counter-reset:suggestion}.numbered-list li{display:flex;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);counter-increment:suggestion}.numbered-list li:before{content:counter(suggestion);display:grid;width:24px;height:24px;flex:0 0 24px;place-items:center;border-radius:6px;background:var(--primary-soft);color:var(--primary-strong);font-size:13px;font-weight:700}.letter-body{margin:0;padding:16px;border-left:3px solid var(--primary);border-radius:8px;background:var(--bg);white-space:pre-wrap;overflow-wrap:anywhere}.qa-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.qa-item{padding:12px 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.qa-question{display:flex;gap:8px;margin:0 0 6px;font-weight:700}.qa-index{color:var(--primary)}.qa-answer{white-space:pre-wrap;overflow-wrap:anywhere}.empty-list,.qa-answer{margin:0;color:var(--muted)}.footer-note{margin:32px 0 0;color:var(--muted);font-size:13px;text-align:center}@media (max-width:860px){.input-grid{grid-template-columns:1fr}.result-toolbar{flex-direction:column;align-items:stretch}.tabs{padding-bottom:4px}.result-actions,.tabs{width:100%}.result-actions .btn{flex:1 1}}@media (max-width:560px){.app-shell{padding:16px 12px 40px}.page-title h1{font-size:22px}.privacy-note{display:none}.submit-row{flex-direction:column;align-items:stretch}.submit-row .btn{width:100%}.banner{flex-direction:column}.banner-actions{align-self:flex-end}}.header-actions{display:flex;align-items:center;gap:8px}.auth-panel{max-width:460px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px;box-shadow:var(--shadow)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;margin-bottom:16px;background:var(--bg-deep);border-radius:8px}.auth-tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-weight:600}.auth-tab.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.auth-title{margin:0 0 4px;font-size:22px;line-height:1.3}.auth-subtitle{margin:0 0 16px;color:var(--muted);font-size:13px}.auth-form{display:grid;gap:8px}.auth-label{font-size:13px;font-weight:600}.auth-input{min-height:40px;padding:8px 10px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);width:100%}.auth-input:focus{outline:2px solid var(--primary-soft);border-color:var(--primary)}.auth-error{padding:10px 12px;border-radius:8px;background:var(--danger-soft);color:var(--danger);font-size:13px}.auth-submit{width:100%;margin-top:6px}.empty-history{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 16px;text-align:center;color:var(--muted)}.empty-history .btn{margin-top:8px}.history-list{display:grid;gap:12px}.history-item{display:flex;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:14px;box-shadow:var(--shadow)}.history-score{width:56px;height:56px;flex:0 0 56px;display:grid;place-items:center;border-radius:8px;background:var(--primary-soft);color:var(--primary-strong);font-size:20px;font-weight:700}.history-score span{font-size:12px;font-weight:600;margin-left:2px}.history-content{min-width:0;flex:1 1}.history-content h2{display:flex;align-items:center;gap:6px;margin:0 0 4px;font-size:16px}.history-meta{margin:0 0 6px;color:var(--muted);font-size:13px}.history-summary{margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.history-time{color:var(--muted);font-size:12px}.banner-error{background:var(--danger-soft);color:var(--danger)}@media (max-width:560px){.header{flex-wrap:wrap}.header-actions{width:100%;justify-content:flex-end}}