:root{--bg-page: #f4ecdf;--bg-veil: rgba(255, 250, 242, .84);--bg-panel: rgba(255, 255, 255, .86);--bg-panel-strong: #fffdf8;--bg-rail: linear-gradient(180deg, rgba(113, 136, 109, .94) 0%, rgba(87, 112, 85, .96) 100%);--brand-accent: #d38f53;--brand-accent-soft: rgba(211, 143, 83, .14);--primary: #6d8868;--primary-strong: #4e6850;--ink-strong: #263126;--ink: #465243;--ink-soft: #72806d;--line: rgba(96, 88, 73, .12);--line-strong: rgba(115, 130, 102, .24);--shadow-lg: 0 22px 60px rgba(101, 82, 59, .12);--shadow-md: 0 14px 36px rgba(101, 82, 59, .1);--radius-xl: 32px;--radius-lg: 24px;--radius-md: 18px}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;font-family:Avenir Next,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--ink);background:var(--bg-page)}body{background:radial-gradient(circle at top left,rgba(214,181,113,.24),transparent 28%),radial-gradient(circle at top right,rgba(109,136,104,.18),transparent 24%),linear-gradient(180deg,#f7f1e7,#efe6d8)}a{color:inherit}.app-bg{min-height:100vh;padding:18px}.app-shell{display:grid;grid-template-columns:296px minmax(0,1fr);gap:18px;min-height:calc(100vh - 36px)}.workspace-rail{display:flex;flex-direction:column;gap:18px;padding:24px 20px;border-radius:var(--radius-xl);background:var(--bg-rail);color:#fffbf4eb;box-shadow:var(--shadow-lg);position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto}.brand{display:flex;align-items:center;gap:14px;text-decoration:none}.brand-mark{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#fff9f029;border:1px solid rgba(255,255,255,.18);font-size:22px;font-weight:800}.brand-copy{display:flex;flex-direction:column;gap:4px}.brand-copy strong{font-size:18px;letter-spacing:.02em}.brand-copy span{font-size:12px;line-height:1.6;color:#fffaf2b8}.capture-shortcut{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-radius:22px;background:linear-gradient(135deg,#fff8ec33,#d38f533d);border:1px solid rgba(255,245,232,.24);text-decoration:none;box-shadow:inset 0 1px #ffffff29}.capture-eyebrow{display:block;font-size:11px;color:#fffaf2ad;margin-bottom:4px}.capture-shortcut strong{font-size:16px}.rail-nav{display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;text-decoration:none;color:#fffaf2d6;transition:transform .2s ease,background .2s ease,color .2s ease}.nav-item:hover{transform:translate(2px);background:#fffaf21a}.nav-item.active{background:#fff9f0f0;color:var(--primary-strong);box-shadow:0 16px 28px #2c402c1f}.nav-icon{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:#ffffff14}.nav-item.active .nav-icon{background:var(--brand-accent-soft);color:var(--brand-accent)}.nav-copy{display:flex;align-items:center}.nav-copy strong{font-size:14px}.rail-foot{display:flex;margin-top:auto;gap:12px;flex-wrap:wrap}.rail-account-chip{margin-bottom:4px}.session-chip{width:100%;display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:18px;background:#fffcf61f;border:1px solid rgba(255,250,242,.18)}.session-chip strong{color:#fffbf4f0;font-size:13px}.session-chip span{color:#fffaf2b8;font-size:12px;word-break:break-all}.session-chip-action{margin-top:6px;display:inline-flex;align-self:flex-start;padding:7px 11px;border-radius:999px;background:#fffcf62e;border:1px solid rgba(255,250,242,.16);color:#fffbf4e6;font-size:12px;font-weight:700;text-decoration:none}.foot-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;color:#fffaf2d1;padding:0;font:inherit;text-decoration:none;cursor:pointer}.foot-link.danger{color:#ffd7d7f0}.workspace-main{display:flex;flex-direction:column;gap:18px;min-width:0}.workspace-topbar,.workspace-view{border-radius:var(--radius-xl);background:var(--bg-veil);border:1px solid rgba(255,255,255,.6);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-lg)}.workspace-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:24px 28px}.topbar-eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-accent)}.workspace-topbar h1{margin:10px 0 0;color:var(--ink-strong);font-size:clamp(26px,3vw,34px);line-height:1.1}.workspace-topbar p{margin:10px 0 0;max-width:42rem;color:var(--ink-soft);line-height:1.75}.topbar-actions{display:flex;flex-direction:column;gap:10px;align-items:stretch;flex-wrap:wrap}.topbar-primary,.topbar-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:999px;text-decoration:none;font-weight:600}.topbar-primary{background:linear-gradient(135deg,var(--brand-accent),#bb6f3b);color:#fff;box-shadow:0 12px 22px #bb6f3b38}.topbar-secondary{background:#ffffffe6;border:1px solid rgba(109,136,104,.18);color:var(--primary-strong)}.workspace-view{flex:1;min-height:0;padding:28px;overflow:auto}.mobile-nav{display:none}@media (max-width: 1100px){.app-shell{grid-template-columns:1fr}.workspace-rail{position:static;max-height:none}}@media (max-width: 760px){.app-bg{padding:12px 12px 90px}.workspace-rail{display:none}.workspace-topbar,.workspace-view{border-radius:24px}.workspace-topbar{padding:20px 18px;flex-direction:column}.workspace-view{padding:18px}.mobile-nav{position:fixed;left:12px;right:12px;bottom:12px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:10px;border-radius:24px;background:#fffcf6e6;border:1px solid rgba(255,255,255,.78);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 42px #5949362e;z-index:50}.mobile-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border-radius:18px;text-decoration:none;color:var(--ink-soft);font-size:11px}.mobile-item.active{background:#6d88681f;color:var(--primary-strong)}}