:root{font-family:Arial,"Microsoft YaHei",sans-serif;color:#fff;background:#32250c}*{box-sizing:border-box}html,body,#app{margin:0;min-width:1000px;min-height:100%;overflow-x:hidden}button,input{font:inherit}.hidden{display:none!important}
.gold{min-height:100vh;background:radial-gradient(ellipse 62% 49% at 50% 46%,#d6c75a 0,#9a8331 40%,#4d3b12 68%,#282006 100%);position:relative}.logo{width:164px;margin:auto;padding-top:16px;text-align:center;color:#efd976;filter:drop-shadow(0 1px #544509)}.logo-mark{margin:auto;border:3px solid #efd976;border-radius:47% 47% 43% 43%;height:63px;width:63px;line-height:57px;font:bold 23px Georgia;position:relative}.logo-mark:before,.logo-mark:after{content:"✦";position:absolute;top:-7px;font-size:18px}.logo-mark:before{left:-28px}.logo-mark:after{right:-28px}.logo-name{font:28px KaiTi,serif;letter-spacing:8px;border-block:2px solid #efd976;padding:1px 0;margin-top:-4px}.language{position:absolute;top:56px;right:52px;font-size:20px}.server .logo{padding-top:82px}.panel{width:666px;height:331px;margin:27px auto;border:1px solid #f1d66b;border-radius:10px;padding:22px 60px;background:linear-gradient(90deg,#332300e8,#786207b2,#332300e8);box-shadow:inset 0 0 23px #fff28718}.panel h2{text-align:center;font-size:20px;margin:0 0 26px}.panel p{margin:0;font-size:14px;line-height:27px}.yes{color:#05d363;font-size:20px}.no{color:#f23b40;font-size:20px}.btn{height:34px;min-width:118px;padding:0 16px;border:2px solid #070707;border-radius:6px;background:linear-gradient(#a8aaa7 0,#5c5d5b 44%,#090909 50%,#050505 100%);color:#fff;text-shadow:0 1px #000;cursor:pointer}.btn:disabled{opacity:.65;cursor:not-allowed}.line-actions{display:flex;justify-content:center;gap:33px;margin-top:47px}.custom{display:flex;gap:13px;width:417px;margin:35px auto}.custom input{width:287px;height:42px;padding:0 18px;border:1px solid #30260e;border-radius:3px;background:#f5dea3;color:#4a3f17}.footer{position:absolute;bottom:13px;width:100%;text-align:center;color:#f6eac0;font:12px Georgia}.partners{font-size:25px;margin-bottom:8px}.service-link{position:absolute;right:28px;bottom:5px;font:15px "Microsoft YaHei";cursor:pointer}
.login .logo{padding-top:7px}.login-box{height:306px;width:386px;margin:30px auto;padding:27px 59px;border:1px solid #ecd66d;border-radius:13px;background:linear-gradient(90deg,#332300ed,#75610bae,#332300ed)}.login-box label{display:block}.login-box input{display:block;width:267px;height:35px;margin:0 0 28px;padding:0 10px;border:1px solid #201806;border-radius:4px;background:#f6dfa7;color:#40350b;font-weight:bold}.captcha-row{display:flex;gap:25px}.captcha-row input{width:153px}.captcha{display:block;width:89px;height:34px;background:#fff;color:#171717;text-align:center;line-height:34px;font-size:25px;letter-spacing:2px}.login-box .btn{display:block;margin:-2px auto}.error{height:16px;color:#ffe77f;text-align:center;font-size:12px;margin-top:5px}
.lobby{min-height:100vh;background:#33250f}.top{height:141px;position:relative;background:linear-gradient(#9d8232,#cabe54 67%,#4b3811 68%,#261b09)}.top .logo{transform:scale(.69);padding-top:0}.nav{position:absolute;bottom:5px;left:3%;right:3%;display:flex;justify-content:space-between;gap:10px}.nav button{width:119px;height:37px;border:0;color:#775028;font-size:19px;font-weight:bold;background:linear-gradient(145deg,#fff4d3,#ffc1b4 51%,#dc8b78 52%,#fee1be);clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);cursor:pointer}.tabs{height:78px;padding:34px 7% 0;display:flex;gap:65px;background:linear-gradient(#3a290e,#181407);border-radius:35px 35px 0 0;color:#f3e49c;font:bold 27px KaiTi}.tabs button{border:0;background:none;color:inherit;font:inherit;cursor:pointer;text-shadow:0 1px #000}.tabs button.active{color:#fffad0;text-decoration:underline;text-underline-offset:9px}.tables{padding:8px 12px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.table{height:218px;border:2px solid #796434;background:#3c2e14;display:grid;grid-template:168px 45px/50px 1fr}.side{grid-row:1/3;text-align:center;padding-top:40px;font:25px/43px KaiTi;color:#eee}.road{margin:6px 5px 0;background:repeating-linear-gradient(90deg,transparent 0 24px,#d2d2d2 25px 26px),repeating-linear-gradient(0deg,#fafafa 0 26px,#d2d2d2 27px 28px);overflow:hidden}.beads{font-size:14px;line-height:27px;width:180px;padding:2px}.bead{display:inline-block;margin:2px 1px;width:22px;height:22px;line-height:22px;border-radius:50%;font-style:normal;text-align:center;color:white}.bead.b{background:#d21215}.bead.p{background:#0849c4}.bead.t{background:#0caf48}.limit{grid-column:2;display:flex;align-items:center;justify-content:space-between;padding:7px 16px;background:#8d7b36;font-size:21px}.limit .btn{height:34px}.mask{position:fixed;inset:0;background:#000b;z-index:10}.modal{position:fixed;z-index:11;top:80px;left:50%;transform:translateX(-50%);width:83%;min-height:560px;background:#3c2d08}.modal.small{top:170px;width:430px;min-height:0}.modal-title{height:42px;padding:11px;text-align:center;color:#3a2d0b;background:linear-gradient(90deg,#a08738,#d6c367,#a08738)}.close{position:absolute;top:1px;right:13px;border:0;background:none;color:#fff;font-size:36px;cursor:pointer}.modal-body{padding:24px 42px;line-height:30px}.filters{padding:10px 45px;font-size:12px}.filters input{height:25px;width:130px;margin:0 18px 0 8px;background:#5a4b1b;color:white;border:0;padding:4px}.gold-btn{border:0;border-radius:4px;padding:6px 20px;color:white;background:linear-gradient(#e1d682,#766a29);cursor:pointer}.history{border-collapse:collapse;width:98%;margin:auto;text-align:center}.history th{height:35px;border:1px solid #201c09;background:#81763e}.history td{padding:14px}.form label{display:block}.form input{display:block;width:100%;height:35px;margin:5px 0 15px;padding:8px}.notice{position:fixed;top:20px;left:50%;z-index:20;transform:translateX(-50%);border:1px solid #edd776;border-radius:4px;background:#241c09ed;color:#ffec9a;padding:11px 25px}
@media(max-width:700px){html,body,#app{min-width:0}.gold{min-height:100dvh}.language{top:20px;right:20px;font-size:14px}.server .logo{padding-top:54px;transform:scale(.86)}.panel{width:calc(100% - 28px);height:auto;min-height:355px;margin:5px auto 0;padding:20px 22px}.panel h2{margin-bottom:18px;font-size:19px}.panel p{font-size:13px;line-height:24px}.line-actions{gap:8px;margin-top:31px}.line-actions .btn{min-width:0;width:31%;padding:0;font-size:12px}.custom{width:100%;gap:8px;margin:25px auto 3px}.custom input{width:calc(100% - 102px);height:39px}.custom .btn{min-width:94px;padding:0}.footer{position:relative;bottom:auto;margin-top:34px;padding:0 16px 20px;line-height:20px}.partners{font-size:16px;margin-bottom:3px}.service-link{position:static;display:block;margin-top:6px}.login .logo{padding-top:24px;transform:scale(.9)}.login-box{width:calc(100% - 52px);height:auto;min-height:291px;margin:10px auto;padding:24px}.login-box input{width:100%;margin-bottom:20px}.captcha-row{gap:14px}.captcha-row input{width:calc(100% - 103px)}.login .footer{margin-top:43px}.top{height:169px}.top .logo{transform:scale(.52);padding-top:0}.nav{left:10px;right:10px;bottom:8px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.nav button{width:auto;height:30px;font-size:13px}.tabs{height:56px;padding:18px 13px 0;gap:0;justify-content:space-between;border-radius:20px 20px 0 0;font-size:18px}.tabs button{font-size:18px}.tables{grid-template-columns:1fr;padding:6px;gap:7px}.table{height:181px;grid-template:136px 40px/43px}.side{padding-top:28px;font-size:20px;line-height:36px}.road{margin:5px 4px 0}.beads{font-size:11px;line-height:20px;width:150px}.bead{width:17px;height:17px;line-height:17px;font-size:10px;margin:1px}.limit{padding:4px 10px;font-size:16px}.limit .btn{height:29px;min-width:94px;padding:0;font-size:12px}.modal{top:30px;width:calc(100% - 20px);min-height:calc(100dvh - 60px)}.modal.small{top:105px;width:calc(100% - 32px);min-height:0}.modal-title{height:39px;padding:9px}.modal-body{padding:18px 22px;line-height:27px}.filters{padding:10px;font-size:11px;display:flex;flex-wrap:wrap;gap:7px;align-items:center}.filters input{width:104px;margin:0;height:24px}.history{font-size:11px}.history th{height:31px}.history th:nth-child(5),.history td:nth-child(5),.history th:nth-child(6),.history td:nth-child(6){display:none}.close{font-size:31px}.notice{width:calc(100% - 36px);text-align:center;font-size:13px}}
html,body{width:100%;height:100%;min-width:0!important;background:#000;overflow:hidden;touch-action:manipulation;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}#app{position:fixed;left:0;top:0;width:1280px;height:720px;transform:scale(var(--stage-scale,1));transform-origin:left top;-webkit-backface-visibility:hidden;backface-visibility:hidden}#app .gold,#app .lobby{width:1280px;height:720px;min-height:720px;overflow:hidden}
/* 大厅顶栏按钮：不换行 */
.lobby .nav button{white-space:nowrap!important;word-break:keep-all;overflow:hidden;text-overflow:clip}
@media(max-width:700px){.language{top:56px;right:52px;font-size:20px}.server .logo{padding-top:82px;transform:none}.panel{width:666px;height:331px;min-height:0;margin:27px auto;padding:22px 60px}.panel h2{margin:0 0 26px;font-size:20px}.panel p{font-size:14px;line-height:27px}.line-actions{gap:33px;margin-top:47px}.line-actions .btn{width:auto;min-width:118px;padding:0 16px;font-size:initial}.custom{display:flex;width:417px;gap:13px;margin:35px auto}.custom input{width:287px;height:42px}.custom .btn{min-width:118px;padding:0 16px}.footer{position:absolute;bottom:13px;margin:0;padding:0;line-height:normal}.partners{font-size:25px;margin-bottom:8px}.service-link{position:absolute;display:inline;right:28px;bottom:5px;margin:0}.login .logo{padding-top:7px;transform:none}.login-box{width:386px;height:306px;min-height:0;margin:30px auto;padding:27px 59px}.login-box input{width:267px;margin-bottom:28px}.captcha-row{gap:25px}.captcha-row input{width:153px}.login .footer{margin:0}.top{height:141px}.top .logo{transform:scale(.69);padding-top:0}.nav{left:3%;right:3%;bottom:5px;display:flex;gap:10px}.nav button{width:119px;height:37px;font-size:19px}.tabs{height:78px;padding:34px 7% 0;gap:65px;justify-content:flex-start;border-radius:35px 35px 0 0;font-size:27px}.tabs button{font-size:inherit}.tables{grid-template-columns:repeat(3,1fr);padding:8px 12px;gap:6px;height:501px;overflow-y:auto}.table{height:218px;grid-template:168px 45px/50px 1fr}.side{padding-top:40px;font-size:25px;line-height:43px}.road{margin:6px 5px 0}.beads{font-size:14px;line-height:27px;width:180px}.bead{width:22px;height:22px;line-height:22px;font-size:14px;margin:2px 1px}.limit{padding:7px 16px;font-size:21px}.limit .btn{height:34px;min-width:118px;padding:0 16px;font-size:initial}.modal{top:80px;width:83%;min-height:560px}.modal.small{top:170px;width:430px;min-height:0}.modal-title{height:42px;padding:11px}.modal-body{padding:24px 42px;line-height:30px}.filters{padding:10px 45px;font-size:12px;display:block}.filters input{width:130px;height:25px;margin:0 18px 0 8px}.history{font-size:initial}.history th{height:35px}.history th:nth-child(5),.history td:nth-child(5),.history th:nth-child(6),.history td:nth-child(6){display:table-cell}.close{font-size:36px}.notice{width:auto;text-align:left;font-size:initial}}
#app .gold{background:radial-gradient(ellipse 58% 43% at 50% 47%,rgba(239,222,126,.9),rgba(163,140,50,.58) 43%,transparent 71%),linear-gradient(180deg,#302304 0%,#77611b 26%,#d3c55a 49%,#725e17 74%,#2c2307 100%)}#app .server .panel{position:absolute;top:225px;left:50%;transform:translateX(-50%);margin:0}#app .server .panel p{font-size:13px;font-weight:400}.logo{width:194px;height:128px;padding-top:0!important;display:flex;align-items:center;justify-content:center}.crest-image{display:block;width:194px;height:112px;object-fit:fill;filter:drop-shadow(0 0 3px rgba(255,236,139,.48));animation:crestGlow 2.8s ease-in-out infinite}.server .logo{position:absolute;top:77px;left:50%;transform:translateX(-50%)}.login .logo{position:relative;top:0}.top .logo{height:139px}.logo-mark,.logo-name,.logo:after{display:none!important}.btn{position:relative;overflow:hidden;background:linear-gradient(#a7a8a6 0%,#666763 37%,#242424 48%,#040404 54%,#080808 100%);box-shadow:inset 0 1px 1px rgba(255,255,255,.8),0 1px 1px rgba(122,105,30,.75)}.btn:after,.nav button:after{content:"";position:absolute;top:-30%;left:-65%;width:38%;height:160%;transform:skewX(-24deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.46),transparent);animation:buttonShine 3.6s ease-in-out infinite}.nav button{position:relative;overflow:hidden}.panel{overflow:hidden}.panel:before{content:"";position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 42%,rgba(255,244,153,.14) 49%,rgba(255,244,153,.28) 50%,rgba(255,244,153,.14) 51%,transparent 58%);animation:panelShine 6s linear infinite;pointer-events:none}.panel>*{position:relative;z-index:1}body{font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",Arial,sans-serif}@keyframes crestGlow{0%,100%{filter:drop-shadow(0 0 2px rgba(255,230,110,.35));opacity:.9}50%{filter:drop-shadow(0 0 9px rgba(255,243,166,.9));opacity:1}}@keyframes buttonShine{0%,58%{left:-65%}78%,100%{left:130%}}@keyframes panelShine{0%{transform:translateX(-45%)}100%{transform:translateX(45%)}}@media(prefers-reduced-motion:reduce){.crest-image,.btn:after,.nav button:after,.panel:before{animation:none}}
#app .gold{background:radial-gradient(ellipse 61% 46% at 50% 47%,rgba(255,239,145,.96),rgba(188,163,65,.68) 44%,transparent 73%),linear-gradient(180deg,#44350b 0%,#967f2d 25%,#e1d36c 49%,#8d7627 75%,#3a300e 100%)}#app .server .panel{background:linear-gradient(90deg,rgba(58,42,4,.82),rgba(126,107,27,.58) 49%,rgba(58,42,4,.82))}.logo{width:222px;height:142px}.crest-image{width:222px;height:128px;filter:drop-shadow(0 0 4px rgba(255,236,139,.58))}.server .logo{top:67px}.top .logo{width:222px}.footer{left:0;bottom:0;width:1280px;height:146px;margin:0;padding:0;overflow:hidden;color:transparent;font-size:0;line-height:0;background:transparent}.footer-service-hit{position:absolute;right:18px;top:51px;width:72px;height:80px;border:0;background:transparent;cursor:pointer}.footer:after{content:"";position:absolute;top:50px;left:310px;width:80px;height:55px;background:linear-gradient(105deg,transparent 18%,rgba(255,246,174,.28) 50%,transparent 82%);transform:translateX(-110px);animation:footerSweep 6.5s ease-in-out infinite;pointer-events:none}@keyframes footerSweep{0%,58%{transform:translateX(-110px);opacity:0}65%{opacity:1}86%,100%{transform:translateX(500px);opacity:0}}@media(prefers-reduced-motion:reduce){.footer:after{animation:none}}
.panel:before{display:none!important;animation:none!important}.logo{position:relative;overflow:hidden}.logo:before{content:"";display:block!important;position:absolute;z-index:2;top:-12%;left:-38%;width:28px;height:125%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.82),rgba(255,244,163,.48),transparent);filter:blur(1px);transform:skewX(-19deg);animation:logoSweep 3.8s ease-in-out infinite;pointer-events:none}.crest-image{position:relative;z-index:1}.server .logo{top:74px;width:174px;height:122px}.server .crest-image{width:174px;height:116px}.line-actions{margin-top:46px}.footer{background:transparent;height:96px;bottom:0;overflow:visible}.footer:after{display:none!important;animation:none!important}.footer-first{display:block;left:470px;top:14px;width:192px;height:36px;animation:none}.footer-ceza{display:block;left:678px;top:14px;width:132px;height:37px;animation:none}.footer-license{position:absolute;left:388px;top:68px;width:505px;color:#f4e6bb;font:12px/18px "Courier New","Microsoft YaHei",sans-serif;letter-spacing:0;white-space:nowrap;text-align:center}.footer-service-art{position:absolute;right:0;bottom:0;width:95px;height:96px;background:none}.footer-service-hit{right:0;top:0;width:95px;height:96px}@keyframes logoSweep{0%,50%{left:-38%;opacity:0}58%{opacity:1}82%,100%{left:118%;opacity:0}}@media(prefers-reduced-motion:reduce){.logo:before{animation:none;display:none!important}}
.footer{background:transparent}.footer-first,.footer-ceza{position:absolute!important}.footer-service-art{right:37px;top:10px;bottom:auto;width:40px;height:40px;background:none}.footer-service-text{position:absolute;right:28px;top:60px;color:#fff;font:15px/22px "Microsoft YaHei",SimSun,sans-serif;white-space:nowrap}.footer-service-hit{right:16px;top:5px;width:88px;height:84px}
.btn:after,.nav button:after{display:none!important;animation:none!important}.crest-image{animation:none!important;opacity:1!important;filter:none!important;image-rendering:-webkit-optimize-contrast}.footer-service-art{right:38px;top:11px;width:36px;height:31px;background:none;border:4px solid #efe081;border-bottom:0;border-radius:22px 22px 0 0;overflow:visible}.footer-service-art:before{content:"";position:absolute;left:-7px;top:13px;width:7px;height:14px;border-radius:5px;background:#efe081;box-shadow:36px 0 0 #efe081}.footer-service-art:after{content:"";position:absolute;left:20px;top:25px;width:14px;height:8px;border-right:3px solid #efe081;border-bottom:3px solid #efe081;border-radius:0 0 8px 0}
.line-actions .btn{width:118px;height:34px;padding:0}.custom .btn{width:118px;height:40px;padding:0}.btn:not(:disabled){transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,filter .14s ease}.btn:not(:disabled):hover{transform:translateY(-1px);border-color:#f3d663;filter:brightness(1.16);box-shadow:inset 0 1px 1px rgba(255,255,255,.9),0 0 8px rgba(255,221,99,.62)}.btn:not(:disabled):active{transform:translateY(1px);filter:brightness(.94);box-shadow:inset 0 2px 4px rgba(0,0,0,.7)}.nav button{transition:transform .14s ease,filter .14s ease}.nav button:hover{transform:translateY(-1px);filter:brightness(1.12)}.nav button:active{transform:translateY(1px);filter:brightness(.94)}.tabs button{transition:color .14s ease,text-shadow .14s ease}.tabs button:hover{color:#fffbd0;text-shadow:0 0 7px rgba(255,235,135,.75)}
input{outline:none!important;border-width:1px!important;box-sizing:border-box}input:focus{outline:none!important;border-width:1px!important;border-color:#7d681f!important;box-shadow:inset 0 1px 3px rgba(75,57,8,.28),0 0 0 1px rgba(244,218,112,.18);filter:brightness(1.03)}
.btn:not(:disabled):hover{transform:none;border-color:#b9a65a;filter:brightness(1.05);box-shadow:inset 0 1px 1px rgba(255,255,255,.82),0 0 3px rgba(255,221,99,.26)}.btn:not(:disabled):active{transform:none;filter:brightness(.97);box-shadow:inset 0 1px 3px rgba(0,0,0,.55)}.nav button:hover{transform:none;filter:brightness(1.04)}.nav button:active{transform:none;filter:brightness(.97)}.tabs button:hover{color:#f8edb1;text-shadow:0 0 3px rgba(255,235,135,.35)}
.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1}.btn:not(:disabled):hover{border-color:#080808;filter:brightness(1.05);box-shadow:inset 0 1px 1px rgba(255,255,255,.82),0 1px 1px rgba(122,105,30,.75)}.nav button{display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1}.nav button:hover{filter:brightness(1.04);box-shadow:none}
.login .logo{position:absolute;top:91px;left:50%;transform:translateX(-50%);width:174px;height:122px}.login .crest-image{width:174px;height:116px}.login-box{position:absolute;top:239px;left:50%;transform:translateX(-50%);width:386px;height:299px;min-height:0;margin:0;padding:26px 59px}.login-box input{width:267px;height:35px;margin:0 0 25px}.login-box input::placeholder{color:#171207;opacity:1;font-weight:700}.captcha-row{gap:25px;height:35px}.captcha-row input{width:153px}.captcha{width:89px;height:34px;font:400 30px/34px Arial,sans-serif;letter-spacing:2px}.login-separator{width:267px;height:1px;margin-top:39px;background:#eadc87;box-shadow:0 1px 0 rgba(73,57,10,.4)}.login .login-box .btn{display:flex;width:118px;height:34px;margin:16px auto 0}.login .error{position:absolute;left:0;right:0;bottom:6px;margin:0}
#app .gold{background:radial-gradient(ellipse 62% 47% at 50% 47%,rgba(255,244,164,.98),rgba(203,178,78,.72) 44%,transparent 74%),linear-gradient(180deg,#514112 0%,#aa9138 25%,#eadf80 49%,#a08731 75%,#433712 100%)}#app .server .panel,.login-box{background:linear-gradient(90deg,rgba(63,47,6,.78),rgba(139,119,34,.62) 49%,rgba(63,47,6,.78))}.footer-service-art{right:40px;top:12px;width:34px;height:29px;border-width:3px;border-radius:20px 20px 0 0}.footer-service-art:before{left:-6px;top:12px;width:6px;height:13px;box-shadow:34px 0 0 #efe081}.footer-service-art:after{left:19px;top:23px;width:13px;height:7px;border-right-width:3px;border-bottom-width:3px}
.language{font-size:18px}.panel h2{font-size:20px;font-weight:500}.panel p,#app .server .panel p{font-size:14px;line-height:27px}.btn{font-size:15px;font-weight:400}.custom input,.login-box input{font-size:15px;font-weight:400}.login-box input::placeholder{font-size:15px;font-weight:400}.footer-license{font-size:13px}.footer-service-text{font-size:18px;line-height:24px}.error{font-size:14px}.modal-title{font-size:17px}.modal-body{font-size:16px}.filters,.history{font-size:14px}
.server.gold,.login.gold{background:radial-gradient(ellipse 60% 46% at 50% 47%,rgba(246,232,137,.78) 0%,rgba(174,150,57,.52) 45%,transparent 73%),linear-gradient(180deg,#564617 0%,#927a2b 27%,#d8cb69 50%,#8d7628 74%,#493c14 100%)}#app .server .panel,#app .login .login-box{background:linear-gradient(90deg,rgba(60,45,9,.8) 0%,rgba(117,99,30,.62) 50%,rgba(60,45,9,.8) 100%);border-color:#e9d575}.login-box input{font-weight:700}.login-box input::placeholder{font-weight:700}.captcha-row input,.captcha-row input::placeholder{font-weight:700}.captcha{font-weight:400}
.footer-service-art{right:34px;top:0;width:44px;height:44px;border:0;border-radius:0;background:url("../assets/service-headset-v2.png") center/contain no-repeat}.footer-service-art:before,.footer-service-art:after{display:none!important;content:none!important}.footer-service-text{right:27px;top:46px}.footer-service-hit{right:17px;top:0;width:88px;height:76px}
.server .line-actions{position:absolute;left:0;right:0;top:171px;margin:0;display:flex;align-items:center;justify-content:center;gap:33px}.server .line-actions .btn{flex:0 0 118px;width:118px;height:34px}.server .custom{position:absolute;left:50%;top:240px;transform:translateX(-50%);width:417px;height:40px;margin:0;display:flex;align-items:center;gap:12px}.server .custom input{flex:0 0 287px;width:287px;height:40px;margin:0}.server .custom .btn{flex:0 0 118px;width:118px;height:40px;margin:0}
.captcha{width:88px;height:34px;padding-left:0;font:400 27px/34px "Microsoft YaHei",Arial,sans-serif;letter-spacing:normal}
.login .error{position:absolute;left:0;right:0;bottom:88px;height:19px;margin:0;color:#fa5655;font-size:15px;line-height:19px;text-align:center;text-shadow:none}
.login-field{position:relative;display:block;width:267px;height:34px;margin:0 0 26px;border:1px solid #000;border-radius:4px;background:#f2dcab;color:#000;overflow:hidden}.login-field span{position:absolute;z-index:2;left:10px;top:0;height:32px;margin:0;padding:0;font:700 13px/32px "Microsoft YaHei",Arial,sans-serif;white-space:nowrap;pointer-events:none;user-select:none}.login-field input,.login-box .login-field input{display:block;width:100%!important;height:32px;margin:0;padding:0 8px 0 45px!important;border:0!important;outline:0;background:transparent!important;color:#000;font:400 13px/32px "Microsoft YaHei",Arial,sans-serif;box-shadow:none!important}.captcha-row{height:34px;gap:27px}.captcha-row .login-field{flex:0 0 152px;width:152px;margin:0}.captcha-row .login-field input{width:100%!important;padding-left:59px!important}.login-field:focus-within{border-color:#000;box-shadow:none}
.lobby{position:relative;width:1280px;height:720px;min-height:0;overflow:hidden;background:#3c2d17}.lobby .top{position:absolute;left:0;top:0;width:1280px;height:141px;background:linear-gradient(90deg,#806d3e,#a18f4e 30%,#c1b15d 50%,#a18f4e 70%,#806d3e)}.lobby .top .logo{position:absolute;left:578px;top:3px;width:124px;height:88px;transform:none;padding:0}.lobby .top .crest-image{width:124px;height:88px;object-fit:fill}.lobby .nav{position:absolute;left:0;right:0;bottom:0;height:47px;padding:0 39px;display:flex;align-items:flex-start;justify-content:space-between;gap:0;background:linear-gradient(0deg,#a49347,#c6bc69 53%,#e7e48a 89%,#b7b46c 93%,#86844e)}.lobby .nav button{position:relative;width:121px;height:44px;margin-top:4px;border:0;color:#5a5633;font:21px/44px "Microsoft YaHei",SimSun,sans-serif;font-weight:400;background:linear-gradient(180deg,#fff1db 0%,#ffc0ba 48%,#ee8d88 53%,#ffb7ad 100%);clip-path:polygon(10% 0,100% 0,90% 82%,82% 100%,0 100%,0 25%);text-shadow:0 1px rgba(255,255,255,.55)}.lobby .nav button:hover{filter:brightness(1.035)}.lobby .tabs{position:absolute;left:4px;right:4px;top:181px;height:38px;padding:0 25px;display:flex;justify-content:flex-start;gap:5px;border:0;border-radius:20px 20px 0 0;background:linear-gradient(#9d904d,#6f642f 28%,#403811);color:#e6db85;font:27px/38px SimSun,"Microsoft YaHei",serif}.lobby .tabs button{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:196px;height:38px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-decoration:none;text-shadow:none}.lobby .tabs button.active:before{content:"";position:absolute;z-index:-1;left:0;top:-11px;width:243px;height:48px;border-radius:22px 22px 0 0;background:linear-gradient(135deg,#c5b966 0%,#877a37 42%,#4f4717 100%);clip-path:polygon(8% 0,100% 0,91% 100%,0 100%)}.lobby .tabs button:hover{color:#eee49a;text-shadow:none}.lobby .tables{position:absolute;left:8px;top:226px;width:1264px;height:486px;padding:0;display:grid;grid-template-columns:repeat(3,412px);grid-auto-rows:220px;gap:5px;overflow-y:auto}.lobby .table{width:412px;height:220px;padding:7px;border:1px solid rgba(142,128,74,.7);background:linear-gradient(90deg,#5f512c,#6e5e33 30%,#7d6a39 50%,#6e5e33 70%,#5f512c);display:grid;grid-template-columns:44px 351px;grid-template-rows:161px 41px;color:#fff}.lobby .side{grid-column:1;grid-row:1;width:44px;height:161px;padding:35px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:#fff;font:24px/32px "Microsoft YaHei",SimSun,sans-serif}.lobby .side span{width:24px;line-height:29px;word-break:break-all;text-align:center}.lobby .side b{font:400 24px/32px "Courier New",monospace}.lobby .road{grid-column:2;grid-row:1;width:351px;height:161px;margin:0;overflow:hidden;background-color:#fff;background-image:linear-gradient(#d4d4d4 1px,transparent 1px),linear-gradient(90deg,#d4d4d4 1px,transparent 1px);background-size:27px 27px}.lobby .beads{width:100%;padding:2px;font:14px/25px Arial,sans-serif}.lobby .bead{display:inline-block;width:22px;height:22px;margin:1px 1px;border-radius:50%;color:#fff;font:700 14px/22px Arial,sans-serif;text-align:center}.lobby .bead.b{background:#d3141b}.lobby .bead.p{background:#082bc7}.lobby .bead.t{background:#0bc444}.lobby .limit{grid-column:1/3;grid-row:2;width:395px;height:41px;padding:0;display:grid;grid-template-columns:99px 132px 1fr;align-items:center;background:transparent;color:#fff;font:21px/41px "Microsoft YaHei",sans-serif}.lobby .limit-label{text-align:center}.lobby .limit-value{text-align:center}.lobby .limit .btn{justify-self:end;width:117px;height:33px;min-width:0;padding:0;border:2px solid #050505;border-radius:6px;color:#fff;font-size:13px;background:linear-gradient(#a7a8a6 0%,#666763 37%,#242424 48%,#040404 54%,#080808 100%)}
.lobby .tables{left:13px;width:1254px;column-gap:6px;row-gap:5px}.lobby .side{padding-top:41px}.lobby .beads{display:grid;grid-template-rows:repeat(6,27px);grid-auto-flow:column;grid-auto-columns:27px;width:max-content;height:161px;padding:2px;font:14px/22px Arial,sans-serif}.lobby .bead{display:block;width:22px;height:22px;margin:1px}
.lobby .nav{align-items:flex-start}.lobby .nav button{height:37px;margin-top:5px;color:#514633;font:20px/37px "Microsoft YaHei",SimSun,sans-serif;background:linear-gradient(180deg,#efc8b8 0%,#e79b91 46%,#ca6665 53%,#df8c84 100%);box-shadow:inset 0 1px rgba(255,242,222,.65),0 1px 2px rgba(70,42,20,.42)}
.lobby .nav button{color:#392f29;font-weight:600;box-shadow:inset 0 2px 1px rgba(255,244,224,.72),inset 0 -2px 2px rgba(115,48,48,.42);filter:drop-shadow(0 3px 2px rgba(55,36,18,.62))}.lobby .nav button:hover{filter:brightness(1.035) drop-shadow(0 3px 2px rgba(55,36,18,.62))}.lobby .nav button:active{filter:brightness(.97) drop-shadow(0 2px 1px rgba(55,36,18,.55))}
.lobby .nav button{color:#6a5428;font-weight:400;filter:drop-shadow(0 5px 4px rgba(45,29,12,.72))}.lobby .nav button:hover{filter:brightness(1.035) drop-shadow(0 5px 4px rgba(45,29,12,.72))}.lobby .nav button:active{filter:brightness(.97) drop-shadow(0 3px 3px rgba(45,29,12,.65))}
.lobby .nav button{color:#5a5633;font-weight:400;background:linear-gradient(180deg,#fffaf0 0%,#ffe6d7 30%,#ffc5b9 48%,#e8817d 54%,#f09a90 82%,#c85c5b 100%);box-shadow:inset 0 2px 1px rgba(255,255,255,.92),inset 0 -3px 2px rgba(112,40,40,.5);filter:drop-shadow(5px 6px 3px rgba(36,25,10,.78));transition:background .12s ease,filter .12s ease,color .12s ease}.lobby .nav button:hover{color:#4e5830;background:linear-gradient(180deg,#fafff5 0%,#eaf8db 31%,#cfe9b9 48%,#9fc47c 55%,#bfdda0 84%,#7da45c 100%);filter:drop-shadow(5px 6px 3px rgba(36,25,10,.78))}.lobby .nav button:active{background:linear-gradient(180deg,#deebcf,#91b66f 55%,#759754);filter:drop-shadow(3px 4px 2px rgba(36,25,10,.7))}
.lobby .side span{width:20px;font-size:20px;line-height:25px}
.lobby .limit-label,.lobby .limit-value{font-size:18px;line-height:41px}
.lobby .nav button{background:linear-gradient(180deg,#f5dfcf 0%,#e7b3a2 29%,#d6847c 48%,#b94f52 55%,#cf716b 82%,#983d42 100%);box-shadow:inset 0 2px 1px rgba(255,247,231,.78),inset 0 -3px 2px rgba(80,25,31,.58)}.lobby .nav button:hover{background:linear-gradient(180deg,#f6fbe9 0%,#deefc9 30%,#bedc9e 48%,#83aa64 56%,#a7ca83 82%,#638649 100%)}.lobby .tabs{color:#f0df78;font-weight:700}.lobby .tabs button{font-weight:700;letter-spacing:1px}.lobby .tabs button:after{content:"";position:absolute;right:-4px;top:0;width:22px;height:38px;border-right:3px solid rgba(43,37,10,.5);transform:skewX(-24deg);pointer-events:none}.lobby .tabs button:last-child:after{display:none}.lobby .tabs button.active{color:#fff0a0;text-shadow:0 1px 1px rgba(60,45,8,.8)}.lobby .tabs button.active:before{background:linear-gradient(135deg,#d7cc73 0%,#a8994a 36%,#6e6228 67%,#3f3810 100%);box-shadow:inset 0 2px 1px rgba(255,246,160,.5),0 -2px 5px rgba(26,22,6,.28)}
.lobby .nav button{background:linear-gradient(180deg,#fff9ef 0%,#f8e7d7 27%,#eab6a5 46%,#b94f52 55%,#cf716b 82%,#983d42 100%);box-shadow:inset 0 2px 1px rgba(255,255,255,.96),inset 0 -3px 2px rgba(80,25,31,.58)}.lobby .tabs button:after{right:-4px;top:2px;width:19px;height:33px;border:0;background:linear-gradient(112deg,transparent 39%,rgba(55,45,16,.08) 42%,rgba(55,45,16,.38) 48%,rgba(226,211,126,.16) 53%,transparent 59%);transform:none}.lobby .tabs button.active:before{width:243px;height:48px;top:-11px;background:linear-gradient(135deg,#d1c66f 0%,#a39347 36%,#6b6028 66%,#403811 100%);box-shadow:none}
.lobby .nav button{color:#4b402d;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;font-weight:400;text-shadow:none;letter-spacing:0;-webkit-font-smoothing:antialiased}.lobby .tabs button{overflow:hidden}.lobby .tabs button.active:before{left:0;top:0;width:196px;height:38px;border-radius:18px 5px 0 0;background:linear-gradient(135deg,#d8ce77 0%,#aa9b4b 38%,#74682d 68%,#473f14 100%);clip-path:polygon(9% 0,100% 0,91% 100%,0 100%)}.lobby .tabs button.active:after{display:none}
.lobby .nav button{background:linear-gradient(90deg,#bd5059 0%,#dd8887 24%,#f2c7bd 39%,#fffaf0 50%,#f2c7bd 61%,#dd8887 76%,#ad414c 100%)}.lobby .nav button:hover{background:linear-gradient(90deg,#6f9855 0%,#a4c886 24%,#d5e9c2 39%,#fbfff5 50%,#d5e9c2 61%,#a4c886 76%,#5e8447 100%)}.lobby .tabs button.active{overflow:hidden;perspective:220px}.lobby .tabs button.active:before{left:3px;top:1px;width:190px;height:37px;border-radius:17px 6px 1px 1px;background:linear-gradient(180deg,#403911 0%,#70652c 16%,#c3b65f 52%,#8d7f38 78%,#4d4518 100%);clip-path:polygon(9% 0,100% 0,92% 100%,0 100%);transform-origin:50% 100%;transform:perspective(220px) rotateX(-12deg);box-shadow:inset 0 3px 2px rgba(255,244,151,.5),inset 0 -4px 4px rgba(31,27,7,.62),0 -3px 5px rgba(30,25,5,.3)}
.lobby .tabs button.active{overflow:visible;perspective:240px}.lobby .tabs button.active:before{left:3px;top:-8px;width:190px;height:46px;border-radius:19px 7px 2px 2px;background:linear-gradient(180deg,#514915 0%,#817532 14%,#d6ca6e 43%,#b0a14e 61%,#75692c 79%,#3f3810 100%);clip-path:polygon(9% 0,100% 0,92% 100%,0 100%);transform-origin:50% 100%;transform:perspective(240px) rotateX(-10deg);box-shadow:inset 0 3px 2px rgba(255,246,157,.72),inset 0 -5px 4px rgba(28,24,6,.72),0 -4px 6px rgba(31,26,7,.35),0 3px 3px rgba(22,19,5,.38)}.lobby .tabs button.active:after{display:block;z-index:3}
.lobby .nav button{background:linear-gradient(180deg,#b94b55 0%,#df8889 22%,#f3c8bf 38%,#fffaf1 50%,#f3c8bf 62%,#df8889 78%,#aa3e49 100%)}.lobby .nav button:hover{background:linear-gradient(180deg,#719653 0%,#a8c889 22%,#d9e9c8 38%,#fbfff7 50%,#d9e9c8 62%,#a8c889 78%,#628347 100%)}
.lobby .road{position:relative;cursor:pointer}.limit-cards{position:absolute;z-index:5;left:9px;top:13px;display:flex;gap:17px;pointer-events:none}.limit-cards>div{width:82px;height:137px;padding:8px 9px;border:1px solid rgba(255,255,255,.78);background:linear-gradient(180deg,#d78b22,#b66b17);box-shadow:0 2px 5px rgba(42,25,5,.45);color:#fff;font:18px/24px "Microsoft YaHei",sans-serif;text-align:left}.limit-cards span,.limit-cards b{display:block;font-weight:400}.limit-cards b{font-size:20px;line-height:27px}
.lobby .nav button{font-size:22px}.lobby .tabs,.lobby .tabs button{font-size:28px}.lobby .side,.lobby .side b{font-size:25px}.lobby .beads,.lobby .bead{font-size:15px}.lobby .limit-label,.lobby .limit-value{font-size:19px}.lobby .limit .btn{font-size:14px}.limit-cards>div{font-size:19px}.limit-cards b{font-size:21px}
.limit-cards{left:10px;top:11px;gap:16px}.limit-cards>div{width:84px;height:140px;padding:7px 8px;border-color:rgba(255,255,255,.9);box-shadow:0 2px 4px rgba(42,25,5,.48)}
.lobby .nav button{color:#796321;text-shadow:0 1px rgba(255,248,190,.62)}.lobby .nav button:hover{color:#6c6320}.lobby .limit-label{transform:translateX(8px)}
.limit-cards{left:25px;top:10px;gap:25px}.limit-cards>div{height:141px}
.lobby .nav button{ text-shadow:none }.lobby .tabs button.active:before{height:50px}
.lobby .nav button{clip-path:polygon(12% 0,100% 0,100% 63%,87% 100%,0 100%,0 31%);border-radius:1px;filter:drop-shadow(1px 0 0 #e95c64) drop-shadow(-1px 0 0 #e95c64) drop-shadow(0 1px 0 #e95c64) drop-shadow(0 -1px 0 #e95c64) drop-shadow(4px 5px 3px rgba(36,25,10,.72))}.lobby .nav button:hover{filter:drop-shadow(1px 0 0 #e95c64) drop-shadow(-1px 0 0 #e95c64) drop-shadow(0 1px 0 #e95c64) drop-shadow(0 -1px 0 #e95c64) drop-shadow(4px 5px 3px rgba(36,25,10,.72))}.lobby .nav button:active{filter:brightness(.98) drop-shadow(1px 0 0 #e95c64) drop-shadow(-1px 0 0 #e95c64) drop-shadow(0 1px 0 #e95c64) drop-shadow(0 -1px 0 #e95c64) drop-shadow(3px 4px 2px rgba(36,25,10,.65))}
.lobby .nav button{color:#705b22;background:linear-gradient(180deg,#ffd5c2 0%,#ffe6d1 27%,#fff5e5 48%,#ffc0b8 64%,#f38d8d 84%,#df666c 100%)}
.lobby .tabs{gap:0}.lobby .tabs button{width:265px}.lobby .tabs button.active:before{left:3px;width:259px}.lobby .tabs button:after{right:-9px}
.lobby .tabs{gap:5px}.lobby .tabs button{width:196px}.lobby .tabs button.active:before{left:3px;width:190px;clip-path:polygon(9% 0,100% 0,91% 100%,0 100%)}.lobby .tabs button:after{right:-4px}
.lobby .tabs button.active:before{clip-path:polygon(16% 0,100% 0,84% 100%,0 100%)}
.lobby .tabs button.active:before{clip-path:none;border-radius:18px 18px 3px 3px;transform:perspective(240px) rotateX(-10deg) skewX(-16deg)}
.lobby .nav button{box-shadow:inset 0 2px 2px rgba(255,255,255,.9),inset 0 -3px 3px rgba(126,37,45,.62);filter:drop-shadow(1px 0 0 #e95c64) drop-shadow(-1px 0 0 #e95c64) drop-shadow(0 1px 0 #e95c64) drop-shadow(0 -1px 0 #e95c64) drop-shadow(5px 6px 4px rgba(32,22,8,.78))}.lobby .nav button:hover{box-shadow:inset 0 2px 2px rgba(255,255,255,.9),inset 0 -3px 3px rgba(69,104,48,.55);filter:drop-shadow(1px 0 0 #e95c64) drop-shadow(-1px 0 0 #e95c64) drop-shadow(0 1px 0 #e95c64) drop-shadow(0 -1px 0 #e95c64) drop-shadow(5px 6px 4px rgba(32,22,8,.78))}
.lobby .nav button{filter:drop-shadow(1px 0 0 #e95c64) drop-shadow(-1px 0 0 #e95c64) drop-shadow(0 1px 0 #e95c64) drop-shadow(0 -1px 0 #e95c64) drop-shadow(7px 8px 6px rgba(125,101,28,.88))}.lobby .nav button:hover{filter:drop-shadow(1px 0 0 #e95c64) drop-shadow(-1px 0 0 #e95c64) drop-shadow(0 1px 0 #e95c64) drop-shadow(0 -1px 0 #e95c64) drop-shadow(7px 8px 6px rgba(125,101,28,.88))}
.lobby .nav button{filter:drop-shadow(1px 0 0 #e95c64) drop-shadow(-1px 0 0 #e95c64) drop-shadow(0 1px 0 #e95c64) drop-shadow(0 -1px 0 #e95c64) drop-shadow(0 6px 1px rgba(225,202,82,.98)) drop-shadow(0 11px 6px rgba(93,69,8,.82))}.lobby .nav button:hover{filter:drop-shadow(1px 0 0 #e95c64) drop-shadow(-1px 0 0 #e95c64) drop-shadow(0 1px 0 #e95c64) drop-shadow(0 -1px 0 #e95c64) drop-shadow(0 6px 1px rgba(225,202,82,.98)) drop-shadow(0 11px 6px rgba(93,69,8,.82))}
.lobby .nav button{isolation:isolate;overflow:visible;clip-path:none;background:transparent;box-shadow:none;filter:none}.lobby .nav button:before{content:"";position:absolute;z-index:-1;inset:0 7px;border:2px solid #e95c64;border-radius:3px;background:linear-gradient(180deg,#ffd5c2 0%,#ffe6d1 27%,#fff5e5 48%,#ffc0b8 64%,#f38d8d 84%,#df666c 100%);transform:skewX(-12deg);box-shadow:inset 0 2px 2px rgba(255,255,255,.9),inset 0 -3px 3px rgba(126,37,45,.58),0 7px 2px rgba(225,202,82,.95),0 12px 8px rgba(91,68,8,.78)}.lobby .nav button:hover{filter:none;background:transparent;box-shadow:none}.lobby .nav button:hover:before{background:linear-gradient(180deg,#e9f4dc 0%,#f7fff0 48%,#b9d79d 68%,#7da45c 100%);box-shadow:inset 0 2px 2px rgba(255,255,255,.9),inset 0 -3px 3px rgba(69,104,48,.5),0 7px 2px rgba(225,202,82,.95),0 12px 8px rgba(91,68,8,.78)}
.lobby .nav button:before{display:none}.lobby .nav button{isolation:auto;overflow:hidden;clip-path:polygon(12% 0,100% 0,100% 63%,87% 100%,0 100%,0 31%);background:linear-gradient(180deg,#ffd5c2 0%,#ffe6d1 27%,#fff5e5 48%,#ffc0b8 64%,#f38d8d 84%,#df666c 100%);box-shadow:inset 0 2px 2px rgba(255,255,255,.9),inset 0 -3px 3px rgba(126,37,45,.62);filter:drop-shadow(1px 0 0 #e95c64) drop-shadow(-1px 0 0 #e95c64) drop-shadow(0 1px 0 #e95c64) drop-shadow(0 -1px 0 #e95c64) drop-shadow(4px 5px 3px rgba(36,25,10,.72))}.lobby .nav button:hover{background:linear-gradient(180deg,#719653 0%,#a8c889 22%,#d9e9c8 38%,#fbfff7 50%,#d9e9c8 62%,#a8c889 78%,#628347 100%);box-shadow:inset 0 2px 2px rgba(255,255,255,.9),inset 0 -3px 3px rgba(69,104,48,.55);filter:drop-shadow(1px 0 0 #e95c64) drop-shadow(-1px 0 0 #e95c64) drop-shadow(0 1px 0 #e95c64) drop-shadow(0 -1px 0 #e95c64) drop-shadow(4px 5px 3px rgba(36,25,10,.72))}
.limit-cards{pointer-events:auto}.limit-cards>div{cursor:pointer}.limit-cards>div:hover{filter:brightness(1.05)}
.limit-cards{left:13px;top:14px;gap:27px}.limit-cards>div{width:90px;height:135px;padding:7px 8px}
.lobby .bead{font-weight:400!important}
.server.gold,.login.gold{background:radial-gradient(ellipse 78% 22% at 50% 50%,rgba(255,247,169,.72) 0%,rgba(242,226,121,.4) 48%,transparent 74%),linear-gradient(180deg,#4b3b0c 0%,#725a16 17%,#a68c31 33%,#d9ca63 44%,#efe581 50%,#d4c35b 58%,#9b8128 72%,#665216 86%,#40340d 100%)}
#app .server.gold,#app .login.gold{background:radial-gradient(ellipse 86% 18% at 50% 50%,rgba(255,250,186,.92) 0%,rgba(245,229,121,.55) 46%,transparent 75%),linear-gradient(180deg,#392d08 0%,#5f4b10 15%,#937728 31%,#d4c45c 43%,#f5eb8c 50%,#d4c159 58%,#8e7221 72%,#5b4810 86%,#302707 100%)}
#app .server.gold,#app .login.gold{background-image:linear-gradient(0deg,rgb(62,48,15),rgb(128,113,54) 30%,rgb(194,178,93) 50%,rgb(128,113,54) 80%,rgb(62,48,15)),linear-gradient(0deg,rgb(221,177,55),rgb(0,0,0))}
#app .server .panel,#app .login .login-box{background-image:linear-gradient(90deg,#3e300f,#807136 20%,#c2b25d 50%,#807136 80%,#3e300f),linear-gradient(90deg,#3e300f,#c2b25d 45%,#3e300f)}

/* ========== 在线客服聊天 ========== */
.modal.cs-open{width:580px;min-height:560px;top:60px}
.cs-modal-body{padding:0!important;height:500px;display:flex;flex-direction:column}
.cs-chat{display:flex;flex-direction:column;height:100%;background:linear-gradient(180deg,#2a220c,#1a1508);position:relative}
.cs-chat-hd{flex:0 0 56px;display:flex;align-items:center;padding:0 14px;background:linear-gradient(90deg,#6a5a22,#a89442,#6a5a22);color:#fff8d6}
.cs-agent-info{display:flex;align-items:center;gap:10px;min-width:0}
.cs-agent-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,248,214,.55);background:#3a3010;flex-shrink:0}
.cs-agent-meta{min-width:0}
.cs-agent-name{font:700 15px/20px "Microsoft YaHei",sans-serif;color:#fffdf0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}
.cs-status{font:12px/16px "Microsoft YaHei",sans-serif;opacity:.95}
.cs-status.online{color:#7dffb0}
.cs-status.offline{color:#ffd18a}
.cs-chat-msgs{flex:1;overflow-y:auto;padding:14px 12px;display:flex;flex-direction:column;gap:12px;min-height:180px}
.cs-msg{display:flex;width:100%;align-items:flex-start;gap:8px;box-sizing:border-box}
.cs-msg.mine{justify-content:flex-end;flex-direction:row-reverse;width:100%}
.cs-msg.agent{justify-content:flex-start}
.cs-msg.sys{justify-content:center}
.cs-av{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid rgba(255,255,255,.2);background:#3a3010}
.cs-bubble{max-width:72%;padding:8px 12px;border-radius:10px;background:#4a3c18;color:#fff4d0;font:14px/22px "Microsoft YaHei",sans-serif;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.cs-msg.mine .cs-bubble{background:linear-gradient(135deg,#c9a84a,#8a7028);color:#fffdf2}
.cs-msg.sys .cs-bubble,.cs-bubble.sys-bubble{background:transparent;box-shadow:none;color:#cbb97a;font-size:13px;text-align:center;max-width:100%}
.cs-who{font-size:12px;opacity:.8;margin-bottom:2px}
.cs-time{font-size:11px;opacity:.55;margin-top:4px;text-align:right}
.cs-msg.sys .cs-time{text-align:center}
.cs-text{word-break:break-word;white-space:pre-wrap}
.cs-emoji{font-size:36px;line-height:1.2;padding:2px 0}
.cs-img-link{display:inline-block}
.cs-img{max-width:200px;max-height:180px;border-radius:8px;display:block;cursor:pointer;background:rgba(0,0,0,.15)}
.cs-file{color:#ffe9a0;text-decoration:underline}
.cs-chat-ft{flex:0 0 auto;display:flex;gap:8px;padding:8px 10px;background:#241c0a;border-top:1px solid rgba(232,208,120,.25);align-items:center}
.cs-chat-ft.hidden{display:none}
.cs-tools{display:flex;gap:4px;flex-shrink:0}
.cs-tool{width:36px;height:36px;border:1px solid #6a5a22;border-radius:8px;background:#3a3014;color:#fff;font-size:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1}
.cs-tool:hover{filter:brightness(1.12);border-color:#c9a84a}
.cs-file-hidden{display:none!important}
.cs-chat-ft input#csInput{flex:1;height:38px;border:1px solid #6a5a22;border-radius:6px;padding:0 12px;background:#f6e7b8;color:#2a220c;font:14px "Microsoft YaHei",sans-serif;min-width:0}
.cs-send{width:78px;height:38px;border:0;border-radius:6px;cursor:pointer;color:#fff;font:15px "Microsoft YaHei",sans-serif;background:linear-gradient(#e1d682,#766a29);flex-shrink:0}
.cs-send:hover{filter:brightness(1.06)}
.cs-emoji-panel{position:absolute;left:8px;right:8px;bottom:58px;max-height:180px;overflow-y:auto;background:#2f2610;border:1px solid rgba(232,208,120,.35);border-radius:10px;padding:8px;display:grid;grid-template-columns:repeat(10,1fr);gap:4px;z-index:5;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.cs-emoji-panel.hidden{display:none}
.cs-emoji-item{width:100%;aspect-ratio:1;border:0;border-radius:6px;background:transparent;font-size:22px;cursor:pointer;line-height:1;padding:0}
.cs-emoji-item:hover{background:rgba(255,232,160,.18)}
.cs-login-tip{padding:12px 16px 16px;background:#241c0a;border-top:1px solid rgba(232,208,120,.25)}
.cs-login-tip.hidden{display:none}
.cs-login-msg{color:#ffe9a0;font:14px/22px "Microsoft YaHei",sans-serif;margin-bottom:10px;text-align:center}
.cs-login-form{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center}
.cs-login-form input{width:140px;height:34px;border:1px solid #6a5a22;border-radius:6px;padding:0 10px;background:#f6e7b8;color:#2a220c;font:14px "Microsoft YaHei",sans-serif}
.cs-login-btn{height:34px;padding:0 14px}
.cs-login-err{min-height:18px;margin-top:8px;color:#fa5655;font:13px/18px "Microsoft YaHei",sans-serif;text-align:center}

/* 微信经典表情（与后台客服工作台一致） */
.cs-emoji-panel{position:absolute;left:8px;right:8px;bottom:58px;max-height:220px;background:#2f2610;border:1px solid rgba(232,208,120,.4);border-radius:10px;z-index:6;box-shadow:0 10px 28px rgba(0,0,0,.4);display:flex;flex-direction:column;overflow:hidden}
.cs-emoji-panel.hidden{display:none}
.cs-emoji-hd{flex:0 0 34px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:linear-gradient(90deg,#5a4a1c,#8a7430);color:#fff8d6;font:13px/34px "Microsoft YaHei",sans-serif}
.cs-emoji-hd b{font-weight:700}
.cs-emoji-x{border:0;background:transparent;color:#fff8d6;font-size:20px;cursor:pointer;line-height:1;padding:0 4px}
.cs-emoji-grid{flex:1;overflow-y:auto;padding:8px;display:grid;grid-template-columns:repeat(10,1fr);gap:4px}
.cs-wx-item{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:6px;cursor:pointer;background:transparent}
.cs-wx-item:hover{background:rgba(255,232,160,.16)}
.cs-wx-item img{width:28px;height:28px;display:block;pointer-events:none}
.cs-msg .cs-wx-emoji,.cs-text .cs-wx-emoji{width:26px;height:26px;vertical-align:-6px;margin:0 1px;display:inline-block;border:0;background:none;box-shadow:none}
.cs-bubble.is-emoji-only{background:transparent!important;box-shadow:none!important;padding:4px 2px!important}
.cs-bubble.is-emoji-only .cs-who{display:none}
.cs-bubble.is-emoji-only .cs-wx-emoji{width:36px;height:36px;vertical-align:middle}
.cs-bubble.is-emoji-only .cs-time{text-align:left;opacity:.5}
.cs-tool img{display:block;pointer-events:none}

/* 自己消息靠右（占满一行后右对齐） */
.cs-chat-msgs .cs-msg{
  display:flex!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  align-items:flex-start!important;
  gap:8px!important
}
.cs-chat-msgs .cs-msg.mine{
  justify-content:flex-end!important;
  flex-direction:row-reverse!important;
  align-self:stretch!important
}
.cs-chat-msgs .cs-msg.agent{
  justify-content:flex-start!important;
  flex-direction:row!important;
  align-self:stretch!important
}
.cs-chat-msgs .cs-msg.sys{
  justify-content:center!important;
  width:100%!important
}
.cs-chat-msgs .cs-msg.mine .cs-who,
.cs-chat-msgs .cs-msg.mine .cs-time{
  text-align:right!important
}
.cs-chat-msgs .cs-msg.mine .cs-bubble{
  margin-left:auto
}

/* ========== 账户历史（财务/记录） ========== */
.modal.hist-open{width:920px;min-height:560px;top:50px}
.hist-modal-body{padding:0!important}
.hist-wrap{padding:0 0 12px;color:#f6eac0}
.hist-tabs{display:flex;gap:0;border-bottom:1px solid rgba(232,208,120,.28);background:linear-gradient(90deg,#3a3014,#5a4a1c,#3a3014)}
.hist-tab{flex:1;height:40px;border:0;background:transparent;color:#d8c78a;font:15px/40px "Microsoft YaHei",sans-serif;cursor:pointer}
.hist-tab.on{color:#fff8d0;background:rgba(255,232,160,.12);font-weight:700;box-shadow:inset 0 -2px 0 #e8d070}
.hist-tab:hover{color:#fff4c8}
.hist-filters{padding:12px 20px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px}
.hist-filters input[type=date]{height:30px;padding:0 8px;border:0;border-radius:4px;background:#5a4b1b;color:#fff}
.hist-tip{padding:0 20px 8px;font-size:12px;color:#cbb97a;min-height:18px}
.hist-table-wrap{padding:0 12px 8px;max-height:400px;overflow:auto}
.hist-table{width:100%;border-collapse:collapse;text-align:center;font-size:13px}
.hist-table th{height:34px;border:1px solid #201c09;background:#81763e;color:#fff8d0;position:sticky;top:0;z-index:1}
.hist-table td{padding:10px 6px;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:middle}
.hist-table .num{font-variant-numeric:tabular-nums;font-family:Consolas,"Courier New",monospace}
.hist-table .mono{font-family:Consolas,"Courier New",monospace;font-size:11px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hist-table .muted{opacity:.75;font-size:12px}
.hist-st{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px}
.hist-st.ok{background:rgba(25,190,107,.22);color:#7dffb0}
.hist-st.wait{background:rgba(255,153,0,.2);color:#ffd18a}
.hist-st.bad{background:rgba(237,64,20,.22);color:#ff9b8a}
.amt-signed{font-variant-numeric:tabular-nums;font-family:Consolas,"Courier New",monospace;font-weight:700}
.amt-signed.in{color:#5dff9a}
.amt-signed.out{color:#ff7b6b}
.hist-table .num .amt-signed{font-size:13px}