:root{--kb-content-max-width: 1440px;--kb-content-pad-x: 1.5rem;--page-bg: #f8fbff;--page-panel: #ffffff;--page-border: #dbe4f0;--page-border-soft: #e5edf6;--page-text: #0f172a;--page-text-muted: #64748b;--page-primary: #2563eb;--page-primary-soft: #eff6ff;--page-primary-border: #93c5fd;--page-accent: #d97706;--rarity-r: rgb(134, 173, 253);--rarity-sr: rgb(164, 104, 253);--rarity-ssr: rgb(242, 189, 97);--rarity-ur: rgb(255, 230, 100);--rarity-lr: rgb(254, 81, 122);--rarity-er-gradient: linear-gradient(135deg, rgb(134, 173, 253), rgb(164, 104, 253), rgb(242, 189, 97), rgb(255, 230, 100), rgb(254, 81, 122));--font-heading: "Cinzel", serif;--font-body: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}html,body,#root{min-height:100%;height:100%}body{background:var(--page-bg);color:var(--page-text);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;inset:0;background-image:url(/icon/background/20260318-195728.png);background-repeat:no-repeat;background-position:center center;background-size:cover;opacity:.08;pointer-events:none;z-index:-1}body.is-embedded:before{display:block}h1,h2,h3,h4{font-family:var(--font-heading);margin:0;color:var(--page-text)}.layout-container{display:flex;height:100vh;overflow:hidden;position:relative}.layout-container:before{content:"";position:fixed;inset:0;background-image:url(/icon/background/20260318-195728.png);background-repeat:no-repeat;background-position:center center;background-size:cover;opacity:.12;pointer-events:none;z-index:-1}.glass-sidebar{width:280px;height:100%;background:var(--page-panel);border-right:1px solid var(--page-border);display:flex;flex-direction:column;padding:1.5rem;flex-shrink:0}.sidebar-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--page-border)}.logo{font-size:1.4rem;color:var(--page-text)}.sidebar-nav{flex:1;overflow-y:auto}.nav-category{font-size:.75rem;color:var(--page-text-muted);letter-spacing:1px;text-transform:uppercase;margin:1.5rem 0 .5rem;font-weight:600}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--page-text-muted);border-radius:10px;margin-bottom:.25rem;cursor:pointer;text-decoration:none;font-size:.9rem;transition:all .2s;border:1px solid transparent}.nav-item:hover{background:var(--page-primary-soft);color:var(--page-primary);border-color:var(--page-primary-border)}.nav-item.active{background:var(--page-primary-soft);color:var(--page-primary);border-color:var(--page-primary-border);font-weight:500}.sidebar-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--page-border)}.content-area{flex:1;height:100%;padding:1.5rem 2rem;overflow-y:auto;display:flex;flex-direction:column}.op-embedded-content{padding:1rem 1.5rem 1.5rem}.content-header{margin-bottom:1rem;flex-shrink:0}.breadcrumb{font-size:.85rem;color:var(--page-text-muted)}.breadcrumb .active-page{color:var(--page-primary);margin-left:.5rem}.btn-primary{background:var(--page-primary);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:10px;font-size:.85rem;cursor:pointer;transition:all .2s}.btn-outline{background:#fff;border:1px solid var(--page-border);color:var(--page-text-muted);padding:.6rem 1rem;border-radius:10px;font-size:.85rem;cursor:pointer;transition:all .2s;width:100%;text-align:center}.btn-outline:hover{background:var(--page-primary-soft);color:var(--page-primary);border-color:var(--page-primary-border)}th,td{border:1px solid var(--page-border);padding:.75rem;text-align:left;font-size:.85rem}th{background:var(--page-primary-soft);color:var(--page-primary);font-weight:600}tr:hover{background:var(--page-primary-soft)}input[type=text],input[type=password],input[type=email],input[type=number],textarea,select{background:#fff;border:1px solid var(--page-border);color:var(--page-text);padding:.6rem .9rem;border-radius:10px;font-size:.9rem;outline:none;font-family:inherit}input:focus,textarea:focus,select:focus{border-color:var(--page-primary-border);box-shadow:0 0 0 3px #2563eb1a}.card{background:var(--page-panel);border:1px solid var(--page-border);border-radius:14px;padding:1.25rem}.card-accent{border-left:4px solid var(--page-primary)}.card-accent-warn{border-left:4px solid var(--page-accent)}.btn-outline{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text-muted);padding:.6rem 1rem;border-radius:10px;font-size:.85rem;cursor:pointer;transition:all .2s;width:100%;text-align:center}.btn-outline:hover{background:#8b5cf61a;border-color:var(--primary-color);color:var(--primary-color)}.btn-primary:hover{opacity:.9}table{width:100%;border-collapse:collapse}th,td{border:var(--glass-border);padding:.75rem;text-align:left;font-size:.85rem}th{background:#8b5cf61a;color:var(--primary-color);font-weight:600}tr:hover{background:#8b5cf60d}input[type=text],input[type=password],input[type=email],input[type=number],textarea,select{background:#0000004d;border:var(--glass-border);color:var(--text-main);padding:.6rem .9rem;border-radius:10px;font-size:.9rem;outline:none;font-family:inherit}input:focus,textarea:focus,select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #8b5cf633}input::placeholder,textarea::placeholder{color:var(--text-muted)}.card{background:var(--bg-card);border:var(--glass-border);border-radius:14px;padding:1.25rem;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.card-accent{border-left:4px solid var(--primary-color)}.card-accent-warn{border-left:4px solid var(--accent-color)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--page-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--page-text-muted)}