/* VIP page only: red/gold membership cards with a charcoal lifetime tier. */
#vips{--av-gold:#b78a49;--av-line:#e9e3db;--av-muted:#858080;background:#f7f8fa;color:#302c2b;padding-bottom:64px;font-family:"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.65}
#vips .vip-top{margin-top:-24px;padding:0 24px 28px;border:0;background:linear-gradient(125deg,#a91422,#e6313d 52%,#ff654e) top/100% 285px no-repeat}
#vips .vip-top>.wrapper{display:block;width:1200px;max-width:100%;margin:auto}
#vips .atelier-hero{padding:42px 0 26px}
#vips .atelier-copy{text-align:center;color:#fff3dc}
#vips .atelier-eyebrow{font-size:11px;letter-spacing:4px;color:#ffd8ad}
#vips .atelier-copy h1{font-size:clamp(27px,3vw,40px);font-weight:700;line-height:1.4;margin:10px 0 12px;letter-spacing:2px}
#vips .atelier-copy p{font-size:14px;color:#ffe3d8;margin:0}
#vips .atelier-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px}
#vips .atelier-benefits article{display:flex;align-items:center;gap:14px;padding:20px;background:#fffaf2;border:1px solid #f0dec1;border-radius:12px;box-shadow:0 6px 18px #7823170c}
#vips .atelier-benefit-icon{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:12px;background:#f5e7cd;color:#b48442;font-size:26px}
#vips .atelier-benefits h2{font-size:16px;font-weight:600;color:#78562e}
#vips .atelier-benefits article p{font-size:12px;margin:4px 0 0;color:#988168}
#vips .atelier-offer{position:relative;display:flex;justify-content:space-between;align-items:center;gap:28px;padding:28px 34px;border:1px solid #dac099;border-radius:14px;background:linear-gradient(120deg,transparent 60%,#ffffff05 60%,#ffffff05 78%,transparent 78%),linear-gradient(120deg,#302c2b,#4a423c);box-shadow:0 10px 24px #46352814;color:#f6dfb6}
#vips .atelier-offer-copy{min-width:0}
#vips .atelier-offer-kicker{font-size:11px;letter-spacing:2px;color:#c5a77c}
#vips .atelier-offer h2{font-size:25px;font-weight:600;line-height:1.5;margin:7px 0 10px;color:#ffe1b1}
#vips .atelier-offer .atelier-offer-copy p{font-size:13px;line-height:1.9;color:#cbbba8;margin:0}
#vips .atelier-offer-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
#vips .atelier-original-price{color:#b0a294;font-size:12px}
#vips .atelier-offer strong{color:#ffdda2;font-size:29px;font-weight:700;margin-left:4px}
#vips .atelier-countdown{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-top:18px;padding-top:17px;border-top:1px solid #ffffff20}
#vips .atelier-clock-heading{font-size:12px;color:#d1bea1}
#vips .atelier-clock-digits{display:flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums}
#vips .atelier-clock-digits b{display:grid;place-items:center;min-width:40px;height:40px;padding:0 6px;border:1px solid #e6c69750;border-radius:7px;background:#ffffff0a;color:#ffe2b3;font-size:23px;font-weight:600;line-height:1}
#vips .atelier-clock-digits>span{font-size:11px;color:#cbbba8}
#vips .atelier-offer-button{flex-shrink:0;display:flex;justify-content:center;align-items:center;gap:22px;min-height:48px;padding:12px 24px;border:1px solid #edd0a0;border-radius:25px;background:linear-gradient(110deg,#d3ab73,#f7dfb4);color:#574025;font-size:14px;font-weight:600;box-shadow:0 4px 12px #0002}
#vips .atelier-offer-button:hover{background:#ffe7bf}
#vips .atelier-offer-loading{min-height:48px;display:flex;align-items:center;color:#cbbba8}
#vips .atelier-offer-wait{min-width:156px;opacity:.55;cursor:default}
#vips .atelier-section-label{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:30px;padding-top:8px;scroll-margin-top:110px}
#vips .atelier-section-label>span:first-child{font-size:23px;font-weight:600;color:#93672f}
#vips .atelier-section-label>span:last-child{font-size:12px;color:#91877d}
#vips .vip-count{display:none}
#vips .vip-count ul{gap:12px;justify-content:flex-start}
#vips .vip-count ul li{width:auto;flex:1 1 220px}
#vips .vip-count ul li .vip-in{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:6px 12px;margin:0;padding:12px 16px;border:1px solid var(--av-line);border-radius:9px;background:#fff;box-shadow:none;font-size:12px}
#vips .vip-in-number{font-size:14px;white-space:nowrap;margin:0}
#vips .vip-in b{font-size:10px;color:#999;margin:0 4px}
#vips .vip-in button{border:0;padding:3px 0;color:#b98544;background:transparent;font-size:11px}
#vips .vip-current{margin:16px 0 0;padding:14px 20px;border:1px solid #ecdcc4;border-left:3px solid #bf9258;border-radius:9px;background:#fffaf2;color:#85643d;font-size:14px;font-weight:500}
#vips .vip-current .lv-icon b{font-size:14px}
#vips .content-area.vip-page{width:1248px;max-width:100%;padding:0 24px;margin:0 auto}
#vips #main{width:100%;background:transparent}
#vips .vip-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
#vips .vip-item{width:auto;min-width:0;padding:0}
#vips .vip-list-in{--card-start:#f53853;--card-end:#ff664e;--card-text:#fff1d5;display:flex;flex-direction:column;height:100%;padding:0 24px 24px;text-align:left;background:#fff;border:1px solid #efdfd9;border-radius:14px;overflow:hidden;box-shadow:0 8px 22px #61392b0b;transition:transform .2s,box-shadow .2s}
#vips .atelier-lifetime-card .vip-list-in{--card-start:#353331;--card-end:#57514a;--card-text:#f4d5a1;border-color:#d8bd97}
#vips .vip-list-in:hover{transform:translateY(-4px);box-shadow:0 14px 28px #61392b18}
#vips .vip-list-in h2{position:relative;display:flex;align-items:center;gap:12px;margin:0 -24px;padding:24px 24px 12px;min-height:88px;background:linear-gradient(120deg,transparent 65%,#ffffff09 65%),linear-gradient(110deg,var(--card-start),var(--card-end));font-size:19px;font-weight:600;line-height:1.5;color:var(--card-text)!important}
#vips .vip-list-in h2:before{content:"V";display:grid;place-items:center;flex-shrink:0;width:36px;height:40px;border-radius:9px;background:#ffe7bb;color:#e94d50;font-family:Georgia,serif;font-size:23px;font-weight:700;box-shadow:0 3px 6px #0001}
#vips .atelier-lifetime-card .vip-list-in h2:before{content:"♛";color:#65503a}
#vips .vip-price{display:flex;align-items:baseline;justify-content:flex-start;flex-wrap:wrap;gap:5px;margin:0 -24px 17px;padding:6px 24px 24px;min-height:90px;border:0;background:linear-gradient(110deg,var(--card-start),var(--card-end))}
#vips .vip-price-money{color:var(--card-text);font-size:18px;line-height:1.2;overflow-wrap:anywhere}
#vips .vip-price-money>span{font-size:42px;font-weight:700;letter-spacing:-1px;margin-left:4px}
#vips .vip-price-day{font-size:12px;color:var(--card-text)}
#vips .vip-row{flex:1}
#vips .vip-row .vip-allow:not(.allow),#vips .vip-row .atelier-shop-benefit{display:none}
#vips .vip-allow,#vips .vip-allow:nth-child(odd){background:transparent;padding:12px 0;font-size:13px;gap:10px;line-height:1.8;color:#625e58}
#vips .vip-allow>div:last-child{flex-shrink:0}
#vips .vip-allow i.b2-check-line{color:#ba925b}
#vips .vip-buy{margin-top:24px}
#vips .vip-buy button{margin:0;width:100%;min-height:44px;padding:10px 15px;border:1px solid #f8b6a5;border-radius:24px;background:#fff0e9;color:#d75143;font-size:14px;font-weight:600;box-shadow:none;transition:background .2s}
#vips .vip-buy button:hover{background:#ffded0}
#vips .atelier-lifetime-card .vip-buy button{background:linear-gradient(110deg,#d8b381,#f5dfb9);border-color:#d8b381;color:#664b2a}
#vips button:focus-visible,#vips a:focus-visible{outline:3px solid #be8e48;outline-offset:4px}
#vips .vip-footer{max-width:100%;margin:52px auto 0}
#vips .vip-footer>h2{font-size:25px;font-weight:600;letter-spacing:1px;color:#a67536}
#vips .vip-footer>h2:before,#vips .vip-footer>h2:after{content:"◆";font-size:12px;color:#e9cc9d;margin:0 14px;vertical-align:middle}
#vips .vip-footer>p{font-size:10px;letter-spacing:4px;color:#b3a18a;margin-top:7px}
#vips .vip-faq{margin-top:22px;background:#fff;border:1px solid var(--av-line);border-radius:12px;overflow:hidden;box-shadow:none}
#vips .vip-faq-list{padding:20px 24px}
#vips .vip-faq-list+.vip-faq-list{border-top:1px solid #f0ede8}
#vips .vip-faq-list h2{display:flex;justify-content:space-between;gap:16px;font-size:14px;font-weight:500;color:#62584b}
#vips .vip-faq-list h2:after{content:"+";color:#bb935e;font-size:18px}
#vips .vip-faq-list:has(p:not(.b2-hidden)) h2:after{content:"−"}
#vips .vip-faq-list p{font-size:13px;line-height:1.9;color:#8c8379;margin-top:12px}
@media(min-width:1100px){#vips .vip-item:only-child{max-width:560px;width:100%;justify-self:center}}
@media(max-width:767px){#vips .vip-top{padding:0 18px 22px;background-size:100% 335px}#vips .atelier-hero{padding:30px 0 20px}#vips .atelier-copy h1{font-size:27px}#vips .atelier-copy p{font-size:12px}#vips .atelier-benefits{grid-template-columns:1fr;gap:8px;margin-top:24px}#vips .atelier-benefits article{padding:12px 16px}#vips .atelier-benefits h2{font-size:14px}#vips .atelier-offer{flex-direction:column;align-items:stretch;padding:22px;gap:22px}#vips .atelier-offer h2{font-size:22px}#vips .atelier-offer-button{width:100%}#vips .atelier-section-label{flex-direction:column;align-items:flex-start;gap:4px;margin-top:23px}#vips .atelier-section-label>span:first-child{font-size:21px}#vips .content-area.vip-page{padding:0 18px}#vips .vip-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#vips .vip-footer{margin-top:38px}#vips .vip-faq-list{padding:18px}#vips .vip-count ul li{flex-basis:230px}}
@media(max-width:580px){#vips .vip-list{grid-template-columns:minmax(0,1fr)}#vips .atelier-countdown{gap:10px}#vips .atelier-clock-digits{gap:7px}}
@media(prefers-reduced-motion:reduce){#vips .vip-list-in,#vips .vip-buy button{transition:none}#vips .vip-list-in:hover{transform:none}}