:root { --wow-gold: #c8a66b; --wow-line: #695335; --wow-ink: #e7ddcb; }
.wow-overlay { position: fixed; inset: 0; z-index: 2147483000; display: flex; align-items: center; justify-content: center; padding: 24px; box-sizing: border-box; background: radial-gradient(ellipse at 50% 30%, #44302580, #090b10ed 75%); backdrop-filter: blur(6px); overflow: auto; color: var(--wow-ink); font: 15px/1.6 Georgia, 'Microsoft YaHei', serif; }
.wow-panel, .wow-admin { box-sizing: border-box; color: var(--wow-ink); font: 15px/1.6 Georgia, 'Microsoft YaHei', serif; }
.wow-panel { width: 420px; max-width: 100%; max-height: 90vh; overflow: auto; padding: 32px; background: linear-gradient(145deg, #28231f, #14171b); border: 1px solid var(--wow-line); border-top: 3px solid var(--wow-gold); border-radius: 5px; box-shadow: 0 20px 90px #000c, inset 0 0 30px #0005; }
.wow-eyebrow { font: 11px/1.5 Georgia, serif; letter-spacing: 3px; color: var(--wow-gold); }
.wow-panel h1, .wow-admin h1 { margin: 12px 0; color: #e4c58d; font-size: 28px; font-weight: 500; }
.wow-panel h2, .wow-admin h2 { font-size: 18px; color: var(--wow-gold); margin: 24px 0 8px; }
.wow-muted { color: #afa89b; } .wow-small { font-size: 12px; }
.wow-panel label, .wow-admin label { display: block; margin: 14px 0; color: #c8bda9; font-size: 13px; }
.wow-panel input, .wow-admin input { display: block; box-sizing: border-box; width: 100%; padding: 11px 12px; margin-top: 6px; border: 1px solid #605441; border-radius: 3px; background: #0d1014; color: #eee4d4; font: 14px/1.4 'Microsoft YaHei', sans-serif; }
.wow-panel input:focus, .wow-admin input:focus { outline: 1px solid var(--wow-gold); }
.wow-panel button, .wow-toolbar button, .wow-admin button { box-sizing: border-box; cursor: pointer; padding: 10px 16px; border: 1px solid #9a7141; border-radius: 3px; background: linear-gradient(#71412d, #48291e); color: #f0ddbc; font: inherit; }
.wow-panel button { display: block; width: 100%; margin: 10px 0; }
.wow-panel button:hover, .wow-admin button:hover { filter: brightness(1.2); }
.wow-panel button:disabled, .wow-admin button:disabled { opacity: .5; cursor: wait; }
.wow-panel .wow-secondary, .wow-admin .wow-secondary { background: #222326; border-color: #514736; color: #d0bf9d; }
.wow-error { color: #f2a28b !important; overflow-wrap: anywhere; }
.wow-panel a, .wow-admin a { color: var(--wow-gold); }
.wow-toolbar { position: fixed; bottom: max(8px, env(safe-area-inset-bottom)); right: max(10px, env(safe-area-inset-right)); z-index: 2147482000; display: flex; align-items: center; gap: 10px; font: 12px/1.4 'Microsoft YaHei', sans-serif; color: #bcb399; padding: 4px 5px 4px 10px; background: #111419dd; border: 1px solid #5b4c35; border-radius: 4px; opacity: .86; }
.wow-toolbar:hover { opacity: 1; } .wow-toolbar button { padding: 5px 9px; }
.wow-history { max-height: 260px; overflow: auto; border-top: 1px solid var(--wow-line); margin-top: 18px; }
body.wow-admin { margin: 0; min-height: 100vh; background: radial-gradient(ellipse at top, #302a25, #0e1218 70%); padding: 36px max(20px, calc((100vw - 1100px) / 2)); }
.wow-admin header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; border-bottom: 1px solid var(--wow-line); padding-bottom: 20px; }
.wow-admin table { width: 100%; border-collapse: collapse; margin: 20px 0; font: 14px/1.5 'Microsoft YaHei', sans-serif; }
.wow-admin td, .wow-admin th { text-align: left; padding: 12px 8px; border-bottom: 1px solid #39342d; }
.wow-admin td button { margin: 3px; padding: 5px 9px; font-size: 12px; }
.wow-table { overflow-x: auto; }
@media (max-width: 600px) { .wow-panel { padding: 24px; } .wow-overlay { padding: 12px; } .wow-toolbar { font-size: 10px; } .wow-toolbar span { max-width: 135px; } }