:root{--navy:#13283d;--navy2:#1d3a55;--paper:#fff;--line:#d7dde3;--soft:#f3f6f8;--ink:#17212b;--muted:#687887;--accent:#216ea5;--font:16px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:var(--ink);background:#e9eef2;font-size:var(--font)}button,input,textarea{font:inherit}.topbar{height:76px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:10px 18px;gap:18px}.brand{display:flex;align-items:baseline;gap:14px;white-space:nowrap}.brand strong{font-size:25px;letter-spacing:1px}.brand span{font-size:19px}.brand small{color:#b9c8d5}.tools{display:flex;align-items:center;gap:7px;flex:1;justify-content:flex-end}.tools button,.actions button,.pager button{border:1px solid #b9c5cf;background:#fff;border-radius:3px;min-height:34px;padding:5px 13px;cursor:pointer}.search{width:min(560px,60vw);height:38px;display:flex;align-items:center;background:#fff;color:#657483;border-radius:4px;padding:0 10px}.search input{border:0;outline:0;width:100%;padding:7px;color:#17212b}.workspace{height:calc(100vh - 106px);display:grid;grid-template-columns:172px minmax(250px,31%) 1fr;background:var(--paper);border-top:1px solid #344c61}.modules{background:var(--navy2);padding:8px 0;overflow:auto}.module{width:100%;display:block;text-align:left;border:0;background:transparent;color:#eaf1f6;padding:12px 20px;border-left:4px solid transparent;cursor:pointer}.module:hover,.module.active{background:#f5f7f9;color:var(--navy);border-left-color:#2c7fb8;font-weight:700}.records{border-right:1px solid var(--line);display:grid;grid-template-rows:auto 1fr auto;min-width:0}.section-head{height:48px;padding:14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:14px}.record-list{overflow:auto}.record{padding:12px 14px;border-bottom:1px solid #edf0f2;cursor:pointer}.record:hover,.record.active{background:#eaf3f9;color:#164f78}.record small{display:block;color:var(--muted);margin-top:4px}.empty{padding:30px 14px;color:var(--muted);text-align:center}.pager{height:49px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:12px}.pager button:disabled,.actions button:disabled{opacity:.45;cursor:not-allowed}.detail{display:grid;grid-template-rows:auto 1fr auto;min-width:0;background:#fff}.detail-head{min-height:62px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:10px 18px;gap:12px}.detail h1{font-size:20px;margin:0}.actions{display:flex;gap:8px}.actions #save{background:var(--accent);color:#fff;border-color:var(--accent)}#editor{width:100%;height:100%;resize:none;border:0;outline:0;padding:22px;line-height:1.8;color:var(--ink);background:#fff}.sync-state{border-top:1px solid var(--line);padding:9px 18px;color:var(--muted);font-size:13px}footer{height:30px;background:var(--soft);border-top:1px solid var(--line);color:#657483;text-align:center;padding:6px;font-size:12px}
@media(max-width:800px){.topbar{height:auto;align-items:stretch;flex-direction:column;padding-top:max(10px,env(safe-area-inset-top))}.brand{justify-content:space-between}.brand small{display:none}.tools{justify-content:stretch}.search{width:auto;flex:1}.workspace{height:auto;min-height:calc(100vh - 142px);display:block}.modules{display:flex;overflow-x:auto;background:var(--navy2);padding:0;position:sticky;top:0;z-index:2}.module{width:auto;min-width:max-content;padding:11px 15px;border-left:0;border-bottom:3px solid transparent}.module.active{border-bottom-color:#2c7fb8}.records{height:43vh;border-right:0;border-bottom:1px solid var(--line)}.detail{height:52vh}.detail-head{padding:8px 12px;align-items:flex-start}.detail h1{font-size:17px;padding-top:8px}.actions button{padding:4px 9px}.sync-state{padding-bottom:max(9px,env(safe-area-inset-bottom))}footer{display:none}}
.overlay{position:fixed;inset:0;background:rgba(9,24,37,.72);display:grid;place-items:center;z-index:20;padding:18px}.overlay.hidden{display:none}.dialog{width:min(430px,100%);background:#fff;border-radius:6px;padding:24px;box-shadow:0 18px 55px rgba(0,0,0,.3);display:grid;gap:14px}.dialog h2,.dialog p{margin:0}.dialog input,.dialog textarea{width:100%;border:1px solid #b8c4ce;border-radius:4px;padding:10px;outline:none}.dialog>button,.dialog-actions button{border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:4px;padding:10px;cursor:pointer}.dialog #newContent{height:240px;resize:vertical}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.dialog-actions button:first-child{background:#fff;color:var(--ink);border-color:#b8c4ce}.error{color:#b42318;min-height:20px}.dialog.conflict{width:min(850px,100%)}.compare{display:grid;grid-template-columns:1fr 1fr;gap:12px}.compare label{font-weight:700}.compare textarea{height:280px;margin-top:7px;font-weight:400;line-height:1.6}@media(max-width:800px){.compare{grid-template-columns:1fr}.compare textarea{height:150px}.actions{flex-wrap:wrap;justify-content:flex-end}.actions button{min-height:30px}}