*{box-sizing:border-box}body{margin:0;background:#05070b;color:#eef7fb;font-family:"Microsoft YaHei",Arial,sans-serif}a{color:inherit;text-decoration:none}.page{width:100%;max-width:1200px;margin:0 auto;min-height:810px}.nav{max-width:1200px;margin:0 auto;padding:0 18px;height:52px;display:grid;grid-template-columns:128px 1fr;align-items:center;gap:20px;border-bottom:1px solid rgba(255,255,255,.055);box-sizing:border-box}.logo img{display:block;width:126px;height:auto}.links{display:flex;align-items:center;gap:25px;color:#a7b7c2;font-size:14px}.links .on{color:#37d9ff;font-weight:700;position:relative;height:52px;display:inline-flex;align-items:center}.links .on::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#37d9ff;border-radius:3px}.title-row{max-width:1200px;margin:0 auto;height:58px;display:flex;align-items:center;gap:22px;padding:0 18px;box-sizing:border-box}.title-row h1{margin:0;font-size:30px;letter-spacing:0}.title-row p{margin:4px 0 0;color:#b8c7d0;font-size:14px}.stage{max-width:1200px;margin:0 auto 20px;padding:12px 18px;box-sizing:border-box;position:relative;border:1px solid rgba(65,180,220,.16);border-radius:8px;background:radial-gradient(circle at 50% -20%,rgba(45,213,255,.10),transparent 34%),linear-gradient(180deg,rgba(10,22,32,.70),rgba(4,10,16,.82));box-shadow:0 16px 42px rgba(0,0,0,.24),inset 0 0 38px rgba(45,213,255,.035)}.stage::before{content:"";position:absolute;inset:1px;pointer-events:none;border-radius:7px;background:linear-gradient(90deg,rgba(45,213,255,.055),transparent 18%,transparent 82%,rgba(255,159,50,.04)),linear-gradient(180deg,rgba(255,255,255,.025),transparent 24%)}.stage>*{position:relative;z-index:1}.hero{display:grid;grid-template-columns:1fr 414px;gap:12px}.card{border:1px solid rgba(62,190,235,.24);border-radius:7px;background:rgba(5,14,22,.62);overflow:hidden;box-shadow:inset 0 0 24px rgba(31,211,255,.035),0 6px 18px rgba(0,0,0,.18)}.map-card{height:368px;position:relative;padding:26px 26px}.map-card::before{content:"";position:absolute;top:0;right:0;bottom:0;left:230px;background:url("https://img.18183.com/uploads/allimg/260717/357-260GG61620.jpg") center / cover no-repeat;opacity:.96}.map-card::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,14,20,.98) 0%,rgba(4,14,20,.91) 24%,rgba(4,14,20,.42) 45%,rgba(4,14,20,.08) 70%),linear-gradient(180deg,rgba(4,14,20,.08),rgba(4,14,20,.38))}.map-copy{position:relative;z-index:1;width:250px}.map-cover-link{position:absolute;top:0;right:0;bottom:0;left:270px;z-index:2;display:block;font-size:0;line-height:0}.map-copy h2{margin:0 0 10px;color:#34d9ff;font-size:36px;line-height:1.05}.map-copy p{margin:0 0 22px;color:#d2e4ec;font-size:14px}.map-links{display:grid;gap:10px;margin-bottom:22px}.map-links a{width:176px;height:38px;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:8px;padding:0 12px;border:1px solid rgba(255,255,255,.09);border-radius:4px;background:rgba(0,0,0,.3);font-size:13px;font-weight:700}.map-links img{max-width:26px;max-height:26px;object-fit:contain;justify-self:center}.blue-btn{width:122px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(19,197,243,.65);border-radius:4px;color:#37d9ff;background:rgba(19,197,243,.12);font-weight:700}.side{display:grid;gap:10px}.side-card{height:116px;position:relative;padding:18px 20px}.side-card::before{content:"";position:absolute;inset:0;background-repeat:no-repeat;opacity:.96}.side-card.password::before,.side-card.side-1::before{background-image:url("https://img.18183.com/uploads/allimg/260717/357-260GG61648.png");background-position:92% center;background-size:auto 92%}.side-card.gun::before,.side-card.side-2::before{background-image:url("https://img.18183.com/uploads/allimg/260717/357-260GG61F4.png");background-position:96% center;background-size:auto 82%}.side-card.book::before,.side-card.side-3::before{background-image:url("https://img.18183.com/uploads/allimg/260717/357-260GG61H0.png");background-position:95% 58%;background-size:auto 86%}.side-card::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,13,20,.98) 0%,rgba(5,13,20,.90) 42%,rgba(5,13,20,.38) 68%,rgba(5,13,20,.10) 100%),linear-gradient(180deg,rgba(5,13,20,.10),rgba(5,13,20,.34))}.side-card h3,.side-card p,.side-card span{position:relative;z-index:1}.side-card h3{margin:0 0 6px;font-size:22px;line-height:1.1}.side-card p{margin:0;color:#c6d6de;font-size:13px}.orange-btn{height:28px;display:inline-flex;align-items:center;justify-content:center;margin-top:10px;padding:0 14px;border:1px solid rgba(255,159,50,.62);border-radius:4px;color:#ffb147;font-size:13px;font-weight:700;background:rgba(0,0,0,.18)}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.quick-card{height:90px;display:grid;grid-template-columns:92px 1fr;align-items:center;column-gap:6px;position:relative;padding:10px 14px 12px 10px;background:radial-gradient(ellipse at 44px 42px,rgba(40,223,255,.18),transparent 50px),linear-gradient(90deg,rgba(12,39,52,.42),rgba(5,14,22,.72) 48%,rgba(5,14,22,.96))}.quick-card::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(8,24,32,0) 0%,rgba(7,17,25,.10) 24%,rgba(7,17,25,.74) 50%,rgba(7,17,25,.92) 100%),linear-gradient(180deg,rgba(255,255,255,.045),rgba(0,0,0,.20))}.quick-card::after{content:"";position:absolute;left:8px;top:7px;width:138px;height:76px;z-index:3;pointer-events:none;background:linear-gradient(90deg,rgba(5,14,22,0) 0%,rgba(5,14,22,0) 48%,rgba(5,14,22,.62) 78%,rgba(5,14,22,.98) 100%),linear-gradient(180deg,rgba(5,14,22,.42) 0%,rgba(5,14,22,0) 22%,rgba(5,14,22,0) 66%,rgba(5,14,22,.82) 100%)}.quick-card>span:not(.img-box){position:relative;z-index:4;display:block}.img-box{width:76px;height:60px;display:flex;align-items:center;justify-content:center;overflow:hidden}.img-box img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:center}.quick-card strong{display:block;font-size:15px;line-height:1.2}.quick-card p{margin:4px 0 0;color:#b9c8d1;font-size:11px}.quick-card .orange-btn{height:24px;margin-top:6px;padding:0 12px;font-size:12px}.quick-card>.img-box{position:relative;width:104px;height:74px;margin:0;z-index:1;opacity:.92;overflow:hidden;filter:drop-shadow(0 0 14px rgba(40,223,255,.18));-webkit-mask-image:none;mask-image:none}.quick-card>.img-box::after{content:"";position:absolute;inset:-1px;z-index:2;pointer-events:none;box-shadow:inset -44px 0 28px rgba(5,14,22,.98),inset 18px 0 18px rgba(5,14,22,.34),inset 0 16px 20px rgba(5,14,22,.82),inset 0 -22px 24px rgba(5,14,22,.96)}.quick-card>.img-box img{position:relative;z-index:1;width:auto;height:auto;max-width:92px;max-height:64px;object-fit:contain;object-position:center;mix-blend-mode:screen}.quick-card:nth-child(1)>.img-box img{max-width:74px;max-height:62px}.quick-card:nth-child(2)>.img-box img{max-width:96px;max-height:48px}.quick-card:nth-child(3)>.img-box img{max-width:82px;max-height:64px}.quick-card:nth-child(4)>.img-box img{max-width:78px;max-height:64px}.bottom{display:grid;grid-template-columns:1fr 298px;gap:12px;margin-top:12px}.module{padding:14px}.head{height:28px;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.head h2{margin:0;font-size:20px}.head a{color:#9fb3bf;font-size:13px}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.tool{height:86px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;border:1px solid rgba(255,255,255,.075);border-radius:5px;background:rgba(255,255,255,.04);text-align:center;font-size:14px;font-weight:700;padding:8px 8px 7px;overflow:hidden}.tool .img-box{width:100%;height:50px;margin-bottom:6px;border-radius:3px;overflow:hidden;background:rgba(0,0,0,.18)}.tool .img-box img{width:100%;height:100%;max-width:none;max-height:none;display:block;object-fit:cover;object-position:center}.rank{padding:14px 16px;background:radial-gradient(circle at 50% 100%,rgba(28,122,155,.12),transparent 52%),rgba(5,14,22,.72)}.rank .head h2{display:inline-flex;align-items:center;gap:8px;font-size:18px}.rank .head h2::before{content:"";width:20px;height:20px;display:inline-block;border-radius:50%;background:radial-gradient(circle at 48% 62%,#ffd05d 0 14%,transparent 15%),radial-gradient(circle at 50% 58%,#ff7a24 0 38%,transparent 39%),linear-gradient(135deg,#ff3b2f,#ff9f32);box-shadow:0 0 12px rgba(255,92,34,.32);clip-path:polygon(52% 0,70% 25%,84% 42%,76% 72%,55% 100%,32% 88%,16% 66%,22% 42%,38% 28%)}.rank ol{list-style:none;margin:0;padding:0;display:grid;gap:0}.rank li{border-top:1px solid rgba(255,255,255,.045)}.rank li:first-child{border-top:0}.rank li a{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;min-height:34px;font-size:14px;font-weight:700;color:#c9d6dd}.num{width:22px;height:22px;display:grid;place-items:center;border-radius:3px;color:#fff;background:linear-gradient(180deg,#ff542f,#ff9630);font-weight:900;box-shadow:0 0 10px rgba(255,105,42,.18)}.rank li:nth-child(n+4) .num{color:#dce7ec;background:linear-gradient(180deg,#68717a,#3c444d);box-shadow:none}.rank em{color:#ff9f32;font-style:normal;font-weight:700;display:inline-flex;align-items:center;gap:4px}@media (max-width:1024px){html,body{width:100%;overflow-x:hidden;background:#05070b}.page{width:100%;max-width:none;min-width:0;margin:0 auto;min-height:auto}.nav{max-width:none;min-height:50px;height:auto;grid-template-columns:96px minmax(0,1fr);gap:8px;padding:0 10px}.logo img{width:92px}.links{min-width:0;gap:18px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;font-size:13px}.links::-webkit-scrollbar{display:none}.links a{flex:0 0 auto}.links .on{height:50px}.title-row{max-width:none;height:auto;display:block;padding:14px 10px 10px}.title-row h1{font-size:24px;line-height:1.2}.title-row p{margin-top:6px;font-size:12px}.stage{max-width:none;margin:0 8px 16px;padding:8px;border-radius:8px}.hero,.bottom{grid-template-columns:1fr;gap:10px}.map-card{height:360px;padding:22px 18px}.map-card::before{left:0;background-position:62% center;background-size:auto 100%}.map-card::after{background:linear-gradient(90deg,rgba(4,14,20,.98) 0%,rgba(4,14,20,.88) 46%,rgba(4,14,20,.20) 100%),linear-gradient(180deg,rgba(4,14,20,0) 0%,rgba(4,14,20,.74) 100%)}.map-copy{width:min(245px,72vw);z-index:3}.map-copy h2{font-size:32px}.map-copy p{margin-bottom:18px;font-size:13px}.map-links a{width:176px;max-width:100%}.map-cover-link{left:0;top:124px;z-index:2}.side{display:grid;grid-template-columns:1fr;gap:10px}.side-card{height:128px;padding:18px 18px}.side-card h3{max-width:62%;font-size:21px;line-height:1.15}.side-card p{max-width:58%;font-size:12px;line-height:1.4;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.side-card .orange-btn{margin-top:10px}.quick{display:flex;flex-wrap:nowrap;gap:10px;margin-top:10px;overflow-x:auto;scrollbar-width:none}.quick::-webkit-scrollbar{display:none}.quick-card{flex:0 0 280px;height:106px;grid-template-columns:96px minmax(0,1fr);padding-right:12px}.quick-card>.img-box{width:96px;height:78px}.quick-card strong{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-card p{font-size:12px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.quick-card .orange-btn{height:24px;margin-top:7px;padding:0 12px;font-size:12px}.module,.rank{padding:12px}.head{height:30px}.head h2,.rank .head h2{font-size:18px}.grid{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;scrollbar-width:none}.grid::-webkit-scrollbar{display:none}.tool{flex:0 0 140px;height:92px;min-width:0;font-size:13px}.tool .img-box{height:52px}.rank li a{grid-template-columns:24px minmax(0,1fr) auto;gap:8px;font-size:13px}.rank em{font-size:13px}}@media (max-width:420px){.nav{grid-template-columns:84px minmax(0,1fr)}.logo img{width:82px}.map-card{height:340px}.side-card h3,.side-card p{max-width:68%}.quick-card{grid-template-columns:88px minmax(0,1fr)}.quick-card>.img-box{width:88px}}