:root{--canvas: #f2eee3;--surface: #ffffff;--surface-muted: #f7f5ee;--primary: #5c6f52;--primary-soft: #eaf0e5;--text: #1f2419;--text-muted: #6e6a5c;--text-subtle: #877f6f;--disabled: #a8a28e;--border: #e2ddcf;--danger: #b54a3f;--warning-soft: #f8e9e5;--progress-todo: #d8d3c2;--radius-card: 12px;--radius-control: 8px;--radius-small: 6px}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--canvas);color:var(--text);font-size:14px}button{font-family:inherit}button:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid rgba(92,111,82,.28);outline-offset:2px}.shell-page{min-height:100vh;background:var(--canvas);color:var(--text)}.shell-topbar{height:72px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-bottom:1px solid var(--border)}.shell-brand,.shell-topbar-right,.shell-mode-pill,.entry-rule,.mode-card-action,.directory-hero,.directory-content,.tree-section-button,.tree-child,.deliverable-card,.detail-check,.detail-list-head,.detail-function,.preview-card-top,.logo-launch,.survey-card-head,.survey-footer{display:flex;align-items:center}.shell-brand{gap:12px}.shell-brand>div{display:flex;flex-direction:column;gap:3px}.shell-brand strong{font-size:16px;letter-spacing:.02em}.shell-brand span{color:var(--text-subtle);font-size:11px}.shell-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:var(--primary);color:#fff;font-size:15px;font-weight:700}.shell-topbar-right{gap:18px}.shell-mode-pill{height:30px;padding:0 12px;border:1px solid var(--border);border-radius:999px;color:var(--text-subtle);font-size:12px}.shell-mode-pill.is-active{background:var(--primary-soft);border-color:#c6d4bd;color:var(--primary)}.shell-text-button,.back-link{border:0;background:transparent;color:var(--primary);cursor:pointer;font-size:13px;padding:0}.eyebrow{display:inline-block;color:var(--danger);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.entry-layout{max-width:1180px;min-height:calc(100vh - 72px);margin:0 auto;padding:96px 24px 72px;display:grid;grid-template-columns:.9fr 1.1fr;gap:84px;align-items:center}.entry-intro h1,.survey-heading h1,.directory-hero h1,.preview-heading h1{margin:18px 0;font-size:clamp(34px,4vw,58px);line-height:1.12;letter-spacing:-.045em;font-weight:750}.entry-intro h1 em{color:var(--primary);font-style:normal}.entry-intro p,.survey-heading p,.directory-hero p,.preview-heading p{max-width:480px;color:var(--text-muted);font-size:16px;line-height:1.85}.entry-rule{gap:10px;margin-top:34px;color:var(--text-subtle);font-size:12px}.entry-rule span{width:30px;height:1px;background:var(--danger)}.mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mode-card{min-height:360px;padding:26px;border:1px solid var(--border);border-radius:16px;text-align:left;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.mode-card:hover{transform:translateY(-5px);box-shadow:0 18px 36px #383d2b1a}.mode-card-refresh{background:#fffdf8}.mode-card-startup{background:var(--primary);color:#fff;border-color:var(--primary)}.mode-number{color:var(--text-subtle);font-size:12px;letter-spacing:.12em}.mode-card-startup .mode-number{color:#cfdbc8}.mode-icon{margin-top:38px;font-size:39px;line-height:1;color:var(--danger)}.mode-card-startup .mode-icon{color:#e8c987}.mode-card-title{margin-top:18px;font-size:28px;font-weight:750}.mode-card-desc{margin-top:14px;color:var(--text-muted);font-size:13px;line-height:1.8}.mode-card-startup .mode-card-desc{color:#e2e9de}.mode-card-action{gap:12px;margin-top:auto;padding-top:28px;color:var(--primary);font-size:13px;font-weight:700}.mode-card-startup .mode-card-action{color:#fff}.mode-card-action b{font-size:19px;font-weight:400}.survey-layout,.preview-layout{max-width:1120px;margin:0 auto;padding:60px 24px 80px}.survey-heading{max-width:760px;margin-bottom:30px}.survey-heading h1{font-size:44px;margin:24px 0 14px}.required-note{display:flex;align-items:center;gap:8px;margin-top:24px;color:var(--danger);font-size:12px}.required-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--danger)}.survey-card,.preview-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 34px #383d2b0d}.survey-card{padding:26px 30px 22px}.survey-card-head{justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--border)}.survey-card-head strong{font-size:17px}.survey-card-head span{color:var(--text-subtle);font-size:12px}.survey-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:24px 0}.survey-field{display:flex;flex-direction:column;gap:10px}.survey-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;line-height:1.5}.survey-label i{color:var(--danger);font-size:11px;font-style:normal;letter-spacing:.08em}.survey-label b{margin-left:auto;color:var(--danger);font-size:10px;font-weight:500}.survey-field textarea,.preview-form textarea{width:100%;min-height:132px;padding:12px;resize:vertical;border:1px solid var(--border);border-radius:8px;color:var(--text);background:#fff;font:inherit;font-size:13px;line-height:1.7}.survey-field textarea::placeholder,.preview-form textarea::placeholder{color:#b1ac9e}.survey-field.is-filled textarea{border-color:#b9c9b0;background:#fbfdf9}.field-helper{display:flex;align-items:center;gap:6px;color:var(--danger);font-size:11px}.survey-footer{justify-content:space-between;gap:20px;padding-top:18px;border-top:1px solid var(--border);color:var(--text-subtle);font-size:11px}.primary-button{min-height:40px;padding:0 17px;border:0;border-radius:7px;background:var(--primary);color:#fff;font-size:13px;font-weight:700;cursor:pointer}.primary-button:hover{background:#4d6045}.primary-button:disabled{cursor:not-allowed;opacity:.42}.primary-button b{margin-left:8px;font-size:17px;font-weight:400}.directory-layout{max-width:1180px;margin:0 auto;padding:52px 24px 80px}.directory-hero{justify-content:space-between;align-items:flex-end;gap:34px;padding-bottom:34px;border-bottom:1px solid var(--border)}.directory-hero h1{margin:14px 0 12px;font-size:42px}.directory-hero p{margin:0;font-size:14px}.directory-progress{width:250px;padding:18px;border-radius:10px;background:var(--surface);border:1px solid var(--border)}.directory-progress span,.directory-progress small{display:block;color:var(--text-subtle);font-size:11px}.directory-progress strong{display:block;margin:12px 0 10px;color:var(--primary);font-size:26px}.directory-progress div{height:7px;border-radius:5px;background:#e4e0d4;overflow:hidden}.directory-progress i{display:block;width:14%;height:100%;border-radius:inherit;background:var(--danger)}.directory-progress small{margin-top:10px;line-height:1.5}.directory-content{align-items:stretch;gap:18px;padding-top:24px}.section-tree{width:330px;flex:0 0 330px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.tree-heading{display:flex;justify-content:space-between;padding:3px 6px 14px;border-bottom:1px solid var(--border)}.tree-heading strong{font-size:14px}.tree-heading span{color:var(--text-subtle);font-size:11px}.tree-section{margin-top:6px}.tree-section-button,.tree-child{width:100%;border:0;cursor:pointer;text-align:left}.tree-section-button{height:42px;gap:10px;padding:0 10px;border-radius:8px;background:transparent;color:var(--text-muted)}.tree-section-button:hover{background:var(--surface-muted)}.tree-section.is-active>.tree-section-button{background:var(--primary-soft);color:var(--primary)}.tree-index{color:var(--text-subtle);font-size:11px;letter-spacing:.08em}.tree-title{flex:1;font-size:13px;font-weight:650}.tree-chevron{color:var(--text-subtle);font-size:21px;line-height:1}.tree-children{margin:2px 0 8px 20px;padding-left:12px;border-left:1px solid #d7dfd1}.tree-child{min-height:34px;gap:8px;padding:7px 8px;background:transparent;border-radius:6px;color:var(--text-muted);font-size:12px}.tree-child:hover{background:var(--surface-muted);color:var(--primary)}.tree-child.is-selected{background:#f4f7f1;color:var(--primary);font-weight:700}.tree-status{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#d8d3c2}.tree-status.is-ready{background:var(--danger)}.tree-child small{margin-left:auto;color:var(--text-subtle);font-size:10px}.directory-detail{min-width:0;flex:1;padding:30px 34px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.detail-kicker,.preview-type{color:var(--danger);font-size:11px;font-weight:700;letter-spacing:.12em}.directory-detail h2{margin:15px 0 4px;font-size:28px}.detail-lead{margin:0;color:var(--text-subtle);font-size:12px}.deliverable-card{gap:16px;margin-top:25px;padding:18px;border-radius:10px;background:var(--surface-muted)}.deliverable-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:var(--primary-soft);color:var(--primary);font-size:23px}.deliverable-card div{display:flex;flex-direction:column;gap:6px}.deliverable-card strong{font-size:16px}.deliverable-card span{color:var(--text-subtle);font-size:12px}.detail-check{gap:12px;margin-top:13px;padding:14px 16px;border-left:3px solid #d9b76f;background:#fffaf0}.detail-check span{color:#9a7a3b;font-size:11px;white-space:nowrap}.detail-check strong{color:var(--text-muted);font-size:12px;font-weight:500}.detail-function-list{margin-top:28px}.detail-list-head{justify-content:space-between;margin-bottom:9px}.detail-list-head strong{font-size:14px}.detail-list-head span{color:var(--text-subtle);font-size:11px}.detail-function{width:100%;justify-content:space-between;gap:15px;padding:14px 15px;margin-top:8px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);cursor:pointer;text-align:left}.detail-function:hover{border-color:#b9c9b0;background:#fbfdf9}.detail-function span{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:650}.detail-function b{padding:4px 7px;border-radius:5px;background:var(--surface-muted);color:var(--text-subtle);font-size:10px;font-weight:500}.detail-function small{color:var(--primary);font-size:11px}.preview-heading{max-width:720px;margin:30px 0 28px}.preview-heading h1{font-size:44px}.preview-card{padding:28px}.preview-card-top{justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--border)}.preview-card-top h2{margin:10px 0 0;font-size:20px}.preview-badge{padding:7px 10px;border-radius:999px;background:var(--surface-muted);color:var(--text-subtle);font-size:11px}.preview-form{padding-top:24px;display:grid;grid-template-columns:1fr .75fr;gap:24px}.preview-form label{display:flex;flex-direction:column;gap:10px;color:var(--text-muted);font-size:13px;font-weight:700}.preview-form textarea{min-height:180px;margin:0}.preview-placeholder{align-self:stretch;padding:24px;border-radius:10px;background:var(--surface-muted);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.preview-placeholder span{color:var(--danger);font-size:26px}.preview-placeholder strong{margin-top:14px;font-size:16px}.preview-placeholder p{margin:8px 0 0;color:var(--text-subtle);font-size:12px;line-height:1.7}.logo-launch{gap:18px;padding-top:26px}.logo-launch>div:nth-child(2){flex:1}.logo-launch-mark{width:56px;height:56px;display:grid;place-items:center;border-radius:14px;background:var(--primary);color:#fff;font-size:26px;font-weight:750}.logo-launch strong{font-size:17px}.logo-launch p{margin:7px 0 0;color:var(--text-muted);font-size:12px}.shell-mark{border:0;cursor:pointer;font-family:inherit}.admin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:#1f24196b}.admin-modal{width:min(480px,100%);padding:26px;border:1px solid var(--border);border-radius:16px;background:#fffdf8;box-shadow:0 24px 70px #1f241938}.admin-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--border)}.admin-modal-head h2{margin:10px 0 0;font-size:25px}.admin-close{width:30px;height:30px;border:0;border-radius:50%;background:var(--surface-muted);color:var(--text-muted);font-size:22px;cursor:pointer}.admin-form{display:flex;flex-direction:column;gap:16px;padding-top:20px}.admin-form>p{margin:0;color:var(--text-muted);font-size:13px;line-height:1.7}.admin-form label{display:flex;flex-direction:column;gap:8px;color:var(--text-muted);font-size:12px;font-weight:700}.admin-form input{width:100%;min-height:40px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);font:inherit;font-weight:400}.admin-status{display:flex;gap:12px;padding:13px;border-radius:9px;background:#fff7ea;color:#9a7a3b}.admin-status.is-configured{background:var(--primary-soft);color:var(--primary)}.admin-status>span{font-size:16px}.admin-status div{display:flex;flex-direction:column;gap:5px}.admin-status strong{color:var(--text);font-size:13px}.admin-status small,.admin-security-note{color:var(--text-subtle);font-size:11px;line-height:1.5}.admin-actions{display:flex;align-items:center;gap:12px}.danger-button{min-height:40px;padding:0 14px;border:1px solid #d6a29a;border-radius:7px;background:#fff;color:var(--danger);cursor:pointer;font-size:12px}.admin-error{margin-top:14px;padding:10px 12px;border-radius:7px;background:var(--warning-soft);color:var(--danger);font-size:12px}.preview-form .workflow-ai-panel{grid-column:1 / -1}.workflow-ai-panel{padding-top:18px;border-top:1px dashed var(--border)}.workflow-ai-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.workflow-ai-head>div{display:flex;flex-direction:column;gap:5px}.workflow-ai-head strong{font-size:14px}.workflow-ai-head span{color:var(--text-subtle);font-size:11px}.outline-button,.mini-button{border:1px solid var(--primary);border-radius:6px;background:#fff;color:var(--primary);cursor:pointer;font-size:12px}.outline-button{padding:7px 12px}.mini-button{flex:0 0 auto;padding:6px 10px;background:var(--primary);color:#fff}.mini-button:disabled{background:#b9c9b0;border-color:#b9c9b0;cursor:default}.workflow-ai-loading,.workflow-ai-error{margin-top:12px;padding:10px 12px;border-radius:7px;color:var(--text-muted);background:var(--surface-muted);font-size:12px}.workflow-ai-error{color:var(--danger);background:var(--warning-soft)}.workflow-ai-results{display:grid;gap:8px;margin-top:12px}.workflow-ai-result{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:12px;border-radius:8px;background:var(--surface-muted)}.workflow-ai-result.is-adopted{background:var(--primary-soft)}.workflow-ai-result strong{font-size:13px}.workflow-ai-result p{margin:5px 0;color:var(--text-muted);font-size:12px;line-height:1.6}.workflow-ai-result small{color:var(--text-subtle);font-size:11px;line-height:1.5}@media(max-width:860px){.shell-topbar{padding:0 20px}.entry-layout{grid-template-columns:1fr;gap:38px;padding-top:58px}.entry-intro h1{font-size:42px}.directory-hero{align-items:flex-start;flex-direction:column}.directory-progress{width:100%}.directory-content{flex-direction:column}.section-tree{width:100%;flex-basis:auto}}@media(max-width:640px){.shell-brand span,.shell-text-button{display:none}.mode-cards,.survey-fields,.preview-form{grid-template-columns:1fr}.mode-card{min-height:280px}.survey-card,.preview-card,.directory-detail{padding:20px}.survey-footer,.logo-launch{align-items:flex-start;flex-direction:column}.survey-footer .primary-button{width:100%}.directory-hero h1,.preview-heading h1,.survey-heading h1{font-size:34px}}