*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;background:#030711;color:#f3f7ff;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}button,input{font:inherit}.hidden{display:none!important}.login-body,.choose-body,.game-body{overflow:hidden}.login-page,.choose-page,.game-page{position:fixed;inset:0;overflow:hidden;background:#020611}.login-art,.choose-art,.world-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.login-shade,.choose-shade,.vignette{position:absolute;inset:0;pointer-events:none}.login-shade{background:linear-gradient(180deg,rgba(1,4,12,.03),rgba(1,4,12,.2) 58%,rgba(1,4,12,.64))}.login-card{position:absolute;z-index:3;left:50%;top:64%;transform:translate(-50%,-50%);width:min(560px,88vw);padding:22px;border:1px solid rgba(92,176,255,.34);border-radius:18px;background:linear-gradient(180deg,rgba(5,13,27,.96),rgba(3,9,20,.98));box-shadow:0 28px 80px rgba(0,0,0,.5),0 0 34px rgba(61,118,255,.18);backdrop-filter:blur(10px)}.login-kicker,.choose-head span{font-size:10px;letter-spacing:.2em;color:#77bfee}.login-card h1,.choose-head h1{margin:8px 0 7px;font-family:"STKaiti","KaiTi",serif;font-size:34px;color:#fff5df}.login-card p,.choose-head p{margin:0 0 16px;color:#91a9c2;font-size:13px;line-height:1.7}.login-form{display:grid;grid-template-columns:1fr 1fr 132px;gap:9px}.login-form label{height:47px;border:1px solid rgba(70,153,222,.5);border-radius:10px;background:#071425;display:flex;align-items:center;padding:0 12px;gap:8px}.login-form label span{color:#69bff2;font-size:11px;white-space:nowrap}.login-form input{width:100%;border:0;outline:0;background:transparent;color:#fff}.login-form button,.hero-card button,.cultivate-btn,.quest-claim,.logout-button,.mini-equip{border:0;cursor:pointer}.login-form button{border-radius:10px;background:linear-gradient(180deg,#f2cd78,#bb741d);color:#171006;font-weight:900;letter-spacing:.1em}.status,.choose-status{min-height:18px;margin-top:10px;text-align:center;color:#7991ad;font-size:11px}.status.error,.choose-status.error{color:#ffaaa9}.choose-shade{background:linear-gradient(180deg,rgba(2,6,15,.2),rgba(2,6,15,.76))}.choose-shell{position:absolute;z-index:2;left:50%;top:54%;transform:translate(-50%,-50%);width:min(1120px,94vw)}.choose-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:18px}.choose-head p{max-width:460px;text-align:right}.hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hero-card{position:relative;padding:22px 18px 18px;border:1px solid rgba(114,179,236,.28);border-radius:18px;background:linear-gradient(180deg,rgba(7,16,32,.9),rgba(4,10,21,.97));box-shadow:0 18px 50px rgba(0,0,0,.3);transition:.2s}.hero-card:hover{transform:translateY(-4px);border-color:rgba(240,197,103,.55)}.hero-symbol{width:54px;height:54px;border:1px solid rgba(240,194,94,.58);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#513b20,#10121b 72%);color:#ffd986;font-family:"STKaiti","KaiTi",serif;font-size:25px}.hero-card h2{margin:12px 0 3px;font:700 27px "STKaiti","KaiTi",serif}.hero-card>b{color:#f0c967;font-size:12px}.hero-card p{min-height:42px;color:#92a9c2;font-size:12px;line-height:1.65}.statline{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0}.statline span{padding:7px 8px;border-radius:8px;background:rgba(24,44,73,.55);font-size:11px;color:#cfe2f6}.hero-card button{width:100%;height:42px;border-radius:10px;background:linear-gradient(180deg,#456fd8,#2d46a4);color:#fff;font-weight:800}.hero-card button:disabled,.login-form button:disabled,.cultivate-btn:disabled{opacity:.5;cursor:wait}.vignette{background:radial-gradient(circle at 50% 45%,transparent 30%,rgba(1,4,11,.48)),linear-gradient(180deg,rgba(2,6,14,.05),rgba(2,6,14,.3))}.player-hud{position:absolute;z-index:2;left:18px;top:16px;display:flex;gap:12px;align-items:center;padding:11px 13px;border-radius:16px;background:linear-gradient(90deg,rgba(3,10,24,.89),rgba(3,10,24,.38));backdrop-filter:blur(7px);border:1px solid rgba(141,196,255,.13)}.avatar{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;border:2px solid rgba(239,184,79,.8);background:radial-gradient(circle,#20375f,#070d1c);font-weight:900}.player-info{display:grid;gap:4px;min-width:250px}.player-info strong{font-size:14px}.player-info em{font-style:normal;color:#8098b8;font-size:10px;margin-left:6px}.player-info>span{font-size:10px;color:#9ab4d4}.meter-row{display:grid;grid-template-columns:28px 1fr 65px;gap:6px;align-items:center}.meter-row small,.meter-row b{font-size:9px;color:#9ab0c7}.meter-row b{text-align:right}.bar{height:7px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}.bar i{display:block;height:100%;border-radius:inherit;transition:width .25s}.hp{background:linear-gradient(90deg,#d6384c,#ff6a62)}.mp{background:linear-gradient(90deg,#2769d4,#59b2ff)}.exp{background:linear-gradient(90deg,#9b6ce8,#f0ca73)}.quest-panel{position:absolute;z-index:2;left:22px;top:150px;width:320px;padding:14px 15px;border-left:3px solid #efb84f;background:linear-gradient(90deg,rgba(3,8,20,.86),rgba(3,8,20,.22));text-shadow:0 2px 8px #000}.quest-title{color:#ffd47d;font-weight:800}.quest-panel p{margin:8px 0 6px;font-size:12px;line-height:1.6}.quest-panel strong{color:#f1c45d;font-size:12px}.quest-claim{margin-left:10px;padding:5px 9px;border-radius:7px;background:#c88b2f;color:#fff;font-size:10px}.top-right{position:absolute;z-index:2;right:16px;top:16px;text-align:right;padding:11px 13px;border-radius:12px;background:rgba(3,9,22,.72);border:1px solid rgba(155,196,255,.18)}.top-right>div:first-child{display:flex;gap:14px;align-items:center}.top-right b{font-family:"STKaiti","KaiTi",serif;font-size:18px}.top-right span,.top-right small{font-size:11px}.top-right small{display:block;color:#8da8c7;margin-top:2px}.currency-row{display:flex;gap:10px;margin-top:7px;color:#e6cf91}.currency-row b{font:700 11px inherit}.save-panel{position:absolute;z-index:2;left:22px;bottom:90px;width:320px;padding:13px;border-radius:14px;background:rgba(3,9,21,.79);border:1px solid rgba(120,177,234,.18);backdrop-filter:blur(7px)}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;color:#a9c2de}.panel-title b{color:#7dd6a5;font-size:10px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:10px 0}.stat-grid span{display:grid;gap:2px;text-align:center;padding:6px 2px;border-radius:8px;background:rgba(30,48,76,.65);font-size:9px;color:#8fa8c4}.stat-grid b{color:#fff;font-size:12px}.cultivate-btn{width:100%;height:37px;border-radius:9px;background:linear-gradient(180deg,#6356db,#344dc0);color:#fff;font-weight:800;font-size:12px}.action-message{min-height:28px;margin-top:8px;color:#91a9c0;font-size:10px;line-height:1.45}.inventory-panel{position:absolute;z-index:2;right:18px;top:108px;width:270px;padding:12px;border-radius:14px;background:rgba(3,9,21,.78);border:1px solid rgba(130,189,245,.16);backdrop-filter:blur(7px)}.inventory-list{display:grid;gap:6px;margin-top:8px;max-height:220px;overflow:auto}.inventory-item{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:8px;border-radius:9px;background:rgba(20,37,62,.73);border:1px solid transparent}.inventory-item.equipped{border-color:rgba(235,191,87,.45)}.inventory-item div{display:grid}.inventory-item strong{font-size:11px}.inventory-item span,.inventory-item small{font-size:9px;color:#8fa7c2}.mini-equip{padding:4px 6px;border-radius:6px;background:#345cad;color:#fff;font-size:9px}.mini-equip:disabled{background:#5f5134;color:#dbc987}.empty{padding:18px;text-align:center;color:#7890a9;font-size:11px}.side-actions{position:absolute;z-index:2;right:18px;top:360px;display:grid;gap:8px}.side-actions button{width:54px;height:51px;border:1px solid rgba(173,207,255,.18);border-radius:11px;background:rgba(3,9,22,.62);color:#fff}.bottom-hud{position:absolute;z-index:2;left:50%;bottom:20px;transform:translateX(-50%)}.slots{display:flex;gap:4px;padding:6px;border-radius:10px;background:rgba(2,7,18,.76)}.slots div{position:relative;width:47px;height:47px;border:1px solid rgba(186,213,255,.22);border-radius:7px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(20,35,62,.92),rgba(8,15,29,.94));font:18px "STKaiti","KaiTi",serif}.slots small{position:absolute;right:4px;bottom:2px;font-size:8px}.skills{position:absolute;z-index:2;right:22px;bottom:20px;display:flex;align-items:flex-end;gap:9px}.skills button{width:52px;height:52px;border-radius:50%;border:1px solid rgba(234,194,91,.7);background:radial-gradient(circle,#8e5b1a,#17100a 72%);color:#ffd679}.skills .main-skill{width:76px;height:76px;font-size:28px}.skills .main-skill span{display:block;font-size:8px}.notice{position:absolute;z-index:2;left:365px;bottom:24px;padding:8px 11px;border-radius:9px;background:rgba(3,8,20,.67);color:#9bb2ca;font-size:10px}.logout-button{position:absolute;z-index:3;right:18px;top:75px;padding:6px 10px;border-radius:8px;background:rgba(3,9,22,.7);border:1px solid rgba(190,216,246,.2);color:#dcecff;font-size:10px}
@media(max-width:800px){.login-body,.choose-body{overflow:auto}.login-page,.choose-page{position:relative;min-height:100dvh}.login-art,.choose-art{height:47dvh;object-position:center top}.login-shade,.choose-shade{background:linear-gradient(180deg,transparent 24%,#030711 47%,#030711)}.login-card{position:relative;left:auto;top:auto;transform:none;width:auto;margin:43dvh 13px 20px;padding:18px}.login-card h1{font-size:28px}.login-form{grid-template-columns:1fr}.login-form label,.login-form button{height:50px}.choose-shell{position:relative;left:auto;top:auto;transform:none;width:auto;margin:39dvh 12px 28px}.choose-head{display:block}.choose-head h1{font-size:27px}.choose-head p{text-align:left}.hero-grid{grid-template-columns:1fr}.hero-card{padding:16px}.hero-card p{min-height:auto}.game-page{position:fixed}.world-art{object-position:58% center}.player-hud{left:8px;top:8px;padding:7px;gap:7px}.avatar{width:40px;height:40px}.player-info{min-width:155px}.player-info strong{font-size:11px}.meter-row{grid-template-columns:24px 1fr 48px}.meter-row small,.meter-row b{font-size:7px}.quest-panel{left:8px;top:92px;width:245px;padding:9px}.quest-panel p{font-size:10px}.top-right{right:6px;top:8px;padding:7px}.top-right b{font-size:12px}.top-right span,.top-right small{font-size:8px}.currency-row{display:grid;gap:1px}.inventory-panel{display:none;right:7px;top:90px;width:235px}.inventory-panel.open-mobile{display:block}.side-actions{right:6px;top:162px}.side-actions button{width:42px;height:42px;font-size:9px}.save-panel{left:8px;bottom:76px;width:236px;padding:9px}.stat-grid{margin:7px 0}.cultivate-btn{height:34px;font-size:10px}.action-message{font-size:9px}.bottom-hud{left:7px;bottom:9px;transform:none;max-width:58vw;overflow:hidden}.slots{gap:3px;padding:4px}.slots div{width:35px;height:35px;font-size:14px}.slots div:nth-child(n+6){display:none}.skills{right:6px;bottom:8px;gap:4px}.skills button{width:39px;height:39px;font-size:10px}.skills .main-skill{width:58px;height:58px;font-size:22px}.notice{display:none}.logout-button{right:6px;top:58px;padding:4px 7px;font-size:8px}}