*{box-sizing:border-box}body{margin:0;background:#f6f2e7;color:#30483a;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}main{max-width:1180px;margin:auto;padding:28px 40px}header{display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{color:inherit;font-weight:800;text-decoration:none;font-size:20px}.brand>span{display:inline-grid;place-items:center;background:#41644c;color:#fff2ca;border-radius:13px;width:38px;height:38px;margin-right:8px}.badge{font-size:12px;letter-spacing:2px;color:#7c8773}.intro{position:relative;padding:65px 0 35px}.eyebrow{font-size:11px;letter-spacing:3px;color:#7c8e72}h1{font-size:64px;line-height:1.15;letter-spacing:-2px;margin:20px 0}h1 span{color:#d6ab57;display:inline-block;margin-left:30px}.lead{color:#778071;line-height:1.9;font-size:16px}.phone{display:none}.friends{position:absolute;right:0;bottom:48px;display:flex;align-items:flex-end}.friends img{width:66px;height:112px;object-fit:contain}.friends img:nth-child(4){height:78px}.friends span{position:absolute;bottom:-30px;right:15px;font-size:12px;letter-spacing:3px;color:#82917b}.games{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:20px 0 38px}.card{overflow:hidden;border-radius:26px;border:1px solid #e1dfcd;background:#fffcf3;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-5px);box-shadow:0 16px 30px #344d3914}.art{height:205px;background:#e7e9d9;position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.pop .art{background:#eee4ee}.treasure .art{background:#f1e4c7}.defense .art{background:#dce8cd}.orb{position:absolute;width:230px;height:230px;border:1px solid #ffffff80;border-radius:50%;top:30px;background:#ffffff26}.art img{height:180px;width:180px;object-fit:contain;position:relative;filter:drop-shadow(0 8px 8px #4a4a3b13)}.spark{position:absolute;right:32px;top:30px;color:#fff9e7;font-size:42px}.copy{padding:25px}.tag{font-size:11px;letter-spacing:2px;color:#7c876d}h2{font-size:23px;margin:12px 0}.copy p{min-height:48px;line-height:1.8;color:#7a8272;font-size:13px}.go{display:flex;justify-content:space-between;margin-top:24px;border-top:1px solid #e6e4d7;padding-top:17px;font-size:14px;font-weight:700}.go b{font-size:20px;color:#8a9a70}footer{border-top:1px solid #dedfce;padding:20px 0;color:#89907f;font-size:12px;line-height:1.8}footer p{margin:5px 0}details{max-width:620px;margin-top:12px}summary{cursor:pointer;color:#526c50}@media(max-width:760px){main{padding:20px}.badge{display:none}.intro{padding:38px 0 25px}h1{font-size:48px}.lead{font-size:14px}.phone{display:block}.friends{right:0;bottom:40px}.friends img{width:36px;height:75px}.friends img:nth-child(4){height:48px}.friends span{display:none}.games{grid-template-columns:1fr;gap:16px}.card{display:grid;grid-template-columns:36% 64%;border-radius:22px}.art{height:100%;min-height:220px}.art img{width:100%;height:180px}.orb{width:190px;height:190px;top:35px}.spark{right:12px;top:22px;font-size:27px}.copy{padding:20px}h2{font-size:20px}.copy p{font-size:12px;margin:12px 0}.go{margin-top:15px;padding-top:12px}}header .brand{display:flex;align-items:center;gap:10px}.brand-avatar{width:46px;height:46px;object-fit:contain;border-radius:50%;background:#e6e8f2;border:2px solid #fff}.host-avatar{position:absolute;right:140px;top:18px;display:flex;align-items:center;gap:16px;color:#7a8272;font-size:12px}.host-avatar img{width:124px;height:124px;object-fit:contain;background:#e8e9f2;border:6px solid #fffcf3;border-radius:50%;box-shadow:0 6px 20px #626c7212}.host-avatar span{max-width:90px;line-height:1.9}.friends img,.friends img:nth-child(4){width:66px;height:76px;object-fit:contain}.friends{gap:6px;right:0;bottom:48px}@media(max-width:760px){.brand{font-size:19px}.brand-avatar{width:42px;height:42px}.host-avatar{right:0;top:36px}.host-avatar img{width:84px;height:84px;border-width:4px}.host-avatar span{display:none}.friends{gap:0;bottom:30px}.friends img,.friends img:nth-child(4){width:34px;height:44px}.intro h1{font-size:clamp(38px,9vw,48px)}.intro h1 span{margin-left:10px}.intro .lead{max-width:65%;font-size:13px}.eyebrow{max-width:calc(100% - 90px);font-size:9px;letter-spacing:1.8px;line-height:1.8}.art img{width:95%;height:175px;object-fit:contain}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}