:root{--ink:#182020;--muted:#65706e;--paper:#f5f5f0;--surface:#ffffff;--line:#dce1dc;--green:#1f6d58;--green-deep:#155344;--mint:#d9efe6;--coral:#bf5c47;--shadow:0 18px 50px rgba(18,47,40,0.08)}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;background:radial-gradient(circle at 86% 6%,rgba(129,203,173,.23),transparent 22rem),radial-gradient(circle at 6% 24%,rgba(255,202,155,.2),transparent 20rem),var(--paper);color:var(--ink);font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}.shell{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:54px 0 72px}.hero{display:flex;align-items:flex-start;gap:18px;max-width:760px;margin-bottom:42px}.brand-mark{display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;border-radius:16px;color:white;background:var(--green);font-size:13px;font-weight:800;letter-spacing:.08em;box-shadow:0 10px 25px rgba(31,109,88,.26)}.eyebrow{margin:0 0 8px;color:var(--green);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,h4,p{margin-top:0}h1{margin-bottom:12px;font-family:Georgia,Songti SC,serif;font-size:clamp(2rem,5vw,4.2rem);line-height:1.05;letter-spacing:-.055em}h2{font-size:1.2rem;letter-spacing:-.025em;overflow-wrap:anywhere}.hero-copy,h2{margin-bottom:0}.hero-copy{max-width:600px;color:var(--muted);font-size:1.05rem;line-height:1.65}.detail-panel,.history-panel,.submit-card{border:1px solid rgba(151,165,157,.35);background:rgba(255,255,255,.84);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.submit-card{padding:28px;border-radius:22px;margin-bottom:24px}.submit-card h2{font-size:1.35rem}.url-form{display:flex;gap:10px;margin-top:20px}.url-form input{min-width:0;flex:1 1;height:52px;padding:0 16px;color:var(--ink);border:1px solid var(--line);border-radius:12px;outline:none;background:white}.url-form input:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(31,109,88,.12)}.url-form button{min-width:118px;padding:0 18px;color:white;border:0;border-radius:12px;background:var(--green);font-weight:750;transition:background .16s ease,transform .16s ease}.url-form button:hover:not(:disabled){background:var(--green-deep);transform:translateY(-1px)}.form-hint,.muted{margin:12px 0 0;color:var(--muted);font-size:.87rem;line-height:1.5}.error{margin:12px 0 0;color:#9b3323;font-size:.9rem}.workspace{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.75fr);align-items:start;gap:24px}.detail-panel,.history-panel{border-radius:20px;overflow:hidden}.history-panel{padding:22px}.detail-header,.panel-heading,.progress-copy{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.panel-heading h2{font-size:1.1rem}.ghost-button{padding:7px 9px;border:0;border-radius:8px;color:var(--green);background:transparent;font-size:.86rem;font-weight:700}.ghost-button:hover{background:var(--mint)}.history-list{display:grid;gap:8px;margin-top:18px}.history-item{width:100%;padding:12px;text-align:left;border:1px solid transparent;border-radius:12px;color:var(--ink);background:transparent}.history-item.selected,.history-item:hover{border-color:rgba(31,109,88,.24);background:#f1f7f3}.history-url{display:block;overflow:hidden;font-size:.88rem;font-weight:700;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.history-meta{display:flex;align-items:center;gap:5px;margin-top:6px;color:var(--muted);font-size:.76rem}.status-dot{width:7px;height:7px;border-radius:50%;background:#aab2ae}.status-dot.analyzing,.status-dot.extracting,.status-dot.fetching{background:#d18c32;animation:pulse 1.2s ease-in-out infinite}.status-dot.succeeded{background:var(--green)}.status-dot.failed{background:var(--coral)}.detail-panel{min-height:540px}.detail-content{padding:30px}.status-badge{flex:0 0 auto;padding:8px 10px;border-radius:999px;color:var(--muted);background:#eef0ec;font-size:.78rem;font-weight:750;white-space:nowrap}.status-badge.analyzing,.status-badge.extracting,.status-badge.fetching{color:#925b16;background:#fff0d9}.status-badge.succeeded{color:#155344;background:var(--mint)}.status-badge.failed{color:#8a2d20;background:#f9dfda}.progress-card{margin-top:28px;padding:20px;border-radius:16px;background:#edf6f1}.progress-card h3{margin-bottom:0;font-size:1.15rem}.progress-copy strong{color:var(--green);font-size:1.35rem}.progress-track{height:8px;margin:18px 0 10px;overflow:hidden;border-radius:999px;background:#d2e3dc}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--green);transition:width .4s ease}.progress-card>p{margin-bottom:0;color:var(--muted);font-size:.85rem}.failure-card{margin-top:28px;padding:20px;border:1px solid #eab7ad;border-radius:16px;background:#fff4f1}.failure-card strong{color:#8a2d20}.failure-card p{margin:7px 0 0;color:#794138}.result-stack{display:grid;gap:22px;margin-top:28px}.score-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:center;padding:24px;border-radius:18px;color:#effbf4;background:#173f35}.score-ring{--score:0;display:grid;place-content:center;width:112px;height:112px;border-radius:50%;background:radial-gradient(circle,#173f35 57%,transparent 58%),conic-gradient(#8be1b5 calc(var(--score) * 1%),rgba(255,255,255,.17) 0);text-align:center}.score-ring strong{font-size:2rem;line-height:1}.score-ring span{margin-top:4px;color:#b9d5c7;font-size:.72rem}.score-card .eyebrow{color:#8be1b5}.score-card h3{margin-bottom:8px;font-family:Georgia,Songti SC,serif;font-size:1.42rem;line-height:1.3}.score-card p:last-child{margin-bottom:0;color:#c4d8cd;line-height:1.55}.share-card{padding:22px;border:1px solid #c7ddd2;border-radius:18px;background:linear-gradient(120deg,#f2faf5,#fbfdf9)}.share-card h3{margin-bottom:8px;font-size:1.12rem}.share-card>div:first-child>p:last-child{max-width:660px;margin-bottom:0;color:#50615b;font-size:.9rem;line-height:1.55}.share-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.share-actions button{min-height:38px;padding:0 13px;border-radius:10px;font-size:.86rem;font-weight:750}.share-primary{color:white;border:1px solid var(--green);background:var(--green)}.share-primary:hover{background:var(--green-deep)}.share-secondary{color:var(--green-deep);border:1px solid #a6c8b8;background:white}.share-secondary:hover{background:var(--mint)}.share-notice{margin:12px 0 0;color:var(--green-deep);font-size:.84rem}.insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.insight-grid article{padding:18px;border:1px solid var(--line);border-radius:14px;background:white}.insight-grid article p:last-child{margin-bottom:0;color:#3f4d49;font-size:.92rem;line-height:1.55}.findings-section{padding:4px 0}.section-heading{margin-bottom:12px}.section-heading h3{margin-bottom:0;font-size:1.1rem}.issue-list,.recommendation-list{display:grid;gap:10px;padding:0;margin:0;list-style:none}.issue-list li,.recommendation-list li{display:flex;gap:14px;padding:16px;border:1px solid var(--line);border-radius:14px;background:white}.priority{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border-radius:9px;color:var(--green-deep);background:var(--mint);font-size:.85rem;font-weight:800}.issue-list strong,.recommendation-list h4{margin:0 0 6px;font-size:.95rem}.issue-list p,.recommendation-list p{margin:0;color:#3f4d49;font-size:.9rem;line-height:1.5}.recommendation-list small{display:block;margin-top:8px;color:var(--muted);font-size:.78rem;line-height:1.45}.severity{flex:0 0 auto;align-self:flex-start;padding:4px 7px;border-radius:999px;font-size:.68rem;font-weight:800;text-transform:uppercase}.severity.high{color:#922f20;background:#f9dfda}.severity.medium{color:#8a5a17;background:#fff0d9}.severity.low{color:#1b6855;background:var(--mint)}.empty-detail{display:grid;place-content:center;min-height:540px;max-width:390px;padding:50px;text-align:center}.empty-orbit{width:76px;height:76px;margin:0 auto 25px;border:14px solid var(--mint);border-top-color:var(--green);border-radius:50%;transform:rotate(-25deg)}.empty-detail h2{margin-bottom:12px;font-family:Georgia,Songti SC,serif;font-size:1.65rem;line-height:1.2}.empty-detail p:last-child{margin-bottom:0;color:var(--muted);line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes pulse{50%{opacity:.36}}@media (max-width:820px){.shell{width:min(100% - 28px,680px);padding-top:34px}.workspace{grid-template-columns:1fr}.history-panel{order:2}.detail-panel,.empty-detail{min-height:380px}}@media (max-width:560px){.shell{width:min(100% - 24px,680px);padding-bottom:40px}.hero{gap:12px;margin-bottom:28px}.brand-mark{width:40px;height:40px;border-radius:13px;font-size:11px}h1{font-size:2.38rem}.detail-content,.history-panel,.submit-card{padding:18px}.url-form{flex-direction:column}.url-form button,.url-form input{width:100%}.url-form button{height:49px}.detail-header{flex-direction:column}.insight-grid,.score-card{grid-template-columns:1fr}.score-ring{width:88px;height:88px}}