/* White and blue esports theme. Existing interactions and responsive card layouts stay in place. */
:root{--bg:#f5f7fb;--ink:#182b46;--muted:#74859c;--line:#dfe7f2;--green:#438fe8;--dark:#19375e}
body{background:#f5f7fb;background-image:none;color:var(--ink);font-family:"Segoe UI","Microsoft YaHei",sans-serif}header{background:#fff;border-bottom:1px solid var(--line);gap:32px;padding:0 max(4vw,24px)}.brand{font-weight:850;letter-spacing:0}.brand-icon{border:0;background:transparent;color:#3689ed;transform:none;font-style:italic;font-size:30px;letter-spacing:-3px;width:43px}.brand-sub{border-left:1px solid #dce5f1;color:#7f93b0;font-size:9px}.nav{white-space:nowrap;color:#71839d;font-size:12px}.nav.active{color:#287dde}.nav.active:after{background:#4a96ee}.account{gap:16px;white-space:nowrap}.text-button{color:#657c99}.primary,.outline{border-radius:2px;box-shadow:none;font-weight:600;transform:none;transition:background .18s}.primary{border:1px solid #438fe8;background:#438fe8;color:white}.outline{border:1px solid #a7bedb;background:#fff;color:#387bbf}.primary:hover,.outline:hover{transform:none;box-shadow:none;background:#2f7dd8;color:#fff}.primary:disabled,.outline:disabled{opacity:.55}button:focus-visible,a:focus-visible{outline:3px solid #8ebbf0;outline-offset:3px}
.hero{border:0;box-shadow:none;border-radius:0;background:#eef4fc;color:var(--ink);min-height:440px;isolation:isolate}.hero:before{inset:0;background:linear-gradient(90deg,#eff5fd 2%,#eff5fdfc 28%,#eff5fd70 60%,transparent),linear-gradient(0deg,#eaf1fa55,transparent 50%),url('/esports-hero.jpg') right center/72% 100% no-repeat;z-index:-1}.hero-copy{padding:54px 48px}.hero .eyebrow{border:0;box-shadow:none;transform:none;background:none;padding:0;color:#3787e2;font-size:10px;letter-spacing:2px}.hero h1{font-size:42px;font-weight:800;text-shadow:none;transform:none;letter-spacing:0;line-height:1.4;color:#183253;margin:20px 0 18px}.hero h1 span{color:#2881df}.hero p{font-weight:400;color:#627794;line-height:1.9}.hero-note{color:#8295af;font-weight:400;font-size:10px;letter-spacing:1.5px}.hero-art{display:none}.hero .live-dot{background:#4a95ea;border:0}.stats{background:#fff;border:1px solid var(--line);padding:24px 32px;gap:42px}.stats b{font-size:27px;font-weight:750;font-style:normal;color:#23486e}.stats span,.stats p{color:#8494ab}.live-dot{border:0;background:#6cbca6}.board{padding-top:34px}.board .eyebrow,.eyebrow{color:#708bab}.board h2{font-size:24px;font-weight:750;letter-spacing:0}.search{border:1px solid var(--line);background:#fff;box-shadow:none;border-radius:1px}.search input{background:transparent}.post-grid{gap:24px}.post-card{border:1px solid var(--line);border-radius:1px;box-shadow:0 5px 22px #254b7808;background:#fff}.post-card:hover{border-color:#a8c7ed;transform:translateY(-2px);box-shadow:0 8px 24px #254b7810}.card-cover{height:175px;border-bottom:1px solid var(--line);background:#e9f1fc}.comic-placeholder,.post-card:nth-child(3n+2) .comic-placeholder,.post-card:nth-child(3n) .comic-placeholder{background:linear-gradient(135deg,#dceafb,#9abce3);background-size:auto}.comic-placeholder:before{inset:0;background:linear-gradient(35deg,transparent 50%,#ffffff24 50%);transform:none}.comic-placeholder b{font-size:27px;font-weight:750;transform:none;color:#315e91;-webkit-text-stroke:0;text-shadow:none;letter-spacing:3px}.cover-label{background:#438fe8;color:#fff;border:0;transform:none;font-weight:500;font-size:9px;letter-spacing:.7px;bottom:14px;left:18px;padding:4px 9px}.card-body{padding:20px}.post-card h3{font-size:16px;font-weight:650}.card-description{color:#7d8ea6}.tag,.tag.mode{border:1px solid #dfe8f4;background:#f5f8fc;color:#6c86a6;font-size:10px;font-weight:400}.status{color:#56a993;font-weight:500}.status.closed{color:#98a4b6}.card-bottom{border-top:1px solid #eaf0f6}.avatar{border:0;border-radius:50%;background:#e2edfc;color:#427dbf;transform:none;font-weight:600}.author{color:#344f70;font-weight:500}.date{color:#91a1b8}.slots{background:none;border:0;color:#3187e2;font-weight:500}.card-delete{color:#be655e;font-weight:500}.card-end{color:#3b86ce;font-weight:500}.empty{border:1px dashed #c8d8eb;background:#fff;border-radius:2px}.empty h3{font-weight:650}.community-note{background:#eaf2fe;border:0;border-left:3px solid #438fe8;border-radius:0;box-shadow:none;padding:22px 26px}.community-note b{font-size:14px;font-weight:500}.community-note p{color:#8092ad}.community-note>span{color:#6a94c4}.community-note .outline{background:#fff}footer{border-top:1px solid var(--line);color:#8b9bb0}footer .brand{color:#6e86a5}
dialog{background:#fff;border:1px solid #dbe5f2;border-radius:5px;box-shadow:0 25px 90px #18355730;color:var(--ink)}dialog::backdrop{background:#172e4b77}.dialog-heading h2{font-weight:700}.close{color:#6d819d}.muted{color:#8493a9}input,textarea,select{border:1px solid #d6e1ef;border-radius:2px;background:#fafcff;color:var(--ink)}input:focus,textarea:focus,select:focus{outline:2px solid #c1dcff;border-color:#77aae6}#detailDialog>.dialog-heading{background:#fff;border-bottom:1px solid #e1e9f3}.detail-meta{border:1px solid #dee8f5;background:#f2f7fd;border-radius:2px;color:#778ba5}.detail-meta b{color:#315d8c}.contact{border:1px solid #d7e6fa;background:#eaf3ff;border-radius:2px}.contact b{color:#4e7cad}.detail-image{border:1px solid #e0e7f1}.detail-actions .outline{background:#fff}#toast{border:1px solid #c2d8f2;box-shadow:0 5px 25px #23456820;border-radius:3px;background:#eaf3ff;color:#245c98;font-weight:500}.upload-preview{border:1px solid #dce5f2}.permission-banner,.permission-state{background:#edf5ff;border:1px solid #d1e3fa;color:#486d99}.file-help{color:#8a9bb1}
.admin-item{border:1px solid var(--line);background:#fff}.admin-tabs{gap:12px}.user-management-grid .user-management-card,.application-card-grid .application-card,.statistics-card{border:1px solid var(--line);box-shadow:0 4px 18px #254b7808;background:#fff;border-radius:2px}.user-management-card>p,.user-card-account,.user-password-state{color:#8292a9}.user-account-actions{border-color:#e0e8f2}.user-management-grid .user-account-actions .danger,.user-management-grid .user-account-actions .danger:hover{border:1px solid #a7bedb;box-shadow:none;background:#fff;color:#bc655e;font-weight:600}.user-management-grid .user-account-actions .danger:hover{background:#fff3f2}.user-search-bar input{background:#fff}.user-search-bar span{color:#8293ac}.application-card .admin-actions{border-color:#e5edf6}.application-card .upload-preview{background:#f4f8fd}.statistics-card:nth-child(4n+1){background:#edf5ff}.statistics-card:nth-child(4n+2){background:#fff}.statistics-card>small{color:#8395ad}.statistics-card>strong{color:#2c6eb7;font-weight:750}.statistics-card>span{font-weight:600}#settingsDialog hr{border-top:1px solid #e2eaf4}.user-management-grid .user-account-actions .outline{font-weight:500}
@media(max-width:1250px){header{gap:20px;padding:0 24px}.brand-sub{display:none}nav{gap:18px}.account{gap:12px}}@media(max-width:1000px){header{height:auto;min-height:88px;flex-wrap:wrap;padding:18px 24px;gap:16px}nav{order:3;width:100%;height:35px;overflow-x:auto;gap:24px;flex-shrink:0}.account{margin-left:auto}.hero-copy{padding:42px 32px}.hero h1{font-size:36px}}@media(max-width:640px){header{padding:15px 18px}.brand{font-size:19px}.brand-icon{font-size:27px;width:37px}.account{gap:10px;flex-wrap:wrap;justify-content:flex-end}.account .primary{padding:8px 10px}.hero{min-height:370px;box-shadow:none}.hero-copy{padding:32px 23px}.hero h1{font-size:31px}.hero:before{background:linear-gradient(90deg,#eff5fdfb,#eff5fddd),url('/esports-hero.jpg') center/cover}.hero .eyebrow{font-size:9px;letter-spacing:1px}.stats{padding:20px 14px;gap:10px}.stats b{font-size:23px}.stats span{font-size:10px}.post-card{padding:0}.board h2{font-size:23px}.community-note{padding:19px}.card-cover{height:190px}.user-management-grid .user-account-actions .danger{padding:6px 9px}.statistics-card>strong{font-size:28px}}

.brand-icon{font-family:Arial,sans-serif;font-weight:900;letter-spacing:-2px;line-height:1.2;width:46px;flex-shrink:0}.stats>div{flex:1}.stats p{flex:1.5}@media(max-width:640px){.brand-icon{width:42px}.stats>div{flex:1}}

.hero-custom-image{position:absolute;right:0;top:0;width:72%;height:100%;object-fit:cover;z-index:-2}.hero.has-custom-image:before{background:linear-gradient(90deg,#eff5fd 2%,#eff5fdfc 28%,#eff5fd70 60%,transparent),linear-gradient(0deg,#eaf1fa55,transparent 50%)}#heroEditor .upload-preview{max-height:220px;object-fit:contain;background:#f2f6fc}#heroEditor>[type=button]{font-size:12px}@media(max-width:640px){.hero-custom-image{width:100%}.hero.has-custom-image:before{background:linear-gradient(90deg,#eff5fdfb,#eff5fddd)}}

.user-management-grid .user-account-actions{flex-wrap:wrap;gap:10px}.user-management-grid .user-account-actions button{white-space:normal}.user-management-grid .user-account-actions .danger{margin-left:auto}

.compensation-status{display:inline-block;padding:3px 9px;border-radius:3px;font-size:11px;font-weight:700;line-height:1.5;vertical-align:middle;background:#f0f3f7;color:#6c7e95;border:1px solid #e0e6ee}.compensation-status.approved{background:#daf5e7;color:#177044;border-color:#9bdfbb}.compensation-status.resolved{background:#deebff;color:#2169ba;border-color:#a5c9f7}

.tag.publish-request-status.approved{display:inline-block;background:#daf5e7;color:#177044;border:1px solid #9bdfbb;padding:3px 9px;border-radius:3px;font-size:11px;font-weight:700;line-height:1.5;vertical-align:middle}

.external-nav{display:flex;align-items:center;flex-shrink:0}.external-nav:hover{color:#287dde}@media(min-width:1001px) and (max-width:1450px){header{gap:18px;padding:0 24px}.brand-sub{display:none}nav{gap:18px}.account{gap:12px}}

.user-management-grid .user-title-editor .title-color-input{width:34px;height:36px;min-width:34px;flex:0 0 34px;padding:3px;cursor:pointer}.title-badge{font-weight:600}.user-management-grid .user-title-editor{flex-wrap:wrap}.user-management-grid .user-title-editor label{flex:1 1 140px}

.reward-status{display:inline-block;padding:3px 9px;border-radius:3px;font-size:11px;font-weight:700;line-height:1.5;vertical-align:middle;background:#f0f3f7;color:#6c7e95;border:1px solid #e0e6ee}.reward-status.approved{background:#daf5e7;color:#177044;border-color:#9bdfbb}.reward-status.resolved{background:#deebff;color:#2169ba;border-color:#a5c9f7}

#adminNav,#compensationTab,#rewardTab{position:relative;overflow:visible}.application-count{position:absolute;top:-10px;right:-10px;min-width:21px;height:21px;padding:0 5px;border-radius:50px;background:#e74343;color:#fff;border:2px solid #fff;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;line-height:1;box-shadow:0 2px 5px #0002;pointer-events:none}.application-count.cleared{background:#25a66a}

.application-count.cleared{min-width:11px;width:11px;height:11px;padding:0;top:-5px;right:-5px;border-width:2px}
#announcementsPanel{margin-top:30px}.announcement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0}.announcement-card{min-width:0;border:1px solid var(--line);background:#fff;overflow:hidden}.announcement-card>img{width:100%;max-height:260px;object-fit:cover;display:block}.announcement-body{padding:20px}.announcement-body h3{margin:12px 0;font-size:18px;overflow-wrap:anywhere}.announcement-body p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;color:#657d9a;font-size:13px}#announcementEditor{background:#fff;border:1px solid var(--line);padding:24px;margin-top:20px}#announcementEditor form{max-width:700px}@media(max-width:1300px) and (min-width:1001px){header{height:auto;min-height:88px;flex-wrap:wrap;padding:18px 24px;gap:16px}nav{order:3;width:100%;height:35px;overflow-x:auto;gap:24px;flex-shrink:0}}@media(max-width:1000px){.announcement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.announcement-grid{grid-template-columns:1fr}}

.compensation-status.resolved,.reward-status.resolved{background:#daf5e7;color:#177044;border-color:#9bdfbb}

#compensationDialog,#rewardDialog{padding:0;overflow:hidden}#compensationDialog[open],#rewardDialog[open]{display:flex;flex-direction:column}#compensationDialog>.dialog-heading,#rewardDialog>.dialog-heading{flex:none;padding:20px 26px 16px;border-bottom:1px solid #e1e9f3;background:#fff;z-index:1}#compensationDialog>.dialog-heading .close,#rewardDialog>.dialog-heading .close{width:36px;height:36px;display:grid;place-items:center;flex:none}.application-dialog-content{min-height:0;overflow-y:auto;padding:6px 28px 28px;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior:contain}.application-dialog-content::-webkit-scrollbar{display:none;width:0;height:0}@media(max-width:640px){#compensationDialog>.dialog-heading,#rewardDialog>.dialog-heading{padding:14px 16px}.application-dialog-content{padding:4px 18px 22px}}

.image-preview-control{position:relative}.remove-upload-image{position:absolute;top:14px;right:8px;width:28px;height:28px;background:#fff;color:#c54444;border:1px solid #dbe5ef;border-radius:50%;display:grid;place-items:center;font-size:22px;line-height:1;box-shadow:0 2px 8px #0002;z-index:2}.remove-upload-image:hover{background:#fff0f0}.image-preview-control:has(>img[hidden]){display:none}

.announcement-grid{display:flex;flex-direction:column;gap:18px}.announcement-card{display:flex;width:100%;align-items:stretch}.announcement-card>img{width:240px;max-height:240px;object-fit:cover;flex-shrink:0}.announcement-body{flex:1;min-width:0}.pinned-label{margin-left:8px;background:#fff0cc;color:#a26a10;border-color:#eed596}.announcement-body .admin-actions{margin-top:16px}.announcement-body .admin-actions button{font-size:12px;padding:6px 12px}@media(max-width:640px){.announcement-card{flex-direction:column}.announcement-card>img{width:100%;max-height:200px}}

#reviewTab{position:relative;overflow:visible}

.user-number-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 6px;margin-right:6px;border:1px solid #2375cc;border-radius:6px;background:#287dde;color:#fff;font-size:12px;font-weight:700;line-height:1;vertical-align:middle;font-variant-numeric:tabular-nums}

.clickable-image{cursor:zoom-in}.clickable-image:focus-visible{outline:2px solid #287dde;outline-offset:3px}
#imageViewer{width:94vw;max-width:1400px;height:92dvh;max-height:92dvh;padding:0;border:1px solid #dbe5ef;border-radius:10px;background:#f0f4f9;box-shadow:0 16px 70px #0005;overflow:hidden}
#imageViewer[open]{display:flex;flex-direction:column}#imageViewer::backdrop{background:#102039b3}
.image-viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:#fff;border-bottom:1px solid #dbe5ef;flex:none}.image-viewer-toolbar>div{display:flex;align-items:center;gap:8px}.image-viewer-toolbar button{background:#eef4fc;color:#285781;border:1px solid #dbe5ef;border-radius:5px;padding:6px 12px}.image-viewer-toolbar [data-viewer-close]{font-size:24px;line-height:1;padding:5px 10px}
.image-viewer-stage{flex:1;min-height:0;overflow:auto;padding:16px;overscroll-behavior:contain}.image-viewer-stage>img{display:block;margin:auto;max-width:none;max-height:none;height:auto;border:0;object-fit:contain}
@media(max-width:640px){#imageViewer{width:98vw;height:94dvh;max-height:94dvh}.image-viewer-toolbar{padding:8px}.image-viewer-toolbar>span{font-size:12px}.image-viewer-toolbar button{padding:6px 9px}}