:root{--vip-popup-backdrop:oklch(12% .025 255/.62);--vip-popup-surface:oklch(98.5% .008 82);--vip-popup-header:linear-gradient(145deg, oklch(97% .018 82), oklch(95% .028 80));--vip-popup-ink:oklch(25% .025 255);--vip-popup-muted:oklch(49% .025 255);--vip-popup-line:oklch(83% .04 80/.65);--vip-popup-item:oklch(97.5% .013 82);--vip-popup-gold-soft:oklch(93% .055 82);--vip-popup-gold:oklch(55% .105 78);--vip-popup-contrast:oklch(99% 0 0);--vip-popup-shadow:0 24px 70px -24px oklch(13% .03 255/.42), 0 4px 16px oklch(13% .03 255/.1);--vip-popup-button-shadow:0 6px 16px -8px oklch(40% .1 78/.35);--vip-popup-shine:linear-gradient(100deg, transparent, oklch(94% .13 90/.45), transparent)}.dark,[data-theme=dark]{--vip-popup-surface:oklch(22% .025 255);--vip-popup-header:oklch(25% .028 255);--vip-popup-ink:oklch(94% .01 82);--vip-popup-muted:oklch(78% .02 255);--vip-popup-item:oklch(27% .025 255);--vip-popup-gold-soft:oklch(34% .04 82);--vip-popup-gold:oklch(85% .13 85)}.clp-overlay{z-index:2147483647;padding:max(12px, env(safe-area-inset-top)) 10px max(12px, env(safe-area-inset-bottom));background:var(--vip-popup-backdrop);-webkit-backdrop-filter:blur(14px);justify-content:center;align-items:center;animation:.18s both clp-fade;display:flex;position:fixed;inset:0}.clp-card{background:var(--vip-popup-surface);width:100%;max-width:480px;height:min(92dvh,780px);min-height:0;max-height:100%;color:var(--vip-popup-ink);border:1px solid var(--vip-popup-line);box-shadow:var(--vip-popup-shadow);letter-spacing:0;border-radius:24px;flex-direction:column;animation:.24s cubic-bezier(.2,.8,.25,1) both clp-pop;display:flex;position:relative;overflow:hidden}.clp-head{text-align:center;background:var(--vip-popup-header);border-bottom:1px solid var(--vip-popup-line);flex-shrink:0;padding:24px 20px 16px;position:relative}.clp-media{background:var(--vip-popup-gold-soft);border:1px solid var(--vip-popup-line);width:76px;height:76px;box-shadow:var(--vip-popup-button-shadow);border-radius:18px;place-items:center;margin:0 auto 12px;font-size:38px;line-height:1;display:grid;overflow:hidden}.clp-media img,.clp-item__ic img{object-fit:cover;width:100%;height:100%}.clp-title{letter-spacing:0;overflow-wrap:anywhere;margin:0;font-size:19px;font-weight:800;line-height:1.4}.clp-feature{color:var(--vip-popup-muted);margin:8px 0 0;font-size:12px;font-weight:700}.clp-card .clp-close{border:1px solid var(--vip-popup-line);width:40px;height:40px;color:var(--vip-popup-ink);background:var(--vip-popup-surface);box-shadow:none;border-radius:12px;place-items:center;padding:0;display:grid;position:absolute;top:10px;right:10px}.clp-intro{margin-top:12px}.clp-msg{text-align:center;color:var(--vip-popup-muted);white-space:pre-line;overflow-wrap:anywhere;margin:0 0 5px;font-size:12.5px;line-height:1.55}.clp-msg-head{color:var(--vip-popup-gold);margin:10px 0 6px;font-size:15px;font-weight:800;line-height:1.4}.clp-msg-head:first-child{margin-top:0}.clp-body{scrollbar-width:thin;scrollbar-color:var(--vip-popup-line) transparent;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;flex:1 1 0;min-height:0;padding:16px;overflow-y:auto}.clp-list{gap:10px;display:grid}.clp-item{background:var(--vip-popup-item);border:1px solid var(--vip-popup-line);border-radius:12px;overflow:hidden}.clp-item[data-state=open]{border-color:var(--vip-popup-gold)}.clp-item .clp-item__trigger{width:100%;min-height:66px;color:var(--vip-popup-ink);letter-spacing:0;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:12px;font-size:14px;font-weight:750;line-height:1.4;text-decoration:none;display:grid}.clp-item__trigger:hover{background:var(--vip-popup-gold-soft);text-decoration:none}.clp-item__trigger>svg{color:var(--vip-popup-gold)}.clp-item__ic{background:var(--vip-popup-gold-soft);border-radius:10px;place-items:center;width:38px;height:38px;font-size:20px;display:grid;overflow:hidden}.clp-item__tt{overflow-wrap:anywhere;min-width:0}.clp-item .clp-item__detail{padding:0 14px 16px 62px}.clp-item__sb{color:var(--vip-popup-muted);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.65}.clp-actions{background:var(--vip-popup-surface);border-top:1px solid var(--vip-popup-line);flex-shrink:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:14px 14px 16px;display:grid}.clp-card .clp-btn{white-space:normal;overflow-wrap:anywhere;letter-spacing:0;border:1px solid var(--vip-popup-line);cursor:pointer;border-radius:12px;min-width:0;height:auto;min-height:48px;padding:10px 8px;font-size:12px;font-weight:800;line-height:1.45;transition:filter .16s}.clp-btn:hover{filter:brightness(1.06)}.clp-card .clp-btn--primary{color:var(--vip-popup-contrast);box-shadow:var(--vip-popup-button-shadow)}.clp-card .clp-btn--ghost{background:var(--vip-popup-gold-soft);color:var(--vip-popup-gold)}.clp-btn--shine{isolation:isolate;position:relative;overflow:hidden}.clp-btn--shine:before{content:"";background:var(--vip-popup-shine);pointer-events:none;inset-block:0;width:55%;animation:2.6s ease-in-out infinite clp-shine-sweep;position:absolute;left:-60%;transform:skew(-18deg)}.clp-card button:focus-visible{outline:2px solid var(--vip-popup-gold);outline-offset:-3px}@keyframes clp-shine-sweep{0%,to{left:-60%}50%{left:105%}}@keyframes clp-fade{0%{opacity:0}to{opacity:1}}@keyframes clp-pop{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:none}}@media (width<=600px){.clp-card{height:100%;max-height:100%}}@media (height<=620px){.clp-head{padding-top:14px;padding-bottom:12px}.clp-media{width:56px;height:56px;margin-bottom:8px;font-size:30px}.clp-title{font-size:17px}.clp-intro{margin-top:8px}}@media (prefers-reduced-motion:reduce){.clp-overlay,.clp-card,.clp-btn--shine:before{animation:none}.clp-item *,.clp-btn{transition-duration:.001ms!important;animation-duration:.001ms!important}}