/** * 广告组件统一样式 — Banner / Feed-Card / Sidebar / Float-Bar / List-Card * * 所有组件使用 Design Token 变量，支持金股讯 / 期衍所双品牌 * 权威来源：public/static/css/design-tokens.css */ .jgx-ad{display:block;min-height:4px}.jgx-ad:empty{min-height:0}.jgx-ad-card{display:block;position:relative;overflow:hidden;cursor:pointer;text-decoration:none;color:inherit;transition:transform 0.25s ease,box-shadow 0.25s ease}.jgx-ad-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(var(--color-brand-500-rgb,255,114,36),0.15)}.jgx-ad-card:active{transform:scale(0.98)}.jgx-ad-img{display:block;width:100%;height:auto;border-radius:6px;object-fit:cover}.jgx-ad-banner{margin-bottom:20px;border-radius:8px}.jgx-ad-banner .jgx-ad-img{border-radius:8px}.jgx-ad-feed{margin:12px 0;padding:0;border-radius:8px;background:var(--bg-card,#fff)}.jgx-ad-feed .jgx-ad-img{border-radius:8px 8px 0 0}.jgx-ad-feed-body{padding:12px 14px 8px}.jgx-ad-feed-label{display:inline-block;font-size:11px;color:var(--color-brand-500);background:rgba(var(--color-brand-500-rgb,255,114,36),0.08);border-radius:3px;padding:2px 8px;margin-bottom:6px}.jgx-ad-feed-title{font-size:14px;font-weight:500;color:var(--text-primary,#333);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.jgx-ad-sidebar{margin-bottom:16px;border-radius:8px;background:var(--bg-card,#fff);box-shadow:0 1px 4px rgba(0,0,0,0.04);overflow:hidden}.jgx-ad-sidebar .jgx-ad-img{border-radius:8px 8px 0 0}.jgx-ad-sidebar-body{padding:10px 12px}.jgx-ad-sidebar-title{font-size:13px;font-weight:500;color:var(--text-primary,#333);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.jgx-ad-float-bar{position:fixed;bottom:0;left:0;right:0;z-index:999;background:var(--bg-card,#fff);box-shadow:0 -2px 12px rgba(0,0,0,0.08);padding:8px 16px;display:flex;align-items:center;gap:10px;animation:jgx-ad-float-in 0.3s ease}@keyframes jgx-ad-float-in{from{transform:translateY(100%)}to{transform:translateY(0)}}.jgx-ad-float-bar .jgx-ad-float-img{width:48px;height:48px;border-radius:6px;object-fit:cover;flex-shrink:0}.jgx-ad-float-bar .jgx-ad-float-info{flex:1;min-width:0}.jgx-ad-float-bar .jgx-ad-float-title{font-size:14px;font-weight:500;color:var(--text-primary,#333);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jgx-ad-float-bar .jgx-ad-float-desc{font-size:12px;color:var(--text-muted,#999);margin-top:2px}.jgx-ad-float-bar .jgx-ad-float-close{width:24px;height:24px;line-height:24px;text-align:center;font-size:16px;color:var(--text-muted,#999);cursor:pointer;flex-shrink:0;border-radius:50%;transition:background 0.2s}.jgx-ad-float-bar .jgx-ad-float-close:hover{background:var(--bg-hover,#f5f5f5)}.jgx-ad-float-btn{flex-shrink:0;padding:6px 18px;font-size:13px;border-radius:18px;background:var(--color-brand-500);color:#fff;border:none;cursor:pointer;transition:background 0.2s,transform 0.15s}.jgx-ad-float-btn:hover{background:var(--color-brand-600)}.jgx-ad-float-btn:active{transform:scale(0.95)}.jgx-ad-list{background:var(--bg-card,#fff);border-radius:8px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,0.04);margin-bottom:16px}.jgx-ad-list-header{padding:12px 14px 8px;font-size:14px;font-weight:600;color:var(--text-primary,#333);border-bottom:1px solid var(--border-light,#f0f0f0)}.jgx-ad-list-body{padding:0}.jgx-ad-list-item{display:flex;align-items:center;padding:12px 14px;color:inherit;text-decoration:none;border-bottom:1px solid var(--border-light,#f5f5f5);transition:background 0.15s}.jgx-ad-list-item:last-child{border-bottom:none}.jgx-ad-list-item:hover{background:var(--bg-hover,#fafafa)}.jgx-ad-list-icon{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0;margin-right:10px;background:var(--bg-muted,#f0f0f0)}.jgx-ad-list-title{flex:1;font-size:14px;color:var(--text-primary,#333);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jgx-ad-list-arrow{flex-shrink:0;font-size:18px;color:var(--text-muted,#ccc);margin-left:8px}.jgx-ad-list-item:hover .jgx-ad-list-title{color:var(--color-brand-500)}.jgx-ad-badge{position:absolute;top:8px;right:8px;font-size:10px;color:rgba(255,255,255,0.9);background:rgba(0,0,0,0.35);border-radius:3px;padding:1px 6px;pointer-events:none;z-index:2}.jgx-ad-list-badge{display:inline-block;font-size:10px;color:var(--text-muted,#999);background:var(--bg-muted,#f0f0f0);border-radius:3px;padding:1px 6px;margin-left:6px;vertical-align:middle}.jgx-ad-skeleton{height:120px;border-radius:8px;background:linear-gradient(90deg,var(--bg-muted,#f0f0f0) 25%,var(--bg-hover,#e0e0e0) 50%,var(--bg-muted,#f0f0f0) 75%);background-size:200% 100%;animation:jgx-ad-shimmer 1.5s infinite}@keyframes jgx-ad-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.jgx-ad-empty{display:none}