:root{--accent:#c9a0dc;--accent2:#c94b6c;--green:#4bc9a0;--bg:#1a1520;--bg2:#221d2a;--bg3:#2b2436;--text:#e8dcee;--text2:#a088b0;--muted:#706078;--border:#3a3050;--radius:8px;--shadow:0 2px 8px #0000004d;color:var(--text);background:var(--bg);font-family:Segoe UI,system-ui,sans-serif;font-size:15px}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh}#app{max-width:1100px;margin:0 auto;padding:1rem}.section{background:var(--bg2);border:1px solid var(--border);border-radius:10px;margin-bottom:1.4rem;padding:1.4rem}.section-title{color:var(--accent);letter-spacing:.06em;align-items:center;gap:.5rem;margin-bottom:1.1rem;font-size:.85rem;font-weight:600;display:flex}.section-title:after{content:"";background:linear-gradient(to right, var(--border), transparent);flex:1;height:1px}.tab{border:1px solid var(--border);background:var(--bg3);color:var(--text2);border-radius:var(--radius);cursor:pointer;padding:.35rem .9rem;font-size:.74rem;transition:all .15s}.tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg3);color:var(--text);cursor:pointer;align-items:center;gap:.3rem;padding:.45rem 1rem;font-size:.75rem;transition:all .15s;display:inline-flex}.btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.btn-sm{padding:.25rem .6rem;font-size:.7rem}.btn-primary{background:var(--accent2);border-color:var(--accent2);color:#fff}.btn-primary:hover{background:#d45d7a}input[type=text],input[type=email],input[type=color]{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg3);color:var(--text);outline:none;padding:.45rem .6rem;font-size:.8rem}input[type=text]:focus,input[type=email]:focus{border-color:var(--accent)}.asset-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem;transition:border-color .15s}.asset-card.replaced{border-color:var(--green)}.asset-card-label{color:var(--text2);margin-bottom:.3rem;font-size:.78rem;font-weight:600}.asset-preview{cursor:pointer;border-radius:6px;position:relative;overflow:hidden}.asset-preview.dragover{outline:2px solid var(--accent);outline-offset:-2px}.asset-preview.dragover:after{content:"松开放置";color:var(--accent);background:#c9a0dc40;justify-content:center;align-items:center;font-size:.7rem;display:flex;position:absolute;inset:0}.load-area{border:1.5px dashed var(--border);text-align:center;cursor:pointer;background:linear-gradient(135deg,#c9a0dc08,#c94b6c08);border-radius:10px;padding:1.8rem;transition:all .2s}.load-area:hover,.load-area.dragover{border-color:var(--accent);background:linear-gradient(135deg,#c9a0dc14,#c94b6c14)}.ext{color:var(--muted);font-size:.65rem;font-weight:400}.toast{background:var(--bg3);border:1px solid var(--accent);color:var(--text);border-radius:var(--radius);z-index:999;padding:.6rem 1.5rem;font-size:.8rem;animation:.3s toastIn;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(10px)}}.lightbox-overlay{z-index:9999;cursor:pointer;background:#000000bf;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-label{color:#fff;opacity:.8;margin-top:.8rem;font-size:.85rem}