.wb{isolation:isolate;padding:calc(var(--hh) + var(--safe-t) + clamp(28px,5vw,64px)) 0 clamp(40px,6vw,80px);position:relative;overflow:clip}.wb .glow{pointer-events:none;z-index:-1;opacity:.55;border-radius:50%;width:560px;height:560px;position:absolute}.wb .g1{--c:#234fd733;top:-220px;inset-inline-start:-180px}.wb .g2{--c:#4a74ee29;top:30%;inset-inline-end:-220px}.wb-g{grid-template-columns:minmax(0,1fr) minmax(0,440px);grid-template-areas:"cr cr""ban fw""hd fw""more fw";align-items:start;gap:clamp(24px,3vw,36px) clamp(28px,4vw,56px);display:grid}.wb .crumb{grid-area:cr}.wb-hd{grid-area:hd}.wb-ban{grid-area:ban}.wb-more{grid-area:more}.wb .crumb{flex-wrap:wrap;justify-content:flex-start;margin-bottom:-8px}.wb-tag{color:var(--green);background:#0f9d6f1a;border-radius:999px;align-items:center;gap:10px;padding:6px 16px;font-size:.85rem;font-weight:800;display:inline-flex}.wb-tag i{background:currentColor;border-radius:50%;width:8px;height:8px;position:relative}.wb-tag i:after{content:"";border-radius:inherit;background:currentColor;animation:1.8s ease-out infinite wbPing;position:absolute;inset:0}@keyframes wbPing{to{opacity:0;transform:scale(2.8)}}.wb h1{margin-top:14px;font-size:clamp(1.9rem,4.4vw,3rem);font-weight:900;line-height:1.4}.wb-hd .sub{max-width:620px}.wb-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px;list-style:none;display:grid}.wb-meta li{background:var(--card);border:1px solid var(--line);border-radius:16px;align-items:center;gap:10px;min-height:52px;padding:10px 14px;font-size:.92rem;font-weight:700;line-height:1.6;display:flex}.wb-meta svg{width:20px;height:20px;color:var(--pri);flex:none}.wb-cd{--h:clamp(66px,6.2vw,80px);border:1px solid var(--line);background:linear-gradient(#fff,#f3f6fe);border-radius:24px;width:fit-content;max-width:100%;margin-top:22px;padding:16px 20px 14px;position:relative;box-shadow:0 28px 60px -40px #234fd7b3,inset 0 1px #fff}.wb-cd-t{color:var(--pri3);align-items:center;gap:8px;margin-bottom:14px;font-size:.84rem;font-weight:800;display:flex}.wb-cd-t i{background:var(--pri);border-radius:50%;width:8px;height:8px;position:relative}.wb-cd-t i:after{content:"";border-radius:inherit;color:var(--pri);background:currentColor;animation:1.8s ease-out infinite wbPing;position:absolute;inset:0}.wb-cd-u{direction:ltr;gap:22px;display:flex}.wb-cd-u>span{flex:1;justify-items:center;gap:8px;width:88px;min-width:0;display:grid;position:relative}.wb-cd-u>span+span:before,.wb-cd-u>span+span:after{content:"";background:var(--pri);opacity:.35;border-radius:50%;width:6px;height:6px;position:absolute;left:-14px}.wb-cd-u>span+span:before{top:calc(var(--h)/2 - 11px)}.wb-cd-u>span+span:after{top:calc(var(--h)/2 + 5px)}.wb-cd small{color:var(--mute);letter-spacing:.01em;font-size:.76rem;font-weight:700}.fc{width:100%;height:var(--h);perspective:420px;color:#fff;border-radius:18px;font-size:clamp(1.85rem,3.3vw,2.45rem);font-weight:900;display:block;position:relative;box-shadow:0 2px #1a3a9e,0 20px 32px -18px #234fd7f2}.fc:before{content:"";z-index:3;border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff24,#0000 46%);position:absolute;inset:0;box-shadow:inset 0 1px #ffffff47,inset 0 0 0 1px #ffffff14}.fc:after{content:"";inset-inline:0;z-index:3;background:linear-gradient(90deg,#0a1640 0 5px,#0a164699 5px calc(100% - 5px),#0a1640 calc(100% - 5px));height:2px;margin-top:-1px;position:absolute;top:50%;box-shadow:0 1px #ffffff24}.fc-h{backface-visibility:hidden;height:50%;position:absolute;inset-inline:0;overflow:hidden}.fc-h b{height:var(--h);line-height:var(--h);text-align:center;font-feature-settings:"tnum";text-shadow:0 2px 6px #08144659;position:absolute;inset-inline:0}.fc-t{transform-origin:50% 100%;background:linear-gradient(#5a82f5,#3561e8);border-radius:18px 18px 0 0;top:0}.fc-t b{top:0}.fc-b{transform-origin:50% 0;background:linear-gradient(#2650d6,#1b3db8);border-radius:0 0 18px 18px;bottom:0}.fc-b b{bottom:0}.fc-ft{z-index:2;animation:.28s ease-in fcTop;transform:rotateX(-90deg)}.fc-fb{z-index:2;animation:.32s cubic-bezier(.3,1.4,.5,1) .28s both fcBot}.fc-ft:after,.fc-fb:after{content:"";opacity:0;background:#0a1640;position:absolute;inset:0}.fc-ft:after{animation:.28s ease-in fcDark}.fc-fb:after{animation:.32s ease-out .28s both fcLight}@keyframes fcTop{0%{transform:none}}@keyframes fcDark{to{opacity:.5}}@keyframes fcLight{0%{opacity:.5}}@keyframes fcBot{0%{transform:rotateX(90deg)}}.wb-cd-end{color:var(--pri3);background:#234fd714;border-radius:16px;padding:12px 18px;font-weight:700}.wb-ban{border:1px solid var(--line);background:#0d0f14;border-radius:28px;margin:0;position:relative;overflow:hidden;box-shadow:0 34px 70px -38px #141a2ab3}.wb-ban img{width:100%;height:auto;display:block}.wb-fw{top:calc(var(--hh) + var(--safe-t) + 20px);scroll-margin-top:calc(var(--hh) + var(--safe-t) + 12px);grid-area:fw;position:sticky}.wb-seat{color:var(--mute);background:#234fd712;border:1px dashed #234fd74d;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;margin-bottom:12px;padding:10px 18px;font-size:.82rem;display:flex}.wb-seat b{color:var(--pri);font-weight:800}.wb-more h2{margin:clamp(8px,2vw,20px) 0 18px;font-size:clamp(1.3rem,2.6vw,1.8rem)}.wb-learn{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:clamp(20px,3vw,32px);list-style:none;display:grid}.wb-learn li{border-radius:var(--r);background:var(--card);border:1px solid var(--line);align-items:flex-start;gap:14px;padding:20px;display:flex;box-shadow:0 18px 50px -30px #234fd759}.wb-learn b{width:42px;height:42px;color:var(--pri);background:#234fd717;border-radius:14px;flex:none;place-items:center;font-weight:900;display:grid}.wb-learn li:first-child b{color:#fff;background:linear-gradient(135deg,var(--pri2),var(--pri3))}.wb-learn h3{margin-bottom:4px;font-size:1.02rem;font-weight:800;line-height:1.6}.wb-learn p{color:var(--mute);font-size:.9rem;line-height:1.8}.wb-more .note{margin-top:28px}@media (max-width:960px){.wb-g{grid-template-columns:minmax(0,1fr);grid-template-areas:"cr""ban""hd""fw""more"}.wb-fw{justify-self:center;width:100%;max-width:560px;position:static}}@media (max-width:640px){.wb-meta,.wb-learn{grid-template-columns:1fr}.wb-cd{--h:62px;width:auto;padding:14px 14px 12px}.wb-cd-u{gap:14px}.wb-cd-u>span{width:auto}.wb-cd-u>span+span:before,.wb-cd-u>span+span:after{width:5px;height:5px;left:-10px}.wb-ban{border-radius:22px}.wb .glow{width:340px;height:340px}}