/* 检测与付款：灰白底、深墨蓝文字与品牌紫重点；保留原两栏对齐轨道。 */
.ceeten-checkout-page {
  --cc-ink:#172238; --cc-muted:#536178; --cc-border:#e0e5ee; --cc-purple:#5b3bd3;
  padding:20px 24px 24px!important; color:var(--cc-ink); background:#f4f6fa;
  font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif; min-height:calc(100vh - 80px);
}
.cc-shell {max-width:1100px;margin:0 auto}
.cc-page-head {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.cc-page-head h1 {margin:0;font-size:25px;font-weight:750;line-height:1.35;letter-spacing:-.4px}
.cc-page-head p {margin:6px 0 0;color:var(--cc-muted);font-size:13px}
.cc-scope-switch {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-self:start;gap:8px;width:100%;margin:12px 0 0;padding:0;border:0;background:transparent}
.cc-scope-option {display:flex;align-items:center;min-width:0;min-height:76px;padding:12px 14px;border:1px solid #d8dfeb;border-radius:10px;background:#f8f9fc;color:#172238;text-align:left;cursor:pointer;transition:background-color .15s,border-color .15s,box-shadow .15s}
.cc-scope-copy {display:flex;flex-direction:column;gap:6px;min-width:0}
.cc-scope-title {color:inherit;font-size:18px;font-weight:750;line-height:1.4;overflow-wrap:anywhere}
.cc-scope-caption {color:#46546b;font-size:13px;font-weight:600;line-height:1.45;overflow-wrap:anywhere}
.cc-scope-option[aria-pressed="true"] {border-color:#5b3bd3;background:#5736c9;color:#fff;box-shadow:0 3px 9px rgba(91,59,211,.16)}
.cc-scope-option[aria-pressed="true"] .cc-scope-caption {color:#fff}
.cc-scope-option:hover:not(:disabled):not([aria-pressed="true"]) {border-color:#b5a5e8;background:#f3efff;color:#5131c5}
.cc-scope-option:disabled {opacity:1;cursor:not-allowed}
.cc-back {display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border:1px solid #d6deea;border-radius:9px;background:#fff;color:#35435b;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}
.cc-back:hover {background:#f6f7fb;border-color:#a7b4ca}
.cc-layout {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;align-items:stretch}
.cc-card {min-width:0;display:flex;flex-direction:column;padding:20px;border:1px solid #dce2ec;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(23,34,56,.05)}
.cc-card-heading {display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px;padding-bottom:14px;border-bottom:1px solid var(--cc-border)}
.cc-card-heading h2 {margin:0;font-size:18px;font-weight:750}
.cc-tag {padding:5px 9px;border:1px solid #c4e5d1;border-radius:6px;background:#ecf7f0;color:#176b43;font-size:12px;font-weight:600;white-space:nowrap}
.cc-service-tag {border-color:#ded5fa;background:#f2efff;color:#5b3bd3}
.cc-summary {display:flex;flex-direction:column;min-width:0;padding-top:16px}
.cc-detail {display:flex;flex-direction:column;min-width:0;flex:1;padding:16px 0}
.cc-actions {margin-top:auto;padding-top:14px;border-top:1px solid var(--cc-border)}

.cc-file {display:flex;align-items:center;gap:12px;min-height:64px;padding:11px 13px;border:1px solid #e0e5ee;border-radius:11px;background:#f8f9fc}
.cc-file-icon {display:flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:40px;border:1px solid #ded5fa;border-radius:8px;background:#fff;color:#5b3bd3}
.cc-file-copy {min-width:0}
.cc-file-name {color:#172238;font-size:14px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-file-caption {margin-top:5px;color:#536178;font-size:12px;line-height:1.45}
.cc-ai {display:flex;flex-direction:column;justify-content:center;flex:1;min-height:160px;margin-top:12px;padding:18px;border:1px solid #dce2ec;border-radius:12px;background:#f8f9fc}
.cc-ai-top {display:flex;align-items:center;justify-content:space-between;gap:14px}
.cc-ai-title {color:#172238;font-size:16px;font-weight:700}
.cc-ai-subtitle {margin-top:7px;color:#536178;font-size:13px}
.cc-ai-value {font-size:44px;font-weight:750;line-height:1.15;white-space:nowrap;font-variant-numeric:tabular-nums}
.ceeten-checkout-page .cc-ai-value {color:var(--cc-ink)!important}
.cc-ai-value small {margin-left:2px;font-size:23px;font-weight:650}
.cc-ai-detail {margin:12px 0 0;color:#536178;font-size:13px;line-height:1.7}
.cc-loader {display:block;width:30px;height:30px;border:3px solid #ded5fa;border-top-color:#5b3bd3;border-radius:50%;animation:cc-spin 1s linear infinite}
.cc-retry {margin-top:10px;padding:8px 12px;border:1px solid #b7a5e9;border-radius:8px;background:#fff;color:#5b3bd3;font-size:12px;font-weight:600;cursor:pointer}
.cc-retry:hover {background:#f7f5ff}
.cc-error {color:#b1263e}

.cc-word-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cc-word-tile {min-width:0;min-height:102px;padding:13px;border:1px solid #e0e5ee;border-radius:11px;background:#f8f9fc}
.cc-word-tile:last-child {border-color:#ded5fa;background:#f7f5ff}
.cc-word-label {color:#46546b;font-size:13px;font-weight:600}
.cc-word-value {margin-top:8px;color:#172238;font-size:27px;font-weight:750;line-height:1.2;font-variant-numeric:tabular-nums}
.cc-word-value small {margin-left:5px;color:#536178;font-size:13px;font-weight:600}
.cc-word-tile:last-child .cc-word-value {color:#5b3bd3}
.cc-word-tile:last-child .cc-word-value.cc-pending {font-size:18px}
.cc-word-caption {margin-top:7px;color:#536178;font-size:11px;line-height:1.4}
.cc-rule {flex:1;margin-top:12px;padding:12px 13px;border:1px solid #e0e5ee;border-radius:9px;background:#f8f9fc;color:#536178;font-size:12px;line-height:1.75}
.cc-rule strong {display:block;margin-bottom:3px;color:#172238;font-size:13px;font-weight:650}
.cc-rule p {margin:0}
.cc-reference {margin:5px 0 0;color:#536178;font-size:11px;line-height:1.6;text-align:center}

.cc-price-box {display:flex;flex-direction:column;flex:1;min-height:186px;padding:15px;border:1px solid #ded5fa;border-radius:12px;background:#fff}
.cc-unit {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px}
.cc-original-unit {color:#59647a;font-size:15px;font-weight:600;text-decoration:line-through;text-decoration-thickness:1.5px}
.cc-current-unit {color:#5b3bd3;font-size:15px;font-weight:700}
.cc-price-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid #e5e7ef}
.cc-price-grid>div {display:grid;grid-template-rows:20px 47px;align-items:end;gap:5px;min-width:0}
.cc-price-label {align-self:start;color:#46546b;font-size:13px;font-weight:600}
.cc-original-total {color:#46546b;font-size:31px;font-weight:700;text-decoration:line-through;text-decoration-thickness:1.5px;line-height:1;font-variant-numeric:tabular-nums}
.cc-current-total {color:#5b3bd3;font-size:42px;font-weight:750;line-height:1;font-variant-numeric:tabular-nums}
.cc-current-total.cc-pending {font-size:21px;line-height:1.4}
.cc-saving {display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto;padding-top:12px;color:#46546b;font-size:13px;font-weight:600}
.cc-discount {padding:4px 8px;border:1px solid #c4e5d1;border-radius:5px;background:#ecf7f0;color:#176b43;font-size:12px;font-weight:700;white-space:nowrap}
.cc-summary>.cc-scope-switch {margin:0;align-self:stretch}
.cc-pay .cc-summary {gap:12px}
.cc-billing-details {margin-bottom:12px}
.cc-billing-details .cc-billed {margin-top:0}
.cc-billed {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px;color:#536178;font-size:13px;line-height:1.5}
.cc-billed strong {color:#172238;font-weight:700}
.cc-rounding {margin-top:4px;color:#536178;font-size:11px;line-height:1.5}

.cc-methods {display:flex;gap:10px}
.cc-method {display:flex;align-items:center;justify-content:center;gap:7px;flex:1;min-height:43px;padding:9px;border:1px solid #d6deea;border-radius:9px;background:#fff;color:#35435b;font-size:14px;font-weight:600;cursor:pointer}
.cc-method[aria-pressed="true"] {border-color:#5b3bd3;background:#f7f5ff;color:#5b3bd3;box-shadow:inset 0 0 0 1px #5b3bd3}
.cc-method:hover:not(:disabled) {border-color:#7e65df}
.cc-method:disabled {opacity:.65;cursor:not-allowed}
.cc-method svg {width:18px;height:18px}
.cc-method-wechat svg {color:#12844d}
.cc-method-alipay svg {color:#1974cf}
.cc-qr-block {display:grid;grid-template-columns:116px minmax(0,1fr);align-items:center;flex:1;gap:14px;min-height:140px;margin-top:12px;padding:11px;border:1px solid #e0e5ee;border-radius:11px;background:#f8f9fc}
.cc-qr {display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;width:116px;height:116px;border:1px solid #dce2ec;border-radius:8px;background:#fff;color:#536178;font-size:12px;overflow:hidden}
.cc-qr img {display:block;width:100%;height:100%;object-fit:contain;background:#fff}
.cc-qr-confirm {display:flex;align-items:center;justify-content:center;width:calc(100% - 12px);min-height:62px;padding:9px 6px;border:1px solid #b7a5e9;border-radius:7px;background:#f7f5ff;color:#5131c5;font-size:12px;font-weight:650;line-height:1.55;text-align:center;cursor:pointer}
.cc-qr-confirm:hover:not(:disabled) {border-color:#7e65df;background:#eee9ff}
.cc-qr-confirm:disabled {border-color:#dce2ec;background:#e9edf3;color:#65728a;cursor:wait}
.cc-qr-title {color:#172238;font-size:14px;font-weight:700;line-height:1.6}
.cc-qr-caption {margin-top:7px;color:#536178;font-size:12px;line-height:1.65}
.cc-time {margin-top:8px;color:#536178;font-size:12px}
.cc-time strong {color:#95491e;font-weight:700;font-variant-numeric:tabular-nums}
.cc-free {color:#176c4b}

.cc-pay-action,.cc-download {display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;margin:0;padding:10px 12px;border-radius:9px;font-size:14px;font-weight:700;cursor:pointer}
.cc-pay-action {border:1px solid #5b3bd3;background:#5b3bd3;color:#fff;box-shadow:0 4px 12px rgba(91,59,211,.16)}
.cc-pay-action:hover:not(:disabled) {border-color:#4929b9;background:#4929b9}
.cc-download {border:1px solid #b7a5e9;background:#ffffff;color:#5b3bd3}
.cc-download:hover:not(:disabled) {border-color:#7e65df;background:#f7f5ff}
.cc-pay-action:disabled,.cc-download:disabled {border-color:#dce2ec;background:#e9edf3;color:#65728a;box-shadow:none;cursor:not-allowed}
.cc-download .cc-loader {width:16px;height:16px;border-width:2px}
.cc-processing {display:flex;flex-direction:column;justify-content:center;min-height:48px;margin:0;padding:10px 12px;border-radius:9px;background:#5b3bd3;color:#fff;text-align:center;font-size:13px}
.cc-progress-track {height:4px;margin-top:8px;border-radius:4px;background:rgba(255,255,255,.28);overflow:hidden}
.cc-progress-bar {height:100%;background:#fff;transition:width .1s}
.cc-report-privacy {margin:7px 0 0;color:#536178;font-size:11px;text-align:center;line-height:1.6}
.cc-report-error {margin:6px 0 0;color:#b1263e;font-size:12px;line-height:1.6}
.cc-safe {margin-top:8px;color:#536178;font-size:11px;line-height:1.6;text-align:center}
.ceeten-checkout-page button:focus-visible {outline:3px solid #5b3bd3;outline-offset:3px}

/* 共用四行轨道：标题、概要、详情、操作；右侧单组模式与左侧文件卡同排。 */
@supports (grid-template-rows:subgrid) {
  @media(min-width:680px) {
    .cc-layout {grid-template-rows:auto auto 1fr auto}
    .cc-layout>.cc-card {display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:0}
    .cc-actions {margin-top:0}
  }
}
/* 两栏概要使用相同的文件/计费行与检测/价格行，结果卡片上下边同时对齐。 */
@media(min-width:680px) {
  .cc-layout {--cc-summary-meta-height:80px;--cc-summary-result-height:186px}
  .cc-summary {display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--cc-summary-meta-height) minmax(var(--cc-summary-result-height),1fr);row-gap:12px}
  .cc-file {grid-column:1;grid-row:1;min-height:0}
  .cc-ai,.cc-price-box {grid-column:1;grid-row:2;min-height:0;margin-top:0}
}
#root>div:has(.ceeten-checkout-page)>footer,
#root>div:has(.ceeten-checkout-page)>.fixed[class*="z-[999]"] {display:none!important}
@keyframes cc-spin {to{transform:rotate(360deg)}}

@media(min-width:680px) and (max-width:900px) {
  .ceeten-checkout-page {padding:16px 20px 20px!important}
  .cc-layout {column-gap:14px}
  .cc-scope-option {padding:11px 10px}
  .cc-scope-title {font-size:16px}
  .cc-scope-caption {font-size:12px}
  .cc-card {padding:17px;border-radius:15px}
  .cc-ai {padding:15px}
  .cc-ai-title {font-size:15px}
  .cc-ai-value {font-size:38px}
  .cc-word-tile {padding:11px}
  .cc-word-value {font-size:25px}
  .cc-price-box {padding:13px}
  .cc-layout {--cc-summary-result-height:176px}
  .cc-price-grid {margin-top:9px;padding-top:9px}
  .cc-price-grid>div {grid-template-rows:18px 42px;gap:4px}
  .cc-saving {padding-top:9px}
  .cc-original-unit,.cc-current-unit {font-size:13px}
  .cc-original-total {font-size:28px}
  .cc-current-total {font-size:38px}
  .cc-current-total.cc-pending {font-size:18px}
  .cc-qr-block {grid-template-columns:100px minmax(0,1fr);gap:10px;padding:10px}
  .cc-qr {width:100px;height:100px}
  .cc-qr-title {font-size:13px}
  .cc-file-caption {font-size:11px}
}
@media(max-width:679px) {
  .ceeten-checkout-page {padding:16px 14px 20px!important}
  .cc-page-head {gap:10px;margin-bottom:14px}
  .cc-page-head h1 {font-size:21px}
  .cc-scope-title {font-size:16px}
  .cc-scope-caption {font-size:12px}
  .cc-page-head p {font-size:12px}
  .cc-back {padding:9px 10px;font-size:12px}
  .cc-layout {grid-template-columns:1fr;gap:0;border:1px solid #dce2ec;border-radius:15px;background:#fff;overflow:hidden;box-shadow:0 8px 24px rgba(23,34,56,.05)}
  .cc-layout>.cc-card {display:flex;padding:17px;border:0;border-radius:0;box-shadow:none}
  .cc-layout>.cc-report {border-bottom:1px solid #dce2ec}
  .cc-card-heading {min-height:35px;padding-bottom:12px}
  .cc-summary {padding-top:14px}
  .cc-ai {min-height:136px;padding:16px}
  .cc-ai-value {font-size:38px}
  .cc-detail {padding:14px 0}
  .cc-actions {padding-top:12px}
  .cc-word-value {font-size:25px}
  .cc-qr-block {grid-template-columns:110px minmax(0,1fr)}
  .cc-qr {width:110px;height:110px}
  .cc-pay-action {position:sticky;bottom:12px;z-index:1}
}
/* 矮桌面窗口收紧留白，正文颜色与字号保持清晰。 */
@media(min-width:680px) and (max-height:760px) {
  .cc-layout {--cc-summary-meta-height:80px;--cc-summary-result-height:162px}
  .ceeten-checkout-page {padding-top:12px!important;padding-bottom:16px!important}
  .cc-page-head {margin-bottom:12px}
  .cc-page-head h1 {font-size:23px}
  .cc-card {padding:16px}
  .cc-card-heading {min-height:34px;padding-bottom:10px}
  .cc-summary {padding-top:12px}
  .cc-file {min-height:58px;padding:9px 11px}
  .cc-ai {padding:15px}
  .cc-price-box {padding:12px}
  .cc-price-grid {margin-top:9px;padding-top:9px}
  .cc-price-grid>div {grid-template-rows:18px 42px}
  .cc-saving {padding-top:9px}
  .cc-billed {margin-top:9px}
  .cc-detail {padding:12px 0}
  .cc-word-tile {min-height:96px;padding:11px}
  .cc-rule {margin-top:10px;padding:10px 11px}
  .cc-qr-block {min-height:122px;grid-template-columns:100px minmax(0,1fr);margin-top:10px;padding:10px}
  .cc-qr {width:100px;height:100px}
  .cc-actions {padding-top:12px}
  .cc-pay-action,.cc-download,.cc-processing {min-height:46px}
}
@media(prefers-reduced-motion:reduce) {
  .cc-loader {animation:none}
  .cc-progress-bar {transition:none}
  .cc-scope-option {transition:none}
}
