: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}}.beijing-form{gap:18px;max-width:640px;display:grid}.beijing-form label{gap:8px;display:grid}.beijing-form input,.beijing-form select{background:#fffefa;border:1px solid #b9c1b8;border-radius:6px;max-width:100%;min-height:44px;padding:12px}.beijing-form p{font-size:14px;line-height:1.7}