:root{color-scheme:dark;--bg:#141019;--panel:#241a2e;--ink:#ecdef5;--muted:#b49dc5;--gold:#d7bd91;--purple:#c5a1df;--line:#b78dcb38;font-family:"Microsoft YaHei","PingFang SC",sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 10% 0,#66507833,transparent 50%),radial-gradient(ellipse at 100% 90%,#b79c6b17,transparent 50%),var(--bg);font-size:13px;line-height:1.8}button,input,select,textarea{font:inherit}button,a,.button-label{color:inherit}a{text-decoration:none}button,.button-label{cursor:pointer;border:1px solid var(--line);background:#b486cb0c;padding:8px 14px;transition:border-color .2s,background .2s}button:hover,.button-label:hover{border-color:var(--purple);background:#b486cb24}button:disabled{opacity:.4;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.primary{color:#261b31;background:var(--purple);border-color:var(--purple)}.primary:hover{background:#dfc0f4;color:#261b31}button,input,select,textarea{border-radius:3px}input,select,textarea{width:100%;border:1px solid var(--line);background:#100c17aa;color:var(--ink);padding:10px 12px;min-width:0}textarea{resize:vertical;line-height:1.9;min-height:90px}input[type=checkbox]{width:auto;accent-color:#c5a1df}label{display:block;color:var(--muted);font-size:11px}label>input,label>select,label>textarea{margin-top:6px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;font-family:"Songti SC","SimSun",serif;letter-spacing:.08em}p{color:var(--muted)}[hidden]{display:none!important}.admin-header{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:20px 5vw;background:#16101de6}.admin-brand{display:flex;align-items:center;gap:13px;font:22px Georgia,serif;margin-right:auto}.admin-brand img{width:35px;height:35px;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 0 6px #c69fdf)}.admin-brand span{font:11px "Microsoft YaHei",sans-serif;color:var(--gold);letter-spacing:.12em}.admin-header>a:not(.admin-brand){font-size:11px;color:var(--muted)}main{max-width:1420px;margin:auto;padding:40px 5vw}.eyebrow{font:9px Georgia,serif;letter-spacing:.22em;color:var(--gold)}.login-panel{max-width:430px;margin:10vh auto 12vh;padding:45px 32px;background:radial-gradient(ellipse at 100% 0,#be8cdb18,transparent 70%),var(--panel);border:1px solid #c29cdb70;box-shadow:0 0 0 8px #bb90cf07}.login-panel h1{font-size:29px;margin:18px 0 12px}.login-panel p{font-size:12px}.login-panel form{margin-top:30px}.login-panel form button{width:100%;margin-top:18px}#login-status{font-size:11px;line-height:1.9;margin-top:18px;color:var(--gold)}.studio-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.studio-heading h1{font-size:32px;margin-top:6px}.connection-label{font-size:11px;color:var(--gold)}.sync-explainer{margin:24px 0 16px;padding:15px 19px;border:1px solid var(--line);background:#b889ca0b;color:var(--muted);font-size:12px}.action-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;position:sticky;top:0;z-index:3;padding:12px 0;background:#141019ed;backdrop-filter:blur(16px)}.action-bar>span{margin-right:auto;color:var(--gold);font-size:11px}.action-bar button,.action-bar .button-label{font-size:11px;padding:8px 12px}.studio-status{font-size:12px;min-height:25px;color:var(--gold);margin-bottom:12px}.studio-status.error{color:#e6a1b3}.editor-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start}.records-panel{position:sticky;top:70px;padding:20px 16px;border:1px solid var(--line);background:#251a2c77}.record-search{display:flex;gap:6px;margin:14px 0}.record-search input{width:0;flex:1;padding:7px 8px;font-size:11px}.record-search button{font-size:10px;padding:6px 8px;white-space:nowrap}#record-list{max-height:65vh;overflow-y:auto}.record-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 9px;text-align:left;border:0;border-left:2px solid transparent;background:transparent}.record-item img{width:30px;height:30px;object-fit:cover;border-radius:50%}.record-item span{display:block}.record-item small{display:block;color:var(--muted);font-size:9px}.record-item.active{background:#bf8fd51d;border-left-color:var(--gold)}.record-item:hover{background:#bf8fd511}.record-editor{background:#2017259c;border:1px solid var(--line);padding:28px 30px;min-width:0}.editor-title{display:flex;align-items:center;gap:15px;justify-content:space-between;margin-bottom:25px}.editor-title h2{font-size:25px}.record-code{font-size:9px;color:var(--gold)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.full-width{grid-column:1/-1}.form-section{margin-top:30px;padding-top:25px;border-top:1px solid var(--line)}.form-section>h3,.section-editor-title h3{font-size:20px;color:#e2c8ef;margin-bottom:15px}.faction-choices{display:flex;flex-wrap:wrap;gap:12px}.faction-choices label{padding:5px 9px;border:1px solid var(--line)}.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.media-item{display:flex;flex-direction:column;align-items:start;gap:10px}.media-item img{width:100px;height:100px;object-fit:contain;border:1px solid var(--line);background:#b78dcb0d}.media-item .button-label{font-size:11px}.media-caption{font-size:10px;color:var(--muted)}.section-editor-title{display:flex;align-items:center;gap:10px;justify-content:space-between}.section-editor-title h3{margin-bottom:0}.field-row{display:grid;grid-template-columns:130px minmax(0,1fr) 28px;gap:10px;align-items:start;margin-top:15px}.field-row input{font-size:11px;padding:9px}.field-row textarea{font-size:12px;min-height:75px}.remove-field{padding:5px 0;font-size:17px;width:28px}.small-button{font-size:10px;padding:5px 10px}.field-preview{width:160px;max-width:100%}.relation-row{display:grid;grid-template-columns:1fr 1fr 28px;gap:10px;align-items:center;margin-top:12px}.relation-row input{font-size:12px}.add-section-row{display:flex;gap:10px;margin-top:22px}.add-section-row input{max-width:250px}.record-empty{color:var(--muted);padding:30px 5px}.admin-footer,body>footer{text-align:center;color:#947f9e;font-size:9px;padding:30px}dialog{color:var(--ink);background:linear-gradient(140deg,#31213e,#1c1523);border:1px solid var(--purple);padding:30px;max-width:calc(100vw - 40px);width:420px}dialog::backdrop{background:#08050dbb;backdrop-filter:blur(5px)}dialog h2{font-size:24px;margin-bottom:15px}dialog p{font-size:12px;margin-bottom:25px}dialog>div{display:flex;justify-content:flex-end;gap:10px}
@media(max-width:850px){main{padding:25px 20px}.editor-layout{grid-template-columns:190px minmax(0,1fr);gap:15px}.record-editor{padding:22px 18px}.records-panel{padding:15px 10px}.field-row{grid-template-columns:100px minmax(0,1fr) 25px}.form-grid{gap:14px}.action-bar>span{flex-basis:100%}.studio-heading h1{font-size:27px}}
@media(max-width:600px){.admin-header{padding:16px 20px;gap:10px}.admin-brand{font-size:19px}.admin-brand span{display:none}.admin-header>a:not(.admin-brand){font-size:10px}.admin-header button{font-size:10px;padding:5px 8px}.editor-layout{grid-template-columns:1fr}.records-panel{position:static}.record-search{margin-bottom:5px}#record-list{display:flex;max-height:120px;overflow:auto;gap:5px;flex-wrap:wrap}.record-item{width:auto;padding:7px 9px}.record-item img{width:24px;height:24px}.record-item small{display:none}.record-editor{padding:23px 18px}.studio-heading{display:block}.connection-label{margin-top:8px}.form-grid{grid-template-columns:1fr}.full-width{grid-column:auto}.field-row{grid-template-columns:minmax(0,1fr) 28px;gap:7px}.field-row>input{grid-column:1}.field-row>div{grid-column:1}.field-row>.remove-field{grid-column:2;grid-row:1}.relation-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 25px;gap:6px}.login-panel{margin:5vh auto;padding:30px 25px}.sync-explainer{font-size:11px}.action-bar button,.action-bar .button-label{font-size:10px;padding:7px 9px}.action-bar{top:0}.media-grid{gap:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}