:root {਀    ⴀⴀ稀椀戀氀氀ⴀ愀搀ⴀ瀀爀椀洀愀爀礀㨀 ⌀㐀　㤀攀昀昀㬀 --zibll-ad-border: #dcdfe6;਀    ⴀⴀ稀椀戀氀氀ⴀ愀搀ⴀ戀最ⴀ攀洀瀀琀礀㨀 ⌀昀㔀昀㜀昀愀㬀 --zibll-ad-text-muted: #909399;਀    ⴀⴀ稀椀戀氀氀ⴀ愀搀ⴀ爀愀搀椀甀猀㨀 㠀瀀砀㬀 --zibll-ad-transition: all 0.3s ease;਀紀 ਀⸀稀椀戀氀氀ⴀ愀搀ⴀ猀氀漀琀ⴀ挀漀渀琀愀椀渀攀爀 笀 width: 100%;਀    洀愀爀最椀渀㨀 ㈀　瀀砀 　㬀 }਀⸀稀椀戀氀氀ⴀ愀搀ⴀ最爀椀搀 笀 display: grid;਀    最爀椀搀ⴀ琀攀洀瀀氀愀琀攀ⴀ挀漀氀甀洀渀猀㨀 爀攀瀀攀愀琀⠀瘀愀爀⠀ⴀⴀ瀀攀爀ⴀ爀漀眀Ⰰ ㌀⤀Ⰰ ㄀昀爀⤀㬀 gap: 20px;਀    眀椀搀琀栀㨀 ㄀　　─㬀 }਀ .zibll-ad-unit {਀    瀀漀猀椀琀椀漀渀㨀 爀攀氀愀琀椀瘀攀㬀 overflow: hidden;਀    戀漀爀搀攀爀ⴀ爀愀搀椀甀猀㨀 瘀愀爀⠀ⴀⴀ稀椀戀氀氀ⴀ愀搀ⴀ爀愀搀椀甀猀⤀㬀 transition: var(--zibll-ad-transition);਀    戀愀挀欀最爀漀甀渀搀㨀 ⌀昀昀昀㬀 }਀⸀稀椀戀氀氀ⴀ愀搀ⴀ甀渀椀琀⸀椀猀ⴀ攀洀瀀琀礀 笀 border: 2px dashed var(--zibll-ad-border);਀    戀愀挀欀最爀漀甀渀搀㨀 瘀愀爀⠀ⴀⴀ稀椀戀氀氀ⴀ愀搀ⴀ戀最ⴀ攀洀瀀琀礀⤀㬀 cursor: pointer;਀    洀椀渀ⴀ栀攀椀最栀琀㨀 ㈀　　瀀砀㬀 display: flex;਀    昀氀攀砀ⴀ搀椀爀攀挀琀椀漀渀㨀 挀漀氀甀洀渀㬀 align-items: center;਀    樀甀猀琀椀昀礀ⴀ挀漀渀琀攀渀琀㨀 挀攀渀琀攀爀㬀 }਀⸀稀椀戀氀氀ⴀ愀搀ⴀ甀渀椀琀⸀椀猀ⴀ攀洀瀀琀礀㨀栀漀瘀攀爀 笀 border-color: var(--zibll-ad-primary);਀    戀漀砀ⴀ猀栀愀搀漀眀㨀 　 ㈀瀀砀 ㄀㈀瀀砀 　 爀最戀愀⠀㘀㐀Ⰰ ㄀㔀㠀Ⰰ ㈀㔀㔀Ⰰ 　⸀㈀⤀㬀 transform: translateY(-2px);਀紀 .zibll-ad-unit.is-empty:active {਀    琀爀愀渀猀昀漀爀洀㨀 琀爀愀渀猀氀愀琀攀夀⠀　⤀㬀 }਀⸀愀搀ⴀ攀洀瀀琀礀ⴀ漀瘀攀爀氀愀礀 笀 position: absolute;਀    琀漀瀀㨀 　㬀 left: 0;਀    爀椀最栀琀㨀 　㬀 bottom: 0;਀    搀椀猀瀀氀愀礀㨀 昀氀攀砀㬀 align-items: center;਀    樀甀猀琀椀昀礀ⴀ挀漀渀琀攀渀琀㨀 挀攀渀琀攀爀㬀 background: rgba(255, 255, 255, 0.95);਀    漀瀀愀挀椀琀礀㨀 　㬀 transition: opacity 0.3s ease;਀    瀀漀椀渀琀攀爀ⴀ攀瘀攀渀琀猀㨀 渀漀渀攀㬀 }਀ .zibll-ad-unit.is-empty:hover .ad-empty-overlay {਀    漀瀀愀挀椀琀礀㨀 ㄀㬀 }਀ .zibll-ad-buy-btn .btn-icon {਀    昀漀渀琀ⴀ猀椀稀攀㨀 㐀㠀瀀砀㬀 font-weight: 300;਀    氀椀渀攀ⴀ栀攀椀最栀琀㨀 ㄀㬀 }਀ .zibll-ad-buy-btn .btn-text {਀    昀漀渀琀ⴀ猀椀稀攀㨀 ㄀㘀瀀砀㬀 font-weight: 500;਀紀 ਀⸀稀椀戀氀氀ⴀ愀搀ⴀ甀渀椀琀㨀渀漀琀⠀⸀椀猀ⴀ攀洀瀀琀礀⤀ 笀 border: 1px solid var(--zibll-ad-border);਀紀 ਀⸀稀椀戀氀氀ⴀ愀搀ⴀ甀渀椀琀㨀渀漀琀⠀⸀椀猀ⴀ攀洀瀀琀礀⤀㨀栀漀瘀攀爀 笀 box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);਀    琀爀愀渀猀昀漀爀洀㨀 琀爀愀渀猀氀愀琀攀夀⠀ⴀ㈀瀀砀⤀㬀 }਀ .ad-link,਀⸀愀搀ⴀ椀洀愀最攀ⴀ眀爀愀瀀瀀攀爀 笀 display: block;਀    眀椀搀琀栀㨀 ㄀　　─㬀 height: 100%;਀    瀀漀猀椀琀椀漀渀㨀 爀攀氀愀琀椀瘀攀㬀 overflow: hidden;਀紀 ਀⸀愀搀ⴀ椀洀愀最攀 笀 width: 100%;਀    栀攀椀最栀琀㨀 ㈀　　瀀砀㬀 object-fit: cover;਀    搀椀猀瀀氀愀礀㨀 戀氀漀挀欀㬀 transition: transform 0.3s ease;਀紀 ਀⸀愀搀ⴀ氀椀渀欀㨀栀漀瘀攀爀 ⸀愀搀ⴀ椀洀愀最攀 笀 transform: scale(1.05);਀紀 ਀⼀⨀ 攀枓陒员몓䝲坭놓蕲⁽⨀⼀ .ad-image-wrapper::before {਀    挀漀渀琀攀渀琀㨀 ✀✀㬀 display: block;਀    眀椀搀琀栀㨀 ㄀　　─㬀 height: 200px;਀    戀愀挀欀最爀漀甀渀搀㨀 瘀愀爀⠀ⴀⴀ稀椀戀氀氀ⴀ愀搀ⴀ戀最ⴀ攀洀瀀琀礀⤀㬀 }਀⸀愀搀ⴀ琀攀砀琀ⴀ琀愀最 笀 /* 甯冨眬 */਀    搀椀猀瀀氀愀礀㨀 昀氀攀砀㬀 align-items: center;਀    樀甀猀琀椀昀礀ⴀ挀漀渀琀攀渀琀㨀 昀氀攀砀ⴀ猀琀愀爀琀㬀 gap: 12px;਀ /* 灏哄 */਀    栀攀椀最栀琀㨀 㘀　瀀砀㬀 padding: 0 20px 0 10px;਀    眀椀搀琀栀㨀 ㄀　　─㬀 ਀    ⼀⨀ 촀⅜⁽⨀⼀ border-radius: 30px; /* 鍦嗚鐭╁舰锛堥珮搴︾殑涓€鍗婏級 */਀    琀攀砀琀ⴀ搀攀挀漀爀愀琀椀漀渀㨀 渀漀渀攀㬀 transition: var(--zibll-ad-transition);਀    戀漀砀ⴀ猀椀稀椀渀最㨀 戀漀爀搀攀爀ⴀ戀漀砀㬀 ਀    ⼀⨀ 숀⁴⨀⼀ font-size: 15px;਀    昀漀渀琀ⴀ眀攀椀最栀琀㨀 㔀　　㬀 line-height: 1.4;਀ /* 闃叉鍐呭婧㈠嚭 */਀    漀瘀攀爀昀氀漀眀㨀 栀椀搀搀攀渀㬀 }਀ /* 鎮仠鏁堟灉 */਀愀⸀愀搀ⴀ琀攀砀琀ⴀ琀愀最㨀栀漀瘀攀爀 笀 opacity: 0.85;਀    琀爀愀渀猀昀漀爀洀㨀 琀爀愀渀猀氀愀琀攀夀⠀ⴀ㈀瀀砀⤀㬀 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);਀紀 ਀⼀⨀ 저몕籰멤걙誓᥏챽灾薏둽⢓빨겕㑰᭞㾕⨀⼀ div.ad-text-tag {਀    挀甀爀猀漀爀㨀 搀攀昀愀甀氀琀㬀 }਀ /* 宸︿晶鍥炬爣 */਀⸀琀愀最ⴀ椀挀漀渀 笀 /* 甯冨眬 */਀    搀椀猀瀀氀愀礀㨀 昀氀攀砀㬀 align-items: center;਀    樀甀猀琀椀昀礀ⴀ挀漀渀琀攀渀琀㨀 挀攀渀琀攀爀㬀 flex-shrink: 0; /* 闃叉鍘嬬缉 */਀ /* 灏哄 */਀    眀椀搀琀栀㨀 㐀　瀀砀㬀 height: 40px;਀ /* 鏍峰紡 */਀    戀愀挀欀最爀漀甀渀搀ⴀ挀漀氀漀爀㨀 爀最戀愀⠀㈀㔀㔀Ⰰ ㈀㔀㔀Ⰰ ㈀㔀㔀Ⰰ 　⸀㘀⤀㬀 border-radius: 50%; /* 鍦嗗舰 */਀ /* 鏂囧瓧 */਀    昀漀渀琀ⴀ猀椀稀攀㨀 ㄀㠀瀀砀㬀 font-weight: 600;਀    琀攀砀琀ⴀ琀爀愀渀猀昀漀爀洀㨀 甀瀀瀀攀爀挀愀猀攀㬀 ⼀⨀ 笀ꢔ莏᭧䅰ᵩ뙶䍯匄⁕⨀⼀ }਀ /* 鍙充晶鏂囧瓧 */਀⸀琀愀最ⴀ琀攀砀琀 笀 flex: 1;਀    漀瘀攀爀昀氀漀眀㨀 栀椀搀搀攀渀㬀 text-overflow: ellipsis;਀    眀栀椀琀攀ⴀ猀瀀愀挀攀㨀 渀漀眀爀愀瀀㬀 }਀ /* 绌轰綅鐘舵€佺殑鏂囧瓧骞垮憡锛堥噸鍐欐牱寮忥級 */਀⸀稀椀戀氀氀ⴀ愀搀ⴀ甀渀椀琀⸀椀猀ⴀ攀洀瀀琀礀 ⸀愀搀ⴀ琀攀砀琀ⴀ琀愀最 笀 border: 2px dashed var(--zibll-ad-border);਀    戀愀挀欀最爀漀甀渀搀ⴀ挀漀氀漀爀㨀 瘀愀爀⠀ⴀⴀ稀椀戀氀氀ⴀ愀搀ⴀ戀最ⴀ攀洀瀀琀礀⤀ ℀椀洀瀀漀爀琀愀渀琀㬀 color: var(--zibll-ad-text-muted) !important;਀紀 ਀⸀稀椀戀氀氀ⴀ愀搀ⴀ甀渀椀琀⸀椀猀ⴀ攀洀瀀琀礀 ⸀琀愀最ⴀ椀挀漀渀 笀 background-color: rgba(144, 147, 153, 0.2);਀紀 .ad-text-link,਀⸀愀搀ⴀ琀攀砀琀ⴀ挀漀渀琀攀渀琀 笀 display: flex;਀    愀氀椀最渀ⴀ椀琀攀洀猀㨀 挀攀渀琀攀爀㬀 justify-content: center;਀    琀攀砀琀ⴀ愀氀椀最渀㨀 挀攀渀琀攀爀㬀 padding: 20px;਀    洀椀渀ⴀ栀攀椀最栀琀㨀 ㄀㈀　瀀砀㬀 font-size: 16px;਀    氀椀渀攀ⴀ栀攀椀最栀琀㨀 ㄀⸀㘀㬀 word-break: break-word;਀    琀攀砀琀ⴀ搀攀挀漀爀愀琀椀漀渀㨀 渀漀渀攀㬀 transition: var(--zibll-ad-transition);਀紀 ਀⸀愀搀ⴀ琀攀砀琀ⴀ氀椀渀欀㨀栀漀瘀攀爀 笀 opacity: 0.8;਀    琀爀愀渀猀昀漀爀洀㨀 猀挀愀氀攀⠀㄀⸀　㈀⤀㬀 }਀ .ad-text-content {਀    挀漀氀漀爀㨀 瘀愀爀⠀ⴀⴀ稀椀戀氀氀ⴀ愀搀ⴀ琀攀砀琀ⴀ洀甀琀攀搀⤀㬀 cursor: default;਀紀 ਀䀀洀攀搀椀愀 ⠀洀愀砀ⴀ眀椀搀琀栀㨀 㜀㘀㠀瀀砀⤀ 笀 .zibll-ad-grid {਀        最爀椀搀ⴀ琀攀洀瀀氀愀琀攀ⴀ挀漀氀甀洀渀猀㨀 爀攀瀀攀愀琀⠀㈀Ⰰ ㄀昀爀⤀㬀 gap: 15px;਀    紀 ਀    ⸀愀搀ⴀ椀洀愀最攀 笀 height: 150px;਀    紀 ਀    ⼀⨀ 숀鹴꺚ꅗ쵡㝖췡⅜譽ꥴꍑ⁦⨀⼀ .ad-text-tag {਀        栀攀椀最栀琀㨀 㔀㘀瀀砀㬀 padding: 0 16px 0 8px;਀        最愀瀀㨀 ㄀　瀀砀㬀 font-size: 14px;਀    紀 ਀    ⸀琀愀最ⴀ椀挀漀渀 笀 width: 36px;਀        栀攀椀最栀琀㨀 ㌀㘀瀀砀㬀 font-size: 16px;਀    紀 ਀    ⸀稀椀戀氀氀ⴀ愀搀ⴀ戀甀礀ⴀ戀琀渀 ⸀戀琀渀ⴀ椀挀漀渀 笀 font-size: 36px;਀    紀 ਀    ⸀稀椀戀氀氀ⴀ愀搀ⴀ戀甀礀ⴀ戀琀渀 ⸀戀琀渀ⴀ琀攀砀琀 笀 font-size: 14px;਀    紀 }਀ /* 鎵嬫満璁惧 */਀䀀洀攀搀椀愀 ⠀洀愀砀ⴀ眀椀搀琀栀㨀 㐀㠀　瀀砀⤀ 笀 .zibll-ad-grid {਀        最爀椀搀ⴀ琀攀洀瀀氀愀琀攀ⴀ挀漀氀甀洀渀猀㨀 ㄀昀爀㬀 gap: 10px;਀    紀 ਀    ⸀稀椀戀氀氀ⴀ愀搀ⴀ猀氀漀琀ⴀ挀漀渀琀愀椀渀攀爀 笀 margin: 15px 0;਀    紀 ਀    ⸀愀搀ⴀ椀洀愀最攀 笀 height: 180px;਀    紀 ਀    ⼀⨀ 숀鹴꺚ꅗ쵡㝖췡⅜譽ꥴꍑ⁦⨀⼀ .ad-text-tag {਀        栀攀椀最栀琀㨀 㔀㈀瀀砀㬀 padding: 0 14px 0 6px;਀        最愀瀀㨀 㠀瀀砀㬀 font-size: 13px;਀        戀漀爀搀攀爀ⴀ爀愀搀椀甀猀㨀 ㈀㘀瀀砀㬀 ⼀⨀ 䈀㩩덪⡛坺㾓⨀⼀ }਀ .tag-icon {਀        眀椀搀琀栀㨀 ㌀㐀瀀砀㬀 height: 34px;਀        昀漀渀琀ⴀ猀椀稀攀㨀 ㄀㔀瀀砀㬀 }਀ .zibll-ad-buy-btn .btn-icon {਀        昀漀渀琀ⴀ猀椀稀攀㨀 ㌀㈀瀀砀㬀 }਀ .zibll-ad-buy-btn .btn-text {਀        昀漀渀琀ⴀ猀椀稀攀㨀 ㄀㌀瀀砀㬀 }਀紀 .el-upload__input {਀    搀椀猀瀀氀愀礀㨀 渀漀渀攀 ℀椀洀瀀漀爀琀愀渀琀㬀 }਀ @media print {਀    ⸀稀椀戀氀氀ⴀ愀搀ⴀ甀渀椀琀⸀椀猀ⴀ攀洀瀀琀礀Ⰰ .ad-empty-overlay {਀        搀椀猀瀀氀愀礀㨀 渀漀渀攀 ℀椀洀瀀漀爀琀愀渀琀㬀 }਀ .zibll-ad-unit:not(.is-empty) {਀        瀀愀最攀ⴀ戀爀攀愀欀ⴀ椀渀猀椀搀攀㨀 愀瘀漀椀搀㬀 }਀紀 ਀䀀洀攀搀椀愀 ⠀瀀爀攀昀攀爀猀ⴀ挀漀氀漀爀ⴀ猀挀栀攀洀攀㨀 搀愀爀欀⤀ 笀 :root {਀        ⴀⴀ稀椀戀氀氀ⴀ愀搀ⴀ戀漀爀搀攀爀㨀 ⌀㐀挀㐀搀㐀昀㬀 --zibll-ad-bg-empty: #2a2a2a;਀        ⴀⴀ稀椀戀氀氀ⴀ愀搀ⴀ琀攀砀琀ⴀ洀甀琀攀搀㨀 ⌀㤀　㤀㌀㤀㤀㬀 }਀ .zibll-ad-unit {਀        戀愀挀欀最爀漀甀渀搀㨀 ⌀㄀愀㄀愀㄀愀㬀 }਀ .zibll-ad-unit.is-empty {਀        戀愀挀欀最爀漀甀渀搀㨀 瘀愀爀⠀ⴀⴀ稀椀戀氀氀ⴀ愀搀ⴀ戀最ⴀ攀洀瀀琀礀⤀㬀 }਀ .ad-empty-overlay {਀        戀愀挀欀最爀漀甀渀搀㨀 爀最戀愀⠀㈀㘀Ⰰ ㈀㘀Ⰰ ㈀㘀Ⰰ 　⸀㤀㔀⤀㬀 }਀紀 ਀⼀⨀ 뼀뺕࿡ቭ㺔揾롐婖‰⨀⼀ .zibll-ad-unit:focus-visible,਀⸀稀椀戀氀氀ⴀ愀搀ⴀ戀甀礀ⴀ戀琀渀㨀昀漀挀甀猀ⴀ瘀椀猀椀戀氀攀 笀 outline: 2px solid var(--zibll-ad-primary);਀    漀甀琀氀椀渀攀ⴀ漀昀昀猀攀琀㨀 ㈀瀀砀㬀 }਀ /* 鍑忓皯鍔ㄧ敾锛堢敤鎴峰亸濂斤級 */਀䀀洀攀搀椀愀 ⠀瀀爀攀昀攀爀猀ⴀ爀攀搀甀挀攀搀ⴀ洀漀琀椀漀渀㨀 爀攀搀甀挀攀⤀ 笀 .zibll-ad-unit,਀    ⸀愀搀ⴀ攀洀瀀琀礀ⴀ漀瘀攀爀氀愀礀Ⰰ .ad-text-link,਀    ⸀愀搀ⴀ椀洀愀最攀Ⰰ .zibll-ad-buy-btn {਀        琀爀愀渀猀椀琀椀漀渀㨀 渀漀渀攀㬀 transform: none !important;਀    紀 }਀ /* 楂樺姣斿害妯″紡 */਀䀀洀攀搀椀愀 ⠀瀀爀攀昀攀爀猀ⴀ挀漀渀琀爀愀猀琀㨀 栀椀最栀⤀ 笀 .zibll-ad-unit.is-empty {਀        戀漀爀搀攀爀ⴀ眀椀搀琀栀㨀 ㌀瀀砀㬀 }਀ .zibll-ad-unit:not(.is-empty) {਀        戀漀爀搀攀爀ⴀ眀椀搀琀栀㨀 ㈀瀀砀㬀 }਀紀 ਀⼀⨀ ⌀㍚옠呓➓縱⁥⨀⼀ @keyframes fadeInUp {਀    昀爀漀洀 笀 opacity: 0;਀        琀爀愀渀猀昀漀爀洀㨀 琀爀愀渀猀氀愀琀攀夀⠀㈀　瀀砀⤀㬀 }਀    琀漀 笀 opacity: 1;਀        琀爀愀渀猀昀漀爀洀㨀 琀爀愀渀猀氀愀琀攀夀⠀　⤀㬀 }਀紀 ਀⸀稀椀戀氀氀ⴀ愀搀ⴀ甀渀椀琀 笀 animation: fadeInUp 0.5s ease-out;਀紀 ਀⼀⨀ 錀ⅰ鍶䑭ῠ佝ꦓ䩑呗늓≲楫쉧ᵱ剽颓፭썿㖕檂쇧ᾓ䥘⁰⨀⼀ .zibll-ad-unit:nth-child(1) { animation-delay: 0s; }਀⸀稀椀戀氀氀ⴀ愀搀ⴀ甀渀椀琀㨀渀琀栀ⴀ挀栀椀氀搀⠀㈀⤀ 笀 愀渀椀洀愀琀椀漀渀ⴀ搀攀氀愀礀㨀 　⸀　㔀猀㬀 紀 .zibll-ad-unit:nth-child(3) { animation-delay: 0.1s; }਀⸀稀椀戀氀氀ⴀ愀搀ⴀ甀渀椀琀㨀渀琀栀ⴀ挀栀椀氀搀⠀㐀⤀ 笀 愀渀椀洀愀琀椀漀渀ⴀ搀攀氀愀礀㨀 　⸀㄀㔀猀㬀 紀 .zibll-ad-unit:nth-child(5) { animation-delay: 0.2s; }਀⸀稀椀戀氀氀ⴀ愀搀ⴀ甀渀椀琀㨀渀琀栀ⴀ挀栀椀氀搀⠀㘀⤀ 笀 愀渀椀洀愀琀椀漀渀ⴀ搀攀氀愀礀㨀 　⸀㈀㔀猀㬀 紀 ਀⼀⨀ 琀ઔ罙呕➓縱᭥⊕ᙘ挥蕭塝쵭ᩖ⁽⨀⼀ @keyframes pulse {਀    　─Ⰰ ㄀　　─ 笀 opacity: 1;਀    紀 50% {਀        漀瀀愀挀椀琀礀㨀 　⸀㘀㬀 }਀紀 ਀⸀稀椀戀氀氀ⴀ愀搀ⴀ戀甀礀ⴀ戀琀渀 ⸀戀琀渀ⴀ椀挀漀渀 笀 animation: pulse 2s ease-in-out infinite;਀紀 ਀䀀洀攀搀椀愀 ⠀瀀爀攀昀攀爀猀ⴀ爀攀搀甀挀攀搀ⴀ洀漀琀椀漀渀㨀 爀攀搀甀挀攀⤀ 笀 .zibll-ad-buy-btn .btn-icon {਀        愀渀椀洀愀琀椀漀渀㨀 渀漀渀攀㬀 }਀紀 ਀⼀⨀ 鸀꺚ꅗ㥡灰퉴ⴀ 䜀爀椀搀 ⼀꡵ⱑ⁷⨀⼀ .media-grid-container {਀    搀椀猀瀀氀愀礀㨀 最爀椀搀㬀 grid-template-columns: repeat(2, 1fr);਀    最愀瀀㨀 ㄀㘀瀀砀㬀 }਀ /* 浣跨敤CSS鍙橀噺鍔ㄦ€佽缃垪鏁帮紙鏀寔浠绘剰鍒楁暟锛?*/਀⸀洀攀搀椀愀ⴀ最爀椀搀ⴀ挀漀渀琀愀椀渀攀爀 笀 grid-template-columns: repeat(var(--per-row, 3), 1fr);਀紀 ਀⼀⨀ 鸀꺚ꅗ②㽩⨀⼀ .media-card {਀    眀椀搀琀栀㨀 ㄀　　─㬀 aspect-ratio: var(--media-aspect-ratio, 8 / 1);਀    漀瘀攀爀昀氀漀眀㨀 栀椀搀搀攀渀㬀 border-radius: 3px;਀    挀甀爀猀漀爀㨀 瀀漀椀渀琀攀爀㬀 transition: transform 0.2s ease, box-shadow 0.2s ease;਀    戀漀砀ⴀ猀栀愀搀漀眀㨀 　 ㄀瀀砀 ㌀瀀砀 爀最戀愀⠀　Ⰰ 　Ⰰ 　Ⰰ 　⸀㄀⤀㬀 text-decoration: none;਀    搀椀猀瀀氀愀礀㨀 戀氀漀挀欀㬀 }਀ /* 鎮仠鏁堟灉 */਀⸀洀攀搀椀愀ⴀ挀愀爀搀㨀栀漀瘀攀爀 笀 transform: translateY(-1px);਀    戀漀砀ⴀ猀栀愀搀漀眀㨀 　 ㈀瀀砀 㘀瀀砀 爀最戀愀⠀　Ⰰ 　Ⰰ 　Ⰰ 　⸀㄀㈀⤀㬀 }਀ /* 绌轰綅鐘舵€佺壒娈婃牱寮?*/਀⸀洀攀搀椀愀ⴀ挀愀爀搀⸀洀攀搀椀愀ⴀ挀愀爀搀ⴀ攀洀瀀琀礀 笀 opacity: 0.8;਀紀 ਀⸀洀攀搀椀愀ⴀ挀愀爀搀⸀洀攀搀椀愀ⴀ挀愀爀搀ⴀ攀洀瀀琀礀㨀栀漀瘀攀爀 笀 opacity: 1;਀紀 ਀⼀⨀ 鸀꺚ꅗ敡枓陒⁘ⴀ 쑛흔譗ꥴꍑ빙鍽衭왝句㾓⨀⼀ .media-card img {਀    眀椀搀琀栀㨀 ㄀　　─㬀 height: 100%;਀    漀戀樀攀挀琀ⴀ昀椀琀㨀 昀椀氀氀㬀 display: block;਀紀 ਀⼀⨀ 崀薓㉝镟臡㽴ⴀ 鸀殚领⨀⼀ @media (max-width: 768px) {਀    ⸀洀攀搀椀愀ⴀ最爀椀搀ⴀ挀漀渀琀愀椀渀攀爀 笀 gap: 12px;਀    紀 }਀ /* 鍝嶅簲寮忚璁?- 鎵嬫満 */਀䀀洀攀搀椀愀 ⠀洀愀砀ⴀ眀椀搀琀栀㨀 㘀　　瀀砀⤀ 笀 .media-grid-container {਀        最愀瀀㨀 ㄀　瀀砀㬀 /* 鎵嬫満绔娇鐢–SS鍙橀噺鍔ㄦ€佽缃垪鏁帮紙鏀寔浠绘剰鍒楁暟锛?*/਀        最爀椀搀ⴀ琀攀洀瀀氀愀琀攀ⴀ挀漀氀甀洀渀猀㨀 爀攀瀀攀愀琀⠀瘀愀爀⠀ⴀⴀ洀漀戀椀氀攀ⴀ瀀攀爀ⴀ爀漀眀Ⰰ ㄀⤀Ⰰ ㄀昀爀⤀ ℀椀洀瀀漀爀琀愀渀琀㬀 }਀紀 ਀⼀⨀ 관뭾嫡晾㾓琀栀攀洀攀ⴀ戀漀砀 尀㾓稀椀戀ⴀ眀椀搀最攀琀 倀璓㑔䕙㛿쑲枓婒‰⨀⼀ .theme-box .media-grid-container,਀⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀洀攀搀椀愀ⴀ最爀椀搀ⴀ挀漀渀琀愀椀渀攀爀 笀 margin: 0;਀紀 ਀⼀⨀ 딀뎓䍤쵝⅜⁽⨀⼀ @media print {਀    ⸀洀攀搀椀愀ⴀ挀愀爀搀⸀洀攀搀椀愀ⴀ挀愀爀搀ⴀ攀洀瀀琀礀 笀 display: none !important;਀    紀 ਀    ⸀洀攀搀椀愀ⴀ挀愀爀搀 笀 page-break-inside: avoid;਀    紀 }਀ /* 鏃犻殰纰嶆敮鎸?- 閿洏鐒︾偣 */਀⸀洀攀搀椀愀ⴀ挀愀爀搀㨀昀漀挀甀猀ⴀ瘀椀猀椀戀氀攀 笀 outline: 2px solid var(--zibll-ad-primary, #409eff);਀    漀甀琀氀椀渀攀ⴀ漀昀昀猀攀琀㨀 ㈀瀀砀㬀 }਀ /* 鍑忓皯鍔ㄧ敾妯″紡 */਀䀀洀攀搀椀愀 ⠀瀀爀攀昀攀爀猀ⴀ爀攀搀甀挀攀搀ⴀ洀漀琀椀漀渀㨀 爀攀搀甀挀攀⤀ 笀 .media-card {਀        琀爀愀渀猀椀琀椀漀渀㨀 渀漀渀攀㬀 transform: none !important;਀    紀 }਀ .zibll-ad-loading {਀    琀攀砀琀ⴀ愀氀椀最渀㨀 挀攀渀琀攀爀㬀 padding: 40px 20px;਀    挀漀氀漀爀㨀 瘀愀爀⠀ⴀⴀ稀椀戀氀氀ⴀ愀搀ⴀ琀攀砀琀ⴀ洀甀琀攀搀⤀㬀 }਀ /* 瀛愭瘮涓婚 .theme-box 闆嗘垚 */਀⸀琀栀攀洀攀ⴀ戀漀砀 ⸀稀椀戀氀氀ⴀ愀搀ⴀ猀氀漀琀ⴀ挀漀渀琀愀椀渀攀爀Ⰰ .zib-widget .zibll-ad-slot-container {਀    洀愀爀最椀渀㨀 　㬀 }਀ /* 绌轰綅瀹瑰櫒 - 涓婚椋庢牸 */਀⸀稀椀戀氀氀ⴀ愀搀ⴀ甀渀椀琀⸀椀猀ⴀ攀洀瀀琀礀 ⸀愀甀琀漀ⴀ氀椀猀琀ⴀ渀甀氀氀 笀 position: relative;਀    眀椀搀琀栀㨀 ㄀　　─㬀 opacity: 0.7;਀    琀爀愀渀猀椀琀椀漀渀㨀 漀瀀愀挀椀琀礀 　⸀㌀猀 攀愀猀攀㬀 }਀ /* 鎮仠鏁堟灉 */਀⸀稀椀戀氀氀ⴀ愀搀ⴀ甀渀椀琀⸀椀猀ⴀ攀洀瀀琀礀㨀栀漀瘀攀爀 ⸀愀甀琀漀ⴀ氀椀猀琀ⴀ渀甀氀氀 笀 opacity: 1;਀紀 ਀⼀⨀ 븀겕㑰㥞灰퉴쵪⅜⁽⨀⼀ .auto-list-null .auto-url-list {਀    瀀漀猀椀琀椀漀渀㨀 爀攀氀愀琀椀瘀攀㬀 display: flex;਀    愀氀椀最渀ⴀ椀琀攀洀猀㨀 挀攀渀琀攀爀㬀 padding: 0.5rem 1rem;਀    戀漀爀搀攀爀ⴀ爀愀搀椀甀猀㨀 瘀愀爀⠀ⴀⴀ稀椀戀氀氀ⴀ愀搀ⴀ爀愀搀椀甀猀Ⰰ 㠀瀀砀⤀㬀 background: transparent;਀    琀爀愀渀猀椀琀椀漀渀㨀 戀愀挀欀最爀漀甀渀搀ⴀ挀漀氀漀爀 　⸀㌀猀 攀愀猀攀㬀 }਀ /* 鎮仠鑳屾櫙鏁堟灉 */਀⸀稀椀戀氀氀ⴀ愀搀ⴀ甀渀椀琀⸀椀猀ⴀ攀洀瀀琀礀㨀栀漀瘀攀爀 ⸀愀甀琀漀ⴀ甀爀氀ⴀ氀椀猀琀 笀 background-color: rgba(0, 0, 0, 0.02);਀紀 ਀⼀⨀ 攀겓⍰쵲⅜⁽⨀⼀ .auto-list-null .iconfont {਀    昀漀渀琀ⴀ猀椀稀攀㨀 ㄀㠀瀀砀㬀 line-height: 1;਀紀 ਀⼀⨀ 찀荰᭧䁰適握튓᧧坽놓蕲᭽㾕⨀⼀ .auto-list-null .auto-name {਀    昀氀攀砀㨀 ㄀㬀 min-width: 0;਀紀 ਀⼀⨀ 눀薕卝챕灾薏坽鍦⡓聒굱걾촠⅜᭽⊕⥘쐄蚕쵨⅜偽ⲓ䪃᭳㾕⨀⼀ .zibll-ad-unit.is-empty.is-available {਀    戀漀爀搀攀爀㨀 渀漀渀攀㬀 background: transparent;਀    洀椀渀ⴀ栀攀椀最栀琀㨀 愀甀琀漀㬀 padding: 0;਀    搀椀猀瀀氀愀礀㨀 戀氀漀挀欀㬀 }਀ /* 绉婚櫎鏃х殑鎮仠鏁堟灉 */਀⸀稀椀戀氀氀ⴀ愀搀ⴀ甀渀椀琀⸀椀猀ⴀ攀洀瀀琀礀⸀椀猀ⴀ愀瘀愀椀氀愀戀氀攀㨀栀漀瘀攀爀 笀 box-shadow: none;਀    琀爀愀渀猀昀漀爀洀㨀 渀漀渀攀㬀 border-color: transparent;਀紀 ਀⼀⨀ 준婾칚챪灾薏롽႓㍙幣꙰ᥐ捽撍쉥䢓煲᩟⁽⨀⼀ .zibll-ad-unit.is-empty.is-available .ad-empty-overlay {਀    搀椀猀瀀氀愀礀㨀 渀漀渀攀㬀 }਀ /* 纭繚涓婚utility classes鍏煎锛堝鐢ㄥ畾涔夛級 */਀⼀⨀ 魯䥐鍰婭絚죥䖓䇠᩟鱮噭屾驭꭭ᮈ莕噜뉾纕䅜᩟ꉮ띭﹪䑾靧㽙⨀⼀ .d-flex {਀    搀椀猀瀀氀愀礀㨀 昀氀攀砀 ℀椀洀瀀漀爀琀愀渀琀㬀 }਀ .align-items-center {਀    愀氀椀最渀ⴀ椀琀攀洀猀㨀 挀攀渀琀攀爀 ℀椀洀瀀漀爀琀愀渀琀㬀 }਀ .px-2 {਀    瀀愀搀搀椀渀最ⴀ氀攀昀琀㨀 　⸀㔀爀攀洀 ℀椀洀瀀漀爀琀愀渀琀㬀 padding-right: 0.5rem !important;਀紀 ਀⸀瀀礀ⴀ㄀ 笀 padding-top: 0.25rem !important;਀    瀀愀搀搀椀渀最ⴀ戀漀琀琀漀洀㨀 　⸀㈀㔀爀攀洀 ℀椀洀瀀漀爀琀愀渀琀㬀 }਀ .ml-2 {਀    洀愀爀最椀渀ⴀ氀攀昀琀㨀 　⸀㔀爀攀洀 ℀椀洀瀀漀爀琀愀渀琀㬀 }਀ .text-muted {਀    挀漀氀漀爀㨀 瘀愀爀⠀ⴀⴀ稀椀戀氀氀ⴀ愀搀ⴀ琀攀砀琀ⴀ洀甀琀攀搀Ⰰ ⌀㤀　㤀㌀㤀㤀⤀ ℀椀洀瀀漀爀琀愀渀琀㬀 }਀ /* 鍝嶅簲寮忚皟鏁?*/਀䀀洀攀搀椀愀 ⠀洀愀砀ⴀ眀椀搀琀栀㨀 㜀㘀㠀瀀砀⤀ 笀 .auto-list-null .auto-url-list {਀        瀀愀搀搀椀渀最㨀 　⸀㐀爀攀洀 　⸀㠀爀攀洀㬀 }਀ .auto-list-null .iconfont {਀        昀漀渀琀ⴀ猀椀稀攀㨀 ㄀㘀瀀砀㬀 }਀紀 ਀䀀洀攀搀椀愀 ⠀洀愀砀ⴀ眀椀搀琀栀㨀 㐀㠀　瀀砀⤀ 笀 .auto-list-null .auto-url-list {਀        瀀愀搀搀椀渀最㨀 　⸀㌀爀攀洀 　⸀㘀爀攀洀㬀 }਀ .auto-list-null .iconfont {਀        昀漀渀琀ⴀ猀椀稀攀㨀 ㄀㔀瀀砀㬀 }਀紀 ਀⼀⨀ 圀ғ雿뙘깯㑤⁑⨀⼀ .theme-box .card-head,਀⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀挀愀爀搀ⴀ栀攀愀搀 笀 display: flex;਀    愀氀椀最渀ⴀ椀琀攀洀猀㨀 挀攀渀琀攀爀㬀 padding-bottom: 0.75rem;਀紀 ਀⼀⨀ 伀퍰罟쉟⁴⨀⼀ .theme-box .text-sm,਀⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀琀攀砀琀ⴀ猀洀 笀 font-size: 1.25rem;਀    昀漀渀琀ⴀ眀攀椀最栀琀㨀 㔀　　㬀 display: inline-flex;਀    愀氀椀最渀ⴀ椀琀攀洀猀㨀 挀攀渀琀攀爀㬀 }਀ /* 鍥炬爣瀛椾綋 */਀⸀琀栀攀洀攀ⴀ戀漀砀 ⸀挀愀爀搀ⴀ栀攀愀搀 ⸀椀挀漀渀昀漀渀琀Ⰰ .zib-widget .card-head .iconfont {਀    昀漀渀琀ⴀ猀琀礀氀攀㨀 渀漀爀洀愀氀㬀 margin-right: 0.5rem;਀    搀椀猀瀀氀愀礀㨀 椀渀氀椀渀攀ⴀ昀氀攀砀㬀 align-items: center;਀    瘀攀爀琀椀挀愀氀ⴀ愀氀椀最渀㨀 洀椀搀搀氀攀㬀 }਀ /* 鐑棬鍥炬爣 - SVG */਀⸀琀栀攀洀攀ⴀ戀漀砀 ⸀椀挀漀渀ⴀ栀漀琀Ⰰ .zib-widget .icon-hot {਀    搀椀猀瀀氀愀礀㨀 椀渀氀椀渀攀ⴀ昀氀攀砀㬀 align-items: center;਀    樀甀猀琀椀昀礀ⴀ挀漀渀琀攀渀琀㨀 挀攀渀琀攀爀㬀 width: 1.25rem;਀    栀攀椀最栀琀㨀 ㄀⸀㈀㔀爀攀洀㬀 margin-right: 0.5rem;਀紀 ਀⸀琀栀攀洀攀ⴀ戀漀砀 ⸀椀挀漀渀ⴀ栀漀琀 猀瘀最Ⰰ .zib-widget .icon-hot svg {਀    眀椀搀琀栀㨀 ㄀　　─㬀 height: 100%;਀    昀椀氀氀㨀 挀甀爀爀攀渀琀䌀漀氀漀爀㬀 display: block;਀紀 ਀⼀⨀ 鸀꺚ꅗ敡겓⍰⁲ⴀ 匀嘀䜀 ⨀⼀ .theme-box .icon-ad-copy,਀⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀椀挀漀渀ⴀ愀搀ⴀ挀漀瀀礀 笀 display: inline-flex;਀    愀氀椀最渀ⴀ椀琀攀洀猀㨀 挀攀渀琀攀爀㬀 justify-content: center;਀    眀椀搀琀栀㨀 ㄀爀攀洀㬀 height: 1rem;਀    洀愀爀最椀渀ⴀ爀椀最栀琀㨀 　⸀㌀㔀爀攀洀㬀 }਀ .theme-box .icon-ad-copy svg,਀⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀椀挀漀渀ⴀ愀搀ⴀ挀漀瀀礀 猀瘀最 笀 width: 100%;਀    栀攀椀最栀琀㨀 ㄀　　─㬀 fill: currentColor;਀    搀椀猀瀀氀愀礀㨀 戀氀漀挀欀㬀 }਀ /* 鎸夐挳鍩虹鏍峰紡 */਀⸀琀栀攀洀攀ⴀ戀漀砀 ⸀戀琀渀Ⰰ .zib-widget .btn {਀    搀椀猀瀀氀愀礀㨀 椀渀氀椀渀攀ⴀ昀氀攀砀㬀 align-items: center;਀    瀀愀搀搀椀渀最㨀 　⸀㈀㔀爀攀洀 　⸀㠀㔀爀攀洀㬀 font-size: 1rem;਀    戀漀爀搀攀爀ⴀ爀愀搀椀甀猀㨀 㐀瀀砀㬀 text-decoration: none;਀    戀漀爀搀攀爀㨀 ㄀瀀砀 猀漀氀椀搀㬀 background-color: transparent;਀    琀爀愀渀猀椀琀椀漀渀㨀 愀氀氀 　⸀㌀猀㬀 cursor: pointer;਀紀 ਀⼀⨀ 鬀쩒幘뱧꣡롼႓㍙⁣⨀⼀ .theme-box .btn-outline,਀⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀戀琀渀ⴀ漀甀琀氀椀渀攀 笀 border-color: #ff3f9f;਀    挀漀氀漀爀㨀 ⌀昀昀㌀昀㤀昀㬀 }਀ .theme-box .btn-outline:hover,਀⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀戀琀渀ⴀ漀甀琀氀椀渀攀㨀栀漀瘀攀爀 笀 background-color: #ff3f9f;਀    挀漀氀漀爀㨀 ⌀昀昀昀㬀 }਀ /* 鑷姩鍙冲榻?*/਀⸀琀栀攀洀攀ⴀ戀漀砀 ⸀洀氀ⴀ愀甀琀漀Ⰰ .zib-widget .ml-auto {਀    洀愀爀最椀渀ⴀ氀攀昀琀㨀 愀甀琀漀㬀 }਀ /* 鍗＄墖涓讳綋 */਀⸀琀栀攀洀攀ⴀ戀漀砀 ⸀挀愀爀搀ⴀ戀漀搀礀Ⰰ .zib-widget .card-body {਀    瀀愀搀搀椀渀最ⴀ琀漀瀀㨀 ㄀爀攀洀㬀 padding-bottom: 0 !important;਀    洀愀爀最椀渀ⴀ戀漀琀琀漀洀㨀 　 ℀椀洀瀀漀爀琀愀渀琀㬀 }਀ /* 缃戞牸甯冨眬 - 鑷€傚簲鍒楁暟 */਀⸀琀栀攀洀攀ⴀ戀漀砀 ⸀瀀漀猀琀猀ⴀ爀漀眀Ⰰ .zib-widget .posts-row {਀    搀椀猀瀀氀愀礀㨀 最爀椀搀㬀 gap: 0.5rem;਀    最爀椀搀ⴀ琀攀洀瀀氀愀琀攀ⴀ挀漀氀甀洀渀猀㨀 爀攀瀀攀愀琀⠀瘀愀爀⠀ⴀⴀ瀀攀爀ⴀ爀漀眀Ⰰ ㈀⤀Ⰰ ㄀昀爀⤀㬀 margin-bottom: 0 !important;਀    瀀愀搀搀椀渀最ⴀ戀漀琀琀漀洀㨀 　 ℀椀洀瀀漀爀琀愀渀琀㬀 }਀ /* 闃叉闀挎枃鏈尋鍘嬬綉鏍硷細鍏佽缃戞牸瀛愰昰⢓僧걞뎕㑤쁕䆓॒ⁿ⨀⼀ .theme-box .posts-row > .auto-list,਀⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀瀀漀猀琀猀ⴀ爀漀眀 㸀 ⸀愀甀琀漀ⴀ氀椀猀琀Ⰰ .theme-box .posts-row > .auto-list-null,਀⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀瀀漀猀琀猀ⴀ爀漀眀 㸀 ⸀愀甀琀漀ⴀ氀椀猀琀ⴀ渀甀氀氀 笀 min-width: 0; /* 鍏抽敭锛氶伩鍏嶅唴瀹瑰畾涔夋渶灏忓瀵艰嚧鎾戝紑缃戞牸 */਀紀 ਀⼀⨀ 倀䌀퐀᩾幺거†ⴀ 렀浛ގ≚᎔匠匀夀䂓穪⁖ⴀⴀ瀀攀爀ⴀ爀漀眀ᬀ纕읨겕왨㭯臦杴虒⁵⨀⼀ ਀⼀⨀ 렀퉛浣鹥꺚ꅗ屡肓ᙜ挥蝭酝꭫㆕摬빥겕㑰쵞⅜⁽⨀⼀ .theme-box .auto-list a,਀⸀琀栀攀洀攀ⴀ戀漀砀 ⸀愀甀琀漀ⴀ氀椀猀琀ⴀ渀甀氀氀 㸀 搀椀瘀Ⰰ .zib-widget .auto-list a,਀⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀愀甀琀漀ⴀ氀椀猀琀ⴀ渀甀氀氀 㸀 搀椀瘀 笀 display: flex;਀    愀氀椀最渀ⴀ椀琀攀洀猀㨀 挀攀渀琀攀爀㬀 padding: 0.25rem 0.5rem;਀    琀攀砀琀ⴀ搀攀挀漀爀愀琀椀漀渀㨀 渀漀渀攀㬀 border-radius: var(--theme-border-radius-lg, 4px);਀    琀爀愀渀猀椀琀椀漀渀㨀 愀氀氀 　⸀㌀猀㬀 min-width: 0; /* 鍏抽敭锛氬鍣ㄥ彲鍦ㄧ綉鏍煎崟鍏冨唴鏀剁缉 */਀紀 ਀⼀⨀ 글“셎ᾓ䥘⁰⨀⼀ .theme-box .auto-list a:hover,਀⸀琀栀攀洀攀ⴀ戀漀砀 ⸀愀甀琀漀ⴀ氀椀猀琀ⴀ渀甀氀氀 㸀 搀椀瘀㨀栀漀瘀攀爀Ⰰ .zib-widget .auto-list a:hover,਀⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀愀甀琀漀ⴀ氀椀猀琀ⴀ渀甀氀氀 㸀 搀椀瘀㨀栀漀瘀攀爀 笀 transform: translateY(-2px);਀紀 ਀⼀⨀ 鸀꺚ꅗ敡겓⍰㥲灰퉴⨀⼀ .theme-box .auto-icon,਀⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀愀甀琀漀ⴀ椀挀漀渀 笀 width: 21px;਀    栀攀椀最栀琀㨀 ㈀㄀瀀砀㬀 flex-shrink: 0;਀紀 ਀⼀⨀ 렀퉛浣鹥꺚ꅗ⡡塒쵭遖握㾓ⴀ 昀힓さ₂⨀⼀ .theme-box .auto-list .auto-icon,਀⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀愀甀琀漀ⴀ氀椀猀琀 ⸀愀甀琀漀ⴀ椀挀漀渀 笀 border-radius: 50%;਀    漀瘀攀爀昀氀漀眀㨀 栀椀搀搀攀渀㬀 }਀ /* 骞垮憡鍥炬爣鍐呯殑鍥剧墖 */਀⸀琀栀攀洀攀ⴀ戀漀砀 ⸀愀甀琀漀ⴀ椀挀漀渀 椀洀最Ⰰ .zib-widget .auto-icon img {਀    眀椀搀琀栀㨀 ㄀　　─㬀 height: 100%;਀    漀戀樀攀挀琀ⴀ昀椀琀㨀 挀漀瘀攀爀㬀 }਀ /* 骞垮憡鍚嶇О鏂囧瓧 */਀⸀琀栀攀洀攀ⴀ戀漀砀 ⸀愀甀琀漀ⴀ渀愀洀攀Ⰰ .zib-widget .auto-name {਀    洀愀爀最椀渀ⴀ氀攀昀琀㨀 　⸀㔀爀攀洀㬀 overflow: hidden;਀    琀攀砀琀ⴀ漀瘀攀爀昀氀漀眀㨀 攀氀氀椀瀀猀椀猀㬀 white-space: nowrap;਀    昀氀攀砀㨀 ㄀ ㄀ 愀甀琀漀㬀  ⼀⨀ 伀붓浢᭥ⲕぬ륝벓뿡捘ᅭᙫ숥㾕⨀⼀ min-width: 0; /* 鍏抽敭锛氬厑璁稿唴瀹规敹缂╋紝浠庤€岃Е鍙戠渷鐣ュ彿 */਀    洀愀砀ⴀ眀椀搀琀栀㨀 ㄀　　─㬀 ⼀⨀ 쌀즕᭓틡浴굔坖鍦쵓㾓⨀⼀ }਀ /* PC绔箍鍛婂悕绉板乏杈硅窛璋冩暣 */਀䀀洀攀搀椀愀 ⠀洀椀渀ⴀ眀椀搀琀栀㨀 㜀㘀㠀瀀砀⤀ 笀 .theme-box .auto-name,਀    ⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀愀甀琀漀ⴀ渀愀洀攀 笀 margin-left: 0.75rem;਀    紀 }਀ /* 绌轰綅瀹瑰櫒鏍峰紡 */਀⸀琀栀攀洀攀ⴀ戀漀砀 ⸀愀甀琀漀ⴀ氀椀猀琀ⴀ渀甀氀氀Ⰰ .zib-widget .auto-list-null {਀    漀瀀愀挀椀琀礀㨀 　⸀㘀㬀 }਀ /* 绌轰綅鍐呴儴瀹瑰櫒 */਀⸀琀栀攀洀攀ⴀ戀漀砀 ⸀愀甀琀漀ⴀ氀椀猀琀ⴀ渀甀氀氀 㸀 搀椀瘀Ⰰ .zib-widget .auto-list-null > div {਀    挀甀爀猀漀爀㨀 瀀漀椀渀琀攀爀㬀 }਀ /* 绌轰綅鍥炬爣鏍峰紡 */਀⸀琀栀攀洀攀ⴀ戀漀砀 ⸀愀甀琀漀ⴀ氀椀猀琀ⴀ渀甀氀氀 ⸀愀甀琀漀ⴀ椀挀漀渀Ⰰ .zib-widget .auto-list-null .auto-icon {਀    搀椀猀瀀氀愀礀㨀 昀氀攀砀㬀 align-items: center;਀    樀甀猀琀椀昀礀ⴀ挀漀渀琀攀渀琀㨀 挀攀渀琀攀爀㬀 font-size: 0.625rem;਀    挀漀氀漀爀㨀 瘀愀爀⠀ⴀⴀ洀甀琀攀搀ⴀ挀漀氀漀爀Ⰰ ⌀㤀㌀㤀㔀㤀愀⤀㬀 font-weight: 600;਀紀 ਀⼀⨀ 찀灾薏敽겓⍰卲嘀䜀촀⅜⁽⨀⼀ .theme-box .auto-list-null .auto-icon svg,਀⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀愀甀琀漀ⴀ氀椀猀琀ⴀ渀甀氀氀 ⸀愀甀琀漀ⴀ椀挀漀渀 猀瘀最 笀 width: 14px;਀    栀攀椀最栀琀㨀 ㄀㐀瀀砀㬀 fill: var(--muted-color, #93959a);਀紀 ਀⼀⨀ 찀灾薏婽螓ṝ圄놓蕲쥽㾓⨀⼀ .theme-box .auto-list-null .auto-name,਀⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀愀甀琀漀ⴀ氀椀猀琀ⴀ渀甀氀氀 ⸀愀甀琀漀ⴀ渀愀洀攀 笀 height: 1rem;਀    戀愀挀欀最爀漀甀渀搀ⴀ挀漀氀漀爀㨀 瘀愀爀⠀ⴀⴀ洀甀琀攀搀ⴀ戀最ⴀ挀漀氀漀爀Ⰰ ⌀攀㘀攀㠀攀愀⤀㬀 border-radius: 4px;਀    昀氀攀砀㨀 ㄀㬀 max-width: 80px;਀紀 ਀⼀⨀ ༀ첔쩢쉘⁴⨀⼀ .theme-box .text-muted,਀⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀琀攀砀琀ⴀ洀甀琀攀搀 笀 color: var(--muted-color, #93959a);਀紀 ਀⼀⨀ 崀薓㉝齟셶㾓ⴀ 鸀殚领⨀⼀ @media (max-width: 768px) {਀    ⸀琀栀攀洀攀ⴀ戀漀砀 ⸀挀愀爀搀ⴀ栀攀愀搀Ⰰ .zib-widget .card-head {਀        瀀愀搀搀椀渀最ⴀ戀漀琀琀漀洀㨀 　⸀㘀爀攀洀㬀 }਀ .theme-box .card-body,਀    ⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀挀愀爀搀ⴀ戀漀搀礀 笀 padding-top: 0.4rem;਀    紀 ਀    ⸀琀栀攀洀攀ⴀ戀漀砀 ⸀瀀漀猀琀猀ⴀ爀漀眀Ⰰ .zib-widget .posts-row {਀        最愀瀀㨀 　⸀㐀爀攀洀㬀 }਀ .theme-box .auto-list a,਀    ⸀琀栀攀洀攀ⴀ戀漀砀 ⸀愀甀琀漀ⴀ氀椀猀琀ⴀ渀甀氀氀 㸀 搀椀瘀Ⰰ .zib-widget .auto-list a,਀    ⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀愀甀琀漀ⴀ氀椀猀琀ⴀ渀甀氀氀 㸀 搀椀瘀 笀 padding: 0.2rem 0.4rem;਀    紀 ਀    ⸀琀栀攀洀攀ⴀ戀漀砀 ⸀愀甀琀漀ⴀ椀挀漀渀Ⰰ .zib-widget .auto-icon {਀        眀椀搀琀栀㨀 ㄀㠀瀀砀㬀 height: 18px;਀    紀 ਀    ⸀琀栀攀洀攀ⴀ戀漀砀 ⸀愀甀琀漀ⴀ渀愀洀攀Ⰰ .zib-widget .auto-name {਀        洀愀爀最椀渀ⴀ氀攀昀琀㨀 　⸀㐀爀攀洀㬀 /* iPad/骞虫澘绔斁澶у箍鍛婂悕绉?*/਀        昀漀渀琀ⴀ猀椀稀攀㨀 ㄀⸀㄀㈀㔀爀攀洀㬀 }਀ .theme-box .text-sm,਀    ⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀琀攀砀琀ⴀ猀洀 笀 font-size: 1.125rem;਀    紀 ਀    ⸀琀栀攀洀攀ⴀ戀漀砀 ⸀戀琀渀Ⰰ .zib-widget .btn {਀        瀀愀搀搀椀渀最㨀 　⸀㈀爀攀洀 　⸀㜀爀攀洀㬀 font-size: 0.9375rem;਀    紀 ਀    ⸀琀栀攀洀攀ⴀ戀漀砀 ⸀椀挀漀渀ⴀ栀漀琀Ⰰ .zib-widget .icon-hot {਀        眀椀搀琀栀㨀 ㄀⸀㄀㈀㔀爀攀洀㬀 height: 1.125rem;਀    紀 ਀    ⸀琀栀攀洀攀ⴀ戀漀砀 ⸀椀挀漀渀ⴀ愀搀ⴀ挀漀瀀礀Ⰰ .zib-widget .icon-ad-copy {਀        眀椀搀琀栀㨀 　⸀㤀爀攀洀㬀 height: 0.9rem;਀    紀 }਀ /* 鍝嶅簲寮忚皟鏁?- 鎵嬫満 */਀䀀洀攀搀椀愀 ⠀洀愀砀ⴀ眀椀搀琀栀㨀 㐀㠀　瀀砀⤀ 笀 .theme-box .card-head,਀    ⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀挀愀爀搀ⴀ栀攀愀搀 笀 padding-bottom: 0.5rem;਀    紀 ਀    ⸀琀栀攀洀攀ⴀ戀漀砀 ⸀挀愀爀搀ⴀ戀漀搀礀Ⰰ .zib-widget .card-body {਀        瀀愀搀搀椀渀最ⴀ琀漀瀀㨀 ㄀爀攀洀㬀 }਀ .theme-box .posts-row,਀    ⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀瀀漀猀琀猀ⴀ爀漀眀 笀 gap: 0.3rem;਀        ⼀⨀ 딀⮓聛푮᥾ߢ≚᎔匠匀夀䂓穪呖⚓갱素镏ϡ뱿ꫡ셗⺓ᥞ쁽ᮓ퓢恛灾剒䆓齩᭦㾕⨀⼀ grid-template-columns: repeat(var(--mobile-per-row, 2), 1fr) !important;਀    紀 ਀    ⸀琀栀攀洀攀ⴀ戀漀砀 ⸀愀甀琀漀ⴀ氀椀猀琀 愀Ⰰ .theme-box .auto-list-null > div,਀    ⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀愀甀琀漀ⴀ氀椀猀琀 愀Ⰰ .zib-widget .auto-list-null > div {਀        瀀愀搀搀椀渀最㨀 　⸀㐀㔀爀攀洀 　⸀㌀爀攀洀㬀 }਀ .theme-box .auto-icon,਀    ⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀愀甀琀漀ⴀ椀挀漀渀 笀 width: 16px;਀        栀攀椀最栀琀㨀 ㄀㘀瀀砀㬀 }਀ .theme-box .auto-name,਀    ⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀愀甀琀漀ⴀ渀愀洀攀 笀 margin-left: 0.3rem;਀        ⼀⨀ 怀湭腔뙥䍯贄孻䊓镚쥠⹾ᵞ걽꺕ꑗこ庉㝓敤겓⍰쉲⁴⨀⼀ font-size: 1.25rem;਀    紀 ਀    ⼀⨀ 쐀ꎓᡞ쐠ⲕ흡敗겓⍰㥲灰퉴偪溓荔᭧䁰䝩估ᵟ썽즕᭓엡햕흟﹗䕾㜄땢꺓䥗뙟㽯⨀⼀ .theme-box .auto-icon,਀    ⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀愀甀琀漀ⴀ椀挀漀渀 笀 font-size: 12px;਀    紀 ਀    ⸀琀栀攀洀攀ⴀ戀漀砀 ⸀琀攀砀琀ⴀ猀洀Ⰰ .zib-widget .text-sm {਀        昀漀渀琀ⴀ猀椀稀攀㨀 ㄀⸀　㘀㈀㔀爀攀洀㬀 }਀ .theme-box .btn,਀    ⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀戀琀渀 笀 padding: 0.18rem 0.6rem;਀        昀漀渀琀ⴀ猀椀稀攀㨀 　⸀㠀㜀㔀爀攀洀㬀 }਀ .theme-box .icon-hot,਀    ⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀椀挀漀渀ⴀ栀漀琀 笀 width: 1rem;਀        栀攀椀最栀琀㨀 ㄀爀攀洀㬀 margin-right: 0.35rem;਀    紀 ਀    ⸀琀栀攀洀攀ⴀ戀漀砀 ⸀椀挀漀渀ⴀ愀搀ⴀ挀漀瀀礀Ⰰ .zib-widget .icon-ad-copy {਀        眀椀搀琀栀㨀 　⸀㠀㔀爀攀洀㬀 height: 0.85rem;਀        洀愀爀最椀渀ⴀ爀椀最栀琀㨀 　⸀㈀㔀爀攀洀㬀 }਀ .theme-box .auto-list-null .auto-icon svg,਀    ⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀愀甀琀漀ⴀ氀椀猀琀ⴀ渀甀氀氀 ⸀愀甀琀漀ⴀ椀挀漀渀 猀瘀最 笀 width: 12px;਀        栀攀椀最栀琀㨀 ㄀㈀瀀砀㬀 }਀紀 ਀⼀⨀ ⌀ꭚ쪏꽘㍙℠ꭽ麕ꑐ᭓ᶕ빙챥㭨䅪祾즔œ᩟⁽ⴀ 䜀璎པ估ᶓ繘鑵㽭⨀⼀ body.dark-theme .theme-box .auto-list-null,਀戀漀搀礀⸀搀愀爀欀ⴀ琀栀攀洀攀 ⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀愀甀琀漀ⴀ氀椀猀琀ⴀ渀甀氀氀 笀 background-color: transparent;਀紀 ਀戀漀搀礀⸀搀愀爀欀ⴀ琀栀攀洀攀 ⸀琀栀攀洀攀ⴀ戀漀砀 ⸀愀甀琀漀ⴀ氀椀猀琀 愀Ⰰ body.dark-theme .theme-box .auto-list-null > div,਀戀漀搀礀⸀搀愀爀欀ⴀ琀栀攀洀攀 ⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀愀甀琀漀ⴀ氀椀猀琀 愀Ⰰ body.dark-theme .zib-widget .auto-list-null > div {਀    挀漀氀漀爀㨀 ⌀攀　攀　攀　㬀 border: 1px solid #3a3a3a;਀    戀愀挀欀最爀漀甀渀搀ⴀ挀漀氀漀爀㨀 ⌀㐀挀㐀搀㐀昀㬀 }਀ body.dark-theme .theme-box .auto-list a:hover,਀戀漀搀礀⸀搀愀爀欀ⴀ琀栀攀洀攀 ⸀琀栀攀洀攀ⴀ戀漀砀 ⸀愀甀琀漀ⴀ氀椀猀琀ⴀ渀甀氀氀 㸀 搀椀瘀㨀栀漀瘀攀爀Ⰰ body.dark-theme .zib-widget .auto-list a:hover,਀戀漀搀礀⸀搀愀爀欀ⴀ琀栀攀洀攀 ⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀愀甀琀漀ⴀ氀椀猀琀ⴀ渀甀氀氀 㸀 搀椀瘀㨀栀漀瘀攀爀 笀 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);਀    戀愀挀欀最爀漀甀渀搀㨀 氀椀渀攀愀爀ⴀ最爀愀搀椀攀渀琀⠀㄀㌀㔀搀攀最Ⰰ ⌀昀昀㔀㐀㜀㌀ ㄀　─Ⰰ ⌀昀戀㘀戀攀愀 ㄀　　─⤀ ℀椀洀瀀漀爀琀愀渀琀㬀 color: #ffffff;਀    戀漀爀搀攀爀㨀 ㄀瀀砀 猀漀氀椀搀 ⌀昀昀㌀昀㤀昀㬀 }਀ body.dark-theme .theme-box .auto-list-null .auto-icon,਀戀漀搀礀⸀搀愀爀欀ⴀ琀栀攀洀攀 ⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀愀甀琀漀ⴀ氀椀猀琀ⴀ渀甀氀氀 ⸀愀甀琀漀ⴀ椀挀漀渀 笀 color: #909399;਀紀 ਀戀漀搀礀⸀搀愀爀欀ⴀ琀栀攀洀攀 ⸀琀栀攀洀攀ⴀ戀漀砀 ⸀愀甀琀漀ⴀ氀椀猀琀ⴀ渀甀氀氀 ⸀愀甀琀漀ⴀ椀挀漀渀 猀瘀最Ⰰ body.dark-theme .zib-widget .auto-list-null .auto-icon svg {਀    昀椀氀氀㨀 ⌀㤀　㤀㌀㤀㤀㬀 }਀ body.dark-theme .theme-box .auto-list-null .auto-name,਀戀漀搀礀⸀搀愀爀欀ⴀ琀栀攀洀攀 ⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀愀甀琀漀ⴀ氀椀猀琀ⴀ渀甀氀氀 ⸀愀甀琀漀ⴀ渀愀洀攀 笀 background-color: #5a5d61;਀紀 ਀⼀⨀ 㐀灚쩔꽘㍙℠ꭽ麕ꑐ᭓ᶕ빙챥㭨汪祹즔œ᩟⁽ⴀ 娀ꆓ繞鑵᭭ᵙ籽㩭魪﹓䑾㼄䉭㽩⨀⼀ body:not(.dark-theme) .theme-box .auto-list-null,਀戀漀搀礀㨀渀漀琀⠀⸀搀愀爀欀ⴀ琀栀攀洀攀⤀ ⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀愀甀琀漀ⴀ氀椀猀琀ⴀ渀甀氀氀 笀 background-color: transparent;਀紀 ਀戀漀搀礀㨀渀漀琀⠀⸀搀愀爀欀ⴀ琀栀攀洀攀⤀ ⸀琀栀攀洀攀ⴀ戀漀砀 ⸀愀甀琀漀ⴀ氀椀猀琀 愀Ⰰ body:not(.dark-theme) .theme-box .auto-list-null > div,਀戀漀搀礀㨀渀漀琀⠀⸀搀愀爀欀ⴀ琀栀攀洀攀⤀ ⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀愀甀琀漀ⴀ氀椀猀琀 愀Ⰰ body:not(.dark-theme) .zib-widget .auto-list-null > div {਀    挀漀氀漀爀㨀 瘀愀爀⠀ⴀⴀ洀愀椀渀ⴀ挀漀氀漀爀Ⰰ ⌀㐀㠀㐀戀㐀昀⤀㬀 border: 1px solid var(--muted-bg-color, #e6e8ea);਀    戀愀挀欀最爀漀甀渀搀ⴀ挀漀氀漀爀㨀 ⌀昀昀昀昀昀昀㬀 }਀戀漀搀礀㨀渀漀琀⠀⸀搀愀爀欀ⴀ琀栀攀洀攀⤀ ⸀琀栀攀洀攀ⴀ戀漀砀 ⸀愀甀琀漀ⴀ氀椀猀琀 愀㨀栀漀瘀攀爀Ⰰ 戀漀搀礀㨀渀漀琀⠀⸀搀愀爀欀ⴀ琀栀攀洀攀⤀ ⸀琀栀攀洀攀ⴀ戀漀砀 ⸀愀甀琀漀ⴀ氀椀猀琀ⴀ渀甀氀氀 㸀 搀椀瘀㨀栀漀瘀攀爀Ⰰ 戀漀搀礀㨀渀漀琀⠀⸀搀愀爀欀ⴀ琀栀攀洀攀⤀ ⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀愀甀琀漀ⴀ氀椀猀琀 愀㨀栀漀瘀攀爀Ⰰ 戀漀搀礀㨀渀漀琀⠀⸀搀愀爀欀ⴀ琀栀攀洀攀⤀ ⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀愀甀琀漀ⴀ氀椀猀琀ⴀ渀甀氀氀 㸀 搀椀瘀㨀栀漀瘀攀爀 笀 background: linear-gradient(135deg, #ff5473 10%, #fb6bea 100%) !important;਀    挀漀氀漀爀㨀 ⌀昀昀昀昀昀昀㬀 border: 1px solid #ff3f9f;਀紀 body:not(.dark-theme) .theme-box .auto-list-null .auto-icon,਀戀漀搀礀㨀渀漀琀⠀⸀搀愀爀欀ⴀ琀栀攀洀攀⤀ ⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀愀甀琀漀ⴀ氀椀猀琀ⴀ渀甀氀氀 ⸀愀甀琀漀ⴀ椀挀漀渀 笀 color: var(--muted-color, #93959a);਀紀 ਀戀漀搀礀㨀渀漀琀⠀⸀搀愀爀欀ⴀ琀栀攀洀攀⤀ ⸀琀栀攀洀攀ⴀ戀漀砀 ⸀愀甀琀漀ⴀ氀椀猀琀ⴀ渀甀氀氀 ⸀愀甀琀漀ⴀ椀挀漀渀 猀瘀最Ⰰ body:not(.dark-theme) .zib-widget .auto-list-null .auto-icon svg {਀    昀椀氀氀㨀 瘀愀爀⠀ⴀⴀ洀甀琀攀搀ⴀ挀漀氀漀爀Ⰰ ⌀㤀㌀㤀㔀㤀愀⤀㬀 }਀ body:not(.dark-theme) .theme-box .auto-list-null .auto-name,਀戀漀搀礀㨀渀漀琀⠀⸀搀愀爀欀ⴀ琀栀攀洀攀⤀ ⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀愀甀琀漀ⴀ氀椀猀琀ⴀ渀甀氀氀 ⸀愀甀琀漀ⴀ渀愀洀攀 笀 background-color: var(--muted-bg-color, #e6e8ea);਀紀 ਀戀漀搀礀㨀渀漀琀⠀⸀搀愀爀欀ⴀ琀栀攀洀攀⤀ ⸀琀栀攀洀攀ⴀ戀漀砀 ⸀琀攀砀琀ⴀ猀洀Ⰰ body:not(.dark-theme) .zib-widget .text-sm {਀    挀漀氀漀爀㨀 瘀愀爀⠀ⴀⴀ洀愀椀渀ⴀ挀漀氀漀爀Ⰰ ⌀㐀㠀㐀戀㐀昀⤀㬀 }਀ body:not(.dark-theme) .theme-box .icon-hot svg,਀戀漀搀礀㨀渀漀琀⠀⸀搀愀爀欀ⴀ琀栀攀洀攀⤀ ⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀椀挀漀渀ⴀ栀漀琀 猀瘀最 笀 fill: var(--theme-color, #f1404b);਀紀 ਀ /* 鏃犻殰纰嶆敮鎸?- 閿洏鐒︾偣 */਀⸀琀栀攀洀攀ⴀ戀漀砀 ⸀戀琀渀㨀昀漀挀甀猀ⴀ瘀椀猀椀戀氀攀Ⰰ .theme-box .auto-list a:focus-visible,਀⸀琀栀攀洀攀ⴀ戀漀砀 ⸀愀甀琀漀ⴀ氀椀猀琀ⴀ渀甀氀氀 㸀 搀椀瘀㨀昀漀挀甀猀ⴀ瘀椀猀椀戀氀攀Ⰰ .zib-widget .btn:focus-visible,਀⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀愀甀琀漀ⴀ氀椀猀琀 愀㨀昀漀挀甀猀ⴀ瘀椀猀椀戀氀攀Ⰰ .zib-widget .auto-list-null > div:focus-visible {਀    漀甀琀氀椀渀攀㨀 ㈀瀀砀 猀漀氀椀搀 瘀愀爀⠀ⴀⴀ琀栀攀洀攀ⴀ挀漀氀漀爀Ⰰ ⌀昀㄀㐀　㐀戀⤀㬀 outline-offset: 2px;਀紀 ਀⼀⨀ 儀펓꽟呶➓縱꽥㍙℠⁽⨀⼀ @media (prefers-reduced-motion: reduce) {਀    ⸀琀栀攀洀攀ⴀ戀漀砀 ⸀戀琀渀Ⰰ .theme-box .auto-list a,਀    ⸀琀栀攀洀攀ⴀ戀漀砀 ⸀愀甀琀漀ⴀ氀椀猀琀ⴀ渀甀氀氀 㸀 搀椀瘀Ⰰ .zib-widget .btn,਀    ⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀愀甀琀漀ⴀ氀椀猀琀 愀Ⰰ .zib-widget .auto-list-null > div {਀        琀爀愀渀猀椀琀椀漀渀㨀 渀漀渀攀㬀 transform: none !important;਀    紀 }਀ /* 鎵撳嵃鏍峰紡 */਀䀀洀攀搀椀愀 瀀爀椀渀琀 笀 .theme-box .card-head,਀    ⸀稀椀戀ⴀ眀椀搀最攀琀 ⸀挀愀爀搀ⴀ栀攀愀搀 笀 display: none;਀    紀 ਀    ⸀琀栀攀洀攀ⴀ戀漀砀 ⸀愀甀琀漀ⴀ氀椀猀琀ⴀ渀甀氀氀Ⰰ .zib-widget .auto-list-null {਀        搀椀猀瀀氀愀礀㨀 渀漀渀攀㬀 }਀紀 ਀⼀⨀ ︀䝖署䩞恔䵓♏㝻ཨ ⨀⼀ .media-card.knn-ad-placeholder {਀    戀愀挀欀最爀漀甀渀搀㨀 氀椀渀攀愀爀ⴀ最爀愀搀椀攀渀琀⠀㄀㌀㔀搀攀最Ⰰ ⌀昀㔀昀㜀昀愀 　─Ⰰ ⌀昀昀昀昀昀昀 ㄀　　─⤀㬀 border: 2px dashed #dcdfe6;਀    搀椀猀瀀氀愀礀㨀 昀氀攀砀㬀 align-items: center;਀    樀甀猀琀椀昀礀ⴀ挀漀渀琀攀渀琀㨀 挀攀渀琀攀爀㬀 transition: all 0.3s ease;਀    瀀漀猀椀琀椀漀渀㨀 爀攀氀愀琀椀瘀攀㬀 overflow: visible;਀紀 ਀⸀洀攀搀椀愀ⴀ挀愀爀搀⸀欀渀渀ⴀ愀搀ⴀ瀀氀愀挀攀栀漀氀搀攀爀㨀栀漀瘀攀爀 笀 border-color: #409eff;਀    戀愀挀欀最爀漀甀渀搀㨀 氀椀渀攀愀爀ⴀ最爀愀搀椀攀渀琀⠀㄀㌀㔀搀攀最Ⰰ ⌀攀挀昀㔀昀昀 　─Ⰰ ⌀昀昀昀昀昀昀 ㄀　　─⤀㬀 box-shadow: 0 4px 12px rgba(64, 158, 255, 0.15);਀紀 ਀⼀⨀ 怀䵓♏蕻륑륛桛⁖⨀⼀ .knn-ad-placeholder-content {਀    搀椀猀瀀氀愀礀㨀 昀氀攀砀㬀 flex-direction: row;਀    愀氀椀最渀ⴀ椀琀攀洀猀㨀 挀攀渀琀攀爀㬀 justify-content: flex-start;਀    瀀愀搀搀椀渀最㨀 ㈀　瀀砀㬀 width: 100%;਀    栀攀椀最栀琀㨀 ㄀　　─㬀 text-align: left;਀    最愀瀀㨀 ㄀㔀瀀砀㬀 }਀ /* 占位符图标 */਀⸀欀渀渀ⴀ愀搀ⴀ瀀氀愀挀攀栀漀氀搀攀爀ⴀ挀漀渀琀攀渀琀 ⸀昀愀 笀 font-size: 48px;਀    挀漀氀漀爀㨀 ⌀㐀　㤀攀昀昀㬀 margin-bottom: 0;਀    洀愀爀最椀渀ⴀ爀椀最栀琀㨀 　㬀 flex-shrink: 0;਀    愀渀椀洀愀琀椀漀渀㨀 瀀甀氀猀攀 ㈀猀 攀愀猀攀ⴀ椀渀ⴀ漀甀琀 椀渀昀椀渀椀琀攀㬀 }਀ /* 文字内容区域 */਀⸀欀渀渀ⴀ愀搀ⴀ瀀氀愀挀攀栀漀氀搀攀爀ⴀ椀渀昀漀 笀 display: flex;਀    愀氀椀最渀ⴀ椀琀攀洀猀㨀 挀攀渀琀攀爀㬀 gap: 12px;਀    昀氀攀砀ⴀ眀爀愀瀀㨀 眀爀愀瀀㬀 flex: 1;਀紀 ਀⼀⨀ 怀䵓♏蝻坥⁛⨀⼀ .knn-ad-placeholder-text {਀    昀漀渀琀ⴀ猀椀稀攀㨀 ㄀㐀瀀砀㬀 color: #606266;਀    洀愀爀最椀渀ⴀ戀漀琀琀漀洀㨀 　㬀 font-weight: 500;਀    眀栀椀琀攀ⴀ猀瀀愀挀攀㨀 渀漀眀爀愀瀀㬀 }਀ /* 占位符价格 */਀⸀欀渀渀ⴀ愀搀ⴀ瀀氀愀挀攀栀漀氀搀攀爀ⴀ瀀爀椀挀攀 笀 font-size: 18px;਀    昀漀渀琀ⴀ眀攀椀最栀琀㨀 戀漀氀搀㬀 color: #ff6b6b;਀    洀愀爀最椀渀ⴀ戀漀琀琀漀洀㨀 　㬀 white-space: nowrap;਀紀 ਀⼀⨀ 怀䵓♏ॻ깣ₔ⨀⼀ .knn-ad-placeholder-content .btn {਀    洀愀爀最椀渀ⴀ琀漀瀀㨀 　㬀 margin-left: auto;਀    眀栀椀琀攀ⴀ猀瀀愀挀攀㨀 渀漀眀爀愀瀀㬀 display: inline-flex;਀    愀氀椀最渀ⴀ椀琀攀洀猀㨀 挀攀渀琀攀爀㬀 justify-content: center;਀    昀氀攀砀ⴀ猀栀爀椀渀欀㨀 　㬀 }਀ /* 按钮内的图标 */਀⸀欀渀渀ⴀ愀搀ⴀ瀀氀愀挀攀栀漀氀搀攀爀ⴀ挀漀渀琀攀渀琀 ⸀戀琀渀 ⸀昀愀 笀 font-size: 14px;਀    洀愀爀最椀渀ⴀ爀椀最栀琀㨀 㐀瀀砀㬀 margin-bottom: 0;਀    愀渀椀洀愀琀椀漀渀㨀 渀漀渀攀㬀 }਀ /* 响应式调整 - 平板 */਀䀀洀攀搀椀愀 ⠀洀愀砀ⴀ眀椀搀琀栀㨀 㜀㘀㠀瀀砀⤀ 笀 .knn-ad-placeholder-content {਀        瀀愀搀搀椀渀最㨀 ㄀㔀瀀砀㬀 gap: 12px;਀    紀 ਀    ⸀欀渀渀ⴀ愀搀ⴀ瀀氀愀挀攀栀漀氀搀攀爀ⴀ挀漀渀琀攀渀琀 ⸀昀愀 笀 font-size: 40px;਀        洀愀爀最椀渀ⴀ戀漀琀琀漀洀㨀 　㬀 }਀     .knn-ad-placeholder-text {਀        昀漀渀琀ⴀ猀椀稀攀㨀 ㄀㌀瀀砀㬀 margin-bottom: 0;਀    紀 ਀    ⸀欀渀渀ⴀ愀搀ⴀ瀀氀愀挀攀栀漀氀搀攀爀ⴀ瀀爀椀挀攀 笀 font-size: 16px;਀        洀愀爀最椀渀ⴀ戀漀琀琀漀洀㨀 　㬀 }਀     .knn-ad-placeholder-content .btn {਀        昀漀渀琀ⴀ猀椀稀攀㨀 ㄀㌀瀀砀㬀 padding: 4px 10px;਀    紀 }਀ /* 响应式调整 - 手机 */਀䀀洀攀搀椀愀 ⠀洀愀砀ⴀ眀椀搀琀栀㨀 㐀㠀　瀀砀⤀ 笀 .knn-ad-placeholder-content {਀        瀀愀搀搀椀渀最㨀 ㄀㈀瀀砀㬀 gap: 10px;਀        昀氀攀砀ⴀ眀爀愀瀀㨀 渀漀眀爀愀瀀㬀 }਀     .knn-ad-placeholder-content .fa {਀        昀漀渀琀ⴀ猀椀稀攀㨀 ㌀㈀瀀砀㬀 margin-bottom: 0;਀    紀 ਀    ⸀欀渀渀ⴀ愀搀ⴀ瀀氀愀挀攀栀漀氀搀攀爀ⴀ椀渀昀漀 笀 gap: 8px;਀        昀氀攀砀ⴀ搀椀爀攀挀琀椀漀渀㨀 挀漀氀甀洀渀㬀 align-items: flex-start;਀    紀 ਀    ⸀欀渀渀ⴀ愀搀ⴀ瀀氀愀挀攀栀漀氀搀攀爀ⴀ琀攀砀琀 笀 font-size: 12px;਀        洀愀爀最椀渀ⴀ戀漀琀琀漀洀㨀 　㬀 }਀     .knn-ad-placeholder-price {਀        昀漀渀琀ⴀ猀椀稀攀㨀 ㄀㐀瀀砀㬀 margin-bottom: 0;਀    紀 ਀    ⸀欀渀渀ⴀ愀搀ⴀ瀀氀愀挀攀栀漀氀搀攀爀ⴀ挀漀渀琀攀渀琀 ⸀戀琀渀 笀 font-size: 12px;਀        瀀愀搀搀椀渀最㨀 㐀瀀砀 㠀瀀砀㬀 margin-left: 0;਀    紀 ਀    ⸀欀渀渀ⴀ愀搀ⴀ瀀氀愀挀攀栀漀氀搀攀爀ⴀ挀漀渀琀攀渀琀 ⸀戀琀渀 ⸀昀愀 笀 font-size: 12px;਀    紀 }਀ /* 深色模式适配 */਀戀漀搀礀⸀搀愀爀欀ⴀ琀栀攀洀攀 ⸀洀攀搀椀愀ⴀ挀愀爀搀⸀欀渀渀ⴀ愀搀ⴀ瀀氀愀挀攀栀漀氀搀攀爀 笀 background: linear-gradient(135deg, #2a2a2a 0%, #1a1a1a 100%);਀    戀漀爀搀攀爀ⴀ挀漀氀漀爀㨀 ⌀㐀挀㐀搀㐀昀㬀 }਀ body.dark-theme .media-card.knn-ad-placeholder:hover {਀    戀漀爀搀攀爀ⴀ挀漀氀漀爀㨀 ⌀㐀　㤀攀昀昀㬀 background: linear-gradient(135deg, #2d3a4a 0%, #1a1a1a 100%);਀紀 ਀戀漀搀礀⸀搀愀爀欀ⴀ琀栀攀洀攀 ⸀欀渀渀ⴀ愀搀ⴀ瀀氀愀挀攀栀漀氀搀攀爀ⴀ挀漀渀琀攀渀琀 ⸀昀愀 笀 color: #409eff;਀紀 ਀戀漀搀礀⸀搀愀爀欀ⴀ琀栀攀洀攀 ⸀欀渀渀ⴀ愀搀ⴀ瀀氀愀挀攀栀漀氀搀攀爀ⴀ琀攀砀琀 笀 color: #e0e0e0;਀紀 ਀戀漀搀礀⸀搀愀爀欀ⴀ琀栀攀洀攀 ⸀欀渀渀ⴀ愀搀ⴀ瀀氀愀挀攀栀漀氀搀攀爀ⴀ瀀爀椀挀攀 笀 color: #ff6b6b;਀紀 /* ========== 移动端图片广告适配修⁙㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀 ⨀⼀ @media (max-width: 600px) {਀    ⸀洀攀搀椀愀ⴀ最爀椀搀ⴀ挀漀渀琀愀椀渀攀爀 笀 width: 100% !important;਀        洀愀砀ⴀ眀椀搀琀栀㨀 ㄀　　─ ℀椀洀瀀漀爀琀愀渀琀㬀 padding: 0 !important;਀        洀愀爀最椀渀㨀 　 ℀椀洀瀀漀爀琀愀渀琀㬀 box-sizing: border-box !important;਀        漀瘀攀爀昀氀漀眀㨀 栀椀搀搀攀渀 ℀椀洀瀀漀爀琀愀渀琀㬀 }਀     .media-card {਀        眀椀搀琀栀㨀 ㄀　　─ ℀椀洀瀀漀爀琀愀渀琀㬀 max-width: 100% !important;਀        戀漀砀ⴀ猀椀稀椀渀最㨀 戀漀爀搀攀爀ⴀ戀漀砀 ℀椀洀瀀漀爀琀愀渀琀㬀 }਀     .media-card img {਀        眀椀搀琀栀㨀 ㄀　　─ ℀椀洀瀀漀爀琀愀渀琀㬀 max-width: 100% !important;਀    紀 ਀    ⸀琀栀攀洀攀ⴀ戀漀砀 ⸀洀攀搀椀愀ⴀ最爀椀搀ⴀ挀漀渀琀愀椀渀攀爀Ⰰ .zib-widget .media-grid-container,਀    ⸀欀渀渀ⴀ愀搀ⴀ洀愀渀愀最攀爀 ⸀洀攀搀椀愀ⴀ最爀椀搀ⴀ挀漀渀琀愀椀渀攀爀 笀 width: 100% !important;਀        洀愀砀ⴀ眀椀搀琀栀㨀 ㄀　　─ ℀椀洀瀀漀爀琀愀渀琀㬀 }਀紀 ਀⼀⨀ 㴀㴀㴀㴀㴀㴀㴀㴀㴀㴀 ff꡹㥺靟ɺ䶐奏 ========== */਀⼀⨀ 㨀פֿ꡹㥺靟ﭺꁭ癒炐愀搀搀椀渀最ఀ㋿抖獫ক깣ꮔ邈쾖₅⨀⼀ @media (max-width: 768px) {਀    ⼀⨀ ꤀榋牟㒂殐䕘絮牶㪂⁗⨀⼀ .modal-colorful-header,਀    ⸀洀漀搀愀氀 ⸀洀漀搀愀氀ⴀ挀漀氀漀爀昀甀氀ⴀ栀攀愀搀攀爀Ⰰ .modal.bottom .modal-colorful-header,਀    ⸀洀漀搀愀氀ⴀ搀椀愀氀漀最 ⸀洀漀搀愀氀ⴀ挀漀氀漀爀昀甀氀ⴀ栀攀愀搀攀爀 笀 margin: 0 !important;਀        洀愀爀最椀渀ⴀ琀漀瀀㨀 挀愀氀挀⠀ⴀ㄀ ⨀ 洀愀砀⠀攀渀瘀⠀猀愀昀攀ⴀ愀爀攀愀ⴀ椀渀猀攀琀ⴀ琀漀瀀⤀Ⰰ ㈀　瀀砀⤀⤀ ℀椀洀瀀漀爀琀愀渀琀㬀 padding-top: calc(max(env(safe-area-inset-top), 20px) + 20px) !important;਀        瀀愀搀搀椀渀最ⴀ氀攀昀琀㨀 　 ℀椀洀瀀漀爀琀愀渀琀㬀 padding-right: 0 !important;਀        戀漀爀搀攀爀ⴀ爀愀搀椀甀猀㨀 　 ℀椀洀瀀漀爀琀愀渀琀㬀 }਀     /* 弹窗内容区域 */਀    ⸀洀漀搀愀氀⸀戀漀琀琀漀洀 ⸀洀漀搀愀氀ⴀ挀漀渀琀攀渀琀 笀 padding-top: max(env(safe-area-inset-top), 20px) !important;਀    紀 ਀    ⼀⨀ 猀ক깣䶔湏Ϳ璌⁥⨀⼀ .modal.bottom .abs-close,਀    ⸀洀漀搀愀氀 ⸀愀戀猀ⴀ挀氀漀猀攀Ⰰ .abs-close {਀        琀漀瀀㨀 洀愀砀⠀挀愀氀挀⠀攀渀瘀⠀猀愀昀攀ⴀ愀爀攀愀ⴀ椀渀猀攀琀ⴀ琀漀瀀⤀ ⬀ ㄀　瀀砀⤀Ⰰ ㄀㔀瀀砀⤀ ℀椀洀瀀漀爀琀愀渀琀㬀 right: 10px !important;਀        稀ⴀ椀渀搀攀砀㨀 㤀㤀㤀㤀 ℀椀洀瀀漀爀琀愀渀琀㬀 background: rgba(0, 0, 0, 0.5) !important;਀        戀漀爀搀攀爀ⴀ爀愀搀椀甀猀㨀 㔀　─ ℀椀洀瀀漀爀琀愀渀琀㬀 width: 32px !important;਀        栀攀椀最栀琀㨀 ㌀㈀瀀砀 ℀椀洀瀀漀爀琀愀渀琀㬀 display: flex !important;਀        愀氀椀最渀ⴀ椀琀攀洀猀㨀 挀攀渀琀攀爀 ℀椀洀瀀漀爀琀愀渀琀㬀 justify-content: center !important;਀        瀀愀搀搀椀渀最㨀 　 ℀椀洀瀀漀爀琀愀渀琀㬀 }਀     .modal.bottom .abs-close svg,਀    ⸀洀漀搀愀氀 ⸀愀戀猀ⴀ挀氀漀猀攀 猀瘀最Ⰰ .abs-close svg {਀        眀椀搀琀栀㨀 ㄀㠀瀀砀 ℀椀洀瀀漀爀琀愀渀琀㬀 height: 18px !important;਀        昀椀氀氀㨀 ⌀昀昀昀 ℀椀洀瀀漀爀琀愀渀琀㬀 }਀     /* 底部关闭按钮 */਀    ⸀洀漀搀愀氀ⴀ挀氀漀猀攀 笀 padding: 12px 24px !important;਀        昀漀渀琀ⴀ猀椀稀攀㨀 ㄀㘀瀀砀 ℀椀洀瀀漀爀琀愀渀琀㬀 border-radius: 6px !important;਀        洀愀爀最椀渀ⴀ戀漀琀琀漀洀㨀 攀渀瘀⠀猀愀昀攀ⴀ愀爀攀愀ⴀ椀渀猀攀琀ⴀ戀漀琀琀漀洀Ⰰ ㄀　瀀砀⤀ ℀椀洀瀀漀爀琀愀渀琀㬀 }਀     /* 弹窗对话框适配 */਀    ⸀洀漀搀愀氀⸀戀漀琀琀漀洀 ⸀洀漀搀愀氀ⴀ搀椀愀氀漀最 笀 padding-top: 0 !important;਀        洀愀砀ⴀ栀攀椀最栀琀㨀 ㄀　　瘀栀 ℀椀洀瀀漀爀琀愀渀琀㬀 }਀紀 ਀⼀⨀ 椀倀栀漀渀攀 堀 쨀੎㩎譧著襶桛㩑ɗ䶐ₑ⨀⼀ @supports (padding: max(0px)) {਀    䀀洀攀搀椀愀 ⠀洀愀砀ⴀ眀椀搀琀栀㨀 㜀㘀㠀瀀砀⤀ 笀 .modal.bottom .modal-content {਀            瀀愀搀搀椀渀最ⴀ琀漀瀀㨀 洀愀砀⠀攀渀瘀⠀猀愀昀攀ⴀ愀爀攀愀ⴀ椀渀猀攀琀ⴀ琀漀瀀⤀Ⰰ ㈀　瀀砀⤀ ℀椀洀瀀漀爀琀愀渀琀㬀 }਀         .modal.bottom .abs-close {਀            琀漀瀀㨀 洀愀砀⠀挀愀氀挀⠀攀渀瘀⠀猀愀昀攀ⴀ愀爀攀愀ⴀ椀渀猀攀琀ⴀ琀漀瀀⤀ ⬀ ㄀　瀀砀⤀Ⰰ ㈀　瀀砀⤀ ℀椀洀瀀漀爀琀愀渀琀㬀 }਀    紀 }਀ /* ========== 移动端图片广告占位符优化 ========== */਀䀀洀攀搀椀愀 ⠀洀愀砀ⴀ眀椀搀琀栀㨀 㘀　　瀀砀⤀ 笀 /* 占位符内容布局 */਀    ⸀欀渀渀ⴀ愀搀ⴀ瀀氀愀挀攀栀漀氀搀攀爀ⴀ挀漀渀琀攀渀琀 笀 display: flex;਀        昀氀攀砀ⴀ搀椀爀攀挀琀椀漀渀㨀 爀漀眀 ℀椀洀瀀漀爀琀愀渀琀㬀 align-items: center !important;਀        樀甀猀琀椀昀礀ⴀ挀漀渀琀攀渀琀㨀 猀瀀愀挀攀ⴀ戀攀琀眀攀攀渀 ℀椀洀瀀漀爀琀愀渀琀㬀 padding: 10px !important;਀        最愀瀀㨀 㠀瀀砀 ℀椀洀瀀漀爀琀愀渀琀㬀 }਀     /* 图标 */਀    ⸀欀渀渀ⴀ愀搀ⴀ瀀氀愀挀攀栀漀氀搀攀爀ⴀ挀漀渀琀攀渀琀 㸀 椀⸀昀愀 笀 font-size: 24px !important;਀        昀氀攀砀ⴀ猀栀爀椀渀欀㨀 　㬀 }਀     /* 信息区域 - 单行显示 */਀    ⸀欀渀渀ⴀ愀搀ⴀ瀀氀愀挀攀栀漀氀搀攀爀ⴀ椀渀昀漀 笀 display: flex !important;਀        昀氀攀砀ⴀ搀椀爀攀挀琀椀漀渀㨀 爀漀眀 ℀椀洀瀀漀爀琀愀渀琀㬀 align-items: center !important;਀        最愀瀀㨀 㠀瀀砀 ℀椀洀瀀漀爀琀愀渀琀㬀 flex: 1;਀        洀椀渀ⴀ眀椀搀琀栀㨀 　㬀 }਀     /* 文字和价格在同一行 */਀    ⸀欀渀渀ⴀ愀搀ⴀ瀀氀愀挀攀栀漀氀搀攀爀ⴀ琀攀砀琀Ⰰ .knn-ad-placeholder-price {਀        洀愀爀最椀渀㨀 　 ℀椀洀瀀漀爀琀愀渀琀㬀 white-space: nowrap;਀        昀漀渀琀ⴀ猀椀稀攀㨀 ㄀㌀瀀砀 ℀椀洀瀀漀爀琀愀渀琀㬀 }਀     /* 按钮 */਀    ⸀欀渀渀ⴀ愀搀ⴀ瀀氀愀挀攀栀漀氀搀攀爀ⴀ挀漀渀琀攀渀琀 ⸀戀琀渀 笀 flex-shrink: 0;਀        瀀愀搀搀椀渀最㨀 㘀瀀砀 ㄀㈀瀀砀 ℀椀洀瀀漀爀琀愀渀琀㬀 font-size: 12px !important;਀    紀