.sup-card{margin:20px 0;padding:20px;background:var(--main-bg-color,#fff);border:1px dashed #ff85a2;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.04);color:var(--main-color,#333);font-size:14px;line-height:1.6}.sup-card-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color,#eee)}.sup-card-title{font-size:16px;font-weight:600;color:var(--main-color,#333)}.sup-row{display:flex;align-items:flex-start;margin:12px 0;gap:12px}.sup-row-label{flex:0 0 70px;color:#999;font-size:13px}.sup-row-value{flex:1;line-height:1.6}.sup-target{display:inline-block;padding:8px 16px;background:rgba(64,158,255,.1);color:#409eff;border-radius:8px;text-align:center;font-weight:500}.sup-view-progress{display:inline-block;padding:8px 16px;background:rgba(255,153,0,.1);color:#f90;border-radius:8px;text-decoration:none;text-align:center;font-weight:500}.sup-view-progress:hover{background:rgba(255,153,0,.15)}.sup-progress{position:relative;height:24px;margin:16px 0;background:var(--input-bg-color,#f5f5f5);border-radius:12px;overflow:hidden}.sup-progress-bar{height:100%;background:linear-gradient(90deg,#ff85a2,#ff5d8f);border-radius:12px;transition:width .4s ease}.sup-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;color:#fff;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2)}.sup-desc .sup-row-value{color:#888;font-size:13px}.sup-share-area{display:flex;gap:8px;margin:16px 0 12px}.sup-promo-url{flex:1;padding:10px 12px;border:1px solid var(--border-color,#e5e5e5);border-radius:8px;background:var(--input-bg-color,#fafafa);color:var(--main-color,#333);font-size:13px;outline:none}.sup-promo-url:focus{border-color:#ff5d8f}.sup-share-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.sup-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;text-decoration:none;transition:all .2s ease;color:#fff;background:#999}.sup-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.12);color:#fff}.sup-btn-primary,.sup-btn-copy{background:linear-gradient(135deg,#ff85a2,#ff5d8f)}.sup-btn-refresh{background:var(--theme-color,#409eff)}.sup-share-twitter{background:#000}.sup-share-telegram{background:#08c}.sup-share-facebook{background:#1877f2}.sup-share-reddit{background:#ff4500}.sup-share-whatsapp{background:#25d366}.sup-share-line{background:#06c755}.sup-actions{margin-top:12px;text-align:right}.sup-error{padding:12px 16px;margin:12px 0;background:rgba(245,108,108,.1);color:#f56c6c;border-radius:8px;font-size:13px;text-align:center}.sup-login-required{text-align:center;padding:28px 20px;border:1px dashed #ff5d8f}.sup-login-link,.sup-login-link:hover,.sup-login-link:visited{display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;color:#ff5d8f;font-size:15px;font-weight:500;line-height:1.7;transition:opacity .2s}.sup-login-link:hover{opacity:.8}.sup-login-arrow{font-size:20px;line-height:1}.sup-login-text{text-align:center}.sup-unlocked-content{animation:sup-fade-in .4s ease}@keyframes sup-fade-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sup-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center}.sup-modal-mask{position:absolute;inset:0;background:rgba(0,0,0,.5)}.sup-modal-content{position:relative;width:90%;max-width:500px;max-height:80vh;background:var(--main-bg-color,#fff);border-radius:12px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3);display:flex;flex-direction:column}.sup-modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid var(--border-color,#eee);font-weight:600}.sup-modal-close{background:0 0;border:none;font-size:24px;cursor:pointer;color:#999;line-height:1}.sup-modal-body{padding:16px 20px;overflow-y:auto;font-size:13px}.sup-detail-summary{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-color,#eee);color:#666}.sup-tag-unlocked{display:inline-block;margin-left:8px;padding:2px 8px;background:rgba(103,194,58,.15);color:#67c23a;border-radius:4px;font-size:12px}.sup-detail-list{list-style:none;margin:0;padding:0}.sup-detail-list li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed #eee}.sup-detail-list li:last-child{border-bottom:none}.sup-detail-ip{color:#666;font-family:monospace}.sup-detail-time{color:#999;font-size:12px}.b2-dark .sup-card,[data-theme=dark] .sup-card{background:var(--main-bg-color,#2a2a2a);border-color:rgba(255,133,162,.5)}.b2-dark .sup-promo-url,[data-theme=dark] .sup-promo-url{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:#ddd}.b2-dark .sup-login-required .sup-card-title,[data-theme=dark] .sup-login-required .sup-card-title{color:#aaa}.b2-dark .sup-login-link,[data-theme=dark] .sup-login-link{color:#ff85a2}@media (max-width:600px){.sup-card{padding:16px}.sup-row{flex-direction:column;gap:4px}.sup-row-label{flex:none}.sup-share-area{flex-direction:column}.sup-share-buttons .sup-btn{flex:1;min-width:calc(50% - 4px)}}