:root{--app-bg:#f4f0e8;--surface:#fffcf5e0;--surface-strong:#fffdf8;--surface-soft:#fff8edb3;--text-main:#1f1f1a;--text-subtle:#625d52;--text-muted:#8b8477;--line-soft:#4e433024;--line-strong:#4e433042;--brand-strong:#244b3c;--brand-soft:#e4efe9;--warn-soft:#fff2df;--warn-text:#8c4f11;--danger-soft:#f8e2db;--danger-text:#9c3a27;--shadow-soft:0 20px 60px #372c1714;--shadow-card:0 18px 40px #372c171f;--radius-panel:28px;--radius-card:22px;--radius-field:16px;--font-body:"Noto Sans SC", "Microsoft YaHei UI", "PingFang SC", sans-serif;--font-heading:"HarmonyOS Sans SC", "Noto Sans SC", "Microsoft YaHei UI", sans-serif;color:var(--text-main);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#d6e4dcc7,#0000 28%),radial-gradient(circle at 100% 0,#ffe2bda3,#0000 26%),linear-gradient(#f7f2e9 0%,#f0eadf 100%)}html,body,#app{min-height:100%}body{color:var(--text-main);margin:0}*,:before,:after{box-sizing:border-box}button,input,textarea{font:inherit}button{cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}h1,h2,h3,p,ul,dl,dd,dt{margin:0}#app .page-title{font-family:var(--font-heading);letter-spacing:-.04em;font-size:clamp(2rem,3vw,3rem);font-weight:700}#app .section-title{font-family:var(--font-heading);letter-spacing:-.02em;font-size:1.125rem;font-weight:700}#app .eyebrow{color:var(--brand-strong);letter-spacing:.12em;text-transform:uppercase;font-size:.88rem;font-weight:700}#app .text-subtle{color:var(--text-subtle)}#app .app-shell{min-height:100vh;padding:24px}#app .panel{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius-panel);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}#app .card{background:var(--surface-strong);border:1px solid var(--line-soft);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}#app .form-stack{gap:18px;display:grid}#app .field-group{gap:10px;display:grid}#app .field-label{color:var(--text-subtle);font-size:.94rem;font-weight:600}#app .field-input{border:1px solid var(--line-soft);border-radius:var(--radius-field);width:100%;color:var(--text-main);background:#fffffff0;padding:14px 16px;transition:border-color .2s,box-shadow .2s,transform .2s}#app .field-input:focus{border-color:var(--brand-strong);outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #244b3c1f}#app .button-row{flex-wrap:wrap;gap:12px;display:flex}#app .button-primary,#app .button-secondary{border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-weight:700;transition:transform .2s,box-shadow .2s,background-color .2s;display:inline-flex}#app .button-primary{background:var(--brand-strong);color:#fffdf8;box-shadow:0 16px 30px #244b3c38}#app .button-primary:hover{transform:translateY(-1px)}#app .button-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}#app .button-secondary{color:var(--text-subtle);border:1px solid var(--line-strong);background:0 0}#app .status-banner{border-radius:18px;padding:14px 16px;font-size:.95rem;line-height:1.55}#app .status-banner[data-tone=warning]{background:var(--warn-soft);color:var(--warn-text)}#app .status-banner[data-tone=danger]{background:var(--danger-soft);color:var(--danger-text)}#app .status-banner[data-tone=success]{background:var(--brand-soft);color:var(--brand-strong)}#app .turnstile-stack{gap:10px;display:grid}#app .turnstile-container{min-height:66px}#app .turnstile-helper{font-size:.88rem;line-height:1.6}#app .turnstile-retry{justify-self:start;min-height:40px;padding:0 16px}#app .auth-shell{justify-content:center;align-items:center;display:flex}#app .auth-panel{grid-template-columns:minmax(0,1.02fr) minmax(340px,.98fr);gap:24px;width:min(1180px,100%);padding:28px;display:grid}#app .auth-copy,#app .auth-form-card{padding:28px}#app .auth-copy{align-content:start;gap:18px;display:grid}#app .auth-description{max-width:42rem;line-height:1.72}#app .auth-note-card{background:linear-gradient(135deg,#e4efe9f5,#fff8edeb);padding:24px}#app .auth-note-list,#app .feature-list{color:var(--text-subtle);padding-left:20px;line-height:1.7}#app .auth-form-card{gap:20px;display:grid}#app .auth-form-head{gap:8px;display:grid}#app .auth-fallback-card{align-content:center}#app .dashboard-shell{align-items:stretch;display:flex}#app .workspace-panel{grid-template-columns:280px minmax(0,1fr);gap:22px;width:min(1380px,100%);margin:0 auto;padding:24px;display:grid}#app .workspace-sidebar{align-content:start;gap:18px;display:grid}#app .workspace-brand{gap:10px;padding:8px 6px 10px;display:grid}#app .workspace-brand-title{font-family:var(--font-heading);letter-spacing:-.04em;font-size:2rem;font-weight:700}#app .workspace-brand-copy{line-height:1.7}#app .workspace-nav-group{gap:10px;display:grid}#app .workspace-nav-label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;padding:0 6px;font-size:.84rem;font-weight:700}#app .workspace-nav-item{border:1px solid var(--line-soft);background:#fffdf8c2;border-radius:20px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;width:100%;padding:14px 16px;transition:border-color .2s,transform .2s,box-shadow .2s;display:grid}#app .workspace-nav-item[data-active=true]{background:linear-gradient(#e4efe9f5,#fffbf4f0);border-color:#244b3c3d;box-shadow:0 14px 30px #244b3c14}#app .workspace-nav-item:hover{transform:translateY(-1px)}#app .workspace-nav-badge{background:var(--brand-strong);color:#fffdf8;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1rem;font-weight:700;display:inline-flex}#app .workspace-nav-copy{text-align:left;gap:4px;display:grid}#app .workspace-nav-copy strong{color:var(--text-main);font-size:.98rem}#app .workspace-nav-copy small{color:var(--text-subtle);font-size:.84rem;line-height:1.5}#app .workspace-main{gap:22px;display:grid}#app .workspace-topbar{grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);align-items:stretch;gap:22px;display:grid}#app .workspace-topbar-copy{padding:8px 0}#app .dashboard-copy{max-width:48rem;margin-top:12px;line-height:1.72}#app .dashboard-chip-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}#app .dashboard-chip{min-height:36px;color:var(--brand-strong);background:#e4efe9b8;border:1px solid #244b3c29;border-radius:999px;align-items:center;padding:0 14px;font-size:.88rem;font-weight:700;display:inline-flex}#app .workspace-topbar-side{align-content:start;justify-items:end;gap:14px;display:grid}#app .workspace-account-card{background:linear-gradient(#fffdf8fa,#f4f9f6eb);gap:8px;width:min(100%,280px);padding:20px 22px;display:grid}#app .workspace-account-label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.84rem}#app .workspace-account-email{font-family:var(--font-heading);word-break:break-word;font-size:1.08rem;font-weight:700}#app .workspace-account-meta{color:var(--text-subtle);font-size:.92rem}#app .dashboard-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}#app .dashboard-stat-card{gap:10px;padding:22px;display:grid}#app .dashboard-stat-label{color:var(--text-muted);font-size:.88rem;font-weight:600}#app .dashboard-stat-value{font-family:var(--font-heading);letter-spacing:-.04em;font-size:clamp(1.55rem,2vw,2rem);font-weight:700}#app .dashboard-stat-note{line-height:1.6}#app .workspace-content-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:20px;display:grid}#app .workspace-primary-column,#app .workspace-side-column{gap:20px;display:grid}#app .dashboard-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}#app .dashboard-card-tag{min-height:30px;color:var(--warn-text);white-space:nowrap;background:#fff2dfeb;border-radius:999px;align-items:center;padding:0 12px;font-size:.82rem;font-weight:700;display:inline-flex}#app .dashboard-focus-card,#app .dashboard-roadmap-card,#app .dashboard-session-card,#app .dashboard-milestone-card{gap:18px;padding:24px;display:grid}#app .dashboard-focus-copy{line-height:1.72}#app .dashboard-module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}#app .dashboard-module-card{border:1px solid var(--line-soft);background:linear-gradient(#fffffff0,#f9f4ecd1);border-radius:20px;gap:14px;padding:20px;display:grid}#app .dashboard-module-head{justify-content:space-between;align-items:center;gap:10px;display:flex}#app .dashboard-module-badge{min-height:28px;color:var(--brand-strong);white-space:nowrap;background:#244b3c1a;border-radius:999px;align-items:center;padding:0 10px;font-size:.8rem;font-weight:700;display:inline-flex}#app .dashboard-module-copy{line-height:1.68}#app .dashboard-module-list{margin:0}#app .dashboard-action-list{color:var(--text-subtle);margin:0;padding-left:22px;line-height:1.8}#app .dashboard-overview-grid--home{grid-template-columns:repeat(4,minmax(0,1fr))}#app .dashboard-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}#app .dashboard-quick-card{border:1px solid var(--line-soft);background:linear-gradient(#fffffff5,#f8f3ebdb);border-radius:20px;gap:14px;padding:20px;transition:transform .2s,border-color .2s,box-shadow .2s;display:grid}#app .dashboard-quick-card:hover{border-color:#244b3c3d;transform:translateY(-2px);box-shadow:0 14px 28px #372c1714}#app .dashboard-quick-card--disabled{opacity:.78}#app .dashboard-quick-card--disabled:hover{border-color:var(--line-soft);box-shadow:none;transform:none}#app .dashboard-quick-action{color:var(--brand-strong);font-size:.9rem;font-weight:700}#app .dashboard-home-side-card{gap:18px;padding:24px;display:grid}#app .dashboard-mini-list{gap:14px;display:grid}#app .dashboard-mini-item{border:1px solid var(--line-soft);background:#fffbf4eb;border-radius:18px;gap:10px;padding:16px;display:grid}#app .dashboard-mini-head{justify-content:space-between;align-items:center;gap:12px;display:flex}#app .dashboard-mini-head strong{font-family:var(--font-heading);letter-spacing:-.02em;font-size:.98rem}#app .dashboard-mini-meta{line-height:1.6}#app .meta-list{gap:16px;display:grid}#app .meta-list div{gap:6px;display:grid}#app .meta-list dt{color:var(--text-muted);font-size:.88rem}#app .meta-list dd{color:var(--text-main);font-size:1rem;font-weight:600}#app .dashboard-milestone-list{gap:16px;display:grid}#app .dashboard-milestone-item{border:1px solid var(--line-soft);background:#fffaf1eb;border-radius:18px;gap:6px;padding:14px 16px;display:grid}#app .dashboard-milestone-phase{color:var(--brand-strong);font-size:.92rem;font-weight:700}#app .dashboard-milestone-detail{line-height:1.68}#app .invite-create-card,#app .invite-list-card{gap:18px;padding:24px;display:grid}#app .invite-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}#app .invite-filter-grid{grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr);gap:16px;display:grid}#app .invite-empty-card{border:1px dashed var(--line-strong);background:#fffbf4d1;border-radius:20px;gap:10px;padding:22px;display:grid}#app .invite-list-grid{gap:16px;display:grid}#app .invite-item-card{border:1px solid var(--line-soft);background:linear-gradient(#fffffff2,#f7f2e9e0);border-radius:20px;gap:16px;padding:20px;display:grid}#app .invite-item-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}#app .invite-item-code{font-family:var(--font-heading);letter-spacing:-.02em;font-size:1.08rem;font-weight:700}#app .invite-item-meta{margin-top:6px;font-size:.9rem}#app .invite-status-chip{white-space:nowrap;border-radius:999px;align-items:center;min-height:32px;padding:0 12px;font-size:.82rem;font-weight:700;display:inline-flex}#app .invite-status-chip[data-status=active]{color:var(--brand-strong);background:#e4efe9eb}#app .invite-status-chip[data-status=disabled]{color:var(--danger-text);background:#f8e2dbeb}#app .invite-meta-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}#app .invite-delete-button{color:var(--danger-text);border-color:#9c3a2747}#app .research-focus-card,#app .research-plan-card,#app .research-side-card{gap:18px;padding:24px;display:grid}#app .dashboard-overview-grid--research{grid-template-columns:repeat(4,minmax(0,1fr))}#app .research-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}#app .research-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}#app .research-form-grid--triple,#app .research-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}#app .research-topic-card,#app .research-pipeline-card,#app .research-experiment-card,#app .research-literature-card{border:1px solid var(--line-soft);background:linear-gradient(#fffffff5,#f0f7f3c7);border-radius:20px;gap:14px;padding:20px;display:grid}#app .research-topic-head,#app .research-pipeline-head,#app .research-experiment-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}#app .research-topic-stage,#app .research-pipeline-note{margin-top:6px}#app .research-state-chip{min-height:30px;color:var(--brand-strong);white-space:nowrap;background:#e4efe9eb;border-radius:999px;align-items:center;padding:0 12px;font-size:.82rem;font-weight:700;display:inline-flex}#app .research-state-chip--soft{color:var(--warn-text);background:#fff2dfeb}#app .research-select{appearance:none}#app .research-textarea{resize:vertical;min-height:120px}#app .research-topic-copy{line-height:1.7}#app .research-topic-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;display:grid}#app .research-topic-summary div{border:1px solid var(--line-soft);background:#fffbf4c7;border-radius:16px;gap:6px;padding:12px 14px;display:grid}#app .research-topic-summary dt{color:var(--text-muted);font-size:.82rem}#app .research-topic-summary dd{color:var(--text-main);font-family:var(--font-heading);font-size:1.05rem;font-weight:700}#app .research-topic-block{gap:6px;display:grid}#app .research-topic-label{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.84rem;font-weight:700}#app .research-tag-row{flex-wrap:wrap;gap:10px;display:flex}#app .research-tag{min-height:28px;color:var(--brand-strong);background:#244b3c14;border-radius:999px;align-items:center;padding:0 10px;font-size:.8rem;font-weight:700;display:inline-flex}#app .research-pipeline-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}#app .research-pipeline-count{background:var(--brand-strong);color:#fffdf8;min-width:42px;height:42px;font-family:var(--font-heading);border-radius:14px;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:inline-flex}#app .research-side-value{color:var(--text-main);font-family:var(--font-heading);font-size:1.02rem;font-weight:700}#app .research-experiment-list,#app .research-literature-list{gap:14px;display:grid}#app .research-literature-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}#app .research-literature-meta,#app .research-literature-time,#app .research-empty-note{line-height:1.6}#app .research-literature-meta{margin-top:6px}#app .research-meta-row{flex-wrap:wrap;gap:10px;display:flex}#app .research-meta-pill{min-height:30px;color:var(--brand-strong);background:#e4efe9eb;border-radius:999px;align-items:center;padding:0 12px;font-size:.82rem;font-weight:700;display:inline-flex}#app .research-meta-pill--muted{color:var(--text-subtle);border:1px solid var(--line-soft);background:#fffbf4e6}#app .research-action-row{justify-content:flex-start;display:flex}#app .research-reference-head{justify-content:space-between;align-items:center;gap:12px;display:flex}#app .research-reference-count{color:var(--text-muted);font-size:.84rem;font-weight:700}#app .research-reference-picker{border:1px solid var(--line-soft);background:#fffbf4c7;border-radius:18px;gap:10px;max-height:240px;padding:14px;display:grid;overflow:auto}#app .research-reference-option{border:1px solid var(--line-soft);background:#ffffffeb;border-radius:16px;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:12px;padding:12px 14px;display:grid}#app .research-reference-checkbox{margin:2px 0 0}#app .research-reference-copy{gap:6px;display:grid}#app .research-reference-copy strong{color:var(--text-main);font-size:.94rem}#app .research-reference-copy span{color:var(--text-subtle);font-size:.84rem;line-height:1.55}#app .research-link-block{gap:8px;display:grid}#app .research-link-label{color:var(--text-muted);font-size:.84rem;font-weight:700}#app .research-link-row{flex-wrap:wrap;gap:10px;display:flex}#app .research-inline-button{min-height:40px;padding:0 16px}#app .research-side-summary-list{gap:14px;display:grid}#app .research-side-summary-item{border:1px solid var(--line-soft);background:#fffbf4eb;border-radius:18px;gap:8px;padding:16px;display:grid}#app .research-side-summary-head{justify-content:space-between;align-items:center;gap:12px;display:flex}#app .research-side-summary-head strong{font-family:var(--font-heading);font-size:.98rem}#app .research-side-summary-total{background:var(--brand-strong);color:#fffdf8;border-radius:12px;justify-content:center;align-items:center;min-width:34px;height:34px;font-weight:700;display:inline-flex}#app .research-modal-mask{z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#18161047;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}#app .research-modal-card{gap:18px;width:min(760px,100%);max-height:calc(100vh - 48px);padding:24px;display:grid;overflow:auto}#app .dashboard-overview-grid--learning{grid-template-columns:repeat(4,minmax(0,1fr))}#app .learning-focus-card,#app .learning-plan-card,#app .learning-side-card{gap:18px;padding:24px;display:grid}#app .learning-track-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}#app .learning-track-card,#app .learning-course-card{border:1px solid var(--line-soft);background:linear-gradient(#fffffff5,#faf5eedb);border-radius:20px;gap:14px;padding:20px;display:grid}#app .learning-track-head,#app .learning-course-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}#app .learning-track-focus{margin-top:6px}#app .learning-state-chip{min-height:30px;color:var(--brand-strong);white-space:nowrap;background:#e4efe9eb;border-radius:999px;align-items:center;padding:0 12px;font-size:.82rem;font-weight:700;display:inline-flex}#app .learning-state-chip--soft{color:var(--warn-text);background:#fff2dfeb}#app .learning-course-list{gap:14px;display:grid}#app .learning-side-value{color:var(--text-main);font-family:var(--font-heading);font-size:1.02rem;font-weight:700}#app .dashboard-overview-grid--life{grid-template-columns:repeat(4,minmax(0,1fr))}#app .life-focus-card,#app .life-plan-card,#app .life-side-card{gap:18px;padding:24px;display:grid}#app .life-area-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}#app .life-area-card,#app .life-sample-card{border:1px solid var(--line-soft);background:linear-gradient(#fffffff5,#fbf6eee0);border-radius:20px;gap:14px;padding:20px;display:grid}#app .life-area-head,#app .life-sample-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}#app .life-area-focus{margin-top:6px}#app .life-state-chip{min-height:30px;color:var(--brand-strong);white-space:nowrap;background:#e4efe9eb;border-radius:999px;align-items:center;padding:0 12px;font-size:.82rem;font-weight:700;display:inline-flex}#app .life-state-chip--soft{color:var(--warn-text);background:#fff2dfeb}#app .life-sample-list{gap:14px;display:grid}#app .life-side-value{color:var(--text-main);font-family:var(--font-heading);font-size:1.02rem;font-weight:700}@media (width<=1080px){#app .auth-panel,#app .workspace-panel,#app .dashboard-overview-grid,#app .dashboard-overview-grid--home,#app .dashboard-overview-grid--research,#app .dashboard-overview-grid--learning,#app .dashboard-overview-grid--life,#app .dashboard-module-grid,#app .dashboard-quick-grid,#app .research-topic-grid,#app .research-pipeline-grid,#app .research-form-grid,#app .research-filter-grid,#app .learning-track-grid,#app .life-area-grid,#app .workspace-content-grid,#app .invite-form-grid,#app .invite-filter-grid,#app .invite-meta-list{grid-template-columns:1fr}}@media (width<=960px){#app .app-shell{padding:16px}#app .auth-panel,#app .dashboard-panel{padding:18px}#app .auth-copy,#app .auth-form-card{padding:22px}#app .workspace-panel{padding:18px}#app .workspace-topbar{grid-template-columns:1fr}#app .workspace-topbar-side{justify-items:start}#app .workspace-account-card{width:100%}#app .dashboard-card-head,#app .dashboard-module-head{flex-direction:column;align-items:flex-start}}