/* Auto-scoped from joint-calculator.css → scope: #panel-joint */
#panel-joint .page{width:min(1680px,calc(100% - 24px));margin:0 auto;padding:12px 0 28px}
#panel-joint .hero{border:1px solid #dbe3ee;border-radius:8px;background:linear-gradient(135deg,#fff,#f8fbff);padding:18px 20px;box-shadow:0 12px 28px rgba(15,23,42,.06)}
#panel-joint .hero h1{margin:0;font-size:24px;line-height:1.2;letter-spacing:0}
#panel-joint .hero p{margin:8px 0 0;color:#64748b;font-size:14px;font-weight:760;line-height:1.6}
#panel-joint .layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:14px;margin-top:14px;align-items:start}
#panel-joint .panel{border:1px solid #dbe3ee;border-radius:8px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.055);padding:14px}
#panel-joint .panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #eef2f7}
#panel-joint .panel-title strong{font-size:15px;font-weight:700}
#panel-joint .panel-title span{color:#64748b;font-size:12px;font-weight:700}
#panel-joint .category-list{display:grid;gap:7px}
#panel-joint .category-btn{min-height:46px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid transparent;border-radius:7px;background:#f8fafc;color:#334155;padding:0 11px;text-align:left;font-size:14px;font-weight:700;cursor:pointer}
#panel-joint .category-btn:hover,#panel-joint .category-btn.active{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}
#panel-joint .category-btn small{color:#64748b;font-size:12px;font-weight:700}
#panel-joint .work{display:grid;gap:14px}
#panel-joint .chooser-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#panel-joint .choice-card{border:1px solid #dbe3ee;border-radius:8px;background:#fff;padding:12px;display:grid;gap:10px}
#panel-joint .choice-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
#panel-joint .badge{min-width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#1d4ed8;color:#fff;font-size:16px;font-weight:700}
#panel-joint .choice-top strong{font-size:15px;font-weight:700}
#panel-joint .choice-card select{width:100%;min-height:46px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#111827;padding:0 12px;font-size:14px;font-weight:700;outline:none}
#panel-joint .choice-card select:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}
#panel-joint .plan-preview{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px;align-items:center;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:10px}
#panel-joint .plan-preview img{width:70px;height:70px;object-fit:contain;border:1px solid #e5e7eb;border-radius:8px;background:#fff}
#panel-joint .plan-preview h3{margin:0;font-size:16px;line-height:1.25}
#panel-joint .plan-preview p{margin:5px 0 0;color:#475569;font-size:13px;line-height:1.5;font-weight:760}
#panel-joint .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#panel-joint .stat{border:1px solid #e5e7eb;border-radius:7px;background:#fff;padding:9px}
#panel-joint .stat span{display:block;color:#64748b;font-size:11px;font-weight:700}
#panel-joint .stat strong{display:block;margin-top:4px;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}
#panel-joint .actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
#panel-joint .version-switch{display:inline-flex;gap:6px;padding:5px;border:1px solid #dbe3ee;border-radius:8px;background:#f8fafc}
#panel-joint .version-btn{min-height:36px;border:0;border-radius:6px;padding:0 12px;background:transparent;color:#475569;font-size:13px;font-weight:700;cursor:pointer}
#panel-joint .version-btn.active{color:#fff;background:#2563eb;box-shadow:0 8px 18px rgba(37,99,235,.16)}
#panel-joint .primary,#panel-joint .secondary,#panel-joint .copy-btn{min-height:42px;border-radius:7px;border:1px solid transparent;padding:0 14px;font-size:13px;font-weight:700;cursor:pointer}
#panel-joint .primary{background:#2563eb;color:#fff;box-shadow:0 10px 22px rgba(37,99,235,.16)}
#panel-joint .secondary,#panel-joint .copy-btn{background:#fff;border-color:#cbd5e1;color:#334155}
#panel-joint .primary:hover{background:#1d4ed8}
#panel-joint .secondary:hover,#panel-joint .copy-btn:hover{background:#f8fafc;border-color:#94a3b8}
#panel-joint .result{display:none}
#panel-joint .result.show{display:grid;gap:12px}
#panel-joint .result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#panel-joint .script-card{border:1px solid #dbe3ee;border-radius:8px;background:#fff;padding:14px}
#panel-joint .script-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
#panel-joint .script-head strong{font-size:15px;font-weight:700;color:#1d4ed8}
#panel-joint .script-text{white-space:pre-wrap;border:1px solid #e5e7eb;border-radius:8px;background:#fbfdff;padding:12px;color:#111827;font-size:13px;line-height:1.8;font-weight:760}
#panel-joint .empty{border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc;color:#64748b;padding:14px;font-size:13px;font-weight:700}
#panel-joint .toast{position:fixed;right:18px;bottom:18px;z-index:9;transform:translateY(14px);opacity:0;pointer-events:none;border-radius:8px;background:#111827;color:#fff;padding:10px 13px;font-size:13px;font-weight:700;box-shadow:0 18px 34px rgba(15,23,42,.22);transition:.18s ease}
#panel-joint .toast.show{opacity:1;transform:translateY(0)}
@media(max-width:980px){#panel-joint .layout{grid-template-columns:1fr}
#panel-joint .category-list{grid-template-columns:repeat(2,minmax(0,1fr))}
#panel-joint .chooser-grid,#panel-joint .result-grid{grid-template-columns:1fr}
#panel-joint .stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#panel-joint .page{width:min(100% - 20px,1180px);padding-top:10px}
#panel-joint .category-list,#panel-joint .stats{grid-template-columns:1fr}
#panel-joint .hero h1{font-size:21px}
#panel-joint .plan-preview{grid-template-columns:58px minmax(0,1fr)}
#panel-joint .plan-preview img{width:58px;height:58px}}
#panel-joint .badge{min-width:30px!important;height:30px!important;border:1px solid #fecdd3!important;border-radius:7px!important;background:linear-gradient(135deg,#fff7ed,#fff1f2)!important;color:#be123c!important;font-size:14px!important;box-shadow:none!important}
#panel-joint .layout{grid-template-columns:230px minmax(0,1fr)!important}
#panel-joint .panel{padding:13px!important}
#panel-joint .choice-card{padding:16px!important;gap:13px!important}
#panel-joint .choice-top strong{font-size:14px!important;font-weight:700!important;line-height:1.35!important}
#panel-joint .choice-card select{min-height:52px!important;padding:0 34px 0 13px!important;font-size:13px!important;font-weight:760!important;line-height:1.45!important;text-overflow:ellipsis!important}
#panel-joint .plan-preview{grid-template-columns:76px minmax(0,1fr)!important;gap:12px!important;padding:13px!important}
#panel-joint .plan-preview img{width:76px!important;height:76px!important}
#panel-joint .plan-preview h3{font-size:15px!important;font-weight:700!important;line-height:1.32!important}
#panel-joint .plan-preview p{font-size:13px!important;font-weight:680!important;line-height:1.58!important}
#panel-joint .stats{grid-template-columns:minmax(0,1.05fr) minmax(0,.92fr) minmax(0,1.18fr) minmax(0,1.05fr)!important;gap:0!important;border:1px solid #dfe6f0!important;border-radius:8px!important;background:#fff!important;overflow:hidden!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.72)!important}
#panel-joint .stat{min-width:0!important;min-height:64px!important;display:grid!important;align-content:center!important;justify-items:start!important;border:0!important;border-right:1px solid #edf1f6!important;border-radius:0!important;background:#fff!important;padding:7px 9px!important;overflow:hidden!important}
#panel-joint .stat:last-child{border-right:0!important}
#panel-joint .stat span{display:block!important;max-width:100%!important;color:#647085!important;font-size:10.5px!important;font-weight:760!important;line-height:1.16!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#panel-joint .stat strong{display:flex!important;max-width:100%!important;min-width:0!important;align-items:baseline!important;gap:1px!important;color:#111827!important;font-size:clamp(17px,1.05vw,20px)!important;font-weight:700!important;line-height:1.08!important;letter-spacing:0!important;white-space:nowrap!important;font-variant-numeric:tabular-nums!important}
#panel-joint .stat:nth-child(3) strong{font-size:clamp(16px,1vw,19px)!important}
#panel-joint .stat strong small{flex:0 0 auto!important;font-size:10.5px!important;font-weight:760!important;line-height:1!important;color:#566174!important}
#panel-joint .stat.price{background:#fffaf7!important}
#panel-joint .stat.price span{color:#111827!important;font-weight:700!important}
#panel-joint .stat.price strong{color:#111827!important;font-size:clamp(18px,1.1vw,21px)!important;font-weight:700!important}
#panel-joint .joint-control-grid{display:grid;grid-template-columns:minmax(300px,.58fr) minmax(420px,1fr);gap:14px;margin-top:14px;align-items:start}
#panel-joint .joint-action-card,#panel-joint .joint-advanced{min-height:164px;border:1px solid #dbe3ee;border-radius:8px;background:linear-gradient(180deg,#fff,#fbfdff);padding:14px;box-shadow:0 12px 28px rgba(15,23,42,.06)}
#panel-joint .joint-action-card{display:grid;align-content:start;align-self:start;gap:12px}
#panel-joint .joint-action-title,#panel-joint .joint-advanced-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid #eef2f7}
#panel-joint .joint-action-title strong,#panel-joint .joint-advanced-title strong{color:#111827;font-size:15px;font-weight:700}
#panel-joint .joint-action-title span,#panel-joint .joint-advanced-title span{color:#64748b;font-size:12px;font-weight:700}
#panel-joint .joint-diff-field{display:grid;gap:7px}
#panel-joint .joint-diff-field label{margin:0;color:#334155;font-size:12px;font-weight:700}
#panel-joint .joint-diff-field input{min-height:44px;border-radius:8px;font-size:14px;font-weight:700}
#panel-joint .joint-diff-hint{margin:0;color:#64748b;font-size:12px;line-height:1.55;font-weight:780}
#panel-joint .joint-action-buttons{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
#panel-joint .joint-action-buttons .version-switch{flex:0 0 auto}
#panel-joint .joint-advanced{border-color:#fecdd3;background:linear-gradient(180deg,#fff7f7,#fff)}
#panel-joint .joint-advanced-title strong{color:#dc2626}
#panel-joint .joint-advanced-body{margin-top:12px}
#panel-joint .joint-benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#panel-joint .joint-benefit-card{border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:11px;cursor:pointer}
#panel-joint .joint-benefit-card.is-active{border-color:#ef4444;background:#fff7f7;box-shadow:0 0 0 3px rgba(239,68,68,.08)}
#panel-joint .joint-benefit-toggle{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;align-items:flex-start;cursor:pointer}
#panel-joint .joint-benefit-toggle strong,#panel-joint .joint-point-pick strong,#panel-joint .joint-gift-option strong{display:block;color:#111827;font-size:13px;font-weight:700}
#panel-joint .joint-benefit-toggle small,#panel-joint .joint-point-pick small,#panel-joint .joint-gift-option small{display:block;margin-top:3px;color:#64748b;font-size:12px;line-height:1.45;font-weight:780}
#panel-joint .joint-benefit-picker{display:grid;gap:8px;margin-top:10px;max-height:238px;overflow:auto;padding-right:2px}
#panel-joint .joint-benefit-head{display:flex;justify-content:space-between;gap:8px;border-radius:7px;background:#f8fafc;padding:8px 10px;color:#64748b;font-size:12px;font-weight:700}
#panel-joint .joint-point-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px}
#panel-joint .joint-point-pick{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:8px}
#panel-joint .joint-point-pick img{width:40px;height:40px;object-fit:contain;border:1px solid #e5e7eb;border-radius:7px;background:#fff}
#panel-joint .joint-stepper{display:grid;grid-template-columns:30px 26px 30px;gap:4px;align-items:center}
#panel-joint .joint-stepper button{width:30px;height:30px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#111827;font-size:15px;font-weight:700;cursor:pointer}
#panel-joint .joint-stepper button:disabled{opacity:.4;cursor:not-allowed}
#panel-joint .joint-stepper em{text-align:center;font-style:normal;font-weight:700}
#panel-joint .joint-gift-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:10px;max-height:238px;overflow:auto;padding-right:2px}
#panel-joint .joint-gift-option{display:grid;grid-template-columns:18px 48px minmax(0,1fr);gap:8px;align-items:center;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:8px;cursor:pointer}
#panel-joint .joint-gift-option:has(input:checked){border-color:#ef4444;background:#fff7f7}
#panel-joint .joint-gift-option:only-child{min-height:78px;grid-template-columns:18px 62px minmax(0,1fr);padding:10px}
#panel-joint .joint-gift-option:only-child .joint-gift-media{width:62px;height:62px}
#panel-joint .joint-gift-media{width:48px;height:48px;display:grid;place-items:center;border:1px solid #e5e7eb;border-radius:7px;background:#fff;overflow:hidden}
#panel-joint .joint-gift-media img{max-width:100%;max-height:100%;object-fit:contain}
#panel-joint .joint-gift-media.is-group{grid-template-columns:repeat(2,1fr);gap:2px;padding:3px}
#panel-joint main.page,#panel-joint .page.page{width:min(1840px,calc(100% - 10px))!important;max-width:none!important}
#panel-joint .layout{grid-template-columns:212px minmax(0,1fr)!important;gap:12px!important}
#panel-joint .panel-title strong{font-size:16px!important;letter-spacing:0!important}
#panel-joint .panel-title span{font-size:12px!important;font-weight:700!important}
#panel-joint .chooser-grid{gap:14px!important}
#panel-joint .choice-card select{font-size:14px!important;font-weight:700!important;color:#0f172a!important}
#panel-joint .plan-preview h3{font-size:16px!important;font-weight:700!important;color:#0f172a!important}
#panel-joint .plan-preview p{font-size:13.5px!important;font-weight:820!important;color:#334155!important}
#panel-joint .joint-diff-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#panel-joint .joint-diff-input{display:grid;gap:7px;min-width:0}
#panel-joint .joint-diff-field input{width:100%;color:#0f172a!important}
#panel-joint .stats.is-diff{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#panel-joint .stats.is-diff .stat{min-height:58px!important}
#panel-joint .stats.is-diff .stat:nth-child(n+4){border-top:1px solid #edf1f6!important}
#panel-joint .stats.is-diff .stat:nth-child(3){border-right:0!important}
#panel-joint .stat span{font-size:11px!important}
#panel-joint .stat strong{font-size:clamp(17px,1.08vw,21px)!important}
#panel-joint .page{background:transparent!important}
#panel-joint .hero,#panel-joint .panel,#panel-joint .choice-card,#panel-joint .joint-action-card,#panel-joint .joint-advanced,#panel-joint .script-card{background:#fff!important;border-color:#e5e7eb!important;box-shadow:0 1px 2px rgba(16,24,40,.04),0 14px 34px rgba(16,24,40,.06)!important}
#panel-joint .hero{color:#111827!important}
#panel-joint .hero h1,#panel-joint .panel-title strong,#panel-joint .choice-top strong,#panel-joint .script-head strong,#panel-joint .joint-action-title strong,#panel-joint .joint-advanced-title strong{color:#111827!important;letter-spacing:0!important}
#panel-joint .hero p,#panel-joint .panel-title span,#panel-joint .choice-top span,#panel-joint .joint-action-title span,#panel-joint .joint-advanced-title span,#panel-joint .joint-diff-hint,#panel-joint .script-text,#panel-joint .empty{color:#64748b!important}
#panel-joint .category-btn,#panel-joint .choice-card select,#panel-joint .version-switch,#panel-joint .secondary,#panel-joint .copy-btn,#panel-joint .joint-diff-field input,#panel-joint .joint-benefit-card,#panel-joint .joint-point-pick,#panel-joint .joint-gift-option,#panel-joint .script-text,#panel-joint .empty{background:#fff!important;border-color:#e5e7eb!important;color:#334155!important;box-shadow:none!important}
#panel-joint .category-btn:hover,#panel-joint .choice-card:hover,#panel-joint .secondary:hover,#panel-joint .copy-btn:hover,#panel-joint .joint-benefit-card:hover,#panel-joint .joint-point-pick:hover,#panel-joint .joint-gift-option:hover{background:#f8fafc!important;border-color:#cbd5e1!important}
#panel-joint .category-btn.active,#panel-joint .version-btn.active,#panel-joint .choice-card.is-active,#panel-joint .choice-card.active,#panel-joint .joint-benefit-card.is-active,#panel-joint .joint-gift-option:has(input:checked){background:#fff7ed!important;border-color:#fdba74!important;color:#9a3412!important;box-shadow:inset 3px 0 0 #f97316!important}
#panel-joint .choice-card.is-active .choice-letter,#panel-joint .choice-card.active .choice-letter{background:#f97316!important;color:#fff!important}
#panel-joint .category-btn.active span,#panel-joint .category-btn.active small,#panel-joint .version-btn.active,#panel-joint .joint-benefit-card.is-active strong,#panel-joint .joint-gift-option:has(input:checked) strong{color:#9a3412!important}
#panel-joint .primary,#panel-joint .version-btn.active{background:linear-gradient(135deg,#f97316 0%,#e11d48 100%)!important;border-color:#fb923c!important;color:#fff!important;box-shadow:none!important}
#panel-joint .primary:hover{background:linear-gradient(135deg,#ea580c 0%,#be123c 100%)!important;border-color:#f97316!important}
#panel-joint .joint-advanced{background:#fff!important}
#panel-joint .joint-advanced-title{border-bottom-color:#e5e7eb!important}
#panel-joint .joint-benefit-head,#panel-joint .plan-preview,#panel-joint .stat,#panel-joint .empty{background:#f8fafc!important;border-color:#e5e7eb!important}
#panel-joint .stat.price{background:#fff7ed!important}
#panel-joint .choice-card select:focus,#panel-joint .joint-diff-field input:focus{border-color:#f97316!important;box-shadow:0 0 0 3px rgba(249,115,22,.14)!important}
#panel-joint .joint-point-pick img,#panel-joint .joint-gift-media,#panel-joint .plan-preview img{background:#fff!important;border-color:#e5e7eb!important}
#panel-joint .joint-stepper button{background:#fff!important;border-color:#cbd5e1!important;color:#111827!important}
#panel-joint .joint-stepper button:hover:not(:disabled){background:#fff7ed!important;border-color:#fdba74!important;color:#9a3412!important}
html[data-theme="dark"] #panel-joint body{background:#0f172a!important;color:#e5e7eb!important}
html[data-theme="dark"] #panel-joint .hero,body[data-theme="dark"] #panel-joint .hero,html[data-theme="dark"] #panel-joint .panel,body[data-theme="dark"] #panel-joint .panel,html[data-theme="dark"] #panel-joint .choice-card,body[data-theme="dark"] #panel-joint .choice-card,html[data-theme="dark"] #panel-joint .joint-action-card,body[data-theme="dark"] #panel-joint .joint-action-card,html[data-theme="dark"] #panel-joint .joint-advanced,body[data-theme="dark"] #panel-joint .joint-advanced,html[data-theme="dark"] #panel-joint .script-card,body[data-theme="dark"] #panel-joint .script-card{background:rgba(17,24,39,.88)!important;border-color:rgba(148,163,184,.24)!important;color:#f8fafc!important;box-shadow:0 18px 44px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.04)!important}
html[data-theme="dark"] #panel-joint .category-btn,body[data-theme="dark"] #panel-joint .category-btn,html[data-theme="dark"] #panel-joint .choice-card select,body[data-theme="dark"] #panel-joint .choice-card select,html[data-theme="dark"] #panel-joint .version-switch,body[data-theme="dark"] #panel-joint .version-switch,html[data-theme="dark"] #panel-joint .secondary,body[data-theme="dark"] #panel-joint .secondary,html[data-theme="dark"] #panel-joint .copy-btn,body[data-theme="dark"] #panel-joint .copy-btn,html[data-theme="dark"] #panel-joint .joint-diff-field input,body[data-theme="dark"] #panel-joint .joint-diff-field input,html[data-theme="dark"] #panel-joint .joint-benefit-card,body[data-theme="dark"] #panel-joint .joint-benefit-card,html[data-theme="dark"] #panel-joint .joint-point-pick,body[data-theme="dark"] #panel-joint .joint-point-pick,html[data-theme="dark"] #panel-joint .joint-gift-option,body[data-theme="dark"] #panel-joint .joint-gift-option,html[data-theme="dark"] #panel-joint .script-text,body[data-theme="dark"] #panel-joint .script-text,html[data-theme="dark"] #panel-joint .empty,body[data-theme="dark"] #panel-joint .empty{background:rgba(2,6,23,.72)!important;border-color:rgba(148,163,184,.28)!important;color:#e5e7eb!important;box-shadow:none!important}
html[data-theme="dark"] #panel-joint .plan-preview,body[data-theme="dark"] #panel-joint .plan-preview,html[data-theme="dark"] #panel-joint .joint-benefit-head,body[data-theme="dark"] #panel-joint .joint-benefit-head,html[data-theme="dark"] #panel-joint .stat,body[data-theme="dark"] #panel-joint .stat{background:rgba(15,23,42,.72)!important;border-color:rgba(148,163,184,.24)!important;color:#f8fafc!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important}
html[data-theme="dark"] #panel-joint .stat.price,body[data-theme="dark"] #panel-joint .stat.price,html[data-theme="dark"] #panel-joint .joint-benefit-card.is-active,body[data-theme="dark"] #panel-joint .joint-benefit-card.is-active,html[data-theme="dark"] #panel-joint .joint-gift-option:has(input:checked),body[data-theme="dark"] #panel-joint .joint-gift-option:has(input:checked),html[data-theme="dark"] #panel-joint .category-btn.active,body[data-theme="dark"] #panel-joint .category-btn.active,html[data-theme="dark"] #panel-joint .choice-card.is-active,body[data-theme="dark"] #panel-joint .choice-card.is-active,html[data-theme="dark"] #panel-joint .choice-card.active,body[data-theme="dark"] #panel-joint .choice-card.active{background:rgba(249,115,22,.16)!important;border-color:rgba(251,146,60,.50)!important;color:#fff7ed!important;box-shadow:inset 3px 0 0 #f97316!important}
html[data-theme="dark"] #panel-joint .hero h1,body[data-theme="dark"] #panel-joint .hero h1,html[data-theme="dark"] #panel-joint .panel-title strong,body[data-theme="dark"] #panel-joint .panel-title strong,html[data-theme="dark"] #panel-joint .choice-top strong,body[data-theme="dark"] #panel-joint .choice-top strong,html[data-theme="dark"] #panel-joint .script-head strong,body[data-theme="dark"] #panel-joint .script-head strong,html[data-theme="dark"] #panel-joint .joint-action-title strong,body[data-theme="dark"] #panel-joint .joint-action-title strong,html[data-theme="dark"] #panel-joint .joint-advanced-title strong,body[data-theme="dark"] #panel-joint .joint-advanced-title strong,html[data-theme="dark"] #panel-joint .plan-preview h3,body[data-theme="dark"] #panel-joint .plan-preview h3,html[data-theme="dark"] #panel-joint .stat strong,body[data-theme="dark"] #panel-joint .stat strong,html[data-theme="dark"] #panel-joint .joint-benefit-toggle strong,body[data-theme="dark"] #panel-joint .joint-benefit-toggle strong,html[data-theme="dark"] #panel-joint .joint-point-pick strong,body[data-theme="dark"] #panel-joint .joint-point-pick strong,html[data-theme="dark"] #panel-joint .joint-gift-option strong,body[data-theme="dark"] #panel-joint .joint-gift-option strong{color:#f8fafc!important}
html[data-theme="dark"] #panel-joint .hero p,body[data-theme="dark"] #panel-joint .hero p,html[data-theme="dark"] #panel-joint .panel-title span,body[data-theme="dark"] #panel-joint .panel-title span,html[data-theme="dark"] #panel-joint .choice-top span,body[data-theme="dark"] #panel-joint .choice-top span,html[data-theme="dark"] #panel-joint .joint-action-title span,body[data-theme="dark"] #panel-joint .joint-action-title span,html[data-theme="dark"] #panel-joint .joint-advanced-title span,body[data-theme="dark"] #panel-joint .joint-advanced-title span,html[data-theme="dark"] #panel-joint .joint-diff-hint,body[data-theme="dark"] #panel-joint .joint-diff-hint,html[data-theme="dark"] #panel-joint .plan-preview p,body[data-theme="dark"] #panel-joint .plan-preview p,html[data-theme="dark"] #panel-joint .stat span,body[data-theme="dark"] #panel-joint .stat span,html[data-theme="dark"] #panel-joint .stat strong small,body[data-theme="dark"] #panel-joint .stat strong small,html[data-theme="dark"] #panel-joint .joint-benefit-toggle small,body[data-theme="dark"] #panel-joint .joint-benefit-toggle small,html[data-theme="dark"] #panel-joint .joint-point-pick small,body[data-theme="dark"] #panel-joint .joint-point-pick small,html[data-theme="dark"] #panel-joint .joint-gift-option small,body[data-theme="dark"] #panel-joint .joint-gift-option small{color:#cbd5e1!important}
html[data-theme="dark"] #panel-joint .joint-point-pick img,body[data-theme="dark"] #panel-joint .joint-point-pick img,html[data-theme="dark"] #panel-joint .joint-gift-media,body[data-theme="dark"] #panel-joint .joint-gift-media,html[data-theme="dark"] #panel-joint .plan-preview img,body[data-theme="dark"] #panel-joint .plan-preview img{background:rgba(248,250,252,.08)!important;border-color:rgba(148,163,184,.24)!important}
html[data-theme="dark"] #panel-joint .joint-stepper button,body[data-theme="dark"] #panel-joint .joint-stepper button{background:rgba(15,23,42,.88)!important;border-color:rgba(148,163,184,.28)!important;color:#f8fafc!important}
@media(max-width:1180px){#panel-joint .joint-diff-input-grid{grid-template-columns:1fr}
#panel-joint .stats.is-diff{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){#panel-joint .joint-control-grid{grid-template-columns:1fr}
#panel-joint .joint-action-card,#panel-joint .joint-advanced{min-height:0}
#panel-joint .joint-action-buttons{align-items:stretch}
#panel-joint .joint-action-buttons .primary,#panel-joint .joint-action-buttons .secondary{flex:1 1 150px}
#panel-joint .joint-benefit-grid{grid-template-columns:1fr}}
#panel-joint .result-title{align-items:center!important}
#panel-joint .result-title span{margin-left:auto!important}
#panel-joint .result-copy-all[hidden]{display:none!important}
#panel-joint .result-copy-all,#panel-joint .plan-copy-btn{background:linear-gradient(135deg,#f97316 0%,#e11d48 100%)!important;border-color:#fb923c!important;color:#fff!important;box-shadow:0 10px 22px rgba(249,115,22,.16)!important}
#panel-joint .result-copy-all:hover,#panel-joint .plan-copy-btn:hover{background:linear-gradient(135deg,#ea580c 0%,#be123c 100%)!important;border-color:#f97316!important;color:#fff!important}
#panel-joint .result.show{align-items:stretch!important}
#panel-joint .result-grid-direct{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#panel-joint .script-card-option{display:flex;flex-direction:column;min-height:360px!important;padding:16px!important}
#panel-joint .script-card-option .script-head{margin-bottom:10px!important}
#panel-joint .script-card-option .script-head strong{color:#ef4444!important}
#panel-joint .script-card-option .script-text{flex:1;min-height:240px;max-height:360px;overflow:auto;background:#fff!important;border-color:#dbe3ee!important;color:#172033!important;font-weight:820!important;line-height:1.85!important}
@media(max-width:1180px){#panel-joint .result-grid-direct{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){#panel-joint .result-title{align-items:flex-start!important}
#panel-joint .result-title span{margin-left:0!important}
#panel-joint .result-grid-direct{grid-template-columns:1fr!important}
#panel-joint .script-card-option{min-height:0!important}
#panel-joint .script-card-option .script-text{max-height:none}}
/* 简约版(2026-09-10):三段横向并排(横屏),每段独立卡片可单独复制——一屏可见三段方便复制 */
#panel-joint .result-grid-simple{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))!important;gap:14px!important}
#panel-joint .result-grid-simple .script-card-option{min-height:280px!important;padding:16px!important}
#panel-joint .result-grid-simple .script-card-option .script-text{min-height:0!important;max-height:none!important;line-height:1.9!important;white-space:pre-wrap!important;font-size:14px!important}
html[data-theme="dark"] #panel-joint .script-card-option .script-text,body[data-theme="dark"] #panel-joint .script-card-option .script-text{background:rgba(2,6,23,.72)!important;border-color:rgba(148,163,184,.28)!important;color:#e5e7eb!important}
#panel-joint .page{background:transparent!important}
#panel-joint .hero,#panel-joint .panel,#panel-joint .choice-card,#panel-joint .joint-action-card,#panel-joint .joint-advanced,#panel-joint .result,#panel-joint .script-card,#panel-joint .script-card-option,#panel-joint .plan-preview,#panel-joint .stat,#panel-joint .version-switch,#panel-joint .script-text,#panel-joint .empty,#panel-joint .joint-benefit-card,#panel-joint .joint-point-pick,#panel-joint .joint-gift-option,#panel-joint .joint-benefit-head{
  background:#fff!important;
  border-color:#e5e7eb!important;
  box-shadow:none!important;
}
#panel-joint .category-btn:not(.active),#panel-joint .secondary,#panel-joint .copy-btn,#panel-joint .joint-diff-field input{
  background:#fff!important;
  border-color:#e5e7eb!important;
  box-shadow:none!important;
}
#panel-joint .stats{
  background:#fff!important;
  border-color:#e5e7eb!important;
  box-shadow:none!important;
}
html[data-theme="dark"] #panel-joint body{
  color-scheme: dark !important;
  color: #e5e7eb !important;
  background: #0f172a !important;
  background-image: none !important;
}
html[data-theme="dark"] #panel-joint :where(.page, .hero, .layout, .panel, .work, .choice-card, .plan-preview, .stats, .stat, .joint-action-card, .joint-advanced, .joint-benefit-card, .joint-point-pick, .joint-gift-option, .joint-benefit-head, .result, .script-card, .script-card-option){
  color: #f8fafc !important;
  background: rgba(15, 23, 42, .92) !important;
  background-image: none !important;
  border-color: rgba(148, 163, 184, .24) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .30), inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}
