:root{--color-paper:#f5f3eb;--color-ink:#203e35;--color-ochre:#9c5d3c;--color-paper-raised:#fffdf7;--color-line:#c6cec2;--color-line-soft:#dce0d2;--color-muted:#55685e;--color-eyebrow:#5e6f61;--color-focus:#9c5d3c;--color-danger:#8a3324;--color-danger-bg:#f7e8e3;--font-body:16px/1.7 system-ui, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-display:"Songti SC", "Noto Serif SC", "STSong", "SimSun", Georgia, serif;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--touch-min:44px;--radius:8px;--max-content:1250px}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden}body{background:var(--color-paper);color:var(--color-ink);font:var(--font-body)}#root{flex-direction:column;min-height:100vh;display:flex}button,input,select,textarea{font:inherit;color:inherit}button,.button-link{min-height:var(--touch-min);cursor:pointer;border:1px solid var(--color-line);color:inherit;background:0 0;border-radius:5px;justify-content:center;align-items:center;padding:9px 18px;text-decoration:none;display:inline-flex}button:hover,button.active{background:var(--color-ink);color:#fff}button.primary,.button-link.primary{background:var(--color-ink);border-color:var(--color-ink);color:#fff}button.primary:hover,.button-link.primary:hover{color:var(--color-ink);background:0 0}button:disabled{opacity:.55;cursor:not-allowed}button.danger{border-color:var(--color-danger);color:var(--color-danger);background:var(--color-danger-bg)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}a{color:var(--color-ink)}h1{font-family:var(--font-display);margin:var(--space-2) 0;font-size:36px;font-weight:500;line-height:1.3}h2{font-family:var(--font-display);margin:var(--space-3) 0 var(--space-1);font-size:24px;font-weight:500}p{margin:var(--space-1) 0}.muted{color:var(--color-muted)}.eyebrow{letter-spacing:2px;text-transform:uppercase;color:var(--color-eyebrow);margin:0;font-size:12px}.app-header{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-1) 5%;border-bottom:1px solid var(--color-line-soft);flex-wrap:wrap;display:flex}.brand{font-family:var(--font-display);font-size:28px;font-weight:700;text-decoration:none}.brand-block{flex-direction:column;gap:2px;display:flex}.brand-block .brand{line-height:1.2}.brand small{font-size:15px;font-weight:400}.top-nav{gap:var(--space-1);flex-wrap:wrap;display:flex}.top-nav a{min-height:var(--touch-min);border-radius:5px;align-items:center;padding:6px 14px;text-decoration:none;display:inline-flex}.top-nav a.active{background:var(--color-ink);color:#fff}.header-side{align-items:center;gap:var(--space-1);display:flex}.session-name{font-size:14px}.bottom-nav{background:var(--color-paper-raised);border-top:1px solid var(--color-line-soft);padding-bottom:env(safe-area-inset-bottom);z-index:20;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:56px;font-size:12px;text-decoration:none;display:flex}.bottom-nav a.active{color:var(--color-ochre);font-weight:600}.nav-icon{border:1.5px solid;border-radius:4px;width:20px;height:20px}.app-main{width:100%;max-width:var(--max-content);padding:var(--space-3) var(--space-2) var(--space-5);flex:1;margin:0 auto}.app-main>section{max-width:720px}.field{margin:var(--space-2) 0}.field label,.search-bar label{margin-bottom:4px;font-size:14px;display:block}input,select,textarea{background:var(--color-paper-raised);border:1px solid var(--color-line);width:100%;min-height:var(--touch-min);border-radius:5px;padding:12px;display:block}input[aria-invalid=true]{border-color:var(--color-danger);border-width:2px}.code-row{gap:var(--space-1);display:flex}.code-row input{flex:1}.form-error{color:var(--color-danger);background:var(--color-danger-bg);border:1px solid var(--color-danger);padding:var(--space-1) var(--space-2);border-radius:5px}.checkbox-row{align-items:center;gap:var(--space-1);min-height:var(--touch-min);margin:var(--space-1) 0;display:flex}.checkbox-row input{width:20px;height:20px;min-height:0}form .primary{margin-top:var(--space-1)}.search-bar{gap:var(--space-2);margin:var(--space-2) 0;flex-wrap:wrap;align-items:flex-end;display:flex}.search-bar label{flex:200px}.filters{gap:var(--space-1);margin:var(--space-1) 0 var(--space-2);flex-wrap:wrap;display:flex}.card-list{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin:0;padding:0;list-style:none;display:grid}.card{background:var(--color-paper-raised);border:1px solid var(--color-line-soft);border-radius:var(--radius);padding:26px}.card h2{margin:0 0 4px;font-size:20px}.card h2 a{text-decoration:none}.card.read{opacity:.65}.meta{color:var(--color-muted);font-size:13px}.tag{color:var(--color-ochre);font-size:13px}.detail-card{padding:var(--space-3)}.page-heading{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.state{border:1px solid var(--color-line-soft);border-radius:var(--radius);padding:var(--space-3);margin:var(--space-2) 0;background:var(--color-paper-raised)}.state-error,.state-forbidden{border-color:var(--color-danger)}.state-success{border-color:var(--color-ink)}.state-hint{color:var(--color-muted);font-size:14px}.state button{margin-top:var(--space-1)}.modal-backdrop{padding:var(--space-2);z-index:50;background:#10261eb8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-panel{background:var(--color-paper-raised);color:var(--color-ink);padding:var(--space-3);border-radius:12px;width:100%;max-width:520px;max-height:85vh;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;gap:var(--space-1);display:flex}.modal-header h2{margin:0}.modal-close{min-height:var(--touch-min)}.rule-list{padding-left:var(--space-2)}.profile-list{gap:var(--space-1) var(--space-2);margin:var(--space-2) 0;grid-template-columns:max-content 1fr;display:grid}.profile-list dt{font-weight:600}.profile-list dd{margin:0}.sub-links,.action-row{gap:var(--space-1);margin:var(--space-2) 0;flex-wrap:wrap;display:flex}.sub-links a{min-height:var(--touch-min);border:1px solid var(--color-line);border-radius:5px;align-items:center;padding:6px 14px;text-decoration:none;display:inline-flex}.synthetic-badge{letter-spacing:1px;color:var(--color-ochre);border:1px dashed var(--color-ochre);border-radius:4px;padding:2px 8px;font-size:12px;display:inline-block}.avatar-badge{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.member-card{align-items:flex-start;gap:var(--space-2);display:flex}.session-id{color:var(--color-muted)}.logout-button{min-height:36px;padding:4px 12px}.snapshot-box{border:1px solid var(--color-line-soft);border-radius:var(--radius);padding:var(--space-1) var(--space-2);margin:var(--space-1) 0;background:var(--color-paper)}.career-item{border:1px solid var(--color-line-soft);border-radius:var(--radius);margin:var(--space-2) 0;padding:var(--space-1) var(--space-2) var(--space-2)}.check-list{margin:var(--space-2) 0}.share-fields{border:1px solid var(--color-line-soft);border-radius:var(--radius);margin:var(--space-1) 0;padding:var(--space-1) var(--space-2)}.recovery-codes{columns:2;padding-left:var(--space-3)}.recovery-codes code,.totp-secret{letter-spacing:1px;font-size:15px}.building-tag{color:var(--color-muted);border:1px dashed var(--color-line);border-radius:4px;padding:2px 8px;font-size:12px;display:inline-block}.confirm-list{grid-template-columns:1fr}.confirm-field blockquote{margin:var(--space-1) 0;padding-left:var(--space-2);border-left:3px solid var(--color-line);color:var(--color-muted)}.auth-page{max-width:420px;margin:0 auto}.door-arch{margin:var(--space-1) 18px var(--space-2) 0;background:#e6e8da;border-radius:180px 180px 0 0;flex-direction:column;justify-content:flex-end;align-items:center;padding-top:44px;display:flex}.door-mark{font-family:var(--font-display);text-align:center;background:var(--color-paper-raised);border:1px solid #81927e;border-bottom:0;border-radius:100px 100px 0 0;padding:38px 44px 6px;font-size:72px;line-height:1.2;box-shadow:18px 0 #d3d9c8}.door-mark small{letter-spacing:4px;color:var(--color-eyebrow);font-family:system-ui,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:13px;display:block}.door-tagline{margin:var(--space-1) 0 14px;letter-spacing:1px;color:var(--color-ink);font-size:13px}@media (width<=767px){.app-main{padding:var(--space-2) var(--space-2) calc(72px + env(safe-area-inset-bottom))}h1{font-size:28px}.page-heading{align-items:flex-start}.door-arch{border-radius:120px 120px 0 0;padding-top:30px}.door-mark{border-radius:72px 72px 0 0;padding:26px 32px 4px;font-size:48px}}.welcome-page{max-width:var(--max-content);padding:0 var(--space-2) var(--space-5);margin:0 auto}.welcome-topbar{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--color-line-soft);flex-wrap:wrap;display:flex}.welcome-brand{font-family:var(--font-display);font-size:24px;font-weight:700;text-decoration:none}.welcome-brand small{font-size:14px;font-weight:400}.welcome-nav{gap:var(--space-2);flex-wrap:wrap;display:flex}.welcome-nav a{min-height:var(--touch-min);border-bottom:1px solid var(--color-line);align-items:center;font-size:15px;text-decoration:none;display:inline-flex}.welcome-nav a:hover{border-bottom-color:var(--color-ink)}.welcome-hero{align-items:center;gap:var(--space-4);padding:var(--space-4) 0 var(--space-3);flex-wrap:wrap;display:flex}.welcome-hero-copy{flex:420px;min-width:0}.welcome-lede{max-width:56ch;font-size:17px}.welcome-cta{gap:var(--space-1);margin:var(--space-2) 0;flex-wrap:wrap;display:flex}.welcome-note{font-size:14px}.welcome-mascot{flex-direction:column;flex:none;align-items:center;display:flex}.mascot-door{background:#e6e8da;border-radius:84px 84px 0 0;justify-content:center;align-items:center;width:168px;height:208px;display:flex;position:relative}.mascot-glass{background:var(--color-ink);width:52px;height:34px;box-shadow:0 0 0 3px var(--color-ink);border-radius:14px;position:absolute;top:62px}.mascot-glass-left{left:26px;transform:rotate(-6deg)}.mascot-glass-right{right:26px;transform:rotate(6deg)}.mascot-bridge{background:var(--color-ink);border-radius:3px;width:26px;height:5px;margin-left:-13px;position:absolute;top:76px;left:50%}.mascot-caption{margin:var(--space-1) 0 0;letter-spacing:1px;color:var(--color-ink);font-size:13px}.welcome-block{padding:var(--space-3) 0;border-top:1px solid var(--color-line-soft);scroll-margin-top:var(--space-2)}.welcome-cards{gap:var(--space-2);margin-top:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.welcome-card{background:var(--color-paper-raised);border:1px solid var(--color-line-soft);border-radius:var(--radius);flex-direction:column;align-items:flex-start;padding:26px;display:flex}.welcome-card h3{font-family:var(--font-display);margin:0 0 4px;font-size:20px;font-weight:500}.welcome-card p{margin:0 0 var(--space-2)}.welcome-more{min-height:var(--touch-min);margin-top:auto;font-size:14px}.welcome-footer{padding:var(--space-3) 0 0;border-top:1px solid var(--color-line-soft)}.login-intro-link{margin:var(--space-1) 0 var(--space-2)}.login-intro-link a{min-height:var(--touch-min);align-items:center;font-size:15px;display:inline-flex}.login-layout{gap:var(--space-4);grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:start;display:grid}.login-layout>.auth-page{max-width:none}.demo-showcase{background:var(--color-paper-raised);border:1px solid var(--color-line-soft);border-radius:var(--radius);padding:var(--space-3)}.demo-showcase-head h2{margin:var(--space-1) 0 var(--space-1);font-size:24px}.demo-showcase-head p{margin:0 0 var(--space-2);max-width:60ch}.demo-subheading{font-family:var(--font-display);margin:var(--space-3) 0 var(--space-1);align-items:center;gap:var(--space-1);flex-wrap:wrap;font-size:18px;font-weight:500;display:flex}.demo-note{letter-spacing:1px;color:var(--color-ochre);border:1px dashed var(--color-ochre);border-radius:4px;padding:1px 6px;font-family:system-ui,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:12px;font-weight:400}.demo-member-list,.demo-resource-list{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.demo-member{align-items:flex-start;gap:var(--space-1);border:1px solid var(--color-line-soft);padding:var(--space-1);background:var(--color-paper);border-radius:6px;display:flex}.demo-avatar{background:var(--color-ink);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-weight:600;display:inline-flex}.demo-member-body{min-width:0}.demo-member-name{flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-weight:600;display:flex}.demo-member-meta{color:var(--color-muted);margin:2px 0 4px;font-size:13px}.demo-member-line{margin:2px 0;font-size:14px}.demo-label{color:var(--color-ochre);margin-right:6px;font-size:12px;display:inline-block}.demo-resource{align-items:flex-start;gap:var(--space-1);border:1px solid var(--color-line-soft);padding:var(--space-1);background:var(--color-paper);border-radius:6px;display:flex}.demo-resource-title{margin:0;font-weight:600}.demo-kind{white-space:nowrap;border:1px solid;border-radius:4px;flex-shrink:0;padding:2px 8px;font-size:12px}.demo-kind-need{color:var(--color-danger);border-color:var(--color-danger);background:var(--color-danger-bg)}.demo-kind-offer{color:var(--color-ink);border-color:var(--color-ink)}@media (width<=767px){.login-layout{gap:var(--space-3);grid-template-columns:minmax(0,1fr)}.demo-showcase{padding:var(--space-2)}.welcome-hero{padding:var(--space-3) 0 var(--space-2)}.welcome-hero-copy{flex:100%}.welcome-mascot{align-self:center}.mascot-door{border-radius:66px 66px 0 0;width:132px;height:164px}.mascot-glass{width:40px;height:26px;top:48px}.mascot-glass-left{left:20px}.mascot-glass-right{right:20px}.mascot-bridge{top:59px}}