.commission-option-page{display:flex;flex-direction:column;gap:16px}:deep(.ant-btn){display:inline-flex;align-items:center;justify-content:center;gap:4px}.content-stack{display:flex;flex-direction:column;gap:16px}.page-hero{background:linear-gradient(135deg,#f7fbff,#eef5ff 45%,#f8faff)}.page-hero__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.page-hero__title{font-size:24px;font-weight:700;color:#0f172a}.page-hero__desc{max-width:none;margin:8px 0 0;color:#64748b;line-height:1.7;white-space:nowrap}.summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.summary-card{border:none}.summary-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.summary-card__title{color:#64748b;font-size:13px;white-space:nowrap}.summary-card__value{margin-top:6px;font-size:26px;line-height:1;font-weight:700;color:#0f172a}.summary-card__desc{color:#94a3b8;font-size:12px;line-height:1.6;text-align:right;flex-shrink:0;white-space:nowrap}.query-form{row-gap:12px}.card-title{display:flex;align-items:center;gap:8px;font-weight:600}.table-hint{padding:0 24px 12px;color:#64748b;font-size:13px}.template-list,.tip-list,.rule-list{display:flex;flex-direction:column;gap:12px}.template-library{display:flex;flex-direction:column}.template-list--scroll{max-height:none;overflow:visible;padding-right:0}.rule-template-grid{display:grid;grid-template-columns:1fr;gap:12px}.template-item,.tip-item,.rule-item{border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px;background:#fcfdff}.template-item{cursor:pointer;transition:all .2s ease;overflow:hidden}.template-item:hover,.template-item--active{border-color:#1677ff;background:#f0f7ff;box-shadow:0 0 0 1px #1677ff1a}.template-item--active{padding-bottom:16px}.template-item__title{line-height:1.5}.rule-template-card{cursor:pointer;border:1px solid #e5e7eb;border-radius:12px;padding:12px 14px;background:#fcfdff;transition:all .2s ease}.rule-template-card:hover,.rule-template-card--active{border-color:#1677ff;background:#f0f7ff;box-shadow:0 0 0 1px #1677ff1a}.rule-template-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.rule-template-card__desc{margin-top:8px;color:#64748b;line-height:1.6}.template-alert{margin-bottom:16px}.template-item__head,.rule-item__header,.detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.template-item__head-actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.template-item__quick-create{padding-inline:0;font-size:12px}.template-item__title,.timeline-title,.rule-item__title,.detail-header__title,.template-preview__title{font-size:15px;font-weight:700;color:#0f172a}.template-item__desc,.timeline-desc,.rule-item__meta,.detail-header__meta,.tip-item{margin-top:6px;color:#64748b;line-height:1.7}.template-item__expanded{display:flex;flex-direction:column;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(22,119,255,.16)}.template-item__expanded-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.template-item__expanded-meta{color:#1677ff;font-size:12px;font-weight:600}.template-item__expanded-block{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:10px;background:#ffffffe0}.template-item__expanded-block span{color:#64748b;font-size:12px}.template-item__expanded-block strong{color:#0f172a;line-height:1.6}.template-item__expanded-block--full{width:100%}.template-item__tips{margin-top:12px}.template-item__tips-title{margin-bottom:8px;color:#0f172a;font-weight:600}.template-expand-enter-active,.template-expand-leave-active{overflow:hidden;transition:max-height .28s ease,opacity .22s ease,transform .22s ease,margin-top .28s ease,padding-top .28s ease}.template-expand-enter-from,.template-expand-leave-to{max-height:0;opacity:0;transform:translateY(-6px);margin-top:0;padding-top:0}.template-expand-enter-to,.template-expand-leave-from{max-height:1200px;opacity:1;transform:translateY(0)}.detail-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.detail-stat-card{background:#f8fafc}.detail-stat-card__label{color:#64748b;font-size:13px}.detail-stat-card__value{margin-top:8px;font-size:28px;font-weight:700;color:#0f172a}.detail-stat-card__value--success{color:#16a34a}.detail-stat-card__text{margin-top:8px;color:#0f172a;line-height:1.6;font-weight:600}.detail-section{margin-bottom:16px}.rule-item__block{display:flex;flex-direction:column;gap:6px;height:100%;padding:12px;border-radius:10px;background:#f8fafc}.rule-item__block span{color:#64748b;font-size:12px}.rule-item__block strong{color:#0f172a;line-height:1.7}@media(max-width:1600px){.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1200px){.summary-grid,.detail-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rule-template-grid,.template-item__expanded-grid{grid-template-columns:1fr}}@media(max-width:768px){.page-hero__header,.template-item__head,.rule-item__header,.detail-header,.template-preview__header{flex-direction:column}.page-hero__desc{white-space:normal}.summary-grid,.detail-stat-grid{grid-template-columns:1fr}}