@keyframes site-card-popup-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.site-card{position:relative;height:auto;background:var(--color-card-bg, #2b2c31);border-radius:12px 12px 15px 15px;overflow:visible;border:1px solid var(--color-border, #2d2d32)}.site-card-header{display:flex;align-items:center;gap:4px;padding:8px 16px;box-sizing:border-box;border-radius:12px 12px 0 0}.site-card-header-icon{display:flex;align-items:center;gap:2px;flex-shrink:0}.site-card-header-icon-img{width:24px;height:24px;-o-object-fit:contain;object-fit:contain;display:block;box-sizing:border-box}.site-card-header-icon-img.sprite{width:24px!important;height:24px!important}.site-card-header-icon-img.sprite.icon-icon1{background-size:calc(var(--sprite-total-w)*24/18) calc(var(--sprite-total-h)*24/18);background-position:calc(var(--icon-icon1-x)*24/18) calc(var(--icon-icon1-y)*24/18)}.site-card-header-icon-img.sprite.icon-icon2,.site-card-header-icon-img.sprite.icon-icon3{background-size:calc(var(--sprite-total-w)*24/18) calc(var(--sprite-total-h)*24/18);background-position:calc(var(--icon-icon2-x)*24/18) calc(var(--icon-icon2-y)*24/18)}.site-card-header-icon-img.sprite.icon-icon3{background-position:calc(var(--icon-icon3-x)*24/18) calc(var(--icon-icon3-y)*24/18)}.site-card-header-icon-img.sprite.icon-icon4,.site-card-header-icon-img.sprite.icon-icon5{background-size:calc(var(--sprite-total-w)*24/18) calc(var(--sprite-total-h)*24/18);background-position:calc(var(--icon-icon4-x)*24/18) calc(var(--icon-icon4-y)*24/18)}.site-card-header-icon-img.sprite.icon-icon5{background-position:calc(var(--icon-icon5-x)*24/18) calc(var(--icon-icon5-y)*24/18)}.site-card-header-icon-img.sprite.icon-ic_pl{background-size:calc(var(--sprite-total-w)*24/24) calc(var(--sprite-total-h)*24/24);background-position:calc(var(--icon-ic_pl-x)*24/24) calc(var(--icon-ic_pl-y)*24/24)}.site-card-header-title-icon{width:30px;height:30px;-o-object-fit:contain;object-fit:contain;display:block;flex-shrink:0}.site-card-header-title{font-size:16px;font-weight:700;color:#fff;margin:0;line-height:1.3}.site-card-body{padding:8px}.site-card-intro{font-size:13px;color:var(--color-header-text, #e4e4e7);margin:0 0 8px}.site-card-list{list-style:none;margin:0;padding:0;overflow-y:auto;height:var(--list-height, auto);min-height:0;scrollbar-width:none;-ms-overflow-style:none}.site-card-list::-webkit-scrollbar{display:none}.site-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width:1024px){.site-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.site-cards-grid{grid-template-columns:1fr;gap:10px}.site-card{border-radius:6px}.site-card-header{border-radius:6px 6px 0 0}}.site-card-item{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;margin-bottom:0;font-size:14px;color:#fff;border-bottom:1px solid #1e1f21}.site-card-item-row{display:flex;align-items:center;gap:10px;padding:5px 0;transition:background-color .18s ease,color .18s ease,transform .18s ease}.site-card-item.has-expand{cursor:pointer}.site-card-item.has-expand:hover .site-card-item-row,.site-card-item.is-checked .site-card-item-row{background:rgba(130,132,247,.14);transform:translateX(2px)}.site-card-item:last-child{margin-bottom:0}.site-card-item-num{flex-shrink:0;width:22px;text-align:center;color:#fff;font-size:13px;font-weight:500}.site-card-item-icon{flex-shrink:0;width:28px;height:28px;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08)}.site-card-item-icon img,.site-card-popup-header-icon.has-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.site-card-item-icon .sprite{width:100%!important;height:100%!important;box-sizing:border-box}.site-card-item-icon .sprite.icon-icon1,.site-card-item-icon .sprite.icon-icon2{background-size:calc(var(--sprite-total-w)*28/18) calc(var(--sprite-total-h)*28/18);background-position:calc(var(--icon-icon1-x)*28/18) calc(var(--icon-icon1-y)*28/18)}.site-card-item-icon .sprite.icon-icon2{background-position:calc(var(--icon-icon2-x)*28/18) calc(var(--icon-icon2-y)*28/18)}.site-card-item-icon .sprite.icon-icon3,.site-card-item-icon .sprite.icon-icon4,.site-card-item-icon .sprite.icon-icon5{background-size:calc(var(--sprite-total-w)*28/18) calc(var(--sprite-total-h)*28/18);background-position:calc(var(--icon-icon3-x)*28/18) calc(var(--icon-icon3-y)*28/18)}.site-card-item-icon .sprite.icon-icon4,.site-card-item-icon .sprite.icon-icon5{background-position:calc(var(--icon-icon4-x)*28/18) calc(var(--icon-icon4-y)*28/18)}.site-card-item-icon .sprite.icon-icon5{background-position:calc(var(--icon-icon5-x)*28/18) calc(var(--icon-icon5-y)*28/18)}.site-card-item-icon .sprite.icon-icon6{background-size:calc(var(--sprite-total-w)*28/24) calc(var(--sprite-total-h)*28/24);background-position:calc(var(--icon-icon6-x)*28/24) calc(var(--icon-icon6-y)*28/24)}.site-card-item-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#6366f1 0,#8b5cf6 100%);border-radius:6px}.site-card-item-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;font-size:14px}.site-card-item-check{flex-shrink:0;width:18px;height:18px;position:relative;z-index:1;background-image:var(--sprite-img);background-repeat:no-repeat;background-size:calc(var(--sprite-total-w)*18/12) calc(var(--sprite-total-h)*18/12);background-position:calc(var(--icon-ic_sel-x)*18/12) calc(var(--icon-ic_sel-y)*18/12);opacity:0}.site-card-item.is-checked .site-card-item-check{opacity:1}.site-card-item-expand{display:none;padding:12px 16px;background:rgba(0,0,0,.2);border-top:1px solid #1e1f21}.site-card-item.is-expanded .site-card-item-expand{display:block}.site-card-item-expand-name{font-size:14px;font-weight:600;color:var(--color-header-text, #e4e4e7);margin:0 0 10px}.site-card-item-expand-preview{width:100%;height:auto;max-height:180px;-o-object-fit:cover;object-fit:cover;border-radius:8px;margin-bottom:12px;border:1px solid #1e1f21}.site-card-item-expand-actions{display:flex;gap:10px;margin-bottom:10px}.site-card-item-expand-btn{flex:1;padding:10px 16px;font-size:14px;font-weight:500;color:#fff;text-align:center;border-radius:8px;text-decoration:none;border:0;cursor:pointer;transition:opacity .2s}.site-card-item-expand-btn:hover{opacity:.9}.site-card-item-expand-btn--comment{background:#8284f7}.site-card-item-expand-btn--visit{background:linear-gradient(90deg,#f4bf4f 0,#ea580c 100%)}.site-card-item-expand-close{display:block;width:100%;padding:6px 0;font-size:14px;color:var(--color-footer-text, #a1a1aa);background:0 0;border:0;cursor:pointer;text-align:center}.site-card-item-expand-close:hover{color:var(--color-header-text, #e4e4e7)}.site-card-popup-layer{position:absolute;inset:0;z-index:10;pointer-events:none;border-radius:inherit}.site-card-popup-wrap{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.site-card-popup-wrap.is-visible{opacity:1;visibility:visible}.site-card-popup-wrap.is-visible .site-card-popup{pointer-events:auto}.site-card-popup{position:absolute;bottom:var(--popup-bottom, 0);left:var(--popup-left, 12px);width:var(--popup-width, calc(100% - 24px));max-width:100%;box-sizing:border-box;padding:0;background:var(--color-card-bg, #2b2c31);border-radius:12px;border:1px solid var(--color-border, #2d2d32);box-shadow:0 10px 28px rgba(0,0,0,.42);z-index:2;transform-origin:bottom left;animation:site-card-popup-in .2s ease}.site-card-popup-header{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px 6px}.site-card-popup-header-icon{flex-shrink:0;width:18px;height:18px;background:rgba(255,255,255,.15);border-radius:4px}.site-card-popup-header-icon.has-img img{border-radius:4px}.site-card-popup-header-icon .sprite{width:100%!important;height:100%!important;box-sizing:border-box}.site-card-popup-header-icon .sprite.icon-icon1,.site-card-popup-header-icon .sprite.icon-icon2,.site-card-popup-header-icon .sprite.icon-icon3,.site-card-popup-header-icon .sprite.icon-icon4,.site-card-popup-header-icon .sprite.icon-icon5{background-size:calc(var(--sprite-total-w)*18/18) calc(var(--sprite-total-h)*18/18)}.site-card-popup-header-icon .sprite.icon-icon1{background-position:calc(var(--icon-icon1-x)*18/18) calc(var(--icon-icon1-y)*18/18)}.site-card-popup-header-icon .sprite.icon-icon2{background-position:calc(var(--icon-icon2-x)*18/18) calc(var(--icon-icon2-y)*18/18)}.site-card-popup-header-icon .sprite.icon-icon3{background-position:calc(var(--icon-icon3-x)*18/18) calc(var(--icon-icon3-y)*18/18)}.site-card-popup-header-icon .sprite.icon-icon4{background-position:calc(var(--icon-icon4-x)*18/18) calc(var(--icon-icon4-y)*18/18)}.site-card-popup-header-icon .sprite.icon-icon5{background-position:calc(var(--icon-icon5-x)*18/18) calc(var(--icon-icon5-y)*18/18)}.site-card-popup-header-icon .sprite.icon-ic_pl,.site-card-popup-header-icon .sprite.icon-icon6{background-size:calc(var(--sprite-total-w)*18/24) calc(var(--sprite-total-h)*18/24);background-position:calc(var(--icon-ic_pl-x)*18/24) calc(var(--icon-ic_pl-y)*18/24)}.site-card-popup-header-icon .sprite.icon-icon6{background-position:calc(var(--icon-icon6-x)*18/24) calc(var(--icon-icon6-y)*18/24)}.site-card-popup-header-title{font-size:16px;font-weight:700;color:#fff}.site-card-popup-content{background:#fff;border-radius:12px;overflow:hidden;margin:0 12px 12px}.site-card-popup-img-wrap{height:54px;border-radius:5px;overflow:hidden;background:#f3f4f6}.site-card-popup-img{width:100%;height:100%;object-fit:cover;display:block}.site-card-popup-img-placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,#e5e7eb 0,#d1d5db 100%)}.site-card-popup-desc{display:block;padding:0 10px 10px;font-size:12px;line-height:1.35;color:rgba(255,255,255,.82);text-align:center}.site-card-popup-footer{padding:0 10px 10px;display:flex;flex-direction:column;align-items:stretch;gap:8px}.site-card-popup-btn{display:block;padding:10px 12px;font-size:13px;font-weight:700;color:#fff;text-align:center;border-radius:10px;text-decoration:none;border:0;cursor:pointer;transition:opacity .2s}.site-card-popup-btn:hover{opacity:.9}.site-card-popup-btn--comment{background:#4ea0ba}.site-card-popup-btn--visit{background:#ff2567}.site-card-popup-close{display:none;padding:2px 0;font-size:14px;color:#898989;background:0 0;border:0;cursor:pointer;text-align:center}.site-card-popup-close:hover{color:#e4e4e7}.site-card-footer{padding:8px 15px;border-radius:0 0 15px 15px;background:#393a3e;box-shadow:0 -4px 8px 0 #0000000d}.site-card-btn{display:block;width:100%;padding:5px 16px;font-size:14px;font-weight:500;color:#fff;text-decoration:none;border:0;border-radius:6px;cursor:pointer;background:#515359;transition:opacity .2s;text-align:center;box-sizing:border-box}.site-card-btn.is-primary{background:linear-gradient(90deg,#3b82f6 0,#a78bfa 100%)}.site-card-btn:hover{opacity:.9}.site-card-btn:active{opacity:.85}.site-card-corner-count{display:none;position:absolute;bottom:12px;right:15px;z-index:0;text-align:right;color:#45466c}.site-card-corner-count__label{display:block;font-size:16px;font-weight:400;line-height:1.3}.site-card-corner-count__num{display:block;font-size:32px;font-weight:600;line-height:1.2}@media (min-width:769px){.site-card-popup-wrap:not(.is-expanded) .site-card-popup-footer{display:none}.site-card-popup-wrap.is-expanded .site-card-popup-desc{display:none}.site-card-popup-wrap.is-expanded .site-card-popup-footer{display:flex}.site-card-popup-close{display:block}}