:root{color-scheme:light;--bg: #f7f4ef;--surface: rgba(247, 251, 255, .86);--surface-strong: #ffffff;--surface-border: rgba(50, 92, 168, .12);--text: #191614;--muted: #625b55;--accent: #1f1a17;--accent-dark: #0f0d0c;--accent-soft: rgba(31, 26, 23, .08);--mint-soft: rgba(66, 127, 104, .12);--sand-soft: rgba(196, 144, 71, .16);--brand-orange: #f17c1b;--success: #1f7a57;--error: #b33030;--shadow: 0 18px 48px rgba(49, 37, 26, .1);font-family:Aptos,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background:radial-gradient(circle at top left,rgba(241,124,27,.08),transparent 22%),radial-gradient(circle at 90% 10%,rgba(31,26,23,.06),transparent 26%),linear-gradient(180deg,#faf8f3,#f4efe7);scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}#root{min-height:100vh}.appShell{width:min(1280px,calc(100% - 32px));margin:0 auto;padding:24px 0 56px}.topBar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding:8px 0 14px}.brandLockup{display:flex;align-items:center;gap:14px}.brandMark{width:54px;height:54px;position:relative;border-radius:18px;background:linear-gradient(135deg,#1b1714,#2a231e);color:#fff;box-shadow:0 12px 28px #1f1a172e}.brandMarkHan{position:absolute;left:12px;top:9px;color:#fff;font-family:"Noto Serif SC",Songti SC,STSong,serif;font-size:1.65rem;font-weight:700}.brandMarkArrow{position:absolute;right:8px;bottom:3px;color:var(--brand-orange);font-size:1.35rem;font-weight:700}.brandTitle{margin:0;font-size:1.1rem}.mainNav{display:flex;align-items:center;gap:18px}.navLink{color:var(--muted);text-decoration:none;font-weight:600}.navLink:hover{color:var(--text)}.statusPill{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:#ffffffb3;border:1px solid var(--surface-border);color:#352d29;font-weight:600}.statusDot{width:10px;height:10px;border-radius:999px;background:#98a8bb}.statusDot.online{background:var(--success);box-shadow:0 0 0 5px #1f7a5724}.statusDot.offline{background:var(--brand-orange)}.heroLayout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:28px;align-items:stretch;margin-bottom:24px}.panel{background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--surface-border);border-radius:30px;box-shadow:var(--shadow)}.panel{position:relative;overflow:hidden}.heroMain{display:flex;flex-direction:column;justify-content:center;min-height:620px;padding:18px 0}.panel h2,.displayTitle,.subSectionHeader h3,.sectionHeader h2{margin:0}.displayTitle{max-width:8ch;font-family:"Noto Serif SC",Songti SC,STSong,serif;font-size:clamp(3rem,5vw,5.4rem);line-height:.98;letter-spacing:-.03em}.panelLead,.leadText,.mutedText{color:var(--muted)}.leadText{max-width:620px;font-size:1.08rem}.eyebrow{margin:0 0 8px;color:var(--accent-dark);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.heroActionRow{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.primaryLinkButton,.ghostLinkButton{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:999px;text-decoration:none;font-weight:700}.primaryLinkButton{background:linear-gradient(135deg,#1b1714,#2c2520);color:#fff}.ghostLinkButton{border:1px solid rgba(31,26,23,.16);color:var(--text);background:#ffffffb8}.heroMetricGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}.metricCard{padding:18px;border-radius:22px;background:var(--surface-strong);border:1px solid rgba(31,26,23,.08)}.metricCard span{display:block;color:var(--muted);font-size:.85rem;margin-bottom:6px}.brandBoard{display:flex;flex-direction:column;justify-content:space-between;gap:22px;min-height:620px;padding:28px;border-radius:38px;background:linear-gradient(140deg,#1f1a17,#2b2521);box-shadow:0 24px 50px #1f1a172e;color:#f4efe7}.brandLogoBlock{display:flex;align-items:center;gap:22px}.logoTile{width:168px;height:168px;border-radius:28px;background:#0e0c0b70;position:relative;flex:none}.logoHan{position:absolute;top:30px;left:34px;color:#fff;font-family:"Noto Serif SC",Songti SC,STSong,serif;font-size:4rem;font-weight:700}.logoArrow{position:absolute;right:22px;bottom:20px;color:var(--brand-orange);font-size:2.8rem;line-height:1}.logoCaption h3,.brandStory h3,.manifestoCard h3,.systemCard h3,.journeyCard h3{margin:0}.logoCaption p,.brandStory p,.manifestoCard p,.systemCard p,.journeyCard p,.sectionLead{color:var(--muted)}.logoCaption p{color:#f4efe7b3}.brandStory{padding:22px;border-radius:26px;background:#ffffff0d}.brandStory p{color:#f4efe7c7}.manifestoGrid,.systemGrid,.journeyGrid,.workspaceMainGrid{display:grid;gap:18px;margin-bottom:24px}.manifestoGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.manifestoCard{padding:22px;border-radius:28px;background:#ffffffbd;border:1px solid rgba(31,26,23,.08);box-shadow:var(--shadow)}.sectionHeader{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:6px 0 14px}.systemGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.systemCard{position:relative;padding:24px;border-radius:28px;background:#ffffffb8;border:1px solid rgba(31,26,23,.08);box-shadow:var(--shadow)}.systemCardBadge{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;margin-bottom:18px;font-weight:800}.systemCardblue .systemCardBadge{background:#1f1a1714}.systemCardmint .systemCardBadge{background:var(--mint-soft)}.systemCardsand .systemCardBadge{background:var(--sand-soft)}.journeyGrid{grid-template-columns:repeat(5,minmax(0,1fr))}.journeyCard{padding:22px;border-radius:28px;background:#ffffffb8;border:1px solid rgba(31,26,23,.08);box-shadow:var(--shadow)}.journeyIndex{display:inline-flex;min-width:48px;min-height:48px;align-items:center;justify-content:center;border-radius:16px;background:#1f1a1714;font-weight:800;margin-bottom:18px}.workspaceStats{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:12px}.workspaceStat{min-width:0;padding:14px 16px;border-radius:18px;background:#ffffffb8;border:1px solid var(--surface-border)}.workspaceStat span{display:block;color:var(--muted);font-size:.82rem;margin-bottom:6px}.workspaceMainGrid{grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr)}.panel{padding:24px 24px 26px}.panelHeader,.subSectionHeader,.buttonRow,.panelActions,.taskHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.authPanel{padding:24px}.authTop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.authBadge{padding:10px 12px;border-radius:999px;background:#f17c1b1a;color:#7a4717;font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.authBadge.success{background:#1f7a571f;color:var(--success)}.miniInfoStrip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.miniInfoStrip div{padding:12px 14px;border-radius:18px;background:#ffffffb8;border:1px solid rgba(31,26,23,.08)}.miniInfoStrip span{display:block;color:var(--muted);font-size:.78rem;margin-bottom:4px}.authButtonRow{gap:10px}.grid{display:grid;gap:16px}.twoCols{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:grid;gap:8px;margin-top:16px}.field span{font-size:.92rem;font-weight:600}.field input,.field textarea{width:100%;border:1px solid rgba(50,92,168,.16);border-radius:16px;padding:12px 14px;background:#ffffffb8;color:var(--text);transition:border-color .2s ease,box-shadow .2s ease}.field input:focus,.field textarea:focus{outline:none;border-color:#f17c1b73;box-shadow:0 0 0 4px #f17c1b1f}.buttonRow{margin-top:18px;justify-content:flex-start;flex-wrap:wrap}.primaryButton,.secondaryButton,.ghostButton{border-radius:999px;padding:11px 18px;border:none;transition:transform .15s ease,opacity .2s ease,background-color .2s ease}.primaryButton{background:linear-gradient(135deg,#1b1714,#312923);color:#fff;box-shadow:0 12px 24px #1f1a1729}.secondaryButton{background:#ece5dc;color:var(--text)}.ghostButton{background:transparent;color:var(--accent-dark);border:1px solid rgba(31,26,23,.16)}.primaryButton:hover,.secondaryButton:hover,.ghostButton:hover{transform:translateY(-1px)}.primaryButton:disabled,.secondaryButton:disabled,.ghostButton:disabled{opacity:.5;cursor:not-allowed;transform:none}.statusCard,.taskCard{margin-top:16px;border-radius:20px;padding:16px;background:#ffffffd1;border:1px solid var(--surface-border)}.statusTitle{margin:0 0 8px;font-weight:700}.statusGrid{display:grid;gap:8px}.statusGrid p,.statusCard p{margin:0}.challengeCard{background:linear-gradient(180deg,#fff4ebeb,#ffffffd1)}.sessionSpotlight{background:linear-gradient(180deg,#f7f3edf0,#ffffffd1)}.authPromiseList{display:grid;gap:10px}.promiseItem{padding:12px 14px;border-radius:16px;background:#ffffffb3}.taskList{display:grid;gap:14px}.errorText{margin-top:14px;color:var(--error);font-weight:600}@media(max-width:980px){.heroLayout,.manifestoGrid,.systemGrid,.journeyGrid,.workspaceMainGrid,.heroMetricGrid,.twoCols{grid-template-columns:1fr}.topBar,.sectionHeader{flex-direction:column;align-items:flex-start}.workspaceStats,.miniInfoStrip{grid-template-columns:1fr;width:100%}.mainNav{flex-wrap:wrap}.appShell{width:min(100% - 24px,1240px);padding-top:20px}.panelHeader,.subSectionHeader,.taskHeader,.authTop{align-items:flex-start;flex-direction:column}.displayTitle{max-width:none}.heroMain,.brandBoard{min-height:auto}.brandLogoBlock{flex-direction:column;align-items:flex-start}}