/* 2026-10-26 双十一会员定价区（VIP / SVIP / 公会版） */
.b11{--b11-gold:#F3D9A4;--b11-gold2:#E2B867;--b11-ink:#F4F1EA;--b11-mute:#B9B2C6;--b11-dim:#8C86A0;--b11-red:#D92D45;--b11-violet:#E6D3FF;
  max-width:1180px;margin:72px auto;box-sizing:border-box;border-radius:28px;padding:48px 40px;color:var(--b11-ink);
  background:linear-gradient(160deg,#1A1424 0%,#0E0B16 55%,#0B0E18 100%);border:1px solid rgba(243,217,164,.28);
  display:flex;flex-direction:column;gap:28px;font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif}
.b11 *{box-sizing:border-box}
.b11 [hidden]{display:none!important}
.b11 [data-b11-panel]{display:flex;flex-direction:column;gap:22px}
.b11-clock>small,.b11-clock>b,.b11-seg button,.b11-tabs button{white-space:nowrap}
.b11-num{font-family:"Bahnschrift","DIN Alternate","Arial Narrow","Roboto Condensed",sans-serif;font-variant-numeric:tabular-nums}
.b11-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 28px;padding:22px 28px;border-radius:20px;
  background:linear-gradient(100deg,#5A0F1F 0%,#8E1630 48%,#3A0E2A 100%);border:1px solid rgba(255,190,150,.45);box-shadow:0 16px 40px rgba(142,22,48,.35)}
.b11-banner-main{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.b11-1111{font-size:68px;font-weight:700;line-height:.9;letter-spacing:-1px;color:#FFE3A3}
.b11-banner-text{display:flex;flex-direction:column;gap:6px}
.b11-banner-text b{font-size:24px;font-weight:900;color:#FFF3E6}
.b11-banner-text span{font-size:14px;color:#FFD2C2}
.b11-clock{display:flex;align-items:center;gap:8px;color:#FFE3A3}
.b11-clock>small{font-size:14px;font-weight:800;color:#FFD2C2;margin-right:4px}
.b11-clock>b{min-width:52px;padding:6px 8px;border-radius:10px;text-align:center;background:#1A0710;font-size:34px;font-weight:700;line-height:1}
.b11-clock>i{font-style:normal;font-size:20px;font-weight:800}
.b11-ended{font-size:18px;font-weight:800;color:#FFD2C2}
.b11-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px}
.b11-head-text{display:flex;flex-direction:column;gap:12px}
.b11-kicker{font-size:14px;font-weight:600;letter-spacing:2px;color:var(--b11-gold)}
.b11-head h2{margin:0;font-size:40px;font-weight:900;line-height:1.15;color:var(--b11-ink)}
.b11-includes{font-size:15px;color:var(--b11-mute)}
.b11-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:14px;background:#120F1C;border:1px solid rgba(243,217,164,.22)}
.b11-tabs button,.b11-seg button{border:0;font:inherit;font-weight:800;cursor:pointer;color:var(--b11-mute);background:transparent}
.b11-tabs button{min-height:44px;padding:0 18px;border-radius:10px;font-size:15px}
.b11-tabs button[aria-selected="true"]{color:#2A1A00;background:linear-gradient(90deg,#F6DFA6,#E2B867)}
.b11-tabs button[data-b11-tab="svip"][aria-selected="true"]{color:#1E1030;background:linear-gradient(90deg,#E6D3FF,#F3D9A4)}
.b11-tabs button:focus-visible,.b11-seg button:focus-visible,.b11 a:focus-visible{outline:2px solid #FFE3A3;outline-offset:2px}
.b11-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px;padding:14px 18px;border-radius:14px}
.b11-strip-svip{background:linear-gradient(90deg,rgba(155,108,255,.18),rgba(243,217,164,.10));border:1px solid rgba(186,150,255,.35);justify-content:flex-start}
.b11-strip-svip b{font-size:14px;color:var(--b11-violet)}
.b11-strip-svip em{font-style:normal;font-size:14px;font-weight:800;color:var(--b11-gold)}
.b11-strip-svip span{font-size:14px;color:var(--b11-ink)}
.b11-strip-svip i{font-style:normal;color:#8C7FA6}
.b11-strip-guild{background:rgba(243,217,164,.07);border:1px solid rgba(243,217,164,.25)}
.b11-strip-guild>div:first-child{display:flex;flex-direction:column;gap:4px}
.b11-strip-guild b{font-size:15px;color:var(--b11-gold)}
.b11-strip-guild span{font-size:13px;color:var(--b11-mute)}
.b11-seg{display:flex;gap:4px;padding:3px;border-radius:11px;background:#0D0B14;border:1px solid rgba(255,255,255,.10)}
.b11-seg button{min-height:36px;padding:0 14px;border-radius:8px;font-size:13px}
.b11-seg button[aria-checked="true"]{color:#14101E;background:var(--b11-gold)}
.b11-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.b11-card{position:relative;display:flex;flex-direction:column;gap:14px;padding:26px 24px 24px;border-radius:20px;
  background:linear-gradient(165deg,#1E1B1A 0%,#141212 100%);border:1px solid rgba(243,217,164,.28)}
.b11-card.is-hot{background:linear-gradient(165deg,#3A2E1C 0%,#241C12 100%);border:1.5px solid var(--b11-gold2);box-shadow:0 18px 50px rgba(226,184,103,.22)}
.b11-violet .b11-card{background:linear-gradient(165deg,#1E1730 0%,#141020 100%);border:1px solid rgba(201,166,255,.35)}
.b11-violet .b11-card.is-hot{background:linear-gradient(165deg,#2B1D45 0%,#1A1230 60%,#15101F 100%);border:1.5px solid #C9A6FF;box-shadow:0 18px 50px rgba(155,108,255,.28)}
.b11-ribbon{position:absolute;top:-13px;left:24px;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:800;color:#2A1A00;
  background:linear-gradient(90deg,#FFE3A3,#F2B85B);box-shadow:0 6px 16px rgba(242,184,91,.35)}
.b11-card-top,.b11-card-name{display:flex;align-items:center;justify-content:space-between;gap:10px}
.b11-tag{font-size:13px;font-weight:800;color:var(--b11-gold)}
.b11-violet .b11-tag{color:var(--b11-violet)}
.b11-off{padding:4px 10px;border-radius:999px;font-size:13px;font-weight:900;color:#fff;background:var(--b11-red)}
.b11-card h3{margin:0;font-size:26px;font-weight:900;color:var(--b11-ink)}
.b11-days{padding:3px 10px;border-radius:999px;font-size:12px;color:var(--b11-mute);border:1px solid rgba(255,255,255,.14);white-space:nowrap}
.b11-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;color:#F6DFA6}
.b11-violet .b11-price{color:#F3E3FF}
.b11-price mark{align-self:center;padding:3px 8px;border-radius:6px;font-size:13px;font-weight:900;color:#fff;background:linear-gradient(90deg,#D92D45,#B81E36)}
.b11-price small{font-size:26px;font-weight:800}
.b11-price strong{font-size:72px;font-weight:700;line-height:.95;letter-spacing:-1px}
.b11 [data-b11-panel^="guild-"] .b11-price strong{font-size:54px}
.b11-price span{font-size:16px;color:var(--b11-mute)}
.b11-perday{font-size:13px;color:var(--b11-mute)}
.b11-compare{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.b11-compare>span{font-size:14px;color:var(--b11-dim)}
.b11-compare>b{padding:4px 10px;border-radius:8px;font-size:14px;font-weight:800;color:#FFD7DC;background:rgba(217,45,69,.22);border:1px solid rgba(217,45,69,.55)}
.b11-cta{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 18px;border-radius:12px;font-size:16px;font-weight:800;text-decoration:none;
  color:#2A1A00;background:linear-gradient(90deg,#F6DFA6,#E2B867)}
.b11-card.is-hot .b11-cta{color:#fff;background:linear-gradient(90deg,#D92D45,#B81E36)}
.b11-violet .b11-cta{color:var(--b11-ink);background:rgba(201,166,255,.16);border:1px solid rgba(201,166,255,.45)}
.b11-violet .b11-card.is-hot .b11-cta{color:#1E1030;background:linear-gradient(90deg,#E6D3FF,#F3D9A4);border:0}
.b11-cta:hover{filter:brightness(1.08)}
.b11-cta-note{font-size:12px;color:var(--b11-dim);margin-top:-6px}
.b11-guild-teaser{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-radius:16px;background:#0D0B14;border:1px solid rgba(243,217,164,.18)}
.b11-guild-teaser div{display:flex;flex-direction:column;gap:4px}
.b11-guild-teaser b{font-size:16px;font-weight:800;color:var(--b11-ink)}
.b11-guild-teaser span{font-size:13px;color:var(--b11-mute)}
.b11-guild-teaser button{min-height:44px;padding:0 18px;border:0;border-radius:12px;font:inherit;font-size:15px;font-weight:800;cursor:pointer;color:#2A1A00;background:linear-gradient(90deg,#F6DFA6,#E2B867)}
.b11-foot{font-size:12px;line-height:1.7;color:var(--b11-dim);margin:0}
@media (max-width:720px){
  .b11{margin:40px 16px;padding:28px 18px;border-radius:22px}
  .b11-banner{padding:18px}
  .b11-1111{font-size:48px}
  .b11-head h2{font-size:28px}
  .b11-head-text{width:100%}
  .b11-tabs{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}
  .b11-tabs button{padding:0 6px;font-size:13px}
  .b11-clock{gap:5px}
  .b11-clock>small{font-size:12px}
  .b11-clock>b{min-width:36px;padding:5px 6px;font-size:22px}
  .b11-strip-guild{flex-direction:column;align-items:stretch}
  .b11-seg{display:grid;grid-template-columns:1fr 1fr}
  .b11-strip-svip{flex-direction:column;align-items:flex-start;gap:6px}
  .b11-strip-svip i{display:none}
  .b11-card{padding:24px 18px 20px}
  .b11-price strong,.b11 [data-b11-panel^="guild-"] .b11-price strong{font-size:50px}
}