:root{color:#e9edf8;background:#07101d;font-family:Microsoft YaHei UI,PingFang SC,sans-serif;font-synthesis:none;--背景: #07101d;--侧栏: #091524;--面板: #0d1a2b;--面板浅: #12223a;--边线: rgba(139, 161, 196, .15);--文字: #edf2fb;--次文字: #8493aa;--蓝色: #4f8cff;--青色: #35c6c8;--红色: #ff7188}*{box-sizing:border-box}html,body,#root{min-width:1180px;min-height:100%;margin:0}body{min-height:100vh;background:radial-gradient(circle at 70% 0,rgba(47,86,146,.14),transparent 32%),var(--背景)}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #64a1ff;outline-offset:2px}img{display:block;max-width:100%}.admin-shell{display:grid;min-height:100vh;grid-template-columns:248px 1fr}.admin-sidebar{position:fixed;inset:0 auto 0 0;z-index:20;display:flex;width:248px;flex-direction:column;padding:24px 15px 18px;border-right:1px solid rgba(137,159,194,.12);background:linear-gradient(180deg,#0b1829,#07111f)}.admin-brand{display:flex;align-items:center;gap:11px;padding:0 9px 29px}.admin-brand>span{display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(100,157,255,.32);border-radius:13px;color:#b7d2ff;background:linear-gradient(145deg,#2a6fd659,#17346266);box-shadow:0 12px 28px #0f31663d}.admin-brand div{display:grid;gap:3px}.admin-brand b{font-size:15px;letter-spacing:.08em}.admin-brand small{color:#66809f;font-size:9px;letter-spacing:.16em}.admin-sidebar nav{display:grid;gap:5px}.admin-sidebar nav button{display:grid;grid-template-columns:22px 1fr 16px;align-items:center;gap:8px;min-height:47px;padding:0 13px;border:1px solid transparent;border-radius:13px;color:#8191a9;text-align:left;background:transparent}.admin-sidebar nav button svg:last-child{opacity:0}.admin-sidebar nav button.active{color:#eef4ff;border-color:#5b8fe33b;background:linear-gradient(90deg,#2b65bf47,#16366329);box-shadow:inset 3px 0 #5795ff}.admin-sidebar nav button.active svg:last-child{opacity:.7}.database-status{display:grid;grid-template-columns:25px 1fr 8px;align-items:center;gap:8px;margin-top:auto;padding:13px;border:1px solid var(--边线);border-radius:14px;color:#8ca0bd;background:#10203694}.database-status div{display:grid;gap:3px}.database-status b{color:#bdc9db;font-size:10px}.database-status small{color:#61738d;font-size:8px}.database-status i{width:7px;height:7px;border-radius:50%;background:#43d5aa;box-shadow:0 0 9px #43d5aa99}.database-status i.error{background:var(--红色)}.admin-main{grid-column:2;min-width:0}.admin-topbar{position:sticky;top:0;z-index:15;display:flex;min-height:83px;align-items:center;justify-content:space-between;gap:25px;padding:14px 28px;border-bottom:1px solid rgba(135,158,194,.11);background:#07101de0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.admin-topbar>div:first-child{display:grid;gap:3px}.admin-topbar>div:first-child span{color:#6582a9;font-size:9px;letter-spacing:.17em}.admin-topbar h1{margin:0;font-size:22px;font-weight:600}.admin-actions{display:flex;align-items:center;gap:8px}.token-field{display:flex;width:248px;min-height:39px;align-items:center;border:1px solid var(--边线);border-radius:11px;background:#0b1728}.token-field input{min-width:0;flex:1;padding:0 12px;border:0;outline:0;color:#cdd7e7;font-size:11px;background:transparent}.token-field button,.icon-action{display:grid;width:37px;height:37px;place-items:center;padding:0;border:0;color:#7890b0;background:transparent}.quiet-button{display:flex;min-height:39px;align-items:center;gap:6px;padding:0 13px;border:1px solid var(--边线);border-radius:11px;color:#aebbd0;font-size:10px;background:#0c192a}.icon-action{border:1px solid var(--边线);border-radius:11px;background:#0c192a}.message-bar{position:fixed;top:94px;right:25px;z-index:50;display:flex;max-width:420px;align-items:center;gap:15px;padding:12px 14px;border:1px solid rgba(59,205,159,.25);border-radius:13px;color:#bdeedb;font-size:10px;background:#0c2d2af2;box-shadow:0 15px 40px #00000047}.message-bar.error{color:#ffd0d8;border-color:#ff718842;background:#3b1622f5}.message-bar button{display:grid;width:25px;height:25px;place-items:center;padding:0;border:0;border-radius:50%;background:#ffffff0f}.loading-state{display:grid;min-height:calc(100vh - 83px);place-items:center;align-content:center;gap:12px;color:#71839d;font-size:11px}.loading-state svg,button:disabled svg{animation:spin 1.2s linear infinite}.admin-content{padding:25px 28px 45px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric-grid article{position:relative;display:grid;grid-template-columns:42px 1fr;align-items:center;gap:12px;min-height:127px;padding:19px;overflow:hidden;border:1px solid var(--边线);border-radius:18px;background:linear-gradient(145deg,#11223af0,#0a1829f0)}.metric-grid article:after{position:absolute;right:-28px;bottom:-47px;width:112px;height:112px;content:"";border-radius:50%;background:#3d6fbe1a}.metric-grid article>span{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(97,147,229,.2);border-radius:13px;color:#94bdff;background:#3064bb2e}.metric-grid article>div{display:grid;gap:5px;min-width:0}.metric-grid small{color:#71839e;font-size:9px}.metric-grid b{overflow:hidden;font-size:20px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.metric-grid em{grid-column:1 / -1;color:#61728d;font-size:8px;font-style:normal}.overview-panels{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:15px}.overview-panels>article,.edit-panel,.item-list,.model-card{border:1px solid var(--边线);border-radius:20px;background:linear-gradient(145deg,#0f1f35f0,#091525f0)}.overview-panels>article{padding:19px}.panel-title,.section-heading,.list-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-title>div,.section-heading>div{display:grid;gap:3px}.panel-title span,.section-heading span{color:#6382aa;font-size:8px;letter-spacing:.15em}.panel-title h2,.section-heading h2,.list-heading h2{margin:0;font-size:15px}.panel-title button,.section-heading>button{display:flex;align-items:center;gap:4px;padding:8px 10px;border:1px solid var(--边线);border-radius:10px;color:#8ba0be;font-size:9px;background:#0e1e33b3}.mini-carousel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:17px}.mini-carousel>div{position:relative;min-width:0;overflow:hidden;border-radius:13px;background:#0a1422}.mini-carousel img{width:100%;aspect-ratio:.76;object-fit:cover}.mini-carousel span{position:absolute;top:7px;left:7px;padding:3px 6px;border-radius:8px;font-size:7px;background:#050b14b3}.mini-carousel b{display:block;padding:8px;overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.style-status-list{display:grid;margin-top:14px}.style-status-list>div{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:9px;min-height:53px;border-bottom:1px solid rgba(132,155,191,.08)}.style-status-list i{width:7px;height:7px;border-radius:50%;background:#44d2a9}.style-status-list i.disabled{background:#56667d}.style-status-list span{display:grid;gap:2px}.style-status-list b{font-size:10px}.style-status-list small{color:#657791;font-size:8px}.style-status-list em{color:#6f87a8;font-size:8px;font-style:normal}.management-page{display:grid;grid-template-columns:minmax(500px,.92fr) minmax(490px,1.08fr);gap:15px;align-items:start}.edit-panel,.item-list,.model-card{padding:20px}.asset-editor,.style-editor-grid{display:grid;grid-template-columns:180px 1fr;gap:17px;margin-top:18px}.asset-preview,.style-thumbnail{position:relative;display:grid;min-height:230px;place-items:center;overflow:hidden;border:1px dashed rgba(105,147,216,.35);border-radius:16px;color:#6b7f9d;background:#0a182bb8}.style-thumbnail{min-height:204px}.asset-preview img,.style-thumbnail img{width:100%;height:100%;object-fit:cover}.asset-preview input,.style-thumbnail input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.asset-preview>span,.style-thumbnail>span{display:grid;place-items:center;gap:8px;font-size:9px}.asset-preview em,.style-thumbnail em{position:absolute;right:9px;bottom:9px;left:9px;display:flex;min-height:33px;align-items:center;justify-content:center;gap:6px;border-radius:10px;color:#dfe9fa;font-size:9px;font-style:normal;background:#07101ec2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:start}.form-grid label,.prompt-field{display:grid;gap:6px}.form-grid label.wide{grid-column:1 / -1}.form-grid label>span,.prompt-field>span{color:#8597b1;font-size:9px}.form-grid input,.form-grid select,.prompt-field textarea{width:100%;min-height:40px;padding:0 11px;border:1px solid var(--边线);border-radius:11px;outline:0;color:#dce5f4;font-size:11px;background:#091626}.form-grid select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-grid input:focus,.form-grid select:focus,.prompt-field textarea:focus{border-color:#5491f4a6;box-shadow:0 0 0 3px #3d74cf1a}.switch-field{align-content:end}.switch-field input{width:42px;min-height:22px;accent-color:#4c8cff}.primary-action,.save-models{display:flex;min-height:43px;align-items:center;justify-content:center;gap:7px;margin-top:17px;padding:0 18px;border:1px solid rgba(116,161,237,.25);border-radius:12px;font-size:10px;font-weight:700;background:linear-gradient(135deg,#3374d6,#596ee1);box-shadow:0 10px 25px #2753a233}.item-list{display:grid;gap:9px}.list-heading{padding-bottom:10px}.list-heading span{color:#71839d;font-size:9px}.item-list article{display:grid;grid-template-columns:88px 1fr auto;align-items:center;gap:13px;min-height:106px;padding:9px;border:1px solid rgba(135,158,194,.1);border-radius:15px;background:#0a182ab8}.item-list article>img{width:88px;height:88px;object-fit:cover;border-radius:11px}.item-list article>div:nth-child(2){display:grid;gap:4px;min-width:0}.item-list h3,.style-admin-grid h3{margin:0;font-size:12px}.item-list p,.style-admin-grid p{margin:0;color:#7587a2;font-size:9px}.item-list small{color:#5e708a;font-size:8px}.enabled,.disabled{width:max-content;padding:3px 6px;border-radius:7px;color:#7ce2bd;font-size:7px;background:#28916f24}.disabled{color:#91a0b6;background:#74849b1f}.row-actions{display:flex;gap:6px}.row-actions button,.style-admin-grid footer button{min-height:33px;padding:0 11px;border:1px solid var(--边线);border-radius:9px;color:#9dafc8;font-size:9px;background:#102039}.row-actions button.danger,button.danger{display:grid;width:34px;place-items:center;padding:0;color:#e8889a}.style-editor-grid{grid-template-columns:165px 1fr}.prompt-field{position:relative;margin-top:14px}.prompt-field textarea{min-height:150px;resize:vertical;padding:12px;line-height:1.65}.prompt-field small{position:absolute;right:10px;bottom:9px;color:#5e708a;font-size:8px}.style-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.style-admin-grid article{display:grid;grid-template-columns:105px 1fr;gap:13px;min-height:174px;padding:11px;border:1px solid var(--边线);border-radius:17px;background:linear-gradient(145deg,#0f1f35f0,#091525f0)}.style-admin-grid article>img,.style-placeholder{width:105px;height:126px;object-fit:cover;border-radius:13px}.style-placeholder{display:grid;place-items:center;align-content:space-between;padding:9px;color:#b7c8e5;background:linear-gradient(145deg,#233e6b,#56376e)}.style-placeholder span{justify-self:start;font-size:8px}.style-admin-grid article>div:nth-child(2){display:grid;align-content:start;gap:6px;min-width:0}.style-admin-grid article>div small{display:-webkit-box;overflow:hidden;color:#5f718c;font-size:8px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:3}.style-admin-grid footer{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:6px}.models-page{display:grid;grid-template-columns:1fr 1fr;gap:15px}.model-card .section-heading{padding-bottom:18px;border-bottom:1px solid rgba(135,158,194,.09)}.model-card .section-heading>svg{color:#76a8f7}.model-grid{margin-top:17px}.save-models{position:sticky;bottom:18px;grid-column:1 / -1;justify-self:end;min-width:280px;margin-top:0}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1350px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.management-page{grid-template-columns:1fr}.style-admin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}