:root{color-scheme:light;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:#f7f1ea;color:#291b16;--bg: #f7f1ea;--panel: rgba(255, 252, 247, .82);--panel-strong: #fffaf4;--text: #291b16;--muted: #7c6960;--line: rgba(75, 50, 38, .12);--accent: #9b4a36;--accent-2: #d59d72;--dark: #241712;--shadow: 0 24px 70px rgba(77, 47, 31, .14);--radius: 28px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 10%,rgba(235,179,121,.45),transparent 30%),radial-gradient(circle at 90% 0%,rgba(120,71,58,.2),transparent 32%),linear-gradient(135deg,#fff9f1,#f4e7da 55%,#f9efe5)}button,input,textarea,select{font:inherit}button{border:0;cursor:pointer}button:disabled{opacity:.62;cursor:not-allowed}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 38px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffaf4b8;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;background:transparent;color:var(--text);text-align:left}.brand-mark{width:44px;height:44px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:var(--dark);color:#fff3e7;font-weight:800;box-shadow:0 10px 30px #24171238}.brand strong,.brand small{display:block}.brand small{margin-top:2px;color:var(--muted);font-size:12px}nav{display:flex;gap:8px;flex-wrap:wrap}nav button{padding:10px 14px;color:var(--muted);background:#ffffff73;border:1px solid transparent;border-radius:999px}nav button.active,nav button:hover{color:var(--text);border-color:var(--line);background:#fffaf4}.hero-page,.page{width:min(1220px,calc(100% - 40px));margin:0 auto;padding:42px 0 70px}.hero-card{min-height:450px;display:flex;flex-direction:column;justify-content:center;padding:60px;border:1px solid var(--line);border-radius:40px;background:linear-gradient(135deg,#fffaf4eb,#fff4e8c7),radial-gradient(circle at 80% 20%,rgba(155,74,54,.18),transparent 36%);box-shadow:var(--shadow)}.eyebrow{margin:0 0 10px;color:var(--accent);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}.hero-card h1{max-width:820px;margin-bottom:22px;font-size:clamp(38px,6vw,78px);line-height:1.05;letter-spacing:-.06em}.hero-desc{max-width:720px;color:var(--muted);font-size:18px;line-height:1.8}.hero-actions,.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.primary,.secondary{min-height:44px;padding:12px 20px;border-radius:999px;font-weight:800}.primary{color:#fff9f2;background:linear-gradient(135deg,#2b1a14,#8e4433);box-shadow:0 12px 32px #6f3a2c38}.secondary{color:var(--text);background:#fffaf4;border:1px solid var(--line)}.full{width:100%}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}.feature-card,.panel,.certificate-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.feature-card{padding:26px}.feature-card h3{margin-bottom:10px}.feature-card p,.section-title p,.empty{color:var(--muted);line-height:1.7}.two-column{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:22px}.panel{padding:28px}.wide{width:min(980px,100%);margin:0 auto}.section-title{margin-bottom:24px}.section-title h2{margin-bottom:8px;font-size:32px;letter-spacing:-.04em}.section-title.compact h2{font-size:24px}label{display:block;margin-bottom:16px;color:#4b382f;font-weight:800}input,textarea,select{width:100%;margin-top:8px;padding:13px 15px;color:var(--text);background:#ffffffb8;border:1px solid var(--line);border-radius:16px;outline:none}textarea{min-height:112px;resize:vertical;line-height:1.7}input:focus,textarea:focus,select:focus{border-color:#9b4a3670;box-shadow:0 0 0 4px #9b4a3614}.preview-panel{align-self:start;position:sticky;top:108px}.demo-text{padding:18px;line-height:2;background:#ffffff94;border:1px solid var(--line);border-radius:20px}.editor-layout{display:grid;grid-template-columns:250px minmax(0,1fr) 310px;gap:18px;align-items:start}.timeline-mini,.ai-panel{position:sticky;top:108px}.mini-node{display:grid;gap:6px;padding:14px;margin-bottom:10px;background:#ffffff94;border:1px solid var(--line);border-radius:18px}.mini-node span,.tag,.source-tag{display:inline-flex;width:fit-content;padding:4px 9px;border-radius:999px;color:#7a3d2d;background:#d59d722e;font-size:12px;font-weight:800}.source-tag{margin-left:8px;color:#4f473f;background:#24171212}.mini-node small,.node-head small{color:var(--muted)}.work-editor{min-height:520px;font-size:17px;line-height:1.9;white-space:pre-wrap}.divider{height:1px;margin:22px 0;background:var(--line)}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}.stat-card{padding:18px;text-align:center;background:#ffffff94;border:1px solid var(--line);border-radius:20px}.stat-card strong{display:block;margin-bottom:4px;font-size:30px}.stat-card span{color:var(--muted);font-size:13px}.timeline-list{display:grid;gap:16px}.timeline-node{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px}.timeline-index{width:52px;height:52px;border-radius:18px;display:flex;align-items:center;justify-content:center;color:#fff8f1;background:var(--dark);font-weight:900}.timeline-content{padding:20px;background:#ffffff9e;border:1px solid var(--line);border-radius:24px}.node-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.timeline-content h3{margin-bottom:8px}.timeline-content p{color:#594139;line-height:1.8}.node-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:13px}.certificate-page{width:min(1180px,calc(100% - 40px))}.certificate-card{padding:36px;background:linear-gradient(145deg,#fffaf4f5,#f7e7dad1),radial-gradient(circle at 85% 20%,rgba(155,74,54,.18),transparent 40%)}.certificate-header{max-width:750px;margin-bottom:30px}.certificate-header h2{margin-bottom:10px;font-size:44px}.certificate-header p{color:var(--muted);line-height:1.7}.certificate-body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(310px,.9fr);gap:24px}.work-block,.proof-block{padding:26px;background:#ffffff9e;border:1px solid var(--line);border-radius:26px}.work-block h1{margin:12px 0 20px;font-size:36px;letter-spacing:-.04em}.work-block pre{white-space:pre-wrap;margin:0;color:#3f2e27;font-family:inherit;font-size:17px;line-height:2}.hash-box{padding:18px;margin-bottom:18px;color:#fff8f1;background:var(--dark);border-radius:22px}.hash-box span,.hash-box strong{display:block}.hash-box span{margin-bottom:8px;opacity:.72}.hash-box strong{font-size:28px;letter-spacing:.06em}.certificate-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-box{padding:18px;margin-top:14px;background:#ffffff9e;border:1px solid var(--line);border-radius:20px}.summary-box h3{margin-bottom:8px}.summary-box p{margin-bottom:8px;color:var(--muted);line-height:1.7}.center-panel{text-align:center}.error-banner{position:fixed;left:50%;top:86px;z-index:50;transform:translate(-50%);width:min(820px,calc(100% - 32px));padding:14px 18px;color:#7a231c;background:#fff2ee;border:1px solid rgba(185,65,50,.24);border-radius:16px;box-shadow:var(--shadow)}.loading-mask{position:fixed;right:28px;bottom:28px;z-index:60;padding:14px 18px;color:#fff8f1;background:var(--dark);border-radius:999px;box-shadow:var(--shadow)}@media(max-width:980px){.topbar{align-items:flex-start;flex-direction:column;padding:16px 20px}.feature-grid,.two-column,.editor-layout,.certificate-body{grid-template-columns:1fr}.preview-panel,.timeline-mini,.ai-panel{position:static}.hero-card{padding:34px}.hero-card h1{font-size:42px}}@media(max-width:640px){.page,.hero-page,.certificate-page{width:min(100% - 24px,1220px)}.panel,.certificate-card{padding:20px}.stat-grid,.certificate-stats,.timeline-node{grid-template-columns:1fr}.timeline-index{width:fit-content;padding:0 18px}}