:root{color-scheme:dark;--bg: #0c0a0f;--bg-rgb: 12, 10, 15;--panel: #14101a;--panel-solid: #1f1728;--panel-light: rgba(31, 23, 40, .3);--line: rgba(212, 175, 55, .12);--line-active: rgba(212, 175, 55, .25);--text: #ededed;--muted: #9e94aa;--accent: #d4af37;--accent-dark: #b89326;--accent-glow: rgba(212, 175, 55, .15);--purple: #9b5de5;--purple-glow: rgba(155, 93, 229, .15);--radius-sm: 4px;--radius: 6px;--radius-lg: 8px;--font: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ease: cubic-bezier(.22, .61, .36, 1);--transition: all .22s cubic-bezier(.22, .61, .36, 1);--transition-fast: all .13s cubic-bezier(.22, .61, .36, 1);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .6);--shadow-gold: 0 0 15px rgba(212, 175, 55, .15)}*{box-sizing:border-box;margin:0;padding:0}html{min-width:320px;background:var(--bg);font-family:var(--font);scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:var(--bg);line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--panel-solid);border:2px solid var(--bg);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}button,input,select,textarea{font-family:inherit;color:inherit}button{background:none;border:none;cursor:pointer;outline:none}.app-shell{display:flex;flex-direction:column;min-height:100vh;background-color:var(--bg)}.header-logo-bar{background-color:var(--bg);background-image:linear-gradient(180deg,#00000080,#000000d9),url(/banner.png);background-position:center;background-size:cover;height:140px;border-bottom:1px solid rgba(212,175,55,.2);display:flex;align-items:center;justify-content:space-between;padding:0 40px}.logo-cursive{font-family:Brush Script MT,Segoe Script,cursive,sans-serif;font-size:36px;color:#fff;text-shadow:0 0 10px rgba(212,175,55,.8),0 0 20px rgba(155,93,229,.6);font-weight:700}.topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;height:50px;padding:0 40px;background:var(--panel-solid);background-image:linear-gradient(to bottom,#ffffff14,#00000026);border-bottom:3px solid var(--accent);box-shadow:0 2px 8px #0000004d}.nav-home-btn{background:var(--accent);color:#fff;height:50px;min-width:50px;width:auto;padding:0 18px;display:grid;place-items:center;white-space:nowrap;letter-spacing:.3px;flex-shrink:0;transition:var(--transition-fast)}.nav-home-btn:hover{background:var(--accent-dark)}.primary-nav{display:flex;gap:0;background:none;border:none;padding:0;border-radius:0;height:50px}.primary-nav button{height:50px;padding:0 20px;font-size:13px;font-weight:600;color:#ededed;border-radius:0;border-bottom:3px solid transparent;transition:var(--transition-fast);text-transform:uppercase;letter-spacing:.5px}.primary-nav button:hover{color:#fff;background:#ffffff0d}.primary-nav button.active{color:#fff;background:#ffffff14;border-bottom-color:var(--accent)}.toolbar{display:flex;align-items:center;gap:12px}.icon-button{display:grid;place-items:center;width:32px;height:32px;border-radius:4px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);color:var(--muted);transition:var(--transition)}.icon-button:hover{color:#fff;background:#ffffff14;border-color:#ffffff26}.announcement-container{display:flex;align-items:center;gap:12px;max-width:1400px;width:calc(100% - 80px);margin:20px auto 0;padding:8px 16px;background:#1f272d;border:1px solid rgba(255,255,255,.05);border-left:3px solid var(--accent);border-radius:var(--radius-sm);overflow:hidden}.announcement-icon{color:var(--accent);display:flex;align-items:center;flex-shrink:0}.announcement-marquee{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 15px,#000 calc(100% - 15px),transparent);mask-image:linear-gradient(to right,transparent,#000 15px,#000 calc(100% - 15px),transparent)}.announcement-marquee-content{display:inline-block;white-space:nowrap;animation:marquee 40s linear infinite;font-size:12px;color:var(--muted)}.announcement-marquee-content span{display:inline-block;margin-right:40px}.announcement-marquee-content strong{color:var(--text)}.forum-main-container{max-width:1400px;width:calc(100% - 80px);margin:20px auto 40px;flex:1}.panel{background:var(--panel);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);box-shadow:var(--shadow-md);transition:var(--transition)}.latest-threads-widget{background:#1f272d;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);overflow:hidden;margin-bottom:20px;box-shadow:var(--shadow-md)}.widget-tabs-bar{display:flex;background:#283239;border-bottom:1px solid rgba(0,0,0,.2);align-items:center;justify-content:space-between;padding-right:12px}.widget-tabs{display:flex}.widget-tab{padding:12px 20px;font-size:13px;font-weight:700;color:var(--muted);border-bottom:2px solid transparent;cursor:pointer;transition:var(--transition-fast)}.widget-tab:hover{color:#fff;background:#ffffff05}.widget-tab.active{color:#fff;border-bottom-color:var(--accent);background:#ffffff0a}.widget-thread-row{display:flex;align-items:center;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.02);font-size:13px}.widget-thread-row:hover{background:#ffffff04}.widget-badge{width:22px;height:22px;border-radius:4px;display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff;margin-right:12px;flex-shrink:0}.widget-badge.rank-hot{background:var(--accent)}.widget-badge.rank-normal{background:#283239;color:var(--muted);border:1px solid rgba(255,255,255,.03)}.widget-thread-title{color:#ededed;text-decoration:none;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;text-align:left}.widget-thread-title:hover{color:var(--accent)}.widget-thread-meta{font-size:11px;color:var(--muted);margin-left:20px;flex-shrink:0}.widget-thread-author{color:var(--muted);font-weight:600}.forum-index-layout{display:grid;grid-template-columns:1fr 290px;gap:20px}.forum-category-panel{border:1px solid rgba(255,255,255,.06);background:var(--panel);border-radius:var(--radius);overflow:hidden;margin-bottom:20px}.category-header{font-size:14px;font-weight:700;color:#ededed!important;background:#283239;background-image:linear-gradient(to bottom,#ffffff17,#00000026);border-bottom:1px solid rgba(0,0,0,.25);padding:10px 16px!important;display:flex;justify-content:space-between;align-items:center}.forum-boards-table{display:flex;flex-direction:column}.forum-board-row{transition:var(--transition-fast);border-bottom:1px solid rgba(255,255,255,.02)}.forum-board-row:hover{background:#ffffff04}.board-link-btn{background:none;border:none;cursor:pointer;color:#ededed;font-family:inherit;padding:0;transition:var(--transition-fast)}.board-link-btn:hover{color:var(--accent)}.board-stats-cell{display:flex;align-items:center;justify-content:center;gap:16px;font-size:12px;color:var(--muted)}.stats-block{display:flex;flex-direction:column;align-items:center;min-width:50px}.stats-label{font-size:10px;color:var(--muted);margin-bottom:2px}.stats-val{font-size:13px;font-weight:700;color:#ededed}.board-latest-cell{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);min-width:0}.board-latest-avatar{width:32px;height:32px;border-radius:4px;display:grid;place-items:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0;text-shadow:0 1px 2px rgba(0,0,0,.3)}.board-latest-info{display:flex;flex-direction:column;gap:2px;min-width:0;overflow:hidden;text-align:left}.board-latest-title{color:#ededed;font-weight:500;text-decoration:none;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-latest-title:hover{color:var(--accent)}.board-latest-meta{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forum-sidebar,.forum-index-sidebar{display:flex;flex-direction:column;gap:20px}.sidebar-widget{background:var(--panel);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);box-shadow:var(--shadow-md)}.widget-header{font-size:12.5px;color:#ededed;border-bottom:1.5px solid var(--accent);padding-bottom:6px;margin-bottom:12px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;text-align:left}.board-view-layout{display:grid;grid-template-columns:1fr 290px;gap:20px}.search-bar-container{display:flex;align-items:center;gap:10px;width:100%;height:38px;padding:0 12px;background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);transition:var(--transition)}.search-bar-container:focus-within{border-color:#ef444466}.search-bar-container input{flex:1;border:none;background:none;outline:none;font-size:12.5px;color:var(--text)}.forum-threads-table{display:flex;flex-direction:column;margin-top:10px}.forum-thread-row{transition:var(--transition-fast);border-bottom:1px solid rgba(255,255,255,.02)}.forum-thread-row:hover{background:#ffffff04!important}.forum-post-row{background:var(--panel);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-md);margin-bottom:16px}.forum-post-left{display:flex;flex-direction:column;align-items:center;gap:8px;background:#00000026;border-right:1px solid rgba(255,255,255,.04)}.forum-avatar{border-radius:4px;box-shadow:0 2px 6px #0000004d}.forum-post-right{display:flex;flex-direction:column}.primary-action{width:100%;height:38px;border-radius:4px;background:var(--accent);color:#fff;font-size:13px;font-weight:700;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:var(--shadow-sm)}.primary-action:hover{background:var(--accent-dark)}.sandbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.sandbox-overlay.active{opacity:1;visibility:visible}.sandbox-modal{width:440px;max-width:calc(100% - 32px);background:#1f272d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:24px;transform:translateY(15px);transition:transform .2s ease-out,opacity .2s ease-out;opacity:0}.sandbox-overlay.active .sandbox-modal{transform:translateY(0);opacity:1}.sandbox-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:10px}.sandbox-header h3{font-size:14px;font-weight:800;color:var(--text);display:flex;align-items:center;gap:6px}.cart-drawer-close{width:24px;height:24px;display:grid;place-items:center;border-radius:4px;color:var(--muted);border:1px solid rgba(255,255,255,.08);background:#ffffff05;transition:var(--transition)}.cart-drawer-close:hover{color:#fff;background:#ffffff14}.footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.05);padding:20px 40px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);background:#14191d}.footer-links{display:flex;gap:16px}@keyframes marquee{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@media(max-width:1024px){.forum-index-layout,.board-view-layout{grid-template-columns:1fr}}@media(max-width:768px){.header-logo-bar{height:90px;padding:0 20px;justify-content:center}.logo-cursive{font-size:26px}.topbar{padding:0 16px;height:auto;flex-direction:column;align-items:stretch}.primary-nav{height:auto;flex-wrap:wrap;justify-content:center}.primary-nav button{height:40px;padding:0 12px;font-size:11px}.toolbar{padding:6px 0;justify-content:center}.announcement-container{width:calc(100% - 32px);margin:12px auto 0;padding:8px 12px}.forum-main-container{width:calc(100% - 32px);margin:12px auto 24px}.forum-board-row{grid-template-columns:40px 1fr!important;gap:8px 12px!important;padding:12px!important}.forum-boards-thead{display:none!important}.board-icon-col{grid-column:1!important;grid-row:1 / span 3!important;align-self:start!important;margin-top:2px!important}.board-info{grid-column:2!important}.board-stats-cell{grid-column:2!important;justify-content:flex-start!important;font-size:11px!important;margin-top:4px!important}.board-latest-cell{grid-column:2!important;border-top:1px dashed rgba(255,255,255,.05)!important;padding-top:6px!important;margin-top:6px!important}.forum-thread-row{grid-template-columns:1fr!important;gap:6px!important;padding:12px 8px!important}.forum-threads-thead{display:none!important}.thread-stats-col{justify-content:flex-start!important;gap:16px!important;margin-top:2px!important}.thread-last-post-col{text-align:left!important;font-size:10px!important;padding-left:0!important}.forum-post-row{grid-template-columns:1fr!important}.forum-post-left{flex-direction:row!important;border-right:none!important;border-bottom:1px solid rgba(255,255,255,.05)!important;padding:12px!important;justify-content:flex-start!important;gap:12px!important}.forum-avatar{width:32px!important;height:32px!important;font-size:14px!important}}.gate-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(1200px 600px at 50% -10%,rgba(56,189,248,.1),transparent 60%),linear-gradient(180deg,#05060a,#02030600),#02030a}.gate-card{width:100%;max-width:420px;padding:36px 32px;border-radius:16px;text-align:center;box-shadow:0 30px 80px #0000008c}.gate-brand{font-size:34px;margin-bottom:18px}.gate-title{font-size:20px;font-weight:800;color:var(--text);margin-bottom:8px}.gate-subtitle{font-size:12.5px;color:var(--muted);line-height:1.6;margin-bottom:22px}.gate-tabs{display:flex;gap:8px;background:#ffffff08;border:1px solid var(--line);border-radius:10px;padding:4px;margin-bottom:18px}.gate-tab{flex:1;height:34px;border-radius:7px;font-size:13px;font-weight:700;color:var(--muted);background:none;border:none;cursor:pointer;transition:all .15s ease}.gate-tab.active{background:var(--accent);color:#02040a}.gate-form{display:flex;flex-direction:column;gap:12px}.gate-form input{height:42px;padding:0 14px;border-radius:8px;background:#05060a99;border:1px solid var(--line);color:var(--text);font-size:13px;outline:none}.gate-form input:focus{border-color:var(--accent)}.gate-error{font-size:11.5px;color:var(--rose);text-align:center}.gate-submit{height:42px;margin-top:4px;font-weight:800}.gate-note{font-size:11px;color:var(--muted);line-height:1.6;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.gate-lang{margin-top:12px;font-size:11.5px;color:var(--accent);background:none;border:none;cursor:pointer;text-decoration:underline}.member-lock{padding:56px 32px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.member-lock-badge{font-size:10px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#02040a;background:var(--amber, #fbbf24);padding:4px 10px;border-radius:999px}.member-lock-icon{color:var(--amber, #fbbf24)}.member-lock-title{font-size:19px;font-weight:800;color:var(--text)}.member-lock-desc{font-size:13px;color:var(--muted);line-height:1.65;max-width:440px}.doc-modal{width:min(720px,92vw);max-height:86vh;display:flex;flex-direction:column;background:var(--panel, #0c0e14);border:1px solid var(--line);border-radius:var(--radius, 10px);box-shadow:0 24px 60px #0000008c;overflow:hidden}.doc-modal-body{padding:22px 26px 28px;overflow-y:auto;line-height:1.75}.doc-modal-body::-webkit-scrollbar{width:8px}.doc-modal-body::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.doc-updated{font-size:12px;color:var(--muted);margin-bottom:14px}.doc-intro{font-size:13px;color:var(--text);margin-bottom:22px;padding-bottom:18px;border-bottom:1px dashed var(--line)}.doc-section{margin-bottom:18px}.doc-section-title{font-size:14px;font-weight:750;margin-bottom:6px}.doc-section-desc{font-size:12.5px;color:var(--muted);line-height:1.7}.doc-closing{margin-top:22px;padding-top:18px;border-top:1px dashed var(--line);font-size:12.5px;color:var(--text);font-style:italic}.accent-lime-text{color:var(--lime, #9be37d)}.accent-rose-text{color:var(--rose, #f472b6)}::selection{background:#d4af3747;color:#fff}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-glow)}.primary-action{will-change:transform}.primary-action:hover{transform:translateY(-1px);box-shadow:var(--shadow-md),0 4px 14px var(--accent-glow)}.primary-action:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.icon-button:active,.cart-drawer-close:active{transform:scale(.94)}.primary-nav button{position:relative}.primary-nav button.active{box-shadow:inset 0 -1px 8px -4px var(--accent-glow)}.board-link-btn,.widget-thread-title,.board-latest-title{transition:color .16s var(--ease)}.panel,.sidebar-widget,.latest-threads-widget,.forum-post-row,.forum-category-panel{transition:box-shadow .25s var(--ease),border-color .25s var(--ease)}.sidebar-widget:hover,.latest-threads-widget:hover{box-shadow:var(--shadow-md),0 0 0 1px #ffffff0a;border-color:var(--line-active)}.footer-links button{transition:color .16s var(--ease),transform .16s var(--ease)}.footer-links button:hover{color:var(--accent)!important}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes docIn{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.sandbox-overlay.active{animation:overlayIn .2s var(--ease)}.doc-modal{animation:docIn .26s var(--ease)}.sandbox-modal{transform:translateY(15px) scale(.985)}.sandbox-overlay.active .sandbox-modal{transform:translateY(0) scale(1)}.settings-modal{width:min(560px,92vw);max-height:88vh;display:flex;flex-direction:column;background:#1f272d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:24px;animation:docIn .26s var(--ease)}.settings-subtitle{font-size:12px;color:var(--muted);margin:12px 0 4px;line-height:1.6}.settings-body{display:flex;flex-direction:column;overflow-y:auto;margin:8px 0 4px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.05)}.setting-row:last-child{border-bottom:none}.setting-info{display:flex;flex-direction:column;gap:4px;min-width:0}.setting-label{font-size:13.5px;font-weight:700;color:var(--text)}.setting-desc{font-size:11.5px;color:var(--muted);line-height:1.55}.seg-control{display:inline-flex;flex-shrink:0;background:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:3px;gap:2px}.seg-btn{padding:6px 14px;font-size:12px;font-weight:700;color:var(--muted);border-radius:var(--radius-sm);transition:var(--transition-fast);white-space:nowrap}.seg-btn:hover{color:#fff}.seg-btn.active{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.switch{position:relative;flex-shrink:0;width:46px;height:26px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);transition:var(--transition)}.switch.on{background:var(--accent);border-color:var(--accent)}.switch-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0006;transition:transform .2s var(--ease)}.switch.on .switch-knob{transform:translate(20px)}.setting-danger-btn{flex-shrink:0;padding:8px 14px;font-size:12px;font-weight:700;color:#f87171;border:1px solid rgba(248,113,113,.3);border-radius:var(--radius);background:#f871710f;transition:var(--transition-fast);white-space:nowrap}.setting-danger-btn:hover{background:#f8717124;border-color:#f8717180}.settings-done{margin-top:18px}@media(max-width:560px){.setting-row{flex-direction:column;align-items:flex-start}}html[data-font-scale=small]{zoom:.92}html[data-font-scale=normal]{zoom:1}html[data-font-scale=large]{zoom:1.1}html[data-reduce-motion=true] *,html[data-reduce-motion=true] *:before,html[data-reduce-motion=true] *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}html[data-reduce-motion=true] .announcement-marquee-content{animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.announcement-marquee-content{animation:none!important}}
