@tailwind base;@tailwind components;@tailwind utilities;:root{--bg:#f4f4f2;--surface:#fff;--text:#1a1a1a;--muted:#6b7280;--soft:#9ca3af;--line:#e5e7eb;--shadow:0 30px 60px -15px rgba(0,0,0,.06)}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.app,body{min-height:100vh}.app{padding:40px 24px 72px;background:var(--bg)}.web-shell{width:100%;max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:28px}.web-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px}.web-toolbar-brand{font-size:14px;color:var(--muted);letter-spacing:.08em}.web-toolbar-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.web-link-button,.web-toolbar-note{font-size:13px;color:var(--muted)}.web-link-button{border:none;background:transparent;padding:0;cursor:pointer;text-decoration:underline}.hero-block{display:flex;justify-content:space-between;align-items:flex-start;gap:32px}.hero-copy{max-width:720px}.header-title,.hero-title,.metric-value{font-family:Songti SC,SimSun,STSong,serif}.hero-title{font-size:clamp(44px,7vw,72px);line-height:1.18;letter-spacing:.02em;font-weight:600}.hero-desc{margin:22px 0 0;max-width:560px;font-size:17px;line-height:1.8;color:var(--muted)}.hero-side{display:flex;flex-direction:column;align-items:flex-end;gap:10px;max-width:320px}.hero-chip{background:hsla(0,0%,100%,.7);border:1px solid rgba(17,24,39,.05);border-radius:999px;padding:10px 14px;font-size:13px;color:#374151;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero-chip.muted{color:var(--muted)}.ceramic-card{background:var(--surface);border-radius:32px;box-shadow:var(--shadow)}.history-panel,.result-panel,.summary-panel{padding:28px 30px}.history-head,.result-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.history-title,.result-title,.score-title{margin:0;font-size:19px;font-weight:600;color:var(--text)}.history-empty,.result-note,.score-sub,.score-tip,.summary-meta,.web-helper{font-size:13px;color:var(--muted);line-height:1.7}.history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;max-height:240px;overflow-y:auto}.history-item{width:100%;text-align:left;border:none;background:#f8f8f6;border-radius:18px;padding:14px 16px;cursor:pointer}.history-item-title{display:block;font-size:14px;font-weight:600;color:var(--text);margin-bottom:4px}.history-item-meta{display:block;font-size:12px;color:var(--muted)}.web-main{display:flex;flex-direction:column;gap:28px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);grid-gap:24px;gap:24px;align-items:stretch}.input-panel,.score-panel{padding:40px 38px;min-width:0}.web-place-icon-wrap{margin-bottom:22px}.web-doc-icon{width:108px;height:88px;border:1.5px solid #444;border-radius:14px;position:relative;background:linear-gradient(#444,#444) 22px 24px /46px 1.5px no-repeat,linear-gradient(#444,#444) 22px 40px /46px 1.5px no-repeat,linear-gradient(#444,#444) 22px 56px /28px 1.5px no-repeat}.web-place-label{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;margin-bottom:10px}.web-place-hint{margin-bottom:28px}.textarea-wrap{border-radius:22px;background:#f8f8f6;padding:0;transition:box-shadow .2s ease,transform .2s ease}.textarea-wrap:focus-within{box-shadow:0 0 0 1px rgba(26,26,26,.12)}.textarea-wrap textarea{width:100%;min-height:220px;box-sizing:border-box;border:none;outline:none;resize:vertical;background:transparent;color:var(--text);padding:22px 24px;border-radius:22px;font-size:15px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;scrollbar-gutter:stable}.upload-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}.upload-name{max-width:60%;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-feedback{margin-top:10px;padding:12px 14px;border-radius:16px;background:#f8f8f6;color:#4b5563;font-size:13px;line-height:1.6}.btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.btn{border:none;border-radius:999px;padding:11px 18px;font-size:13px;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background .2s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.7}.btn-primary{background:#1f2937;color:#fff}.btn-ghost{background:#f3f4f6;color:#4b5563}.score-panel{display:flex;flex-direction:column}.score-ring-wrap{display:flex;justify-content:center;margin:18px 0 24px}.score-ring{position:relative;width:200px;height:200px}.score-ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;padding-top:18px;box-sizing:border-box}.score-ring-number{font-size:36px;line-height:1;font-weight:700;color:var(--text)}.score-ring-total{line-height:1;color:var(--muted)}.risk-pill,.score-ring-total{margin-top:8px;font-size:11px}.risk-pill{display:inline-block;padding:5px 12px;border-radius:999px;font-weight:600;line-height:1.2}.risk-pill.safe{background:#dcfce7;color:#166534}.risk-pill.medium{background:#fef3c7;color:#92400e}.risk-pill.high{background:#fee2e2;color:#b91c1c}.risk-pill.none{background:#f1f5f9;color:#64748b}.web-metrics{padding:0}.metrics{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.metric{flex:1 1;text-align:center}.metric-value{display:block;font-size:30px;font-weight:600;color:#6b7280;margin-bottom:6px}.metric-label{display:block;font-size:14px;color:#9ca3af}.metric-label,.summary-text{font-family:Songti SC,SimSun,STSong,serif}.summary-text{margin:0;font-size:28px;line-height:1.5;font-weight:600;color:var(--text)}.result-error{font-size:14px;color:#b91c1c;margin-bottom:16px;padding:14px 16px;border-radius:18px;background:#fef2f2}.report-placeholder{display:flex;flex-direction:column}.report-row{display:flex;align-items:stretch;border-radius:22px;overflow:hidden;background:#fafaf9;margin-bottom:14px;min-height:90px;animation:risk-fade-in .25s ease-out}.report-row-bar{width:5px;flex-shrink:0}.report-row-bar.red{background:linear-gradient(180deg,#dc2626,#ef4444)}.report-row-bar.yellow{background:linear-gradient(180deg,#d97706,#eab308)}.report-row-bar.green{background:linear-gradient(180deg,#16a34a,#22c55e)}.report-row-body{flex:1 1;padding:18px 20px;display:flex;flex-direction:column;gap:6px}.report-row-title{font-size:14px;font-weight:600;color:var(--text)}.report-row-meta{font-size:12px;color:var(--muted)}.report-row-desc{font-size:14px;color:#4b5563;line-height:1.75}.report-row-suggest{font-size:13px;color:#047857;margin-top:2px;line-height:1.7}.report-row-suggest span{font-weight:600;color:#059669}.risk-tag{padding:4px 12px;border-radius:999px;font-size:11px;font-weight:600;color:#fff;display:inline-block}.risk-tag.red{background:linear-gradient(135deg,#dc2626,#ef4444)}.risk-tag.yellow{background:linear-gradient(135deg,#d97706,#eab308)}.risk-tag.green{background:linear-gradient(135deg,#16a34a,#22c55e)}.orig-text{font-size:12px;color:#6b7280;margin-top:8px;border-left:3px solid #e5e7eb;padding-left:10px;white-space:pre-wrap;word-break:break-all}.result-empty{font-size:14px;color:#9ca3af;text-align:center;padding:26px 10px 6px}.footer{font-size:13px;color:var(--muted);text-align:center;padding:8px 8px 0;line-height:1.8}.footer strong{color:#dc2626}@media (max-width:1180px){.hero-block,.history-head,.result-head,.web-toolbar{flex-direction:column;align-items:flex-start}.hero-side{align-items:flex-start;max-width:none}.hero-grid{grid-template-columns:minmax(0,1fr)}.input-panel,.score-panel{padding:30px 28px}}@media (max-width:768px){.app{padding:28px 16px 56px}.web-shell{gap:22px}.hero-title{font-size:44px}.history-panel,.input-panel,.result-panel,.score-panel,.summary-panel{padding:24px 20px;border-radius:26px}.btn-row{flex-direction:column}.btn{width:100%}.upload-name{max-width:100%}.metrics{flex-direction:column;gap:18px}}@keyframes risk-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}