@import"https://fonts.googleapis.com/css2?family=ZCOOL+XiaoWei&family=Noto+Serif+SC:wght@400;500;600;700&display=swap";:root{--bg: #f4eee2;--bg-deep: #d9c3a1;--paper: rgba(255, 249, 240, .88);--paper-strong: rgba(255, 253, 248, .98);--line: rgba(54, 43, 28, .12);--text: #2c241a;--muted: #756654;--accent: #9a5f2d;--accent-strong: #74431d;--forest: #355c4d;--forest-soft: rgba(53, 92, 77, .12);--gold: #be9652;--danger: #9a3535;--shadow: 0 28px 70px rgba(78, 58, 29, .14);--radius-xl: 30px;--radius-lg: 22px;--radius-md: 16px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:"Noto Serif SC",serif;color:var(--text);background:radial-gradient(circle at 8% 10%,rgba(154,95,45,.18),transparent 20%),radial-gradient(circle at 92% 18%,rgba(53,92,77,.14),transparent 18%),radial-gradient(circle at 78% 82%,rgba(190,150,82,.18),transparent 24%),linear-gradient(135deg,#efe2c9,#f6f0e4 52%,#eef4ef)}button,input,select,textarea{font:inherit}button{border:none;cursor:pointer}.app-shell{position:relative;min-height:100vh;padding:28px;overflow:hidden}.page-orbit{position:fixed;border-radius:999px;pointer-events:none;filter:blur(18px);opacity:.5}.orbit-one{width:24rem;height:24rem;top:-8rem;left:-5rem;background:#9a5f2d3d}.orbit-two{width:30rem;height:30rem;right:-10rem;top:10rem;background:#355c4d2e}.orbit-three{width:20rem;height:20rem;left:45%;bottom:-8rem;background:#be965233}.topbar{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}.topbar-title h1,.panel-hero h2,.section-head h3{margin:0;font-family:ZCOOL XiaoWei,serif;font-weight:400}.topbar-title h1{font-size:clamp(2.4rem,4vw,4.2rem);line-height:.98}.topbar-title span,.lead,.identity-card span,.identity-card small,.history-item span,.history-item p,.policy-card p,.policy-card small,.mini-panel p,.mini-panel small,.metric-badge small,.metric-card small,.current-card small,.binding-card small,.binding-card em,.lesson-note,.guide-preview small,.kicker{color:var(--muted)}.kicker{margin:0 0 8px;letter-spacing:.18em;font-size:12px}.session-shell,.login-shell,.mode-switch,.export-row,.chip-row{display:flex;gap:12px;align-items:center}.session-shell{flex-wrap:wrap;justify-content:flex-end}.session-copy{display:flex;flex-direction:column;gap:4px;text-align:right}.mode-switch{padding:6px;background:#fffbf5c2;border:1px solid rgba(116,67,29,.1);border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mode-switch button{padding:10px 18px;border-radius:999px;color:var(--muted);background:transparent}.mode-switch .active,.chip.active{color:#fff;background:linear-gradient(135deg,var(--accent-strong),var(--accent))}.studio-grid,.admin-grid{position:relative;z-index:1;display:grid;gap:20px}.studio-grid{grid-template-columns:1.15fr 1.05fr 1.25fr}.admin-grid{grid-template-columns:1fr}.admin-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.panel,.metric-card{position:relative;overflow:hidden;border-radius:var(--radius-xl);border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel:before,.metric-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,rgba(255,255,255,.44),transparent 38%),linear-gradient(180deg,transparent,rgba(154,95,45,.04));pointer-events:none}.panel{padding:22px}.panel-hero{background:linear-gradient(160deg,#fffaf2eb,#fff6e8c2),radial-gradient(circle at 100% 0%,rgba(190,150,82,.18),transparent 28%)}.lead{margin:12px 0 0;line-height:1.8}.identity-card,.mini-panel,.current-card,.metric-card,.binding-card,.history-item,.trace-item,.policy-card,.metric-badge{border-radius:var(--radius-lg);border:1px solid rgba(116,67,29,.1);background:var(--paper-strong)}.identity-card,.mini-panel,.current-card,.policy-card,.metric-card{padding:16px}.identity-card{display:flex;flex-direction:column;gap:4px;margin-top:18px}.metric-strip{display:grid;gap:12px;margin-top:18px}.metric-badge{padding:14px 16px;display:flex;flex-direction:column;gap:4px}.metric-badge strong,.metric-card strong{font-size:1.5rem}.section-head{margin-bottom:16px}.section-head.compact{margin-bottom:12px}.section-head h3{font-size:2rem}.binding-wall{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.binding-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;text-align:left;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.binding-card.active,.binding-card:hover{transform:translateY(-2px);border-color:#9a5f2d4d;box-shadow:0 16px 32px #74431d1f}.binding-card strong{font-size:1.15rem}.binding-card em{font-style:normal}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-grid .wide{grid-column:1 / -1}label span{display:block;margin-bottom:8px;font-size:12px;letter-spacing:.08em;color:var(--muted)}input,select,textarea{width:100%;padding:14px 16px;border-radius:var(--radius-md);border:1px solid rgba(116,67,29,.12);background:#fffc;color:var(--text);outline:none}textarea{resize:vertical}.chip{padding:10px 16px;border-radius:999px;color:var(--accent-strong);background:#9a5f2d14}.current-card{margin-top:18px}.current-card p,.trace-item p,.guide-preview p{line-height:1.7}.template-board{margin-top:18px}.template-list,.history-list,.trace-list,.policy-stack{display:grid;gap:12px}.primary-button,.ghost-button,.text-button{transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease}.primary-button:hover,.ghost-button:hover,.text-button:hover{transform:translateY(-1px)}.primary-button{width:100%;margin-top:20px;padding:16px 20px;border-radius:18px;color:#fff;background:linear-gradient(135deg,var(--forest),var(--accent-strong));box-shadow:0 16px 28px #355c4d33}.primary-button.compact{width:auto;margin-top:0}.ghost-button{padding:12px 16px;border-radius:16px;color:var(--accent-strong);background:#9a5f2d14}.text-button{background:transparent;color:var(--forest)}.meta-ribbon{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.meta-ribbon article{padding:14px 16px;border-radius:var(--radius-lg);background:#fffcf7c7;border:1px solid rgba(116,67,29,.1)}.meta-ribbon span{display:block;margin-bottom:6px;font-size:12px;letter-spacing:.08em;color:var(--muted)}.preview-frame{min-height:460px;padding:24px;border-radius:26px;border:1px solid rgba(116,67,29,.12);background:linear-gradient(180deg,#fffcf7f5,#fff8efeb),repeating-linear-gradient(180deg,transparent 0,transparent 28px,rgba(154,95,45,.04) 28px,rgba(154,95,45,.04) 29px)}.guide-preview header{padding-bottom:14px;margin-bottom:18px;border-bottom:1px dashed rgba(116,67,29,.16)}.guide-preview h1{margin:6px 0 8px;font-family:ZCOOL XiaoWei,serif;font-weight:400;font-size:2.2rem}.guide-preview h3{margin:0 0 10px;color:var(--forest)}.guide-preview section+section{margin-top:16px}.guide-preview ul{margin:0;padding-left:20px;display:grid;gap:8px}.trace-board{margin-top:20px}.trace-item,.history-item{padding:14px 16px;display:flex;justify-content:space-between;gap:14px}.trace-item{flex-direction:column}.history-item strong,.trace-item strong,.policy-card strong,.mini-panel strong{display:block;margin-bottom:4px}.history-dual{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.error-box{margin-top:16px;padding:14px 16px;border-radius:16px;border:1px solid rgba(154,53,53,.2);color:var(--danger);background:#9a353514}.top-error{margin-bottom:16px}@media (max-width: 1280px){.studio-grid,.admin-columns,.metric-grid,.history-dual{grid-template-columns:1fr}}@media (max-width: 900px){.binding-wall,.field-grid,.meta-ribbon{grid-template-columns:1fr}}@media (max-width: 720px){.app-shell{padding:18px}.topbar,.session-shell,.login-shell,.export-row,.chip-row{flex-direction:column;align-items:stretch}.session-copy{text-align:left}}