*{box-sizing:border-box}body,html{background:#f5f5f5;height:100%;margin:0;padding:0;touch-action:manipulation}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;color:#000000e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5715;-webkit-user-select:none;user-select:none}[contenteditable],input,textarea{-webkit-user-select:text;user-select:text}code{border-radius:3px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.875em;padding:2px 4px}#root,code{background:#f5f5f5}#root{min-height:100vh}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){::-webkit-scrollbar{height:4px;width:4px}}::selection{background:#1890ff33;color:inherit}::-moz-selection{background:#1890ff33;color:inherit}a{color:#1890ff;text-decoration:none;transition:color .3s ease}a:hover{color:#40a9ff}a:active{color:#096dd9}.ant-input-focused,.ant-input:focus,.ant-input:focus-within{border-color:#40a9ff!important;box-shadow:0 0 0 2px #1890ff33!important}@media (max-width:768px){.ant-input{font-size:16px!important;min-height:40px!important}.ant-input-lg{font-size:18px!important;min-height:48px!important}.ant-select-selector{font-size:16px!important;min-height:40px!important}.ant-select-single .ant-select-selector{height:40px!important}.ant-select-lg .ant-select-selector{font-size:18px!important;min-height:48px!important}}.ant-btn:not(.ant-btn-link):not(.ant-btn-text){min-height:36px;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.ant-btn-primary:hover{box-shadow:0 4px 12px #1890ff4d!important}@media (max-width:768px){.ant-btn{border-radius:8px!important;font-size:16px!important;min-height:44px!important}.ant-btn-sm{font-size:14px!important;min-height:36px!important}.ant-btn-lg{font-size:18px!important;min-height:52px!important}.ant-btn-group{display:flex;flex-wrap:wrap;gap:8px}.ant-btn-group .ant-btn{flex:1 1;min-width:0}}.ant-card{transition:all .3s cubic-bezier(.4,0,.2,1)!important}@media (max-width:768px){.ant-card{border-radius:12px!important;margin-bottom:16px!important}.ant-card-body{padding:16px!important}.ant-card-head{min-height:auto!important;padding:12px 16px!important}.ant-card-head-title{font-size:16px!important;font-weight:600!important}}.ant-modal{padding-bottom:0!important}.ant-modal-content{border-radius:8px!important;overflow:hidden}.ant-modal-header{border-bottom:1px solid #f0f0f0!important;padding:16px 24px!important}.ant-modal-body{padding:24px!important}.ant-modal-footer{border-top:1px solid #f0f0f0!important;padding:16px 24px!important}@media (max-width:768px){.ant-modal{margin:16px auto!important;max-width:calc(100vw - 32px)!important}.ant-modal-content{border-radius:16px!important}.ant-modal-header{padding:16px 20px!important}.ant-modal-body{max-height:calc(100vh - 200px);overflow-y:auto;padding:20px!important}.ant-modal-footer{padding:16px 20px!important}.ant-modal-footer .ant-btn{flex:1 1;margin:0 4px}}.ant-message{z-index:9999!important}.ant-message-notice{border-radius:6px!important;box-shadow:0 4px 12px #00000026!important}@media (max-width:768px){.ant-message{margin-top:16px!important}.ant-message-notice{border-radius:12px!important;margin:0 16px 8px!important;padding:12px 16px!important}.ant-message-notice-content{font-size:15px!important}}.ant-notification{z-index:9999!important}.ant-notification-notice{border-radius:8px!important;box-shadow:0 4px 16px #0000001f!important}@media (max-width:768px){.ant-notification{margin:0 16px!important}.ant-notification-notice{border-radius:12px!important}}.ant-tooltip{z-index:9999!important}.ant-tooltip-inner{border-radius:6px!important;font-size:12px!important;padding:6px 8px!important}@media (max-width:768px){.ant-tooltip-inner{font-size:14px!important;padding:8px 12px!important}}.ant-table{border-radius:8px!important;overflow:hidden}.ant-table-thead>tr>th{background:#fafafa!important;font-weight:600!important}@media (max-width:768px){.ant-table{font-size:14px!important}.ant-table-thead>tr>th{font-size:13px!important;padding:12px 8px!important}.ant-table-tbody>tr>td{font-size:14px!important;padding:12px 8px!important}.ant-table-wrapper{overflow-x:auto}}.ant-pagination{margin:16px 0!important}.ant-pagination-item{border-radius:6px!important}.ant-pagination-item-active{border-color:#1890ff!important}@media (max-width:768px){.ant-pagination{text-align:center!important}.ant-pagination-item,.ant-pagination-next,.ant-pagination-prev{margin:0 4px!important}.ant-pagination-item,.ant-pagination-jump-next,.ant-pagination-jump-prev,.ant-pagination-next,.ant-pagination-prev{height:44px!important;line-height:42px!important;min-width:44px!important}}.ant-tag{border:none!important;border-radius:12px!important;font-size:12px!important;padding:2px 8px!important}@media (max-width:768px){.ant-tag{font-size:13px!important;margin:2px!important;padding:4px 10px!important}}.ant-progress-bg,.ant-progress-line{border-radius:8px!important}.ant-spin-container{transition:opacity .3s ease!important}@media (max-width:768px){.ant-form-item{margin-bottom:20px!important}.ant-form-item-label{padding-bottom:8px!important}.ant-form-item-label>label{font-size:15px!important;font-weight:600!important}.ant-checkbox-wrapper,.ant-radio-wrapper{font-size:15px!important;padding:8px 0!important}.ant-checkbox,.ant-radio{transform:scale(1.2)}.ant-switch{height:24px!important;min-width:48px!important}.ant-switch-handle{height:20px!important;width:20px!important}.ant-dropdown,.ant-dropdown-menu{border-radius:16px!important}.ant-dropdown-menu{padding:8px!important}.ant-dropdown-menu-item{border-radius:8px!important;font-size:16px!important;margin:2px 0!important;padding:12px 16px!important}}.mobile-only{display:none!important}.desktop-only{display:block!important}@media (max-width:768px){.mobile-hidden{display:none!important}.mobile-only{display:block!important}.desktop-only{display:none!important}}@media (min-width:769px){.desktop-hidden{display:none!important}}@media (max-width:768px){.mobile-mb-16{margin-bottom:16px!important}.mobile-mt-16{margin-top:16px!important}.mobile-p-16{padding:16px!important}.mobile-px-16{padding-left:16px!important;padding-right:16px!important}.mobile-py-16{padding-bottom:16px!important;padding-top:16px!important}}@media (prefers-color-scheme:dark){body{color:#ffffffe0}#root,.App,body{background:#000}::-webkit-scrollbar-track{background:#1f1f1f}::-webkit-scrollbar-thumb{background:#434343}::-webkit-scrollbar-thumb:hover{background:#595959}}.fade-in{animation:fadeIn .3s ease}.slide-up{animation:slideUp .3s ease}.scale-in{animation:scaleIn .3s ease}@media (max-width:768px){.fade-in,.scale-in,.slide-up{animation-duration:.2s}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}.app-layout{background:#f5f5f5;min-height:100vh}.app-sider{background:#fff!important;border-right:1px solid #f0f0f0;box-shadow:2px 0 8px #0000000d;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100}.app-sider:before{background:linear-gradient(180deg,#0000,#f0f0f0 50%,#0000);content:"";height:100%;position:absolute;right:0;top:0;width:1px}.app-logo{border-bottom:1px solid #f0f0f0;gap:12px;padding:24px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.app-logo,.logo-icon{align-items:center;display:flex}.logo-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;font-size:20px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.logo-icon:hover{box-shadow:0 6px 16px #667eea66;transform:scale(1.05)}.logo-text{flex:1 1;overflow:hidden}.logo-title{color:#000000e0!important;font-size:18px!important;font-weight:600!important;line-height:1.2;margin:0!important}.logo-subtitle{color:#00000073!important;display:block;font-size:12px;letter-spacing:.5px;margin-top:2px;text-transform:uppercase}.app-menu{background:#0000!important;border:none!important;padding:8px 12px}.app-menu .ant-menu-item{border:none!important;border-radius:8px!important;height:44px!important;line-height:44px!important;margin:4px 0!important;padding:0 16px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.app-menu .ant-menu-item:hover{background:#1890ff0f!important;transform:translateX(4px)}.app-menu .ant-menu-item-selected{background:linear-gradient(135deg,#1890ff1a,#1890ff0d)!important;border:1px solid #1890ff33!important;box-shadow:0 2px 8px #1890ff26;color:#1890ff!important;transform:translateX(4px)}.app-menu .ant-menu-item-selected:after{display:none!important}.app-menu .ant-menu-item-icon{font-size:16px;transition:all .3s ease}.app-menu .ant-menu-item-selected .ant-menu-item-icon{color:#1890ff!important;transform:scale(1.1)}.sider-user-info{background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;bottom:20px;left:20px;padding:12px;position:absolute;right:20px}.user-info-text{flex:1 1;overflow:hidden}.user-info-text .username{color:#000000e0;display:block;font-size:14px;line-height:1.2}.user-info-text .user-status{color:#52c41a;font-size:12px}.app-main{background:#f5f5f5}.app-header{background:#fff!important;border-bottom:1px solid #f0f0f0;box-shadow:0 2px 8px #0000000f;height:64px!important;justify-content:space-between;line-height:64px!important;padding:0 24px!important;position:sticky;top:0;z-index:99}.app-header,.header-left{align-items:center;display:flex}.header-left{flex:1 1;gap:24px}.collapse-btn{align-items:center!important;border-radius:8px!important;display:flex!important;height:40px!important;justify-content:center!important;transition:all .3s ease!important;width:40px!important}.collapse-btn:hover{background:#1890ff0f!important;transform:scale(1.05)}.page-info{flex:1 1}.page-title{color:#000000e0!important;font-size:20px!important;font-weight:600!important;line-height:1.2!important;margin:0!important}.page-breadcrumb{margin-top:4px}.page-breadcrumb .ant-breadcrumb-link{color:#00000073;font-size:13px}.header-right{align-items:center;display:flex}.header-btn{align-items:center!important;border-radius:8px!important;display:flex!important;height:40px!important;justify-content:center!important;transition:all .3s ease!important;width:40px!important}.header-btn:hover{background:#1890ff0f!important;transform:scale(1.05)}.user-dropdown{border:1px solid #0000;border-radius:8px;cursor:pointer;padding:8px 16px;transition:all .3s ease}.user-dropdown:hover{background:#1890ff0f;border-color:#1890ff33}.user-dropdown .ant-avatar{margin-right:12px}.user-dropdown .user-info{align-items:flex-start;display:flex;flex-direction:column;line-height:1.2}.user-dropdown .user-info .ant-typography{margin:0}.user-dropdown .user-role{font-size:12px;margin-top:2px}.app-content{background:#f5f5f5;min-height:calc(100vh - 64px);padding:0!important}.content-wrapper{margin:0 auto;max-width:1400px;min-height:calc(100vh - 64px);padding:24px}.float-nav-button{animation:floatButtonFadeIn .3s ease;bottom:24px;position:fixed;right:24px;z-index:1000}.float-nav-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#1890ff,#096dd9)!important;border:none!important;box-shadow:0 4px 16px #1890ff4d!important;height:56px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:56px!important}.float-nav-btn:hover{background:linear-gradient(135deg,#40a9ff,#1890ff)!important;box-shadow:0 8px 24px #1890ff66!important;transform:scale(1.1) translateY(-2px)!important}.float-nav-btn:active{transform:scale(1.05) translateY(0)!important}.float-nav-btn .anticon{color:#fff!important;font-size:18px!important}@keyframes floatButtonFadeIn{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.mobile-sider-mask{animation:maskFadeIn .3s ease;background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:99}.mobile-sider-mask.visible{display:block}@keyframes maskFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.app-sider{height:100vh;left:0;position:fixed!important;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1000}.app-sider.mobile-open{transform:translateX(0)}.app-main{margin-left:0!important}.app-header{padding:0 16px!important}.header-left{gap:12px}.page-title{font-size:18px!important}.content-wrapper{padding:16px}.page-breadcrumb,.user-dropdown .user-info{display:none}.float-nav-button{bottom:20px;right:20px}.float-nav-btn{height:52px!important;width:52px!important}.float-nav-btn .anticon{font-size:16px!important}.collapse-btn,.header-btn{height:44px!important;width:44px!important}.app-menu .ant-menu-item{font-size:16px!important;height:48px!important;line-height:48px!important;margin:6px 0!important}.app-menu .ant-menu-item-icon{font-size:18px!important}.app-logo{padding:20px 16px}.logo-icon{font-size:18px;height:36px;width:36px}.logo-title{font-size:16px!important}.sider-user-info{bottom:16px;left:16px;padding:16px;right:16px}}@media (max-width:576px){.app-header{height:56px!important;line-height:56px!important;padding:0 12px!important}.header-left{gap:8px}.page-title{font-size:16px!important}.content-wrapper{padding:12px}.collapse-btn,.header-btn{height:40px!important;width:40px!important}.float-nav-button{bottom:16px;right:16px}.float-nav-btn{height:48px!important;width:48px!important}.float-nav-btn .anticon{font-size:14px!important}.app-content,.content-wrapper{min-height:calc(100vh - 56px)}}.app-layout .ant-layout-sider-collapsed .sider-user-info{opacity:0;pointer-events:none;transform:translateY(20px)}.app-layout .ant-layout-sider-collapsed .app-logo .logo-text{opacity:0;transform:translateX(-20px)}@media (prefers-color-scheme:dark){.app-sider{border-right-color:#303030}.app-header,.app-sider{background:#141414!important}.app-header{border-bottom-color:#303030}.app-content,.content-wrapper{background:#000}.logo-title{color:#ffffffe0!important}.logo-subtitle{color:#ffffff73!important}.page-title{color:#ffffffe0!important}.sider-user-info{background:#1f1f1f;border-color:#303030}.mobile-sider-mask{background:#000000b3}}.app-menu::-webkit-scrollbar{width:4px}.app-menu::-webkit-scrollbar-track{background:#0000}.app-menu::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}.app-menu::-webkit-scrollbar-thumb:hover{background:#0003}.content-wrapper>*{animation:contentFadeIn .4s cubic-bezier(.4,0,.2,1)}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{border-radius:12px;box-shadow:0 8px 32px #0000001a;max-width:400px;padding:20px;width:100%}.login-header{margin-bottom:32px;text-align:center}.login-header .ant-typography h2{color:#1890ff;margin-bottom:8px}.login-tips{background:#f6f8fa;border-radius:8px;margin-top:24px;padding:16px;text-align:center}@media (max-width:768px){.login-container{padding:10px}.login-card{padding:16px}}.dashboard{background:#0000;padding:0}.dashboard-error,.dashboard-loading{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;justify-content:center;min-height:400px}.dashboard-welcome{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 32px #667eea4d;color:#fff;margin-bottom:24px;overflow:hidden;padding:32px;position:relative}.dashboard-welcome:before{animation:welcomeShine 8s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}@keyframes welcomeShine{0%,to{opacity:.3;transform:translate(-50%,-50%) rotate(0deg)}50%{opacity:.1;transform:translate(-30%,-30%) rotate(180deg)}}.welcome-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;position:relative;z-index:1}.welcome-info{flex:1 1}.welcome-title{color:#fff!important;font-size:28px!important;font-weight:600!important;margin-bottom:8px!important}.welcome-subtitle{color:#ffffffd9!important;font-size:16px;margin-bottom:0!important}.welcome-avatar{margin-left:24px;position:relative}.welcome-avatar .ant-avatar{border:4px solid #fff3;box-shadow:0 4px 16px #0003}.user-level{bottom:-8px;position:absolute;right:-8px}.user-level .ant-badge-count{background:#52c41a!important;border:2px solid #fff;font-size:10px;font-weight:600;height:20px;line-height:16px;min-width:20px}.user-progress{position:relative;z-index:1}.progress-info{display:flex;justify-content:space-between;margin-bottom:8px}.progress-info .ant-typography{color:#ffffffd9!important;font-size:13px}.exp-progress .ant-progress-bg{background:#ffffff4d!important}.dashboard-stats{margin-bottom:24px}.stat-card{border:none!important;border-radius:12px!important;box-shadow:0 4px 16px #00000014!important;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.stat-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.stat-card-1:before,.stat-card:before{background:linear-gradient(90deg,#1890ff,#40a9ff)}.stat-card-2:before{background:linear-gradient(90deg,#52c41a,#73d13d)}.stat-card-3:before{background:linear-gradient(90deg,#fa8c16,#ffa940)}.stat-card-4:before{background:linear-gradient(90deg,#722ed1,#9254de)}.stat-card:hover{box-shadow:0 8px 24px #0000001f!important;transform:translateY(-4px)!important}.stat-card:hover:before{height:6px}.stat-card .ant-card-body{padding:20px!important}.stat-card .ant-statistic-title{color:#000000a6!important;font-size:14px!important;font-weight:500!important;margin-bottom:8px!important}.stat-card .ant-statistic-content{font-size:24px!important;font-weight:600!important;line-height:1.2!important}.stat-card .ant-statistic-content-prefix{font-size:20px!important;margin-right:8px!important}.dashboard-content{gap:0!important}.dashboard-content .ant-card{border:none!important;border-radius:12px!important;box-shadow:0 2px 8px #0000000f!important;margin-bottom:24px;transition:all .3s ease!important}.dashboard-content .ant-card:hover{box-shadow:0 4px 16px #0000001a!important}.dashboard-content .ant-card-head{border-bottom:1px solid #f0f0f0!important;padding:16px 24px!important}.dashboard-content .ant-card-head-title{font-size:16px!important;font-weight:600!important}.dashboard-content .ant-card-body{padding:24px!important}.quick-actions-card .ant-card-body{padding:20px!important}.quick-action-item{align-items:flex-start;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .3s ease}.quick-action-item:hover{background:#fafafa;border-color:#e6f7ff;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.action-icon{align-items:center;border-radius:8px;box-shadow:0 2px 8px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.action-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.action-title{font-size:14px;line-height:1.2}.action-desc{font-size:12px;line-height:1.3}.popular-games-card .game-item{border-bottom:1px solid #f5f5f5!important;padding:12px 0!important}.popular-games-card .game-item:last-child{border-bottom:none!important}.popular-games-card .ant-list-item-meta-avatar{margin-right:16px!important}.popular-games-card .ant-list-item-meta-title{font-size:14px!important;margin-bottom:4px!important}.popular-games-card .ant-list-item-meta-description{font-size:12px!important}.vote-status-card .ant-card-body{padding:32px 24px!important;text-align:center!important}.vote-completed,.vote-pending{align-items:center;display:flex;flex-direction:column;gap:8px}.vote-status-icon{align-items:center;background:#fafafa;border-radius:50%;display:flex;height:64px;justify-content:center;margin-bottom:8px;width:64px}.vote-stats{border-top:1px solid #f0f0f0;margin-top:16px;padding-top:16px}.teams-card .team-item{border-bottom:1px solid #f5f5f5!important;padding:12px 0!important}.teams-card .team-item:last-child{border-bottom:none!important}.team-info{width:100%}.team-header{align-items:center;display:flex;justify-content:space-between}.team-details,.team-header{margin-bottom:8px}.team-details .ant-typography{font-size:12px}@media (max-width:768px){.dashboard-welcome{padding:24px}.welcome-title{font-size:24px!important}.welcome-subtitle{font-size:14px}.welcome-content{flex-direction:column;gap:16px;text-align:center}.welcome-avatar{margin-left:0}.stat-card .ant-statistic-content{font-size:20px!important}.stat-card .ant-statistic-content-prefix{font-size:16px!important}.dashboard-content .ant-card-body{padding:16px!important}.quick-action-item{flex-direction:column;padding:12px;text-align:center}.action-icon{margin:0 auto}}@media (max-width:576px){.dashboard-welcome{padding:20px}.welcome-title{font-size:20px!important}.progress-info{flex-direction:column;gap:4px}.stat-card .ant-card-body{padding:16px!important}.dashboard-content .ant-card-head{padding:12px 16px!important}.dashboard-content .ant-card-body{padding:16px!important}.vote-status-card .ant-card-body{padding:24px 16px!important}}.dashboard>*{animation:dashboardFadeIn .6s cubic-bezier(.4,0,.2,1)}.dashboard-stats .stat-card{animation:cardSlideUp .6s cubic-bezier(.4,0,.2,1)}.dashboard-stats .stat-card:first-child{animation-delay:.1s}.dashboard-stats .stat-card:nth-child(2){animation-delay:.2s}.dashboard-stats .stat-card:nth-child(3){animation-delay:.3s}.dashboard-stats .stat-card:nth-child(4){animation-delay:.4s}@keyframes dashboardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme:dark){.quick-action-item:hover{background:#1f1f1f;border-color:#303030}.vote-status-icon{background:#1f1f1f}.game-item,.team-item{border-bottom-color:#303030!important}.vote-stats{border-top-color:#303030}}.page-header{padding:0}.page-header-content{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.page-header-main{flex:1 1;min-width:0}.page-header-title-section{align-items:flex-start;width:100%}.page-header-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.page-header-text{flex:1 1;min-width:0}.page-header-title{color:#000000e0!important;font-size:28px!important;font-weight:700!important;line-height:1.2!important;margin:0!important}.page-header-subtitle{color:#000000a6!important;display:block!important;font-size:16px!important;line-height:1.5!important;margin-top:8px!important}.page-header-extra{align-items:flex-start;display:flex;flex-shrink:0}@media (max-width:768px){.page-header{margin-bottom:20px}.page-header-content{align-items:stretch;flex-direction:column;gap:16px}.page-header-title-section{align-items:center;text-align:center}.page-header-icon{border-radius:10px;font-size:20px;height:40px;width:40px}.page-header-title{font-size:24px!important}.page-header-subtitle{font-size:15px!important;margin-top:6px!important}.page-header-extra{align-items:center;justify-content:center}}@media (max-width:576px){.page-header{margin-bottom:16px}.page-header-content{gap:12px}.page-header-title-section{flex-direction:column;gap:12px;text-align:center}.page-header-icon{align-self:center;border-radius:8px;font-size:18px;height:36px;width:36px}.page-header-title{font-size:20px!important}.page-header-subtitle{font-size:14px!important;margin-top:4px!important}}@media (max-height:500px) and (orientation:landscape){.page-header{margin-bottom:12px}.page-header-content{gap:8px}.page-header-title-section{align-items:center;flex-direction:row;gap:12px;text-align:left}.page-header-icon{font-size:16px;height:32px;width:32px}.page-header-title{font-size:18px!important}.page-header-subtitle{font-size:13px!important;margin-top:2px!important}}@media (hover:none) and (pointer:coarse){.page-header-extra .ant-btn{min-height:44px;min-width:44px}}.page-header{animation:headerFadeIn .6s ease-out}.page-header-icon{transition:all .3s ease}.page-header-icon:hover{box-shadow:0 6px 16px #667eea66;transform:scale(1.05)}@keyframes headerFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.page-header-icon:hover{box-shadow:0 4px 12px #667eea4d;transform:none}}@media (prefers-color-scheme:dark){.page-header-title{color:#ffffffe0!important}.page-header-subtitle{color:#ffffffa6!important}}.games-page-modern{background:#f5f5f5;margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.games-stats-panel{background:#fff;border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;overflow:hidden}.games-stats-panel .ant-card-body{background:#fff;padding:24px}.games-stats-panel .ant-statistic-title{color:#000000a6;font-size:14px;font-weight:500;margin-bottom:8px}.games-stats-panel .ant-statistic-content{color:#000000d9;font-size:24px;font-weight:600}.games-filters-modern{background:#fff;border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;overflow:hidden}.games-filters-modern .ant-card-body{padding:0}.filters-header{background:#fafafa;border-bottom:1px solid #f0f0f0;color:#000000d9;justify-content:space-between;padding:16px 24px}.filters-header,.filters-title{align-items:center;display:flex}.filters-title{font-size:16px;font-weight:600;gap:8px}.clear-filters-btn{border:1px solid #d9d9d9!important;border-radius:6px;color:#1890ff!important;transition:all .3s ease}.clear-filters-btn:hover{background:#f0f8ff!important;border-color:#40a9ff!important;color:#40a9ff!important}.filters-content{background:#fff;padding:24px}.filter-item{display:flex;flex-direction:column;gap:8px}.filter-item label{color:#262626;font-size:14px;font-weight:600}.add-game-btn{background:#1890ff!important;border:none!important;border-radius:6px;box-shadow:0 2px 4px #1890ff33;transition:all .3s ease}.add-game-btn:hover{background:#40a9ff!important;box-shadow:0 4px 8px #1890ff4d!important}.games-grid{margin-bottom:40px}.game-card-modern{background:#fff;border:1px solid #f0f0f0;border-radius:8px;box-shadow:0 2px 8px #0000001a;height:100%;overflow:hidden;position:relative;transition:all .3s ease}.game-card-modern:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.game-card-header{align-items:flex-start;background:#fafafa;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px;position:relative}.game-card-avatar{position:relative}.game-card-hot{position:absolute;right:8px;top:8px}.game-card-modern .ant-card-body{padding:16px}.game-card-modern .ant-card-actions{background:#fafafa;border-top:1px solid #f0f0f0;padding:8px 16px}.game-card-modern .ant-card-actions li{margin:0;text-align:center;width:25%}.game-action-btn{align-items:center;border:none!important;border-radius:6px;box-shadow:none!important;display:flex;gap:4px;height:36px;justify-content:center;transition:all .3s ease;width:100%}.game-action-btn:hover{background:#e6f7ff!important}.game-action-btn.ant-btn-dangerous:hover{background:#fff2f0!important}.game-title-modern{display:flex;flex-direction:column;gap:12px}.game-name{color:#262626;font-size:16px;font-weight:700;line-height:1.3}.game-tags{display:flex;flex-wrap:wrap;gap:6px}.game-tag{border:1px solid #d9d9d9;border-radius:4px!important;font-size:12px!important;font-weight:400;line-height:1.4!important;margin:0!important;padding:2px 6px!important}.game-description-modern{display:flex;flex-direction:column;gap:12px;margin-top:8px}.game-stats{flex-wrap:wrap;gap:16px}.game-stat,.game-stats{align-items:center;display:flex}.game-stat{font-size:13px;gap:4px}.game-desc-modern{margin-top:8px}.game-desc-modern .ant-typography{font-size:13px;line-height:1.5;margin-bottom:0}.games-pagination-modern{margin-top:32px;padding:24px 0;text-align:center}.games-pagination-modern .ant-pagination{align-items:center;display:inline-flex;gap:8px}.games-empty-state{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:80px 20px;text-align:center}.empty-illustration{height:120px;margin-bottom:32px;margin-left:auto;margin-right:auto;width:120px}.empty-icon{align-items:center;background:#1890ff;border-radius:50%;color:#fff;display:flex;font-size:32px;height:80px;justify-content:center;margin:0 auto;width:80px}.empty-content{max-width:500px}.empty-title{color:#000000d9!important;font-weight:600;margin-bottom:16px!important}.empty-subtitle{color:#00000073;display:block;font-size:14px;line-height:1.6;margin-bottom:24px}.empty-tip{align-items:flex-start;background:#f6ffed;border:1px solid #b7eb8f;border-radius:6px;display:flex;gap:8px;margin:16px 0 24px;padding:12px 16px;text-align:left}.tip-icon{font-size:20px;margin-top:2px}.tip-content{flex:1 1}.empty-actions{margin-top:32px}.action-space{width:100%}.primary-actions{flex-wrap:wrap;gap:16px}.primary-actions,.secondary-action{display:flex;justify-content:center}.action-btn{border-radius:6px!important;font-weight:500!important;height:40px!important;padding:0 16px!important;transition:all .3s ease!important}.action-btn:hover{box-shadow:0 2px 8px #00000026!important}.primary-btn{background:#1890ff!important;border:none!important}.sample-btn{border:1px solid #52c41a!important;color:#52c41a!important}.sample-btn:hover{background:#52c41a!important;color:#fff!important}.game-form-modal .ant-modal-header{background:#fafafa;border-bottom:1px solid #f0f0f0;border-radius:8px 8px 0 0}.game-form-modal .ant-modal-title{color:#000000d9!important;font-weight:600}.game-form-modal .ant-modal-content{border-radius:8px;overflow:hidden}.game-form-modal .ant-form-item-label>label{color:#262626;font-weight:600}@media (max-width:768px){.games-page-modern{padding:16px}.games-stats-panel .ant-card-body{padding:20px 16px}.filters-header{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}.filters-content{padding:16px}.game-card-header,.game-card-modern .ant-card-body{padding:12px}.game-card-modern .ant-card-actions{padding:6px}.empty-illustration{height:100px;width:100px}.empty-icon{font-size:24px;height:60px;width:60px}.primary-actions{flex-direction:column;width:100%}.action-btn{width:100%!important}}@media (max-width:576px){.games-page-modern{padding:12px}.games-grid .ant-row{gap:16px 0!important}.game-card-modern{margin-bottom:16px}.filters-content .ant-row{gap:16px 0!important}.filter-item{margin-bottom:16px}.empty-content{padding:0 16px}.empty-tip{margin:16px 0 24px;padding:12px 16px}}@media (prefers-color-scheme:dark){.games-page-modern{background:#141414}.game-card-modern,.games-empty-state,.games-filters-modern,.games-stats-panel{background:#1f1f1f;border-color:#303030}.filters-header,.game-card-header{background:#262626;border-color:#303030}.filters-content{background:#1f1f1f;color:#fff}.empty-title,.filter-item label,.game-name{color:#ffffffd9!important}.empty-subtitle{color:#ffffff73}}.ant-spin-container{min-height:400px}.ant-spin-tip{color:#1890ff;font-weight:600}.ant-badge-count{border:2px solid #fff;box-shadow:0 2px 8px #00000026;font-weight:600}.daily-vote-container{margin:0 auto;max-width:1200px;padding:24px}.daily-vote-header{margin-bottom:32px;text-align:center}.daily-vote-header h2{color:#1890ff;margin-bottom:8px}.daily-vote-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.vote-form-card .ant-card-body{padding:24px}.vote-stats-card .ant-statistic{text-align:center}.vote-stats-card .ant-statistic-title{color:#666;font-size:14px}.vote-stats-card .ant-statistic-content{color:#1890ff}.game-ranking-list .ant-list-item{border-bottom:1px solid #f0f0f0;padding:8px 0}.game-ranking-list .ant-list-item:last-child{border-bottom:none}.vote-status-alert{margin-bottom:16px}.selected-games-tags{margin-top:8px}.selected-games-tags .ant-tag{margin-bottom:4px}@media (max-width:768px){.daily-vote-container{padding:16px}.daily-vote-header{margin-bottom:24px}.vote-form-card,.vote-stats-card{margin-bottom:16px}}.vote-status-voted{background-color:#f6ffed;border:2px solid #52c41a}.vote-status-pending{background-color:#fffbe6;border:2px solid #faad14}.stats-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stats-card .ant-statistic-title{color:#ffffffd9}.stats-card .ant-statistic-content{color:#fff}.game-selector .ant-select-selector{min-height:80px}.game-selector .ant-select-selection-overflow{max-height:120px;overflow-y:auto}.ranking-item{align-items:center;display:flex;justify-content:space-between;padding:8px 0;width:100%}.ranking-item-left{align-items:center;display:flex;flex:1 1;gap:8px}.ranking-item-right{color:#666;font-size:12px}.game-tendency-section{background:#fafafa;border-radius:8px;margin-top:16px;padding:16px}.tendency-item{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:12px;padding:8px 12px}.tendency-item:last-child{margin-bottom:0}.game-name-tendency{color:#262626;flex:1 1;font-weight:500;margin-right:16px}.tendency-rating{min-width:120px;text-align:right}.vote-result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.sort-selector{min-width:120px}.debug-toolbar{background:#fafafa;border:1px solid #e6f7ff;border-radius:8px;margin-bottom:16px;padding:12px 16px}.debug-toolbar .ant-typography{margin:0}.game-search-input{border:2px solid #f0f0f0;border-radius:8px;transition:all .3s ease}.game-search-input:focus{border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff33}.game-search-input .ant-input{border:none;box-shadow:none}.game-search-empty{background:#fafafa;border:1px dashed #d9d9d9;border-radius:8px;color:#999;margin-top:8px;padding:24px 16px;text-align:center}@media (max-width:768px){.daily-vote-container{padding:16px}.daily-vote-header{margin-bottom:20px}.vote-form-card,.vote-stats-card{margin-bottom:16px}.vote-form-card .ant-card-body{padding:16px}.ant-form-item{margin-bottom:24px}.ant-form-item-label{padding-bottom:8px}.ant-form-item-label>label{font-size:16px;font-weight:600}.ant-switch{transform:scale(1.2)}.game-selector .ant-select-selector{min-height:60px;padding:8px 12px}.game-selector .ant-select-selection-overflow{max-height:100px}.game-selector .ant-select-selection-item{font-size:14px;margin:2px 4px 2px 0;padding:4px 8px}.game-search-input{margin-bottom:12px}.game-search-input .ant-input{font-size:16px;padding:12px 16px}.game-tendency-section{margin-top:20px;padding:12px}.tendency-item{align-items:flex-start;flex-direction:column;gap:12px;padding:12px}.game-name-tendency{font-size:15px;margin-right:0}.tendency-rating{text-align:left;width:100%}.tendency-rating .ant-rate{font-size:24px}.ranking-item{align-items:flex-start;flex-direction:column;gap:8px;padding:12px 0}.ranking-item-left{width:100%}.ranking-item-right{align-self:flex-end;font-size:13px}.vote-result-header{align-items:stretch;flex-direction:column;gap:12px}.sort-selector{min-width:auto}.sort-selector .ant-select{width:100%}.vote-stats-card .ant-statistic-content{font-size:20px}.debug-toolbar{padding:12px}.debug-toolbar .ant-row{flex-direction:column;gap:12px}.debug-toolbar .ant-col:last-child{text-align:left}.debug-toolbar .ant-space{justify-content:space-between;width:100%}.debug-toolbar .ant-btn{flex:1 1}}@media (max-width:576px){.daily-vote-container{padding:12px}.daily-vote-header{margin-bottom:16px}.vote-form-card .ant-card-body{padding:12px}.ant-form-item{margin-bottom:20px}.ant-form-item-label>label{font-size:15px}.game-selector .ant-select-selector{min-height:50px;padding:6px 10px}.game-selector .ant-select-selection-item{font-size:13px;padding:2px 6px}.tendency-item{padding:10px}.game-name-tendency{font-size:14px}.tendency-rating .ant-rate{font-size:20px}.vote-stats-card .ant-statistic-content{font-size:18px}.vote-stats-card .ant-statistic-title{font-size:13px}.ranking-item{padding:10px 0}.ranking-item-left{font-size:14px}.ranking-item-right{font-size:12px}.game-search-input .ant-input{padding:10px 12px}.game-search-empty{font-size:13px;padding:20px 12px}}@media (hover:none) and (pointer:coarse){.ant-btn{min-height:44px}.ant-btn-sm{min-height:36px}.ant-switch{height:24px;min-width:48px}.ant-rate .ant-rate-star{margin-right:6px}.tendency-rating .ant-rate .ant-rate-star{margin-right:8px}.ant-select-dropdown .ant-select-item{align-items:center;display:flex;min-height:44px;padding:12px 16px}}@media (max-height:500px) and (orientation:landscape){.daily-vote-container{padding:8px 16px}.daily-vote-header{margin-bottom:12px}.vote-form-card .ant-card-body{padding:12px}.ant-form-item{margin-bottom:16px}.game-tendency-section{margin-top:12px;padding:8px}.tendency-item{gap:8px;padding:8px}}.daily-vote-container .ant-card{animation:slideUp .4s ease-out}.tendency-item{transition:all .3s ease}.tendency-item:hover{background:#f8f9fa;border-color:#e6f7ff}@media (max-width:768px){.tendency-item:hover{background:#fff;border-color:#f0f0f0}}@media (prefers-color-scheme:dark){.game-tendency-section{background:#1f1f1f}.tendency-item{background:#141414;border-color:#303030}.game-name-tendency{color:#ffffffe0}.debug-toolbar,.game-search-empty{background:#1f1f1f;border-color:#303030}.game-search-empty{color:#ffffff73}.tendency-item:hover{background:#262626;border-color:#434343}}.reports-page{background:#f5f5f5;margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.report-section{padding:20px 0}.chart-container{background:#fff;margin-bottom:16px}.chart-container,.reports-page .ant-card{border-radius:8px;box-shadow:0 2px 8px #0000001a}.reports-page .ant-card{transition:all .3s ease}.reports-page .ant-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.reports-page .ant-tabs{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:24px}.reports-page .ant-tabs-tab{font-size:16px;font-weight:500}.reports-page .ant-tabs-tab-btn{align-items:center;display:flex;gap:8px}.time-selector-card{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.time-selector-card .ant-card-body{padding:20px 24px}.time-selector-card .ant-typography{color:#fff!important}.reports-page .ant-statistic{text-align:center}.reports-page .ant-statistic-title{color:#000000a6;font-size:14px;margin-bottom:8px}.reports-page .ant-statistic-content{color:#000000d9;font-size:24px;font-weight:600}.reports-page .ant-statistic-content-prefix{color:#1890ff;margin-right:8px}.export-buttons{border-top:1px solid #f0f0f0;margin-top:24px;padding:16px 0;text-align:right}.reports-loading{align-items:center;display:flex;justify-content:center;min-height:400px}.reports-empty,.reports-loading{background:#fff;border-radius:8px}.reports-empty{color:#00000073;padding:80px 0;text-align:center}.chart-title,.reports-empty .ant-empty-img-simple{margin-bottom:16px}.chart-title{color:#000000d9;font-size:16px;font-weight:600;text-align:center}.reports-page .ant-card,.reports-page .chart-container{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ant-tabs-tabpane{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.reports-tooltip{background:#000c!important;border:none!important;border-radius:6px!important;box-shadow:0 4px 12px #0000004d!important}.reports-tooltip .ant-tooltip-inner{color:#fff!important;font-size:12px!important;padding:8px 12px!important}.data-info{background:#f6ffed;border:1px solid #b7eb8f;border-radius:8px;margin-top:24px;padding:16px}.data-info .ant-alert-message{color:#389e0d;font-weight:600}.data-info .ant-alert-description{color:#52c41a;margin-top:8px}.gradient-card-1{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.gradient-card-2{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.gradient-card-3{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.gradient-card-4{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.gradient-card-1 .ant-statistic-title,.gradient-card-2 .ant-statistic-title,.gradient-card-3 .ant-statistic-title,.gradient-card-4 .ant-statistic-title{color:#ffffffd9!important}.gradient-card-1 .ant-statistic-content,.gradient-card-2 .ant-statistic-content,.gradient-card-3 .ant-statistic-content,.gradient-card-4 .ant-statistic-content{color:#fff!important}.gradient-card-1 .ant-statistic-content-prefix,.gradient-card-2 .ant-statistic-content-prefix,.gradient-card-3 .ant-statistic-content-prefix,.gradient-card-4 .ant-statistic-content-prefix{color:#ffffffe6!important}@media (max-width:768px){.reports-page{padding:16px}.report-section{padding:16px 0}.reports-page .ant-tabs{border-radius:12px;padding:16px}.reports-page .ant-statistic-content{font-size:20px}.reports-page .ant-tabs-tab{font-size:14px;padding:12px 8px}.reports-page .ant-tabs-tab-btn{flex-direction:column;gap:4px;text-align:center}.reports-page .ant-tabs-tab-btn .anticon{font-size:18px}.time-selector-card .ant-card-body{padding:16px}.time-selector-card .ant-row{flex-direction:column;gap:16px}.time-selector-card .ant-col{text-align:center}.time-selector-card .ant-picker,.time-selector-card .ant-select{width:100%}.reports-page .ant-statistic{padding:8px}.reports-page .ant-statistic-title{font-size:13px;margin-bottom:6px}.reports-page .ant-statistic-content-prefix{font-size:18px;margin-right:6px}.chart-container{border-radius:12px;margin-bottom:12px;overflow:hidden}.chart-mobile{height:300px!important}.chart-title{font-size:15px;margin-bottom:12px;padding:0 8px}.export-buttons{margin-top:16px;padding:12px 0;text-align:center}.export-buttons .ant-btn{margin-bottom:8px;width:100%}.export-buttons .ant-space{flex-direction:column;width:100%}.data-info{border-radius:12px;margin-top:16px;padding:12px}.data-info .ant-alert-message{font-size:15px}.data-info .ant-alert-description{font-size:14px;margin-top:6px}}@media (max-width:576px){.reports-page,.reports-page .ant-tabs{padding:12px}.reports-page .ant-statistic-content{font-size:18px}.reports-page .ant-tabs-tab{flex:1 1;font-size:12px;min-width:0;padding:8px 4px}.reports-page .ant-tabs-tab-btn{gap:2px}.reports-page .ant-tabs-tab-btn .anticon{font-size:16px}.time-selector-card .ant-card-body{padding:12px}.time-selector-card .ant-row{gap:12px}.time-selector-card .ant-typography{font-size:14px}.reports-page .ant-statistic-title{font-size:12px}.reports-page .ant-statistic-content{font-size:16px}.reports-page .ant-statistic-content-prefix{font-size:14px}.chart-mobile{height:250px!important}.chart-title{font-size:14px;margin-bottom:8px}.reports-empty{padding:40px 16px}.reports-loading{min-height:300px}}@media (max-height:500px) and (orientation:landscape){.reports-page{padding:8px 16px}.report-section{padding:8px 0}.reports-page .ant-tabs{padding:12px}.chart-mobile{height:200px!important}.time-selector-card .ant-card-body{padding:8px 12px}.reports-page .ant-statistic-content{font-size:16px}.data-info{margin-top:8px;padding:8px}}@media (hover:none) and (pointer:coarse){.reports-page .ant-tabs-tab{align-items:center;display:flex;justify-content:center;min-height:44px}.export-buttons .ant-btn,.time-selector-card .ant-picker,.time-selector-card .ant-select-selector{min-height:44px}}@media (max-width:768px){.reports-page .ant-card:hover{box-shadow:0 2px 8px #0000001a;transform:none}}.chart-responsive-container{height:350px;position:relative;width:100%}@media (max-width:768px){.chart-responsive-container{height:300px}}@media (max-width:576px){.chart-responsive-container{height:250px}}@media (max-height:500px) and (orientation:landscape){.chart-responsive-container{height:200px}}@media (max-width:768px){.chart-container .echarts-for-react{font-size:12px}}@media (max-width:576px){.chart-container .echarts-for-react{font-size:11px}}@media (prefers-color-scheme:dark){.reports-page{background:#000}.chart-container,.reports-page .ant-tabs{background:#141414}.chart-title{color:#ffffffe0}.data-info{background:#1f2937;border-color:#374151}.data-info .ant-alert-message{color:#10b981}.data-info .ant-alert-description{color:#6ee7b7}.reports-empty{color:#ffffff73}.reports-empty,.reports-loading{background:#141414}}.profile-page{background:#f5f5f5;min-height:calc(100vh - 64px);padding:24px}.profile-header-card{border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.user-avatar-section{position:relative;text-align:center}.user-avatar{border:3px solid #fff;box-shadow:0 2px 8px #00000026}.user-level-badge{position:absolute;right:20px;top:-8px}.user-info-section{padding-left:16px}.username{color:#1890ff;margin-bottom:8px!important}.user-level-progress{margin-top:12px}.progress-bar{background:#f0f0f0;border-radius:4px;height:8px;margin:4px 0;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#1890ff,#52c41a);border-radius:4px;height:100%;transition:width .3s ease}.action-buttons{text-align:center}.stats-row{margin-bottom:24px}.stats-row .ant-card{border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.stats-row .ant-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.details-card{border-radius:8px;box-shadow:0 2px 8px #0000001a}.tab-header{border-bottom:1px solid #f0f0f0;padding-bottom:16px}.stat-item,.tab-header{margin-bottom:16px}.stat-item:last-child{margin-bottom:0}.ant-tabs-tab-active .anticon-star,.ant-tabs-tab-active .anticon-trophy{color:#faad14!important}@media (max-width:768px){.profile-page{padding:16px}.user-info-section{margin-top:16px;padding-left:0;text-align:center}.user-level-badge{right:calc(50% - 20px)}.action-buttons{margin-top:16px}.tab-header{text-align:center}}@media (max-width:576px){.profile-page{padding:12px}.stats-row{margin-bottom:16px}.ant-card .ant-card-body{padding:16px}}@media (prefers-color-scheme:dark){.profile-page{background:#141414}.stat-item{background:#262626}.progress-bar{background:#434343}}@media print{.profile-page{background:#fff;padding:0}.action-buttons,.tab-header{display:none}.ant-card{border:1px solid #d9d9d9;box-shadow:none}}.file-share-page{background:#f5f5f5;min-height:calc(100vh - 64px);padding:24px}.header-content{align-items:flex-start;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;padding:24px}.header-left h2{color:#1890ff;margin-bottom:4px}.stats-section{margin-bottom:24px}.stats-section .ant-card{box-shadow:0 2px 8px #0000001a;text-align:center}.filter-section{box-shadow:0 2px 8px #0000001a}.file-list-section,.filter-section{margin-bottom:24px}.file-card{box-shadow:0 2px 8px #0000001a;height:100%;transition:all .3s ease}.file-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.file-cover{height:200px;overflow:hidden;position:relative}.file-cover-placeholder{align-items:center;background-color:#f5f5f5;display:flex;height:200px;justify-content:center}.file-card-title{align-items:center;display:flex;justify-content:space-between}.file-card-description{margin-top:8px}.file-meta{margin-bottom:8px}.file-details,.file-meta{align-items:center;display:flex;justify-content:space-between}.file-card .ant-card-actions{background:#fafafa}.file-card .ant-card-actions>li{margin:0}.file-card .ant-card-actions .ant-btn{align-items:center;border:none;box-shadow:none;color:#666;display:flex;gap:4px}.file-card .ant-card-actions .ant-btn:hover{color:#1890ff}.file-card .ant-card-actions .ant-btn:disabled{color:#d9d9d9}@media (max-width:768px){.file-share-page{padding:16px}.header-content{flex-direction:column;gap:16px;padding:16px}.header-right,.header-right .ant-btn{width:100%}.file-list-section,.filter-section,.stats-section{margin-bottom:16px}}@media (max-width:480px){.file-card-title{gap:8px}.file-card-title,.file-meta{align-items:flex-start;flex-direction:column}.file-meta{gap:4px}.file-details{justify-content:flex-start}}.ant-spin-nested-loading>.ant-spin .ant-spin-dot{left:50%;margin:-10px;top:50%}.ant-empty{margin:40px 0}.ant-tag{font-size:12px;padding:2px 8px}.ant-avatar{background-color:#1890ff}.ant-typography{margin-bottom:0}.ant-statistic-content .anticon{color:#1890ff;margin-right:8px}.message-board{margin:0 auto;max-width:1200px;padding:20px}.page-header .ant-typography{margin-bottom:0}.notification-panel{margin-bottom:16px;position:relative}.message-editor-card{margin-bottom:24px}.message-editor{padding:16px}.editor-header{margin-bottom:16px}.editor-footer{margin-top:16px}.message-list-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.message-list-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px 24px}.message-list-header .ant-typography{margin:0}.message-list{padding:16px 24px}.message-item{border-bottom:1px solid #f0f0f0;padding:16px 0}.message-item:last-child{border-bottom:none}.message-item.unread{background:#f6ffed;border-left:3px solid #52c41a;padding-left:21px}.message-content{word-wrap:break-word;line-height:1.6;margin-top:8px}.message-content .message-mention{background:#e6f7ff;border-radius:4px;color:#1890ff;font-weight:500;padding:2px 4px}.message-time{font-size:12px}.load-more-section{border-top:1px solid #f0f0f0;padding:20px;text-align:center}.no-more-section{color:#999;padding:16px;text-align:center}.notification-panel .notification-header{border-bottom:1px solid #f0f0f0;margin-bottom:8px;padding:12px 16px}.notification-panel .notification-list{max-height:400px;overflow-y:auto}.notification-item{border-bottom:1px solid #f9f9f9;padding:12px 16px;transition:background-color .3s}.notification-item:hover{background-color:#fafafa}.notification-item.unread{background-color:#f6ffed;border-left:3px solid #52c41a}.notification-item.unread .ant-list-item-meta-title{font-weight:600}.notification-content{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.4;overflow:hidden;text-overflow:ellipsis}@media (max-width:768px){.message-board,.message-editor,.message-list{padding:12px}.message-list-header{align-items:flex-start;flex-direction:column;gap:8px;padding:12px}.notification-panel{position:relative!important;right:auto!important;top:auto!important;width:100%!important}}.message-editor .ant-mentions{border:1px solid #d9d9d9;border-radius:8px;font-size:14px;line-height:1.6;padding:12px}.message-editor .ant-mentions:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.message-editor .ant-mentions-dropdown{border-radius:8px;box-shadow:0 4px 12px #00000026}.message-editor .ant-mentions-dropdown-option{padding:8px 12px}.message-editor .ant-mentions-dropdown-option:hover{background-color:#f5f5f5}.message-editor .ant-mentions-dropdown-option.ant-mentions-dropdown-option-active{background-color:#1890ff;color:#fff}.badge-walls-page{margin:0 auto;max-width:1200px;padding:0}.badge-walls-page .page-header{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff}.badge-walls-page .page-header .ant-card-body{padding:32px 24px}.badge-walls-page .page-header h2{color:#fff!important;font-weight:600}.badge-walls-page .page-header .ant-typography{color:#ffffffe6!important;font-size:16px}.badge-walls-page .ant-card-hoverable:hover{box-shadow:0 4px 12px 0 #00000026;transform:translateY(-2px);transition:all .3s ease}.badge-walls-page .ant-list-item{border-radius:8px;margin-bottom:8px;padding:16px 24px;transition:all .3s ease}.badge-walls-page .ant-list-item:hover{background-color:#fafafa}.badge-walls-page .ant-card:last-child{background:#fafafa;border:1px dashed #d9d9d9}.badge-walls-page .ant-card:last-child .ant-card-head{background:#0000;border-bottom:1px dashed #d9d9d9}@media (max-width:768px){.badge-walls-page{padding:0 8px}.badge-walls-page .page-header .ant-card-body{padding:24px 16px}.badge-walls-page .page-header h2{font-size:24px}.badge-walls-page .page-header .ant-typography{font-size:14px}}.icon-browser{min-height:400px}.icon-browser .ant-card-body{padding:12px}.icon-browser .ant-card-cover{overflow:hidden;position:relative}.icon-browser .ant-image{transition:transform .2s ease}.icon-browser .ant-card:hover .ant-image{transform:scale(1.1)}.icon-browser .ant-card-actions{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6}.icon-browser .ant-card-actions .ant-btn{background:#0000;border:none}.icon-browser .ant-card-actions .ant-btn:hover{background:#1890ff1a;color:#1890ff}.icon-browser .ant-card{border-radius:8px;overflow:hidden;transition:all .3s ease}.icon-browser .ant-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.icon-browser .ant-card-cover{background:#000!important}.icon-browser .ant-card-cover img{background:#0000!important;transition:transform .2s ease}.icon-browser .ant-card:hover .ant-card-cover img{transform:scale(1.1)}.icon-browser .icon-placeholder{align-items:center;background:linear-gradient(135deg,#f0f0f0,#e8e8e8);border:1px solid #ddd;border-radius:4px;color:#666;display:flex;font-family:monospace;font-size:10px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.icon-browser .ant-badge{border-radius:4px;font-size:10px;font-weight:500;padding:2px 6px}.icon-browser .favorite-button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border:1px solid #ffffff4d;border-radius:50%;transition:all .2s ease}.icon-browser .favorite-button:hover{background:#fffffff2;transform:scale(1.1)}.icon-browser .loading-container{align-items:center;color:#8c8c8c;display:flex;flex-direction:column;justify-content:center;min-height:300px}.icon-browser .loading-container .ant-spin{margin-bottom:16px}.icon-browser .toolbar{background:#fafafa;border:1px solid #d9d9d9;border-radius:6px;padding:16px}.icon-browser .toolbar .ant-input,.icon-browser .toolbar .ant-select{border-radius:6px}.icon-browser .toolbar .ant-switch{margin-right:8px}.icon-browser .stats{border-top:1px solid #f0f0f0;margin-top:12px;padding:8px 0}@media (max-width:768px){.icon-browser .ant-col{padding:4px}.icon-browser .ant-card-body{padding:8px}.icon-browser .toolbar{padding:12px}.icon-browser .toolbar .ant-space,.icon-browser .toolbar .ant-space-item{width:100%}}.icon-browser .ant-pagination{margin-top:24px;text-align:center}.icon-browser .ant-pagination-item{border-radius:6px}.icon-browser .ant-pagination-item:hover{border-color:#1890ff}.icon-browser .ant-pagination-item-active{background:#1890ff;border-color:#1890ff}.icon-browser .ant-empty{margin:40px 0}.icon-browser .ant-empty-description{color:#8c8c8c}.icon-browser .ant-alert{border-radius:6px;margin-bottom:16px}.overwatch-chat-codes{background:#f5f5f5;min-height:100vh;padding:24px}.page-header{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;color:#fff;margin-bottom:24px;padding:24px;text-align:center}.page-header .ant-typography{color:#fff!important}.preview-section{background:#fafafa;border:1px solid #d9d9d9;border-radius:8px;margin-bottom:16px;padding:16px}.preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.preview-content{margin-top:12px}.preview-text{align-items:center;background:#1a1a1a;border-radius:6px;color:#fff;display:flex;font-family:Courier New,monospace;font-size:14px;line-height:1.5;margin-bottom:8px;min-height:60px;padding:12px;white-space:pre-wrap;word-break:break-word}.preview-code{background:#f0f0f0;border-radius:4px;color:#666;font-family:Courier New,monospace;font-size:12px;padding:8px;word-break:break-all}.error-message{background:#fff2f0;border:1px solid #ffccc7;border-radius:4px;margin-top:8px;padding:8px}.elements-section{margin-bottom:16px}.elements-section .ant-list-item{border-bottom:1px solid #f0f0f0;padding:12px 0}.elements-section .ant-list-item:last-child{border-bottom:none}.color-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:12px}.color-grid .ant-btn{border:2px solid #ffffff4d;border-radius:6px;font-weight:500;height:40px;transition:all .3s ease}.color-grid .ant-btn:hover{border-color:#fff9;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.emoji-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-top:12px}.emoji-grid .ant-btn{border-radius:6px;height:40px;text-align:left;transition:all .3s ease}.emoji-grid .ant-btn:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.custom-color-input{background:#fafafa;border:1px solid #d9d9d9;border-radius:8px;margin-bottom:16px;padding:16px}.custom-color-input .ant-typography{margin-bottom:8px}.text-input-section{padding:16px}.text-input-section .ant-typography{margin-bottom:12px}.filter-section{background:#fafafa;border-radius:6px;margin-bottom:16px;padding:12px}.ant-list-item-meta-title{color:#262626;font-weight:500}.ant-list-item-meta-description{color:#8c8c8c;line-height:1.4}.ant-tag{border-radius:12px;font-size:11px;margin:2px}.ant-btn-primary{background:linear-gradient(135deg,#1890ff,#096dd9);border:none;border-radius:6px;box-shadow:0 2px 4px #1890ff33;transition:all .3s ease}.ant-btn-primary:hover{background:linear-gradient(135deg,#40a9ff,#1890ff);box-shadow:0 4px 12px #1890ff4d;transform:translateY(-1px)}.ant-card{border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;transition:all .3s ease}.ant-card:hover{box-shadow:0 4px 16px #0000001a}.ant-card-head{border-bottom:1px solid #f0f0f0;border-radius:12px 12px 0 0}.ant-card-head-title{color:#262626;font-weight:600}.ant-collapse{background:#0000;border:none}.ant-collapse-item{border:1px solid #f0f0f0;border-radius:8px;margin-bottom:8px;overflow:hidden}.ant-collapse-header{background:#fafafa;border-radius:8px 8px 0 0;font-weight:500}.ant-collapse-content{border-top:1px solid #f0f0f0}.ant-tabs-tab{border-radius:6px 6px 0 0;font-weight:500}.ant-tabs-tab-active{color:#1890ff!important}.ant-tabs-ink-bar{background:linear-gradient(90deg,#1890ff,#096dd9);border-radius:2px;height:3px}.ant-empty{padding:32px 16px}.ant-empty-description{color:#bfbfbf}@media (max-width:768px){.overwatch-chat-codes{padding:16px}.page-header{margin-bottom:16px;padding:16px}.color-grid{gap:6px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.emoji-grid{gap:6px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.preview-text{font-size:12px;min-height:40px;padding:8px}.preview-code{font-size:10px;padding:6px}.custom-color-input,.text-input-section{padding:12px}}@media (max-width:576px){.color-grid{gap:4px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.emoji-grid{gap:4px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.color-grid .ant-btn,.emoji-grid .ant-btn{font-size:12px;height:36px;padding:0 8px}.page-header h2{font-size:20px}.ant-card-head-title{font-size:14px}}.color-item-wrapper{display:inline-block;position:relative}.color-item-wrapper .item-actions{background:#fff;border-radius:4px;box-shadow:0 2px 8px #00000026;display:none;padding:2px;position:absolute;right:-8px;top:-8px;z-index:10}.color-item-wrapper:hover .item-actions{display:flex;flex-direction:column;gap:2px}.color-item-wrapper .item-actions .ant-btn{border:none;height:auto;min-width:24px;padding:2px;width:24px}.color-item-wrapper .item-actions .ant-btn:hover{background-color:#f0f0f0}.icon-preview{align-items:center;color:#666;display:inline-flex;font-size:12px;gap:4px}.icon-preview .icon-indicator{color:#1890ff;font-size:10px}.favorite-indicator{color:#ff4d4f;right:2px}.favorite-indicator,.note-indicator{font-size:10px;position:absolute;top:2px}.note-indicator{color:#1890ff;left:2px}@keyframes pulse{0%{opacity:.4;transform:scaleX(.8)}50%{opacity:1;transform:scaleX(1)}to{opacity:.4;transform:scaleX(.8)}}@keyframes overwatchGlow{0%{box-shadow:inset 0 0 20px #f9a8251a,inset 0 2px 4px #0006,0 0 20px #f9a82533,0 4px 8px #0000004d}50%{box-shadow:inset 0 0 30px #f9a82533,inset 0 2px 4px #0006,0 0 30px #f9a82566,0 4px 12px #0006}to{box-shadow:inset 0 0 20px #f9a8251a,inset 0 2px 4px #0006,0 0 20px #f9a82533,0 4px 8px #0000004d}}@keyframes textShadowPulse{0%{text-shadow:0 0 5px #f9a8254d,0 0 10px #f9a82533,0 0 15px #f9a8251a}50%{text-shadow:0 0 10px #f9a82599,0 0 20px #f9a82566,0 0 30px #f9a82533}to{text-shadow:0 0 5px #f9a8254d,0 0 10px #f9a82533,0 0 15px #f9a8251a}}.preview-text.game-theme{animation:overwatchGlow 3s ease-in-out infinite}.preview-text.game-theme span{animation:textShadowPulse 2s ease-in-out infinite}.game-border-scan{animation:borderScan 4s linear infinite;background:linear-gradient(90deg,#0000,#f9a8254d 50%,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes borderScan{0%{left:-100%}to{left:100%}}.game-grid-overlay{background-image:linear-gradient(#f9a82508 1px,#0000 0),linear-gradient(90deg,#f9a82508 1px,#0000 0);background-size:20px 20px;bottom:0;left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0}.App{background:#f5f5f5;display:flex;flex-direction:column;min-height:100vh}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{transition:all .3s cubic-bezier(.4,0,.2,1)}.page-transition-enter-active,.page-transition-exit{opacity:1;transform:translateY(0)}.page-transition-exit-active{opacity:0;transform:translateY(-20px);transition:all .3s cubic-bezier(.4,0,.2,1)}.app-loading{align-items:center;background:#f5f5f5;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:100vh}.app-loading .loading-spinner{color:#1890ff;font-size:32px}.app-loading .loading-text{color:#000000a6;font-size:16px;font-weight:500}.app-error{align-items:center;background:#f5f5f5;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:24px;text-align:center}.app-error .error-icon{color:#ff4d4f;font-size:64px;margin-bottom:16px}.app-error .error-title{color:#000000e0;font-size:24px;font-weight:600;margin-bottom:8px}.app-error .error-description{color:#000000a6;font-size:16px;line-height:1.6;margin-bottom:24px;max-width:500px}.app-error .error-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.app-version{background:#0000001a;border-radius:4px;bottom:16px;color:#00000073;font-family:monospace;font-size:11px;padding:4px 8px;pointer-events:none;position:fixed;right:16px;z-index:1000}@media (max-width:768px){.app-loading .loading-spinner{font-size:24px}.app-loading .loading-text{font-size:14px}.app-error .error-icon{font-size:48px}.app-error .error-title{font-size:20px}.app-error .error-description{font-size:14px}.app-version{display:none}}@media (prefers-color-scheme:dark){.App,.app-loading{background:#000}.app-loading .loading-text{color:#ffffffa6}.app-error{background:#000}.app-error .error-title{color:#ffffffe0}.app-error .error-description{color:#ffffffa6}.app-version{background:#ffffff1a;color:#ffffff73}}.App{animation:appFadeIn .8s cubic-bezier(.4,0,.2,1)}@keyframes appFadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.b79a44e2.css.map*/