:root{--color-primary: #C5A572;--color-primary-light: #D4B88A;--color-primary-dark: #9E8259;--color-primary-glow: rgba(197, 165, 114, .35);--color-secondary: #8B4D4D;--color-secondary-light: #A66060;--color-secondary-dark: #6B3A3A;--color-tertiary: #7BA3A3;--color-tertiary-light: #96BABA;--color-accent: #B85450;--color-success: #6B8E6B;--color-warning: #C9A962;--color-info: #6B8BA3;--bg-deep: #0D0D0D;--bg-base: #141414;--bg-elevated: #1C1C1C;--bg-hover: #262626;--bg-active: #303030;--bg-glass: rgba(28, 28, 28, .85);--bg-paper: #F5F0E8;--bg-paper-light: #FAF7F2;--text-primary: #E8E4E0;--text-secondary: #A8A4A0;--text-muted: #686460;--border: rgba(197, 165, 114, .12);--border-hover: rgba(197, 165, 114, .25);--border-glass: rgba(255, 255, 255, .08);--shadow-glow: 0 0 20px rgba(197, 165, 114, .15);--shadow-card: 0 4px 20px rgba(0, 0, 0, .4);--shadow-ink: 0 4px 16px rgba(0, 0, 0, .5);--gradient-gold: linear-gradient(135deg, #C5A572 0%, #9E8259 100%);--gradient-ink: linear-gradient(180deg, #141414 0%, #0D0D0D 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, .01) 100%);--transition-fast: .2s ease-out;--transition-normal: .3s ease-out;--transition-ink: .3s cubic-bezier(.25, .1, .25, 1)}*{box-sizing:border-box}body{margin:0;font-family:"Noto Serif SC","Source Han Serif SC",-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none;background:var(--bg-deep);color:var(--text-primary);line-height:1.6}code{font-family:Fira Code,source-code-pro,Menlo,Monaco,Consolas,monospace}#root{min-height:100vh}::selection{background:#c5a5724d;color:#e8e4e0}::-moz-selection{background:#c5a5724d;color:#e8e4e0}.ant-message{top:12px!important;z-index:2100000000!important}.ant-notification{z-index:2100000000!important}.ant-message .ant-message-notice{padding:4px 0}.ant-message .ant-message-notice-content{padding:8px 16px;font-size:13px;border-radius:6px;background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow-ink)}.ant-message .ant-message-custom-content{display:flex;align-items:center;gap:8px}.login-input.ant-input,.login-input.ant-input-affix-wrapper{background:var(--bg-base)!important;border:1px solid var(--border)!important;color:var(--text-primary)!important}.login-input.ant-input::placeholder,.login-input.ant-input-affix-wrapper input::placeholder{color:var(--text-muted)!important}.login-input.ant-input:hover,.login-input.ant-input-affix-wrapper:hover{border-color:var(--border-hover)!important}.login-input.ant-input:focus,.login-input.ant-input-affix-wrapper:focus,.login-input.ant-input-affix-wrapper-focused{border-color:var(--color-primary)!important;box-shadow:0 0 0 2px #c5a5721a!important}.login-input.ant-input-affix-wrapper input{background:transparent!important;color:var(--text-primary)!important}.login-input.ant-input-affix-wrapper .ant-input-suffix{color:var(--text-muted)!important}.login-input .ant-input-prefix{color:var(--color-primary)!important}.login-input.ant-input:-webkit-autofill,.login-input.ant-input:-webkit-autofill:hover,.login-input.ant-input:-webkit-autofill:focus,.login-input.ant-input-affix-wrapper input:-webkit-autofill{-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--bg-base) inset!important;transition:background-color 5000s ease-in-out 0s;caret-color:var(--color-primary)!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-deep);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:3px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}[data-theme=light] ::-webkit-scrollbar-track{background:var(--bg-paper)}[data-theme=light] ::-webkit-scrollbar-thumb{background:#c5a5724d}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#c5a57280}*:focus-visible{outline:2px solid rgba(197,165,114,.4);outline-offset:2px}.ant-btn:focus-visible{outline:2px solid rgba(197,165,114,.4);outline-offset:2px}.ant-input:focus,.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused{border-color:var(--color-primary)!important;box-shadow:0 0 0 2px #c5a5721a!important}a{color:var(--color-primary);text-decoration:none;transition:color .2s,opacity .2s}a:hover{color:var(--color-primary-light);opacity:.9}.ink-panel{background:var(--bg-glass);border:1px solid var(--border);border-radius:8px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-ink)}.gold-title{color:var(--color-primary);font-weight:600;text-shadow:0 0 10px rgba(197,165,114,.3);letter-spacing:.1em}.glow-gold{box-shadow:0 0 20px #c5a57226}.glow-red{box-shadow:0 0 20px #8b4d4d26}.glow-cyan{box-shadow:0 0 20px #7ba3a326}.glass-card{background:var(--gradient-glass);border:1px solid var(--border-glass);border-radius:12px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-ink)}.paper-card{background:var(--bg-paper);border:1px solid rgba(45,45,45,.1);border-radius:8px;box-shadow:0 2px 8px #00000014}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes inkSpread{0%{opacity:0;transform:scale(.8);filter:blur(4px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes inkDrip{0%{opacity:0;transform:translateY(-10px) scaleY(.5)}50%{opacity:1;transform:translateY(0) scaleY(1.05)}to{opacity:1;transform:translateY(0) scaleY(1)}}@keyframes goldPulse{0%,to{box-shadow:0 0 12px #c5a57226}50%{box-shadow:0 0 24px #c5a57240}}@keyframes brushStroke{0%{width:0;opacity:0}to{width:100%;opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.fade-in{animation:fadeIn .3s ease-out}.fade-in-up{animation:fadeInUp .4s ease-out}.fade-in-down{animation:fadeInDown .4s ease-out}.scale-in{animation:scaleIn .3s ease-out}.ink-spread{animation:inkSpread .5s cubic-bezier(.25,.1,.25,1)}.ink-drip{animation:inkDrip .4s ease-out}.pulse-gold{animation:goldPulse 2.5s ease-in-out infinite}.brush-stroke{animation:brushStroke .6s ease-out}.float{animation:float 4s ease-in-out infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}@media(max-width:768px){.hide-mobile{display:none!important}}@media(min-width:769px){.hide-desktop{display:none!important}}.yujian-container{padding:32px 40px}.yujian-header{flex-direction:row;align-items:center;justify-content:space-between;gap:16px}.yujian-main{display:grid;grid-template-columns:1fr 320px;gap:24px}.yujian-modes{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:1024px){.yujian-main{grid-template-columns:1fr}}@media(max-width:768px){.yujian-container{padding:20px 16px}.yujian-header{flex-direction:column;align-items:flex-start}.yujian-modes{grid-template-columns:1fr}}.hover-scale{transition:transform .25s ease-out}.hover-scale:hover{transform:scale(1.02)}.hover-glow{transition:box-shadow .3s ease-out}.hover-glow:hover{box-shadow:0 0 25px #c5a57233}.hover-lift{transition:transform .3s ease-out,box-shadow .3s ease-out}.hover-lift:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000059}.active-scale:active{transform:scale(.98)}.text-gradient-gold{background:linear-gradient(135deg,#d4b88a,#c5a572,#9e8259);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-red{background:linear-gradient(135deg,#a66060,#8b4d4d,#6b3a3a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-glow{text-shadow:0 0 8px rgba(197,165,114,.4)}.text-glow-strong{text-shadow:0 0 12px rgba(197,165,114,.6),0 0 24px rgba(197,165,114,.3)}.text-ink{text-shadow:1px 1px 2px rgba(0,0,0,.3)}.divider-gold{height:1px;background:linear-gradient(90deg,transparent 0%,var(--color-primary) 50%,transparent 100%);opacity:.3}.divider-ink{height:1px;background:linear-gradient(90deg,transparent 0%,var(--text-muted) 50%,transparent 100%);opacity:.2}.seal{border:2px solid var(--color-secondary);border-radius:4px;padding:4px 8px;color:var(--color-secondary);font-size:12px;font-weight:600;letter-spacing:.1em}.ant-btn-primary{background:var(--gradient-gold)!important;border:none!important;color:var(--bg-deep)!important;font-weight:600;box-shadow:var(--shadow-glow)}.ant-btn-primary:hover{opacity:.9;box-shadow:0 4px 16px #c5a5724d!important}.ant-btn-primary:active{opacity:.85}.lobby-sider{background:linear-gradient(180deg,#12121a,#0a0a0f)!important}.lobby-sider .ant-menu{background:transparent!important}.lobby-sider .ant-menu-item{border-radius:12px!important;margin-bottom:4px!important;transition:all .2s ease-out!important}.lobby-sider .ant-menu-item:hover{background:#c5a57214!important}.lobby-sider .ant-menu-item-selected{background:#c5a5721f!important}.lobby-sider .ant-menu-item-selected:after{display:none!important}.lobby-right-sider{background:linear-gradient(180deg,#12121a,#0a0a0f)!important}.lobby-right-sider .ant-input{background:#ffffff08!important;border-color:#ffffff0f!important;color:var(--text-primary)!important}.lobby-right-sider .ant-input::placeholder{color:var(--text-muted)!important}.lobby-right-sider .ant-input:hover,.lobby-right-sider .ant-input:focus{border-color:#c5a5724d!important;box-shadow:none!important}.ant-carousel .slick-slide{overflow:hidden;border:none!important;outline:none!important}.ant-carousel .slick-slide>div{border:none!important;outline:none!important}.ant-carousel .slick-list{border:none!important;outline:none!important}.ant-carousel .slick-track{border:none!important;outline:none!important;margin-left:-1px}.ant-carousel .slick-dots{bottom:20px}.ant-carousel .slick-dots li{width:8px;height:8px}.ant-carousel .slick-dots li button{width:8px;height:8px;border-radius:4px;background:#ffffff4d}.ant-carousel .slick-dots li.slick-active{width:24px}.ant-carousel .slick-dots li.slick-active button{width:24px;background:var(--color-primary)}.ant-card-hoverable{transition:transform .3s ease-out,box-shadow .3s ease-out,border-color .3s ease-out!important}.ant-card-hoverable:hover{transform:translateY(-4px)!important;box-shadow:0 12px 40px #0006!important;border-color:#c5a57233!important}.ant-tag{transition:all .2s ease-out}.ant-tag:hover{opacity:.85}.ant-input-affix-wrapper{background:#ffffff08!important;border-color:#ffffff0f!important}.ant-input-affix-wrapper:hover{border-color:#c5a57233!important}.ant-input-affix-wrapper-focused{border-color:var(--color-primary)!important;box-shadow:0 0 0 2px #c5a5721a!important}.ant-popover-inner{background:var(--bg-elevated)!important;border:1px solid var(--border)!important;border-radius:12px!important;box-shadow:var(--shadow-ink)!important}.ant-popover-arrow{display:none!important}.ant-menu-submenu-popup{background:var(--bg-elevated)!important;border:1px solid var(--border)!important;border-radius:12px!important}.ant-menu-submenu-popup .ant-menu{background:transparent!important}.ant-menu-submenu-popup .ant-menu-item{border-radius:8px!important;margin:4px 8px!important}.ant-menu-submenu-popup .ant-menu-item:hover{background:#c5a57214!important}.game-sider{background:linear-gradient(180deg,#12121a,#0a0a0f)!important}.game-sider .ant-menu{background:transparent!important}.game-sider .ant-menu-item{border-radius:10px!important;margin-bottom:4px!important;transition:all .2s ease-out!important}.game-sider .ant-menu-item:hover{background:#c5a57214!important}.game-sider .ant-menu-item-selected{background:#c5a5721f!important}.game-sider .ant-menu-item-selected:after{display:none!important}.map-container{background:#0a0a0f;border-radius:12px;overflow:hidden}.map-header{background:#0a0a0ff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}.game-panel{background:#0a0a0ff2!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;box-shadow:0 8px 32px #0006!important}.game-panel .ant-card-head{border-bottom:1px solid rgba(255,255,255,.06)!important;padding:12px 16px!important;min-height:auto!important}.game-panel .ant-card-body{padding:16px!important}