html[data-theme="dark"] #panel-joint :where(input, select, textarea, button.secondary, .secondary, .category-btn, .version-switch, .version-btn, .copy-btn, .joint-diff-field input, .script-text, .joint-gift-media, .joint-point-pick img, .plan-preview img){
  color: #e5e7eb !important;
  background: rgba(2, 6, 23, .76) !important;
  background-image: none !important;
  border-color: rgba(148, 163, 184, .30) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] #panel-joint :where(.active, [aria-pressed="true"], .primary, button.primary, .category-btn.active, .version-btn.active, .choice-card.is-active, .choice-card.active, .joint-benefit-card.is-active, .joint-gift-option:has(input:checked)){
  color: #fff7ed !important;
  background: linear-gradient(135deg, #f97316, #e11d48) !important;
  border-color: rgba(251, 146, 60, .58) !important;
}
html[data-theme="dark"] #panel-joint :where(table, thead, tbody, tr, th, td){
  color: #e5e7eb !important;
  background: rgba(15, 23, 42, .86) !important;
  border-color: rgba(148, 163, 184, .24) !important;
}
html[data-theme="dark"] #panel-joint :where(h1, h2, h3, h4, strong, label, .panel-title strong, .choice-top strong, .script-head strong, .stat strong){
  color: #f8fafc !important;
}
html[data-theme="dark"] #panel-joint :where(p, span, small, em, .empty, .note, .muted, .joint-diff-hint){
  color: #cbd5e1 !important;
}
html[data-theme="dark"] #panel-joint .category-btn,body[data-theme="dark"] #panel-joint .category-btn,html[data-theme="dark"] #panel-joint .version-btn,body[data-theme="dark"] #panel-joint .version-btn,html[data-theme="dark"] #panel-joint .secondary,body[data-theme="dark"] #panel-joint .secondary,html[data-theme="dark"] #panel-joint .copy-btn,body[data-theme="dark"] #panel-joint .copy-btn,html[data-theme="dark"] #panel-joint .joint-stepper button,body[data-theme="dark"] #panel-joint .joint-stepper button{
  color: #cbd5e1 !important;
  background: rgba(15, 23, 42, .72) !important;
  background-image: none !important;
  border-color: rgba(148, 163, 184, .28) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] #panel-joint .category-btn:not(.active):hover,body[data-theme="dark"] #panel-joint .category-btn:not(.active):hover,html[data-theme="dark"] #panel-joint .version-btn:not(.active):hover,body[data-theme="dark"] #panel-joint .version-btn:not(.active):hover,html[data-theme="dark"] #panel-joint .secondary:hover,body[data-theme="dark"] #panel-joint .secondary:hover,html[data-theme="dark"] #panel-joint .copy-btn:hover,body[data-theme="dark"] #panel-joint .copy-btn:hover,html[data-theme="dark"] #panel-joint .joint-stepper button:hover:not(:disabled),body[data-theme="dark"] #panel-joint .joint-stepper button:hover:not(:disabled){
  color: #e5e7eb !important;
  background: rgba(30, 41, 59, .92) !important;
  background-image: none !important;
  border-color: rgba(45, 212, 191, .42) !important;
  box-shadow: 0 0 0 1px rgba(45, 212, 191, .12) !important;
}
html[data-theme="dark"] #panel-joint .category-btn.active,body[data-theme="dark"] #panel-joint .category-btn.active,html[data-theme="dark"] #panel-joint .version-btn.active,body[data-theme="dark"] #panel-joint .version-btn.active,html[data-theme="dark"] #panel-joint .primary,body[data-theme="dark"] #panel-joint .primary{
  color: #ffffff !important;
  background: #14b8a6 !important;
  background-image: none !important;
  border-color: #14b8a6 !important;
  box-shadow: 0 10px 22px rgba(20, 184, 166, .24), inset 0 1px 0 rgba(255, 255, 255, .16) !important;
}
html[data-theme="dark"] #panel-joint .category-btn.active:hover,body[data-theme="dark"] #panel-joint .category-btn.active:hover,html[data-theme="dark"] #panel-joint .version-btn.active:hover,body[data-theme="dark"] #panel-joint .version-btn.active:hover,html[data-theme="dark"] #panel-joint .primary:hover,body[data-theme="dark"] #panel-joint .primary:hover{
  color: #ffffff !important;
  background: #0f766e !important;
  background-image: none !important;
  border-color: #2dd4bf !important;
  box-shadow: 0 12px 26px rgba(20, 184, 166, .28), inset 0 1px 0 rgba(255, 255, 255, .18) !important;
}
html[data-theme="dark"] #panel-joint .joint-stepper button:disabled,body[data-theme="dark"] #panel-joint .joint-stepper button:disabled{
  color: #94a3b8 !important;
  background: rgba(148, 163, 184, .16) !important;
  background-image: none !important;
  border-color: rgba(148, 163, 184, .22) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] #panel-joint .category-btn.active span,body[data-theme="dark"] #panel-joint .category-btn.active span,html[data-theme="dark"] #panel-joint .category-btn.active small,body[data-theme="dark"] #panel-joint .category-btn.active small{
  color: #ffffff !important;
}
html[data-theme="dark"] #panel-joint .choice-top .badge,body[data-theme="dark"] #panel-joint .choice-top .badge{
  min-width: 32px !important;
  height: 32px !important;
  border-radius: 8px !important;
  background: rgba(20, 184, 166, .16) !important;
  background-image: none !important;
  border-color: rgba(45, 212, 191, .30) !important;
  color: #5eead4 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 8px 18px rgba(20, 184, 166, .10) !important;
}
html[data-theme="dark"] #panel-joint .choice-card:nth-child(2) .badge,body[data-theme="dark"] #panel-joint .choice-card:nth-child(2) .badge{
  background: rgba(37, 99, 235, .18) !important;
  border-color: rgba(96, 165, 250, .30) !important;
  color: #93c5fd !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 8px 18px rgba(37, 99, 235, .10) !important;
}
html[data-theme="dark"] #panel-joint .choice-card:nth-child(3) .badge,body[data-theme="dark"] #panel-joint .choice-card:nth-child(3) .badge{
  background: rgba(124, 58, 237, .18) !important;
  border-color: rgba(167, 139, 250, .30) !important;
  color: #c4b5fd !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 8px 18px rgba(124, 58, 237, .10) !important;
}
html:not([data-theme="dark"]) #panel-joint :where(.hero, .panel){
  border-color: transparent !important;
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
}
html:not([data-theme="dark"]) #panel-joint .panel-title{
  border-bottom: 0 !important;
  padding-bottom: 2px !important;
  margin-bottom: 14px !important;
}
html:not([data-theme="dark"]) #panel-joint .choice-card{
  background: #f8fafc !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
