:root { font-family:"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif; color:#202724; background:#f4f7f5; }
* { box-sizing:border-box; }
body { margin:0; min-width:320px; min-height:100vh; }
button,input,textarea,select { font:inherit; }
button,a,input,textarea,select { transition:.18s ease; }
.admin-sidebar { position:fixed; inset:0 auto 0 0; width:238px; display:flex; flex-direction:column; padding:26px 18px 22px; color:#dce7e2; background:#15221d; }
.admin-brand { width:42px; color:white; font:700 italic 36px/1 Arial,sans-serif; text-decoration:none; transform:rotate(-8deg); }
.workspace { display:grid; gap:5px; margin:30px 0 25px; padding:14px; border:1px solid rgba(255,255,255,.08); border-radius:12px; background:rgba(255,255,255,.04); }
.workspace small { color:#83948c; font-size:10px; letter-spacing:.6px; }
.workspace strong { font-size:13px; }
.admin-sidebar nav { display:grid; gap:6px; }
.admin-sidebar nav a { display:flex; align-items:center; gap:12px; padding:11px 12px; border-radius:9px; color:#90a099; text-decoration:none; font-size:13px; }
.admin-sidebar nav a:hover,.admin-sidebar nav a.active { color:white; background:#283a32; }
.admin-sidebar nav span { width:19px; text-align:center; }
.back-link { margin-top:auto; padding:11px; color:#91a198; text-decoration:none; font-size:12px; }
.admin-main { margin-left:238px; padding:0 38px 60px; }
.admin-header { height:92px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #e0e6e3; }
.admin-header p { margin:0 0 5px; color:#87928d; font-size:11px; }
.admin-header h1 { margin:0; font-size:24px; }
.header-actions { display:flex; align-items:center; gap:9px; }
.save-state { margin-right:8px; color:#84908b; font-size:11px; }
.ghost-button,.primary-button { padding:9px 15px; border-radius:9px; cursor:pointer; font-size:12px; }
.ghost-button { border:1px solid #d8dfdc; background:white; }
.primary-button { border:1px solid #1e8b6a; color:white; background:#1e8b6a; box-shadow:0 7px 17px rgba(30,139,106,.16); }
.primary-button:hover { background:#177356; }
.intro-card { display:flex; align-items:center; justify-content:space-between; margin:24px 0 18px; padding:18px 21px; border:1px solid #dceae4; border-radius:14px; background:linear-gradient(110deg,#effaf5,#f9fffc); }
.intro-card>div { display:flex; align-items:center; gap:14px; }
.intro-icon { width:38px; height:38px; display:grid; place-items:center; border-radius:10px; color:#198c69; background:#d6f2e6; }
.intro-card h2 { margin:0 0 4px; font-size:14px; }
.intro-card p { margin:0; color:#74817b; font-size:11px; }
.intro-card a { color:#1b8062; text-decoration:none; font-size:12px; }
.config-layout { display:grid; grid-template-columns:275px minmax(0,1fr); gap:18px; align-items:start; }
.mode-list-panel,.editor-panel { border:1px solid #e0e6e3; border-radius:14px; background:white; box-shadow:0 6px 24px rgba(39,71,57,.035); }
.panel-heading { padding:19px; border-bottom:1px solid #edf0ee; }
.panel-heading h2 { margin:0 0 4px; font-size:14px; }
.panel-heading p { margin:0; color:#98a19d; font-size:10px; }
.admin-mode-list { padding:8px; }
.admin-mode-item { display:flex; align-items:center; gap:11px; width:100%; padding:12px 10px; border:0; border-radius:10px; background:transparent; text-align:left; cursor:pointer; }
.admin-mode-item:hover { background:#f7faf8; }
.admin-mode-item.active { background:#eef8f3; }
.admin-mode-icon { flex:0 0 34px; height:34px; display:grid; place-items:center; border-radius:9px; color:#317760; background:#e1f1ea; }
.admin-mode-copy { min-width:0; flex:1; }
.admin-mode-copy strong { display:block; margin-bottom:3px; font-size:12px; }
.admin-mode-copy small { display:block; overflow:hidden; color:#929c97; white-space:nowrap; text-overflow:ellipsis; font-size:9px; }
.status-dot { width:7px; height:7px; border-radius:50%; background:#cbd2ce; }
.status-dot.on { background:#43b78d; box-shadow:0 0 0 3px #e5f6ef; }
.editor-panel { overflow:hidden; }
.editor-heading { display:flex; align-items:center; justify-content:space-between; padding:18px 22px; border-bottom:1px solid #edf0ee; }
.editor-heading>div { display:flex; align-items:center; gap:12px; }
.editor-icon { width:39px; height:39px; display:grid; place-items:center; border-radius:10px; color:white; background:#288b6c; }
.editor-heading h2 { margin:0 0 3px; font-size:15px; }
.editor-heading p { margin:0; color:#9ba49f; font-size:9px; }
.switch { display:flex; align-items:center; gap:8px; cursor:pointer; }
.switch input { display:none; }
.switch span { position:relative; width:36px; height:20px; border-radius:12px; background:#cdd5d1; }
.switch span::after { content:""; position:absolute; width:16px; height:16px; left:2px; top:2px; border-radius:50%; background:white; box-shadow:0 1px 3px rgba(0,0,0,.18); transition:.18s; }
.switch input:checked+span { background:#31a37f; }
.switch input:checked+span::after { transform:translateX(16px); }
.switch b { font-size:10px; font-weight:500; }
.form-section { padding:21px 22px; border-bottom:1px solid #edf0ee; }
.form-section:last-child { border:0; }
.section-title { display:flex; align-items:flex-start; gap:10px; margin-bottom:17px; }
.section-title>span { width:25px; height:25px; display:grid; place-items:center; border-radius:7px; color:#268b6c; background:#e9f6f1; font-size:9px; }
.section-title h3 { margin:0 0 3px; font-size:12px; }
.section-title p { margin:0; color:#98a19d; font-size:9px; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:14px; }
.form-grid--three { grid-template-columns:1.5fr .65fr 1fr; margin:0; }
.form-section label { display:block; color:#53605a; font-size:10px; }
.form-section input,.form-section textarea,.form-section select { width:100%; margin-top:7px; padding:10px 11px; border:1px solid #dfe5e2; border-radius:8px; outline:0; color:#26302c; background:#fbfcfb; font-size:11px; }
.form-section textarea { resize:vertical; line-height:1.55; }
.form-section input:focus,.form-section textarea:focus,.form-section select:focus { border-color:#61b99d; box-shadow:0 0 0 3px #eaf7f2; background:white; }
.form-section input:disabled { color:#98a19d; background:#f1f4f2; }
.form-section label>small { display:block; margin-top:5px; color:#a0aaa5; font-size:8px; }
.admin-toast { position:fixed; right:24px; bottom:24px; padding:11px 16px; border-radius:9px; color:white; background:#1c2924; opacity:0; transform:translateY(8px); transition:.2s; font-size:11px; }
.admin-toast.show { opacity:1; transform:none; }
@media(max-width:900px){.admin-sidebar{width:78px;align-items:center}.admin-brand{margin-bottom:30px}.workspace,.admin-sidebar nav a:not(.active) span+*,.back-link{display:none}.admin-sidebar nav a{font-size:0}.admin-sidebar nav a span{font-size:18px}.admin-main{margin-left:78px;padding:0 18px 40px}.save-state{display:none}.config-layout{grid-template-columns:1fr}.admin-mode-list{display:flex;overflow:auto}.admin-mode-item{min-width:190px}.form-grid,.form-grid--three{grid-template-columns:1fr}.admin-header{height:80px}.intro-card p{display:none}}
@media(max-width:560px){.admin-sidebar{display:none}.admin-main{margin-left:0;padding:0 12px 30px}.admin-header h1{font-size:20px}.ghost-button{display:none}.intro-card{padding:14px}.config-layout{gap:10px}.editor-heading{align-items:flex-start}.form-section{padding:18px 15px}}