:root{--gold:#f4c73e;--blue:#357ff0;--indigo:#3c3d9f;--muted:#aab2ae;--white:#f7f8f7}*{box-sizing:border-box}html{background:#020d06}body{margin:0;background:repeating-linear-gradient(90deg,rgba(6,43,20,.78) 0,rgba(6,43,20,.78) 32px,rgba(3,23,12,.88) 32px,rgba(3,23,12,.88) 64px),linear-gradient(#071a0d,#001007);color:var(--white);font-family:"Microsoft YaHei",Arial,sans-serif;min-height:100vh}.site{width:min(100%,760px);margin:auto;padding:18px 14px 150px}.topline{display:flex;align-items:center;justify-content:space-between;padding:8px 4px 15px}.cup{font-size:14px;font-weight:800}.cup b{display:inline-block;background:linear-gradient(90deg,#f89528,#ffbd31);padding:3px 7px;border-radius:3px;margin-right:8px;font-size:11px}.online{font-size:12px;background:#0c1110;border:1px solid #18201d;padding:9px 12px;border-radius:22px;color:#bac2bd}.online strong{color:var(--gold);font-size:14px}.strap{font-size:13px;color:#d7ddd9;padding:0 4px 17px}.notice{display:flex;gap:12px;align-items:center;background:#070b09;border:1px solid #16241b;border-radius:5px;padding:11px 14px;font-size:12px;margin-bottom:14px;overflow:hidden;white-space:nowrap}.notice b{color:var(--gold)}.notice span{overflow:hidden;text-overflow:ellipsis}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:16px}.category{height:145px;border-radius:9px;border:1px solid #243128;position:relative;overflow:hidden;padding:92px 13px 12px;box-shadow:inset 0 -65px 45px rgba(0,0,0,.82)}.category h3{margin:0;color:#ffd84b;font-size:15px}.category p{margin:5px 0 0;color:#d0d4d1;font-size:11px}.c1{background:radial-gradient(circle at 25% 25%,#bd2637 0 6%,transparent 30%),linear-gradient(135deg,#22101a,#082739)}.c2{background:radial-gradient(circle at 65% 35%,#d69d21 0 10%,transparent 35%),linear-gradient(135deg,#321735,#4a2d09)}.c3{background:radial-gradient(circle at 35% 30%,#c88a2b 0 8%,transparent 33%),linear-gradient(135deg,#231a0d,#3c170c)}.c4{background:radial-gradient(circle at 70% 30%,#1b74b6 0 9%,transparent 38%),linear-gradient(135deg,#092039,#1b552c)}.products{background:rgba(17,22,20,.96);border:1px solid #303733;border-radius:13px;overflow:hidden;box-shadow:0 14px 40px rgba(0,0,0,.28)}.product{padding:15px 16px 14px;border-bottom:1px solid #262d2a}.product:last-child{border:0}.product-head{display:flex;align-items:center;gap:13px;margin-bottom:12px}.logo{width:54px;height:54px;border-radius:12px;border:1px solid #3a423e;background:linear-gradient(145deg,#303533,#171b19);display:grid;place-items:center;overflow:hidden;color:#dce2df;font-weight:900;font-size:11px}.logo img{width:100%;height:100%;object-fit:contain;padding:5px}.product h2{font-size:17px;margin:0 0 6px}.product p{margin:0;color:var(--muted);font-size:12px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn{height:43px;display:grid;place-items:center;border-radius:9px;text-decoration:none;font-weight:800;font-size:15px}.btn-web{color:#fff;border:1px solid #527ce8;background:linear-gradient(100deg,var(--blue),var(--indigo));box-shadow:0 7px 20px rgba(52,119,238,.24)}.btn-app{color:#ffdd4a;border:1px solid #8c6d00;background:#0b0d0c}.event{margin-top:16px;border:1px solid #dce4df;border-radius:12px;padding:17px 18px;display:flex;justify-content:space-between;align-items:center;background:rgba(2,21,9,.7)}.event small{border:1px solid #aebbb4;border-radius:20px;padding:2px 7px}.event h3{margin:8px 0 4px;font-size:16px}.event p{margin:0;color:var(--muted);font-size:12px}.trophy{font-size:26px}.chat{position:fixed;z-index:5;left:50%;bottom:16px;transform:translateX(-50%);width:min(calc(100% - 28px),732px);display:flex;align-items:center;gap:12px;padding:11px;border:1px solid #9a751c;border-radius:18px;background:linear-gradient(105deg,#2e3028,#09235b);box-shadow:0 10px 35px rgba(0,0,0,.48);color:#fff;text-decoration:none}.chat-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#e2a829,#586feb);font-weight:800}.chat div{flex:1}.chat strong{font-size:13px}.chat p{margin:4px 0 0;color:#cdd4df;font-size:11px}.chat em{font-style:normal;background:#3478ff;padding:10px 12px;border-radius:18px;font-size:12px}@media(max-width:480px){.site{padding:10px 9px 125px}.category{height:118px;padding-top:71px}.product{padding:13px 11px}.logo{width:48px;height:48px}.actions{gap:7px}.btn{font-size:14px}.online{padding:7px 9px}}