.channel-rule-preview{max-height:360px;padding:14px 16px}.selected-rules{display:grid;gap:8px;margin-top:10px}.selected-rules p{display:grid;grid-template-columns:74px 1fr;gap:10px;margin:0;padding-top:8px;border-top:1px solid #e4eaf1}.selected-rules b{font-size:12px;color:#4e6076}.selected-rules span{margin:0;color:#5f7085}.channel-image-strip{display:flex;gap:10px;margin-top:12px;overflow-x:auto;padding-bottom:6px}.channel-image-strip figure,.template-image-gallery figure{margin:0}.channel-image-strip img{display:block;width:150px;height:96px;object-fit:cover;border:1px solid #d9e1ea;border-radius:6px;background:#fff}.channel-image-strip figcaption,.template-image-gallery figcaption{text-align:center;color:#718096;font-size:11px;margin-top:5px}.no-template-image{margin-top:10px;color:#8a96a8;font-size:12px}.template-image-gallery{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:16px}.template-image-gallery img{display:block;width:100%;max-height:480px;object-fit:contain;border:1px solid #dce3ec;border-radius:7px;background:#f7f9fc}.template-inspector{max-height:none}.template-layout{min-height:640px}.template-list{max-height:760px}
.channel-rule-preview{max-height:250px;padding:11px 14px}.compact-channel-rules{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;margin-top:7px}.compact-channel-rules p{grid-template-columns:68px minmax(0,1fr);gap:7px;padding:6px 0}.compact-channel-rules .rule-wide{grid-column:1/-1}.compact-channel-rules b{font-size:10px;line-height:1.45}.compact-channel-rules span{font-size:11px;line-height:1.45;overflow-wrap:anywhere}.compact-channel-rules .symbol-rule span{overflow-x:auto;white-space:nowrap;font-family:"Segoe UI Emoji","Segoe UI Symbol","Cambria Math","Apple Color Emoji","Noto Color Emoji",sans-serif;font-size:16px;user-select:text;cursor:text}.channel-image-strip{margin-top:8px}.channel-image-strip img{width:118px;height:70px}.channel-image-strip figcaption{font-size:10px;margin-top:3px}@media(max-width:760px){.compact-channel-rules{grid-template-columns:1fr}.compact-channel-rules .rule-wide{grid-column:auto}}
.channel-image-strip img,.template-image-gallery img{cursor:zoom-in}.image-modal{position:fixed;inset:0;background:rgba(7,16,30,.88);z-index:1000;display:none;align-items:center;justify-content:center;flex-direction:column;padding:44px}.image-modal.open{display:flex}.image-modal img{max-width:94vw;max-height:86vh;object-fit:contain;background:#fff;border-radius:8px;box-shadow:0 18px 60px rgba(0,0,0,.45)}.image-modal p{color:#fff;margin:12px 0 0}.image-modal-close{position:fixed;right:24px;top:18px;width:42px;height:42px;border:0;border-radius:21px;background:rgba(255,255,255,.16);color:#fff;font-size:30px;line-height:38px}
.channel-image-maintenance{margin:18px 0;padding:16px;border:1px solid #dce4ee;border-radius:10px;background:#f8fafc}.channel-image-maintenance h3{margin:0 0 4px}.channel-image-maintenance p{margin:0;color:#67788e;font-size:12px}.channel-image-upload{display:grid;grid-template-columns:1fr 1.3fr auto;gap:10px;align-items:center;margin-top:12px}.channel-image-upload input{width:100%}.channel-image-upload span{grid-column:1/-1;color:#2763ae;font-size:12px}.channel-image-editor-list{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:12px;margin-top:14px}.channel-image-editor-list figure{margin:0;padding:8px;border:1px solid #dce4ee;border-radius:8px;background:#fff}.channel-image-editor-list img{display:block;width:100%;height:130px;object-fit:contain;background:#f4f6f9;cursor:zoom-in}.channel-image-editor-list figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px;font-size:12px}.danger-link{border:0;background:none;color:#b42318;cursor:pointer;padding:3px 0}@media(max-width:800px){.channel-image-upload{grid-template-columns:1fr}.channel-image-editor-list{grid-template-columns:1fr 1fr}}

/* 渠道规则详情在工作台窄屏下仍保留双列，减少不必要的纵向占用。 */
.compact-channel-rules{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-channel-rules .rule-wide{grid-column:1/-1}
@media(max-width:760px){.compact-channel-rules{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-channel-rules .rule-wide{grid-column:1/-1}}