html:not([data-theme="dark"]) #panel-joint :where(.plan-preview, .joint-action-card, .joint-advanced, .result, .script-card){
  border-color: transparent !important;
  background: #f8fafc !important;
  box-shadow: none !important;
}
html:not([data-theme="dark"]) #panel-joint :where(.joint-action-title, .joint-advanced-title){
  border-bottom: 0 !important;
  padding-bottom: 2px !important;
}
html:not([data-theme="dark"]) #panel-joint .stats{
  border-color: transparent !important;
  background: #f1f5f9 !important;
  box-shadow: none !important;
}
html:not([data-theme="dark"]) #panel-joint .stat{
  border-right-color: #e2e8f0 !important;
  background: transparent !important;
}
html:not([data-theme="dark"]) #panel-joint :where(input, select, .category-btn){
  border: 1px solid #d7dee8 !important;
}
html:not([data-theme="dark"]) #panel-joint :where(.category-btn.active, .choice-card.is-active, .choice-card.active){
  border-color: #f97316 !important;
}
html:not([data-theme="dark"]) #panel-joint .choice-card{
  background: #ffffff !important;
  border-color: transparent !important;
}
html:not([data-theme="dark"]) #panel-joint :where(.plan-preview, .joint-action-card, .joint-advanced, .result, .script-card){
  background: #ffffff !important;
}
html:not([data-theme="dark"]) #panel-joint .stats{
  background: #ffffff !important;
}
html:not([data-theme="dark"]) #panel-joint .stat{
  background: #ffffff !important;
}
html:not([data-theme="dark"]) #panel-joint body{
  background: #f4f5f7 !important;
  color: #172033 !important;
}
html:not([data-theme="dark"]) #panel-joint .page{
  background: transparent !important;
}
html:not([data-theme="dark"]) #panel-joint :where(.hero p, .panel-title span, .choice-top span, .plan-preview p, .joint-action-title span, .joint-advanced-title span, .joint-diff-hint, .joint-benefit-toggle small, .joint-point-pick small, .joint-gift-option small, .empty){
  color: #746861 !important;
}
html:not([data-theme="dark"]) #panel-joint :where(.category-btn, .choice-card select, .joint-diff-field input, .secondary, .copy-btn, .version-switch, .joint-benefit-card, .joint-point-pick, .joint-gift-option){
  color: #3f3834 !important;
  background: #ffffff !important;
  border-color: #eadfd7 !important;
}
html:not([data-theme="dark"]) #panel-joint :where(.choice-card, .plan-preview, .joint-action-card, .joint-advanced, .result, .script-card){
  background: #ffffff !important;
}
html:not([data-theme="dark"]) #panel-joint :where(.stats, .joint-benefit-head, .empty){
  background: #fff7f2 !important;
  border-color: #f0e5de !important;
}
html:not([data-theme="dark"]) #panel-joint :where(.category-btn.active, .choice-card.is-active, .choice-card.active, .version-btn.active, .joint-benefit-card.is-active, .joint-gift-option:has(input:checked)){
  color: #c2410c !important;
  border-color: #f97316 !important;
  background: #fff4eb !important;
  box-shadow: 0 0 0 2px rgba(249, 115, 22, .10) !important;
}
html:not([data-theme="dark"]) #panel-joint :where(.badge, .choice-top .badge){
  color: #c2410c !important;
  background: #fff7ed !important;
  border-color: #fed7aa !important;
}
html:not([data-theme="dark"]) #panel-joint :where(input::placeholder, textarea::placeholder){
  color: #a39790 !important;
}
#panel-joint .toast{right:18px;top:18px;bottom:auto;z-index:99;transform:translateY(-10px);background:#16a34a;box-shadow:0 18px 34px rgba(22,163,74,.24)}
#panel-joint .toast.error{background:#dc2626;box-shadow:0 18px 34px rgba(220,38,38,.24)}
/* ===== 报ABC · 三倍积分选择板（2026-09-02：与补差升级/双品联报福利板同款「商品卡片+步进器」） ===== */
#panel-joint .benefit-points-panel{margin-top:10px;border:1px solid #e5e7eb;border-radius:10px;background:#f8fafc;padding:14px;}
#panel-joint .benefit-detail-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px;}
#panel-joint .benefit-detail-head strong{color:#111827;font-size:15px;font-weight:800;line-height:1.25;}
#panel-joint .benefit-detail-head span{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap;color:#334155;font-size:12.5px;font-weight:700;}
#panel-joint .benefit-detail-head em{font-style:normal;}
#panel-joint .benefit-detail-head b{color:#f97316;font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;}
#panel-joint .jt-pts-clear{border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155;font:inherit;font-size:12px;font-weight:700;padding:5px 10px;cursor:pointer;}
#panel-joint .jt-pts-clear:hover{border-color:#fdba74;color:#ea580c;background:#fff7ed;}
#panel-joint .benefit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;}
#panel-joint .benefit-pick{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid #e5e7eb;border-radius:10px;background:#fff;padding:9px;overflow:hidden;transition:.12s;}
#panel-joint .benefit-pick:hover{border-color:#fdba74;}
#panel-joint .benefit-pick>img{width:44px;height:44px;object-fit:contain;border:1px solid #e5e7eb;border-radius:8px;background:#fff;flex:0 0 auto;}
#panel-joint .benefit-pick>span:nth-of-type(1){min-width:0;overflow:hidden;}
#panel-joint .benefit-pick strong{display:block;color:#111827;font-size:12.5px;font-weight:800;line-height:1.35;word-break:break-word;}
#panel-joint .benefit-pick small{display:block;margin-top:3px;color:#64748b;font-size:11px;font-weight:700;line-height:1.4;word-break:break-word;}
#panel-joint .benefit-pick.is-picked{border-color:#fdba74;background:#fff7ed;}
#panel-joint .benefit-pick.is-over{opacity:.5;}
#panel-joint .benefit-stepper{display:grid;grid-template-columns:30px 24px 30px;gap:4px;align-items:center;}
#panel-joint .benefit-stepper button{width:30px;height:28px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#111827;font-size:15px;font-weight:700;line-height:1;cursor:pointer;}
#panel-joint .benefit-stepper button:hover:not(:disabled){border-color:#fdba74;}
#panel-joint .benefit-stepper button:disabled{opacity:.4;cursor:not-allowed;}
#panel-joint .benefit-stepper em{text-align:center;font-style:normal;font-weight:800;color:#ea580c;font-size:13px;}
#panel-joint .pts-summary{margin-top:10px;font-size:12px;color:#64748b;display:flex;flex-wrap:wrap;gap:8px;}
#panel-joint .pts-summary b{color:#ea580c;font-size:13px;}
@media (max-width:1180px){
  #panel-joint .benefit-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));}
  #panel-joint .benefit-detail-head{justify-content:flex-start;}
}
html[data-theme="dark"] #panel-joint .benefit-points-panel{background:rgba(17,24,39,.6);border-color:rgba(148,163,184,.24);}
html[data-theme="dark"] #panel-joint .benefit-detail-head strong{color:#f8fafc;}
html[data-theme="dark"] #panel-joint .benefit-detail-head span{color:#cbd5e1;}
html[data-theme="dark"] #panel-joint .benefit-pick{color:#e5e7eb;background:rgba(17,24,39,.82);border-color:rgba(148,163,184,.24);}
html[data-theme="dark"] #panel-joint .benefit-pick:hover{border-color:rgba(251,146,60,.5);}
html[data-theme="dark"] #panel-joint .benefit-pick strong{color:#f1f5f9;}
html[data-theme="dark"] #panel-joint .benefit-pick small{color:#94a3b8;}
html[data-theme="dark"] #panel-joint .benefit-pick.is-picked{background:rgba(251,146,60,.14);border-color:#fb923c;box-shadow:0 0 0 2px rgba(251,146,60,.12);}
html[data-theme="dark"] #panel-joint .benefit-pick>img{background:rgba(255,255,255,.92);}
html[data-theme="dark"] #panel-joint .benefit-stepper button{background:#0f172a;color:#e5e7eb;border-color:rgba(148,163,184,.3);}
html[data-theme="dark"] #panel-joint .jt-pts-clear{background:#0f172a;color:#cbd5e1;border-color:rgba(148,163,184,.3);}

