.app{background:radial-gradient(circle at 75% 12%,#087c9d 0,transparent 28%),radial-gradient(circle at 15% 30%,#076290 0,transparent 35%),linear-gradient(170deg,#064b70,#05243f 65%,#02182d)!important}
.board{background:linear-gradient(145deg,#08789ad9,#06395ed9)!important;border-color:#75eaff88!important}
.headRight{display:flex;align-items:center;gap:6px}.account{height:42px;padding:0 9px;border:1px solid #73e8ff55;border-radius:13px;background:#007d9f66;font-size:11px;font-weight:750;max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oceanTools{grid-template-columns:repeat(4,1fr)}.memberBtn{background:linear-gradient(145deg,#f1b84e,#a16d11)!important}.panel{position:relative;max-height:92vh;overflow:auto;padding:22px}.panel .oceanLogo{font-size:48px}.panel input{display:block;width:100%;height:45px;margin:9px 0;padding:0 13px;border:1px solid #85eaff55;border-radius:13px;outline:0;background:#071c38aa;color:#fff;font:inherit;user-select:text}.panel input:focus{border-color:#57e3ff;box-shadow:0 0 0 3px #44dfff22}.panel input::placeholder{color:#a8bcd0}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:15px 0 10px;padding:4px;border-radius:13px;background:#06172e}.tabs button{padding:9px;border-radius:10px;background:transparent;color:#9fc9d5}.tabs button.active{background:#12a9c3;color:#fff}.mainBtn{width:100%;height:46px;margin-top:8px;border-radius:14px;background:linear-gradient(135deg,#13c8d8,#1664c2)!important;font-weight:800}.panel small{display:block;margin-top:10px;color:#a9d6df;font-size:11px;line-height:1.5}.panel .close{position:absolute;right:13px;top:12px;width:32px;height:32px;border-radius:50%;background:#ffffff18;font-size:21px}.shop{width:min(360px,94vw)}.shop h3{text-align:left;margin:16px 3px 7px;font-size:14px}.plans{display:grid;gap:8px}.plans button{position:relative;display:flex;justify-content:space-between;align-items:center;padding:13px;border:1px solid #73e8ff55;border-radius:14px;background:linear-gradient(135deg,#0d6680,#143d74)}.plans b{font-size:14px}.plans span{color:#fff0a6;font-size:13px}.plans .hot{border-color:#ffe27b;background:linear-gradient(135deg,#71611a,#8d5316)}.plans i{position:absolute;right:-3px;top:-8px;padding:2px 6px;border-radius:8px;background:#ff5a91;font-size:9px;font-style:normal}.benefits{margin-top:10px;padding:10px;border-radius:12px;background:#071b35;color:#aeeaf2;font-size:11px;line-height:1.7}.profileCard{display:flex;justify-content:space-between;align-items:center;margin:9px 0 13px;padding:11px;border-radius:14px;background:#062646}.profileCard b,.profileCard span{display:block;text-align:left}.profileCard span{font-size:11px;color:#a8d1db;margin-top:3px}.profileCard strong{color:#ffe47d}.orders{max-height:105px;overflow:auto;text-align:left;font-size:11px}.order{display:flex;justify-content:space-between;padding:7px 4px;border-bottom:1px solid #ffffff15}.order i{font-style:normal;color:#ffdb82}.logout{margin-top:12px;padding:7px 15px;border-radius:10px;background:#ffffff15;color:#b9ccd3}.pay img{display:block;width:min(230px,70vw);margin:8px auto;border-radius:14px;background:#fff}.pay em{display:block;margin-top:9px;color:#ffc4ad;font-size:10px;font-style:normal;line-height:1.5}.pay p{margin-bottom:5px}.pay p b{color:#ffe275;font-size:18px}@media(max-width:370px){.account{max-width:76px}.tool{font-size:11px}.tool span{margin-right:2px}}

.guestBtn{width:100%;height:42px;margin-top:8px;border:1px solid #73e8ff55;border-radius:14px;background:#ffffff12!important;color:#bceef5;font-weight:750}
.agree{display:flex!important;align-items:flex-start;gap:7px;margin:9px 2px;color:#b7dce5;font-size:10px;text-align:left}.agree input{width:17px!important;height:17px!important;margin:0!important;accent-color:#15b8cc}.thirdLogin{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}.thirdLogin button{height:34px!important;border-radius:11px!important;background:#ffffff0b!important;color:#7897a1!important;font-size:10px}.coinShop{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.coinShop button{height:38px!important;padding:0 5px!important;border:1px solid #ffe47b55!important;border-radius:12px!important;background:#8a6b1766!important;font-size:11px!important}.plans{grid-template-columns:1fr}.plans button{min-height:48px}
.authMethod{margin:2px 3px 8px!important;padding:8px 10px;border-radius:10px;background:#062843;color:#9ddbe6!important;text-align:left}