/* ===== 2026-09-06 三倍积分：触发行 + 弹窗式选择（jt / up 面板共用，已去 #panel-joint 作用域） ===== */
.jt-pts-trigger{display:flex;align-items:center;gap:12px;width:100%;border:1px solid #e5e7eb;border-radius:12px;background:#fff;padding:11px 13px;cursor:pointer;font:inherit;text-align:left;transition:border-color .12s,background .12s;}
.jt-pts-trigger:hover{border-color:#fdba74;background:#fff7ed;}
.jt-pts-trigger-icon{width:38px;height:38px;border-radius:9px;background:#fff7ed;border:1px solid #fed7aa;display:flex;align-items:center;justify-content:center;font-size:17px;flex:0 0 auto;overflow:hidden;}
.jt-pts-trigger-icon img{width:30px;height:30px;object-fit:contain;border-radius:5px;}
.jt-pts-trigger-text{flex:1;min-width:0;}
.jt-pts-trigger-text strong{display:block;color:#111827;font-size:13.5px;font-weight:800;line-height:1.3;}
.jt-pts-trigger-text strong em{font-style:normal;font-weight:700;color:#64748b;font-size:12px;}
.jt-pts-trigger-text small{display:block;margin-top:3px;color:#64748b;font-size:12px;font-weight:700;line-height:1.4;word-break:break-word;}
.jt-pts-trigger-text small b{color:#ea580c;}
.jt-pts-trigger-action{flex:0 0 auto;color:#ea580c;font-size:13px;font-weight:800;}
.jt-pts-trigger-summary{margin-top:6px;}
.jt-pts-trigger-summary .jt-pts-brief{display:inline-block;padding:4px 9px;border-radius:6px;background:#f1f5f9;color:#334155;font-size:12px;font-weight:700;word-break:break-word;}
.jt-pts-trigger-summary .jt-pts-brief.is-empty{background:transparent;color:#9ca3af;font-weight:600;padding:0;}
html[data-theme="dark"] .jt-pts-trigger{background:#131c2b;border-color:rgba(148,163,184,.24);}
html[data-theme="dark"] .jt-pts-trigger:hover{background:rgba(251,146,60,.08);border-color:rgba(251,146,60,.5);}
html[data-theme="dark"] .jt-pts-trigger-icon{background:rgba(251,146,60,.12);border-color:rgba(251,146,60,.3);}
html[data-theme="dark"] .jt-pts-trigger-text strong{color:#f1f5f9;}
html[data-theme="dark"] .jt-pts-trigger-text strong em,
html[data-theme="dark"] .jt-pts-trigger-text small{color:#94a3b8;}
html[data-theme="dark"] .jt-pts-trigger-summary .jt-pts-brief{background:#0f172a;color:#cbd5e1;}
.pts-modal-mask{position:fixed;inset:0;background:rgba(15,23,42,.45);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;}
.pts-modal{width:min(680px,94vw);max-height:88vh;display:flex;flex-direction:column;background:#fff;border:1px solid #eef2f7;border-radius:16px;box-shadow:0 24px 64px rgba(15,23,42,.35);overflow:hidden;}
.pts-modal-head{display:flex;align-items:center;gap:12px;padding:15px 20px;border-bottom:1px solid #eef2f7;flex-wrap:wrap;}
.pts-modal-head strong{font-size:16px;font-weight:800;color:#111827;}
.pts-modal-head strong em{font-style:normal;font-weight:700;color:#64748b;font-size:13px;}
.pts-modal-stats{display:inline-flex;align-items:center;gap:10px;margin-left:auto;flex-wrap:wrap;color:#334155;font-size:12.5px;font-weight:700;}
.pts-modal-stats b{color:#f97316;font-size:15px;font-variant-numeric:tabular-nums;}
.pts-modal-close{width:32px;height:32px;border-radius:8px;border:1px solid #e5e7eb;background:#f8fafc;color:#64748b;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.pts-modal-close:hover{background:#fff;color:#111827;border-color:#cbd5e1;}
.pts-modal-body{overflow-y:auto;padding:16px 20px;flex:1;min-height:0;}
.pts-modal .benefit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;}
.pts-modal .benefit-pick{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid #e5e7eb;border-radius:10px;background:#fff;padding:10px;overflow:hidden;transition:.12s;cursor:pointer;user-select:none;}
.pts-modal .benefit-pick:hover{border-color:#fdba74;}
.pts-modal .benefit-pick>img{width:46px;height:46px;object-fit:contain;border:1px solid #e5e7eb;border-radius:8px;background:#fff;flex:0 0 auto;}
.pts-modal .benefit-pick>span:nth-of-type(1){min-width:0;overflow:hidden;}
.pts-modal .benefit-pick strong{display:block;color:#111827;font-size:13px;font-weight:800;line-height:1.35;word-break:break-word;}
.pts-modal .benefit-pick small{display:block;margin-top:3px;color:#64748b;font-size:11px;font-weight:700;line-height:1.4;word-break:break-word;}
.pts-modal .benefit-pick.is-picked{border-color:#fdba74;background:#fff7ed;}
.pts-modal .benefit-pick.is-over{opacity:.5;}
.pts-modal .benefit-stepper{display:grid;grid-template-columns:30px 24px 30px;gap:4px;align-items:center;flex:0 0 auto;}
.pts-modal .benefit-stepper button{width:30px;height:28px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#111827;font-size:15px;font-weight:700;line-height:1;cursor:pointer;}
.pts-modal .benefit-stepper button:hover:not(:disabled){border-color:#fdba74;}
.pts-modal .benefit-stepper button:disabled{opacity:.4;cursor:not-allowed;}
.pts-modal .benefit-stepper em{text-align:center;font-style:normal;font-weight:800;color:#ea580c;font-size:13px;}
.pts-modal-foot{display:flex;align-items:center;gap:12px;padding:14px 20px;border-top:1px solid #eef2f7;flex-wrap:wrap;}
.pts-modal-clear{border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155;font:inherit;font-size:12px;font-weight:700;padding:8px 12px;cursor:pointer;}
.pts-modal-clear:hover{border-color:#fdba74;color:#ea580c;background:#fff7ed;}
.pts-modal-summary{font-size:12.5px;color:#64748b;font-weight:700;}
.pts-modal-summary b{color:#ea580c;font-size:13px;}
.pts-modal-note{margin-left:auto;font-size:11px;color:#9ca3af;font-weight:600;}
.pts-modal-actions{display:inline-flex;gap:8px;}
.pts-modal-cancel{border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155;font:inherit;font-size:13px;font-weight:700;padding:8px 16px;cursor:pointer;}
.pts-modal-cancel:hover{border-color:#94a3b8;background:#f8fafc;}
.pts-modal-ok{background:#f97316;border:1px solid #f97316;border-radius:8px;color:#fff;font:inherit;font-size:13px;font-weight:800;padding:8px 22px;cursor:pointer;}
.pts-modal-ok:hover{background:#ea580c;border-color:#ea580c;}
/* 2026-09-06：报ABC 积分弹窗 A/B/C 三页签 */
.pts-modal-tabs{display:flex;gap:8px;padding:12px 20px 0;}
.pts-modal-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #e5e7eb;border-bottom:none;border-radius:10px 10px 0 0;background:#f8fafc;color:#64748b;font:inherit;font-size:13px;font-weight:800;padding:9px 10px;cursor:pointer;transition:.12s;}
.pts-modal-tab em{font-style:normal;font-size:11px;font-weight:700;color:#9ca3af;}
.pts-modal-tab.active{background:#fff;color:#ea580c;border-color:#fdba74;box-shadow:0 -2px 0 #f97316 inset;}
.pts-modal-tab.active em{color:#f97316;}
.pts-modal-tab:hover:not(.active){background:#fff7ed;color:#c2610c;}
html[data-theme="dark"] .pts-modal-tab{background:rgba(15,23,42,.6);border-color:rgba(148,163,184,.22);color:#94a3b8;}
html[data-theme="dark"] .pts-modal-tab em{color:#64748b;}
html[data-theme="dark"] .pts-modal-tab.active{background:#131c2b;color:#fb923c;border-color:rgba(251,146,60,.5);box-shadow:0 -2px 0 #fb923c inset;}
html[data-theme="dark"] .pts-modal-tab.active em{color:#fb923c;}
html[data-theme="dark"] .pts-modal-tab:hover:not(.active){background:rgba(251,146,60,.08);color:#fdba74;}
/* 2026-09-06：报ABC 触发行摘要按 A/B/C 三行显示 */
.jt-pts-plan-summary{display:flex;flex-direction:column;gap:5px;align-items:flex-start;}
.jt-pts-plan-summary .jt-pts-brief b{color:#ea580c;margin-right:2px;}
html[data-theme="dark"] .pts-modal{background:#131c2b;border-color:rgba(148,163,184,.22);box-shadow:0 24px 64px rgba(0,0,0,.5);}
html[data-theme="dark"] .pts-modal-head{background:#0f172a;border-color:rgba(148,163,184,.18);}
html[data-theme="dark"] .pts-modal-head strong{color:#f8fafc;}
html[data-theme="dark"] .pts-modal-head strong em{color:#94a3b8;}
html[data-theme="dark"] .pts-modal-head b{color:#fb923c;}
html[data-theme="dark"] .pts-modal-stats{color:#cbd5e1;}
html[data-theme="dark"] .pts-modal-foot{background:#0f172a;border-color:rgba(148,163,184,.18);}
html[data-theme="dark"] .pts-modal .benefit-pick{color:#e5e7eb;background:rgba(17,24,39,.82);border-color:rgba(148,163,184,.24);}
html[data-theme="dark"] .pts-modal .benefit-pick strong{color:#f1f5f9;}
html[data-theme="dark"] .pts-modal .benefit-pick small{color:#94a3b8;}
html[data-theme="dark"] .pts-modal .benefit-pick.is-picked{background:rgba(251,146,60,.14);border-color:#fb923c;box-shadow:0 0 0 2px rgba(251,146,60,.12);}
html[data-theme="dark"] .pts-modal .benefit-pick>img{background:rgba(255,255,255,.92);}
html[data-theme="dark"] .pts-modal .benefit-stepper button{background:#0f172a;color:#e5e7eb;border-color:rgba(148,163,184,.3);}
html[data-theme="dark"] .pts-modal-clear,html[data-theme="dark"] .pts-modal-cancel{background:#0f172a;color:#cbd5e1;border-color:rgba(148,163,184,.3);}
html[data-theme="dark"] .pts-modal-close{background:#0f172a;color:#94a3b8;border-color:rgba(148,163,184,.3);}
@media (max-width:640px){
  .pts-modal .benefit-grid{grid-template-columns:1fr;}
  .pts-modal-note{display:none;}
}

/* ═══════════ 套餐管理 · 下单信息确认弹窗（2026-10-12）═══════════
   取代原 prc-btn 的「点击了解套餐详情 / 复制套餐信息」二选一按钮；
   两套模板（无券 / 京东券）仅实付行文案不同，动态字段为空时整行不渲染。
   沿用 pts-modal 外壳（fixed 遮罩 + 居中卡 + 玻璃感阴影）保持视觉一致 */
.oc-modal-mask{
  position:fixed;inset:0;z-index:2050;
  background:rgba(15,23,42,.45);
  backdrop-filter:blur(3px) saturate(120%);
  -webkit-backdrop-filter:blur(3px) saturate(120%);
  display:flex;align-items:center;justify-content:center;padding:20px;
}
.oc-modal{
  width:min(520px,94vw);max-height:88vh;
  display:flex;flex-direction:column;
  background:#fff;border:1px solid #eef2f7;border-radius:16px;
  box-shadow:0 24px 64px rgba(15,23,42,.35);overflow:hidden;
}
.oc-modal-head{
  display:flex;align-items:center;gap:12px;
  padding:15px 20px;border-bottom:1px solid #eef2f7;flex-wrap:wrap;
}
.oc-modal-head strong{font-size:16px;font-weight:800;color:#111827;}
.oc-modal-head strong em{font-style:normal;font-weight:700;color:#f97316;font-size:13.5px;margin-left:6px;}
.oc-modal-close{
  margin-left:auto;width:32px;height:32px;border-radius:8px;
  border:1px solid #e5e7eb;background:#f8fafc;color:#64748b;
  font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;
}
.oc-modal-close:hover{background:#fff;color:#111827;border-color:#cbd5e1;}
.oc-modal-tabs{
  display:flex;gap:8px;padding:12px 20px 0;
  border-bottom:1px solid #eef2f7;background:#f8fafc;
}
.oc-modal-tab{
  border:1px solid #e5e7eb;border-bottom:none;
  border-radius:10px 10px 0 0;background:#fff;
  padding:8px 16px;font:inherit;font-size:13.5px;font-weight:700;color:#475569;
  cursor:pointer;position:relative;top:1px;transition:.12s;
}
.oc-modal-tab:hover{color:#111827;border-color:#cbd5e1;}
.oc-modal-tab.is-active{color:#ea580c;background:#fff;border-color:#fdba74;border-bottom-color:#fff;}
.oc-modal-tab.is-active::after{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:#f97316;border-radius:10px 10px 0 0;}
.oc-modal-body{padding:16px 20px;flex:1;min-height:0;display:flex;flex-direction:column;}
.oc-modal-text{
  width:100%;min-height:280px;flex:1;resize:vertical;
  border:1px solid #e5e7eb;border-radius:10px;background:#f8fafc;
  padding:12px 14px;font-family:ui-monospace,Menlo,Consolas,monospace;
  font-size:13px;line-height:1.7;color:#0f172a;white-space:pre-wrap;word-break:break-word;
  font-variant-numeric:tabular-nums;
}
.oc-modal-text:focus{outline:none;border-color:#fdba74;background:#fff;box-shadow:0 0 0 3px rgba(253,186,116,.18);}
.oc-modal-foot{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  padding:12px 20px 16px;border-top:1px solid #eef2f7;background:#f8fafc;
}
.oc-modal-hint{font-size:12px;color:#64748b;flex:1 1 auto;min-width:0;}
.oc-modal-copy{
  border:none;border-radius:10px;cursor:pointer;
  background:linear-gradient(135deg,#f97316,#e11d48);
  color:#fff;font:inherit;font-size:14px;font-weight:800;padding:9px 18px;
  box-shadow:0 6px 18px -6px rgba(225,29,72,.5);transition:.15s;
}
.oc-modal-copy:hover{background:linear-gradient(135deg,#ea580c,#be123c);}
/* 深色：弹窗/标签/文本框/底部 */
html[data-theme="dark"] .oc-modal{background:#0f172a;border-color:rgba(148,163,184,.25);}
html[data-theme="dark"] .oc-modal-head{border-color:rgba(148,163,184,.18);}
html[data-theme="dark"] .oc-modal-head strong{color:#f1f5f9;}
html[data-theme="dark"] .oc-modal-close{background:#1e293b;color:#94a3b8;border-color:rgba(148,163,184,.3);}
html[data-theme="dark"] .oc-modal-close:hover{background:#334155;color:#e2e8f0;border-color:#475569;}
html[data-theme="dark"] .oc-modal-tabs{background:#1e293b;border-color:rgba(148,163,184,.18);}
html[data-theme="dark"] .oc-modal-tab{background:#0f172a;color:#94a3b8;border-color:rgba(148,163,184,.25);}
html[data-theme="dark"] .oc-modal-tab:hover{color:#e2e8f0;border-color:#475569;}
html[data-theme="dark"] .oc-modal-tab.is-active{background:#0f172a;color:#fdba74;border-color:rgba(253,186,116,.5);border-bottom-color:#0f172a;}
html[data-theme="dark"] .oc-modal-text{background:#1e293b;border-color:rgba(148,163,184,.25);color:#e2e8f0;}
html[data-theme="dark"] .oc-modal-text:focus{background:#0f172a;border-color:#fdba74;}
html[data-theme="dark"] .oc-modal-foot{background:#1e293b;border-color:rgba(148,163,184,.18);}
html[data-theme="dark"] .oc-modal-hint{color:#94a3b8;}
@media (max-width:480px){
  .oc-modal-text{min-height:220px;}
  .oc-modal-hint{font-size:11.5px;}
}

/* ═══════════ 升级肽报价面板（2026-09-14）═══════════
   .uq-board 定价卡网格（.prc-card 复用 styles.css）/ .uq-modal 段落弹窗（复用 pts-modal 外壳） */
/* 2026-09-25：作用域由 #panel-upquote 改为工作台容器 #qp-upquote ——
   5→1 整合后 <main class="library-shell"> 已被搬进 #qp-upquote，旧 ID 选择器全部失效
   （导致外壳 padding 丢失、卡片板退回 .uq-board 的 1160px 上限而与上方产品选择行错位） */
#qp-upquote .library-shell{max-width:1800px;margin:0 auto;padding:26px 22px 10px;}
/* 2026-09-18：页头标题区（.library-head/.eyebrow/h1/.library-summary/.library-count）已整体移除，
   相关样式随之删除，面板直接以 .uq-product-tabs 开头 */
.uq-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:16px;max-width:1160px;width:100%;margin:0 auto;padding-bottom:28px;}
/* 档位卡复用 .prc-card（套餐定价样式，styles.css）；此处仅补面板内差异 */
.uq-board .prc-card{cursor:pointer;}
.uq-board .prc-card:focus-visible{outline:2px solid #f97316;outline-offset:2px;}
/* 主品发光卡片（2026-09-17 复刻 GlowCard/spotlight-card：指针光斑 + 发光边框 + 中置产品图）
   --ph 由 JS 按主品品牌色算出色相；--x/--y/--xp 跟随指针；光斑用 background-attachment:fixed 全局定位 */
/* 2026-09-17：auto-fill→auto-fit，主品选择卡在宽度够时全部排成一行，随屏幕自适应列数 */
.uq-product-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:14px;margin:0 0 18px;}
.uq-pcard{
  --spread:40; --size:180; --radius:16; --border-size:2px;
  --spotlight-size:calc(var(--size) * 1px);
  --hue:calc(var(--ph, 210) + (var(--xp, 0) * var(--spread)));
  position:relative; isolation:isolate;
  display:flex; flex-direction:column; align-items:center; gap:2px;
  padding:16px 10px 12px; border-radius:calc(var(--radius) * 1px);
  background:
    radial-gradient(calc(var(--spotlight-size) * .9) calc(var(--spotlight-size) * .9) at calc(var(--x, -600) * 1px) calc(var(--y, -600) * 1px),
      hsl(var(--hue) 90% 72% / .16), transparent),
    #fff;
  background-attachment:fixed, scroll;
  border:var(--border-size) solid #e2e8f0;
  font:inherit; cursor:pointer; text-align:center;
  box-shadow:0 10px 24px -16px rgba(15,23,42,.3);
  transition:transform .15s, box-shadow .15s, border-color .15s;
  touch-action:none;
}
.uq-pcard::before,.uq-pcard::after{
  pointer-events:none; content:""; position:absolute; inset:calc(var(--border-size) * -1);
  border-radius:calc(var(--radius) * 1px);
  background-attachment:fixed;
  mask:linear-gradient(transparent, transparent), linear-gradient(#000, #000);
  mask-clip:padding-box, border-box;
  mask-composite:intersect;
  -webkit-mask:linear-gradient(transparent, transparent), linear-gradient(#000, #000);
  -webkit-mask-clip:padding-box, border-box;
  -webkit-mask-composite:intersect;
}
.uq-pcard::before{
  border:var(--border-size) solid transparent;
  background-image:radial-gradient(calc(var(--spotlight-size) * .75) calc(var(--spotlight-size) * .75) at calc(var(--x, -600) * 1px) calc(var(--y, -600) * 1px),
    hsl(var(--hue) 95% 55% / .8), transparent 100%);
  filter:brightness(1.5);
  opacity:0; transition:opacity .2s;
}
.uq-pcard::after{
  background-image:radial-gradient(calc(var(--spotlight-size) * .5) calc(var(--spotlight-size) * .5) at calc(var(--x, -600) * 1px) calc(var(--y, -600) * 1px),
    hsl(0 100% 100% / .55), transparent 100%);
  opacity:0; transition:opacity .2s;
}
.uq-pcard:hover,.uq-pcard.active{transform:translateY(-2px);}
.uq-pcard:hover::before,.uq-pcard:hover::after,.uq-pcard.active::before{opacity:1;}
.uq-pcard:hover{box-shadow:0 14px 30px -16px hsl(var(--hue) 80% 50% / .45);}
.uq-pcard.active{border-color:hsl(var(--hue) 85% 72% / .9);box-shadow:0 12px 30px -12px hsl(var(--hue) 80% 55% / .45);}
.uq-pcard-media{display:flex;align-items:center;justify-content:center;height:84px;margin-bottom:6px;}
.uq-pcard-media img{max-height:84px;max-width:88%;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(15,23,42,.16));transition:transform .15s;}
.uq-pcard:hover .uq-pcard-media img,.uq-pcard.active .uq-pcard-media img{transform:scale(1.06);}
.uq-pcard-name{font-size:14px;font-weight:900;color:#0f172a;line-height:1.3;}
.uq-pcard.active .uq-pcard-name{color:hsl(var(--hue) 75% 38%);}
.uq-pcard-count{font-size:11px;font-weight:700;color:#94a3b8;}
.uq-pcard.active .uq-pcard-count{color:hsl(var(--hue) 60% 48%);}
/* 弹窗内的段落卡 */
.uq-modal{width:min(760px,94vw);}
.uq-modal-body{display:flex;flex-direction:column;gap:12px;}
.uq-block{border:1px solid #eef2f7;border-radius:12px;background:#fff;padding:12px 14px;}
.uq-block-head{display:flex;align-items:center;gap:8px;margin-bottom:9px;flex-wrap:wrap;}
.uq-block-label{font-size:12.5px;font-weight:800;color:#ea580c;letter-spacing:.02em;}
.uq-block-actions{margin-left:auto;display:inline-flex;gap:6px;flex-wrap:wrap;}
.uq-btn{border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155;font:inherit;font-size:12px;font-weight:700;padding:5px 11px;cursor:pointer;}
.uq-btn:hover{border-color:#fdba74;color:#ea580c;background:#fff7ed;}
.uq-btn-primary{background:#f97316;border-color:#f97316;color:#fff;}
.uq-btn-primary:hover{background:#ea580c;border-color:#ea580c;color:#fff;}
.uq-block-text{margin:0;white-space:pre-wrap;word-break:break-word;font:inherit;font-size:14px;line-height:1.85;color:#1f2937;}
.uq-block-img{display:block;width:100%;max-height:340px;object-fit:contain;border:1px solid #eef2f7;border-radius:8px;background:#fff;cursor:zoom-in;}
/* 2026-09-25 用户指令：多图（福利配图）并排两列，每张图各自独立成格、各带一个「复制图片」。
   窄屏（≤640px）自动回落单列，见文件末尾媒体查询。 */
.uq-img-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start;}
.uq-img-cell{display:flex;flex-direction:column;gap:8px;padding:8px;border:1px solid #eef2f7;border-radius:10px;background:#fcfdff;}
.uq-img-cell-bar{display:flex;justify-content:flex-end;}
.uq-img-cell .uq-block-img{max-height:none;}
.uq-img-empty{display:flex;align-items:center;justify-content:center;min-height:120px;border:1.5px dashed #cbd5e1;border-radius:8px;color:#94a3b8;font-size:12.5px;font-weight:600;background:#f8fafc;text-align:center;padding:12px;line-height:1.6;}
.uq-head-note{font-weight:600;}
/* 弹窗方案分组（2026-09-16）：组容器 + 组头（步骤序号/标题/成交关键/整组复制） */
.uq-group{display:flex;flex-direction:column;gap:10px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc;padding:10px;}
.uq-group--hot{border-color:#fdba74;background:linear-gradient(180deg,#fff7ed,#fdfdfd 72%);}
.uq-group-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:2px 2px 0;}
.uq-group-step{flex:none;width:22px;height:22px;border-radius:999px;background:#ea580c;color:#fff;font-size:12.5px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;}
.uq-group--hot .uq-group-step{background:#c2410c;}
.uq-group-title{font-size:14.5px;font-weight:900;color:#0f172a;letter-spacing:.02em;}
.uq-group-hot{font-size:11px;font-weight:800;color:#c2410c;background:#ffedd5;border:1px solid #fdba74;border-radius:999px;padding:2px 9px;}
.uq-group-desc{font-size:12px;font-weight:600;color:#64748b;}
.uq-group-copy{margin-left:auto;}
/* 深色（新卡片类必须显式给深色字色，--ink 作用域不覆盖本面板） */
html[data-theme="dark"] #qp-upquote .library-count{background:rgba(251,146,60,.10);border-color:rgba(251,146,60,.35);}
html[data-theme="dark"] #qp-upquote .library-count strong{color:#fb923c;}
html[data-theme="dark"] #qp-upquote .library-count span{color:#fdba74;}
html[data-theme="dark"] .uq-pcard{
  background:
    radial-gradient(calc(var(--spotlight-size) * .9) calc(var(--spotlight-size) * .9) at calc(var(--x, -600) * 1px) calc(var(--y, -600) * 1px),
      hsl(var(--hue) 90% 65% / .15), transparent),
    #131c2b;
  background-attachment:fixed, scroll;
  border-color:rgba(148,163,184,.22);
  box-shadow:0 12px 26px -16px rgba(0,0,0,.6);
}
html[data-theme="dark"] .uq-pcard-name{color:#f1f5f9;}
html[data-theme="dark"] .uq-pcard-count{color:#64748b;}
html[data-theme="dark"] .uq-pcard.active{border-color:hsl(var(--hue) 85% 62% / .75);box-shadow:0 12px 30px -12px hsl(var(--hue) 80% 50% / .5);}
html[data-theme="dark"] .uq-pcard.active .uq-pcard-name{color:hsl(var(--hue) 90% 74%);}
html[data-theme="dark"] .uq-pcard.active .uq-pcard-count{color:hsl(var(--hue) 70% 62%);}
html[data-theme="dark"] .uq-block{background:rgba(17,24,39,.82);border-color:rgba(148,163,184,.22);}
html[data-theme="dark"] .uq-block-label{color:#fb923c;}
html[data-theme="dark"] .uq-btn{background:#0f172a;color:#cbd5e1;border-color:rgba(148,163,184,.3);}
html[data-theme="dark"] .uq-btn:hover{background:rgba(251,146,60,.12);color:#fdba74;border-color:rgba(251,146,60,.5);}
html[data-theme="dark"] .uq-btn-primary{background:#ea580c;border-color:#ea580c;color:#fff;}
html[data-theme="dark"] .uq-btn-primary:hover{background:#c2610c;border-color:#c2610c;color:#fff;}
html[data-theme="dark"] .uq-block-text{color:#e5e7eb;}
html[data-theme="dark"] .uq-block-img{background:rgba(255,255,255,.92);border-color:rgba(148,163,184,.22);}
html[data-theme="dark"] .uq-img-cell{background:rgba(15,23,42,.5);border-color:rgba(148,163,184,.25);}
html[data-theme="dark"] .uq-img-empty{background:rgba(15,23,42,.6);border-color:rgba(148,163,184,.35);color:#64748b;}
html[data-theme="dark"] .uq-group{background:rgba(15,23,42,.55);border-color:rgba(148,163,184,.25);}
html[data-theme="dark"] .uq-group--hot{border-color:rgba(251,146,60,.5);background:linear-gradient(180deg,rgba(251,146,60,.12),rgba(17,24,39,.4) 72%);}
html[data-theme="dark"] .uq-group-title{color:#f1f5f9;}
html[data-theme="dark"] .uq-group-hot{color:#fdba74;background:rgba(251,146,60,.15);border-color:rgba(251,146,60,.45);}
html[data-theme="dark"] .uq-group-desc{color:#94a3b8;}
@media (max-width:640px){
  .uq-board{grid-template-columns:1fr;}
  .uq-img-pair{grid-template-columns:1fr;}
}

/* ── 2026-09-16：积分弹窗「智能搭配」按钮 + 已搭配提示条 ── */
.pts-modal-smart{border:1px solid #fb923c;border-radius:8px;background:#fff7ed;color:#c2410c;font:inherit;font-size:13px;font-weight:800;padding:8px 14px;cursor:pointer;transition:.15s;}
.pts-modal-smart:hover{background:#ffedd5;border-color:#f97316;}
.pts-modal-smart-tip{margin:0 0 10px;padding:8px 14px;border:1px solid #fdba74;border-radius:10px;background:linear-gradient(135deg,#fff7ed,#fffbeb);color:#9a3412;font-size:12.5px;font-weight:700;line-height:1.5;}
html[data-theme="dark"] .pts-modal-smart{background:rgba(251,146,60,.14);border-color:rgba(251,146,60,.5);color:#fdba74;}
html[data-theme="dark"] .pts-modal-smart:hover{background:rgba(251,146,60,.24);border-color:#fb923c;}
html[data-theme="dark"] .pts-modal-smart-tip{background:rgba(251,146,60,.10);border-color:rgba(251,146,60,.4);color:#fdba74;}

/* ── 2026-09-18：报ABC 工作台选择区「泾渭分明」——参照截图的框架与间距，仅视觉调整，不改文字/功能 ──
   要点：外层面板恢复清晰描边，卡片白底+浅灰边框，区域间距/内边距加大 */
html:not([data-theme="dark"]) #panel-joint .hero,
html:not([data-theme="dark"]) #panel-joint .panel{
  border-color: #e2e8f0 !important;
  box-shadow: 0 1px 2px rgba(16,24,40,.04) !important;
}
html:not([data-theme="dark"]) #panel-joint .choice-card{
  border-color: #e2e8f0 !important;
}
html:not([data-theme="dark"]) #panel-joint :where(.plan-preview, .joint-action-card, .joint-advanced, .script-card, .script-card-option){
  border-color: #e2e8f0 !important;
}
html:not([data-theme="dark"]) #panel-joint .stats{
  border-color: #e2e8f0 !important;
}
html:not([data-theme="dark"]) #panel-joint .stat{
  border-right-color: #e2e8f0 !important;
}
/* 间距（明暗主题通用）：左栏与主区、卡片之间、面板内边距统一放大一档 */
#panel-joint .layout{gap:16px !important;}
#panel-joint .work{gap:16px !important;}
#panel-joint .chooser-grid{gap:16px !important;}
#panel-joint .joint-control-grid{gap:16px !important;}
#panel-joint .panel{padding:16px !important;}
#panel-joint .panel-title{margin-bottom:14px !important;}

.uq-empty{grid-column:1/-1;padding:36px 0;text-align:center;color:#94a3b8;font-size:13.5px;font-weight:700;}
html[data-theme="dark"] .uq-empty{color:#64748b;}

/* ═══════════ 完整套餐 · 话术直出卡（2026-09-19，补差板式） ═══════════
   原「定价卡网格 → 点卡开弹窗」改为：每档一张直出卡，方案组与段落直接铺在卡上（复用 .uq-group/.uq-block） */
/* 2026-09-25：同上下 —— 作用域改 #qp-upquote，恢复「每档一张直出卡、卡片数=列数铺满一行」 */
#qp-upquote .uq-board.is-flat{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:minmax(0,1fr);gap:16px;max-width:1800px;align-items:start;}
@media(max-width:900px){#qp-upquote .uq-board.is-flat{grid-auto-flow:row;grid-template-columns:1fr;}}
.uq-card-board{border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 10px 24px -16px rgba(15,23,42,.3);overflow:hidden;}
.uqc-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:13px 18px;border-bottom:1px solid #eef2f7;background:linear-gradient(180deg,#fafbfc,#ffffff);}
.uqc-title-box{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;}
.uqc-title{font-size:16px;font-weight:900;color:#0f172a;}
.uqc-badge{padding:3px 10px;border-radius:999px;font-size:11px;font-weight:800;color:#fff;background:linear-gradient(135deg,#f97316,#e11d48);box-shadow:0 6px 14px -6px rgba(225,29,72,.5);}
.uqc-sub{font-size:12.5px;font-weight:700;color:#64748b;}
.uq-copy-all{white-space:nowrap;border-color:rgba(225,29,72,.35);color:#e11d48;background:#fff1f2;}
.uq-copy-all:hover{background:#ffe4e6;border-color:rgba(225,29,72,.6);}
.uqc-body{display:flex;flex-direction:column;gap:12px;padding:14px 18px 18px;}
.uq-card-board .uq-block-img{display:block;width:auto;max-width:100%;max-height:240px;border-radius:10px;cursor:zoom-in;}
html[data-theme="dark"] .uq-card-board{background:rgba(17,24,39,.82);border-color:rgba(148,163,184,.22);box-shadow:none;}
html[data-theme="dark"] .uqc-head{background:linear-gradient(180deg,rgba(30,41,59,.6),rgba(17,24,39,.82));border-bottom-color:rgba(148,163,184,.16);}
html[data-theme="dark"] .uqc-title{color:#f1f5f9;}
html[data-theme="dark"] .uqc-sub{color:#94a3b8;}
html[data-theme="dark"] .uq-copy-all{background:rgba(225,29,72,.14);border-color:rgba(251,113,133,.4);color:#fda4af;}
html[data-theme="dark"] .uq-copy-all:hover{background:rgba(225,29,72,.24);}

/* ── 2026-10-09：联报每档后面的「📌 给您最终汇总」独立块（.uq-block.is-sum）────────
   形态与上面那个套餐段**完全一致**（独立块、带「第N段 · A 汇总」标签、各有一个「复制本段」），
   只用「淡橙底 + 左侧橙竖条」做从属提示 —— 表明「这是紧挨着的上一段 A/B/C 的总结」。
   联报加了汇总段后段数翻倍（三档 5 段 → 8 段），没有这层提示，套餐段与汇总段在页面上难分辨。

   ⚠️ 必须**高特异性 + 同用 !important**：liquid-glass.css 第 5 节用
     `html body :is(#panel-quote,#panel-calc,#panel-ranking) :is(.uq-block,…)` (1,1,2) + !important
     把 .uq-block 的 background-color 锁成 transparent、background-image 锁成玻璃层、
     border-color 锁成 --lg-edge。普通 `.uq-block.is-sum{background:…}` (0,2,0) 完全盖不住
     （实测 computed = rgba(0,0,0,0)）。这里的 (1,2,2) 才压得过 —— 与「.result 底色被
     pkg-calc.css !important 锁死」是同一类坑，改底色前先确认上游有没有 !important。 */
html body :is(#panel-quote, #panel-calc, #panel-ranking) .uq-block.is-sum{
  background-color:#fffaf5 !important;
  background-image:none !important;
  border-left-width:3px !important;
  border-left-color:#fdba74 !important;
}
html[data-theme="dark"] body :is(#panel-quote, #panel-calc, #panel-ranking) .uq-block.is-sum{
  background-color:rgba(67,38,10,.5) !important;
  background-image:none !important;
  border-left-color:#fb923c !important;
}

/* ── 2026-10-09：联报每档后面的「📌 给您最终汇总」独立块（.uq-block.is-sum）────────
   形态与上面那个套餐段**完全一致**（独立块、带「第N段 · A 汇总」标签、各有一个「复制本段」），
   只用「淡橙底 + 左侧橙竖条」做从属提示 —— 表明「这是紧挨着的上一段 A/B/C 的总结」。
   联报加了汇总段后段数翻倍（三档 5 段 → 8 段），没有这层提示，套餐段与汇总段在页面上难分辨。

   ⚠️ 必须**高特异性 + 同用 !important**：liquid-glass.css 第 5 节用
     `html body :is(#panel-quote,#panel-calc,#panel-ranking) :is(.uq-block,…)` (1,1,2) + !important
     把 .uq-block 的 background-color 锁成 transparent、background-image 锁成玻璃层、
     border-color 锁成 --lg-edge。普通 `.uq-block.is-sum{background:…}` (0,2,0) 完全盖不住
     （实测 computed = rgba(0,0,0,0)）。这里的 (1,2,2) 才压得过 —— 与「.result 底色被
     pkg-calc.css !important 锁死」是同一类坑，改底色前先确认有没有 !important 在上游。 */
html body :is(#panel-quote, #panel-calc, #panel-ranking) .uq-block.is-sum{
  background-color:#fffaf5 !important;
  background-image:none !important;
  border-left-width:3px !important;
  border-left-color:#fdba74 !important;
}
html[data-theme="dark"] body :is(#panel-quote, #panel-calc, #panel-ranking) .uq-block.is-sum{
  background-color:rgba(67,38,10,.5) !important;
  background-image:none !important;
  border-left-color:#fb923c !important;
}