/* Presentation repairs established by the UI audit. */
:root { --ux-bg:#f5f5f7; --ux-panel:#fff; --ux-ink:#1d1d1f; --ux-muted:#626269; --ux-line:#dedee3; --ux-link:#0066cc; }
html[data-sca-theme="dark"] { --ux-bg:#101114; --ux-panel:#181a1f; --ux-ink:#f5f5f7; --ux-muted:#a9adb7; --ux-line:#343840; --ux-link:#2997ff; }
html[data-sca-theme="dark"] #sca-home-journey img:is([src$="/x.svg"],[src$="/threads.svg"]) { background:#f5f5f7; padding:5px; border-radius:7px; }
#sca-home-journey .ux-service-spec { color:var(--ux-muted); font-size:12px; line-height:1.7; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin:7px 0; }
#sca-home-journey .sj-view button { min-height:44px; }
#sca-home-journey button { min-height:44px!important; }
#sca-home-journey .sca-catalog-status { position:relative!important; inset:auto!important; transform:none!important; width:calc(100% - 40px)!important; max-width:1100px; margin:12px auto!important; box-shadow:none!important; }
body.sca-member .ux-empty-action { display:flex; width:max-content; margin:16px auto 0; }
body.sca-member :is(button,.btn-link) { min-height:44px; }
body.sca-member :is(.page-head p,.subtle,.tiny) { overflow-wrap:anywhere; }
body.sca-member :focus-visible,body.sca-legacy :focus-visible { outline:3px solid #0a84ff; outline-offset:3px; }
body.sca-member .modal { z-index:120; }
body.sca-member.ux-modal-open { overflow:hidden; }
body.sca-member :is(#ux-services-retry,#ux-services-loading)[hidden] { display:none !important; }
body.sca-member #orders-table tr.ux-paged-out { display:none !important; }
body.sca-member :is(.ux-order-pagination,.ux-order-search-empty)[hidden] { display:none !important; }
body.sca-member .ux-order-pagination { display:grid; grid-template-columns:44px minmax(0,1fr) 44px; align-items:center; gap:12px; position:sticky; top:12px; z-index:25; margin:0 0 16px; padding:10px 0; background:var(--ux-panel); border-bottom:1px solid var(--ux-line); scroll-margin-top:12px; }
body.sca-member .ux-order-pagination>span { font-size:13px; color:var(--ux-muted); text-align:center; font-variant-numeric:tabular-nums; }
body.sca-member .ux-order-pagination .ux-page-button { width:44px; height:44px; min-height:44px; padding:0; display:inline-flex; justify-content:center; align-items:center; }
body.sca-member .ux-order-search-empty { padding:24px 12px; text-align:center; color:var(--ux-muted); }
@media(max-width:960px){body.sca-member .ux-order-pagination { top:68px; scroll-margin-top:68px; }}
.ux-reset-retry { display:flex; justify-content:center; margin-top:20px; width:100%; }
#sca-home-journey .ux-route-notice { padding:16px 20px; margin:0 0 24px; background:var(--ux-bg); border:1px solid var(--ux-line); border-radius:12px; color:var(--ux-muted); font-size:14px; line-height:1.7; }
body.sca-legacy .tag { background:var(--ux-bg); color:var(--ux-muted); border-color:var(--ux-line); }
body.sca-legacy :is(.section-sub,.footer-box) { color:var(--ux-muted)!important; }
body.sca-legacy .footer-box { background:var(--ux-panel); border:1px solid var(--ux-line); border-radius:14px; padding:24px; }
body.sca-legacy .footer-box a { color:var(--ux-link)!important; }
body.sca-legacy .pill { background:var(--ux-panel); color:var(--ux-muted); border:1px solid var(--ux-line); }
html:not([data-sca-theme="dark"]) body.sca-auth .panel [style*="color:#94a3b8"] { color:var(--ux-muted)!important; }
html:not([data-sca-theme="dark"]) body.sca-member .status-pill[style*="#eef1f5"] { color:#526174!important; }
html:not([data-sca-theme="dark"]) #sca-home-journey :is(.scr-link,.hq-search-contact a,.hq-entry span) { color:#0066cc; }
html:not([data-sca-theme="dark"]) #sca-home-journey .scr-page { --scr-blue:#0066cc; }
body.sca-member table.ux-responsive-table { table-layout:fixed; width:100%!important; min-width:0!important; }
body.sca-member .ux-responsive-table :is(td,th) { padding:12px 8px; white-space:normal; overflow-wrap:anywhere; }
body.sca-member .ux-responsive-table :is(.link-text,.cm-msg,.cm-reply) { max-width:100%; min-width:0; white-space:normal; overflow-wrap:anywhere; }
body.sca-member .ux-responsive-table th[data-ux-key="id"] { width:9%; }
body.sca-member .ux-responsive-table:has(th[data-ux-key="service"]) th[data-ux-key="service"] { width:18%; }
body.sca-member .ux-responsive-table:has(th[data-ux-key="service"]) th[data-ux-key="link"] { width:20%; }
body.sca-member .ux-responsive-table th[data-ux-key="status"] { width:12%; }
body.sca-member .ux-responsive-table th[data-ux-key="created"] { width:16%; }
@media(min-width:961px) {
  body.sca-member #orders-table :is(th,td) { min-width:0!important; }
  body.sca-member #orders-table th:nth-child(1) { width:7%!important; }
  body.sca-member #orders-table th:nth-child(2) { width:20%!important; }
  body.sca-member #orders-table th:nth-child(3) { width:14%!important; }
  body.sca-member #orders-table th:nth-child(4) { width:7%!important; }
  body.sca-member #orders-table th:nth-child(5) { width:12%!important; }
  body.sca-member #orders-table th:nth-child(6) { width:12%!important; }
  body.sca-member #orders-table th:nth-child(7) { width:16%!important; }
  body.sca-member #orders-table th:nth-child(8) { width:12%!important; }
  body.sca-member #orders-table td[data-ux-key="created"] * { white-space:normal; }
  body.sca-member #orders-table td[data-ux-key="action"] :is(button,a) { box-sizing:border-box; max-width:100%; padding:8px; white-space:normal; overflow-wrap:anywhere; }
}
body.sca-member .stat-card .stat-value { overflow-wrap:anywhere; }
body.sca-member .table-wrap td:has(.cm-msg),body.sca-member .table-wrap td:has(.cm-reply) { min-width:200px; }
body.sca-member #cm-detail-link { overflow-wrap:anywhere; }
body.sca-member #cm-detail-panel { scroll-margin-top:84px; }
html[data-sca-theme="dark"] body.sca-member .status-pill[style*="#eef1f5"] { background:#22252c!important; color:#a9adb7!important; }
html[data-sca-theme="dark"] body.sca-member .status-pill[style*="#dcfce7"] { background:#173023!important; color:#84d9a1!important; }

/* Existing search landing pages use the same quiet identity as the new site. */
body.sca-legacy { background:var(--ux-bg); color:var(--ux-ink); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft JhengHei",sans-serif; }
body.sca-legacy .bg,body.sca-legacy .bubble { display:none; }
body.sca-legacy .header { background:var(--ux-panel); border-bottom:1px solid var(--ux-line); box-shadow:none; backdrop-filter:none; }
body.sca-legacy .header-inner { max-width:1160px; margin:auto; min-height:76px; padding:14px 24px; gap:18px; }
body.sca-legacy .logo { color:var(--ux-ink); font-size:20px; letter-spacing:-.4px; text-shadow:none; }
body.sca-legacy .logo-badge { background:var(--ux-ink); color:var(--ux-panel); box-shadow:none; border-radius:10px; width:34px; height:34px; font-size:14px; }
body.sca-legacy .shell { width:100%; max-width:1120px; margin:auto; padding:28px 24px 64px; }
body.sca-legacy .hero { background:none; color:var(--ux-ink); border:0; box-shadow:none; text-align:left; padding:36px 0!important; }
body.sca-legacy .hero h1 { color:var(--ux-ink); font-size:clamp(30px,4.5vw,48px); line-height:1.3; letter-spacing:-1px; text-shadow:none; -webkit-text-fill-color:currentColor; background:none; }
body.sca-legacy .hero p { color:var(--ux-muted); max-width:760px; margin-left:0; font-size:17px; line-height:1.85; }
body.sca-legacy .hero-badge { background:none; color:var(--ux-muted); border:0; box-shadow:none; padding:0; margin-bottom:18px; border-radius:0; font-size:13px; }
body.sca-legacy .hero-actions { justify-content:flex-start; }
body.sca-legacy :is(.btn,.btn-hot,.btn-ghost) { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:11px 20px; border-radius:10px; background:#0071e3; color:#fff; border:1px solid transparent; box-shadow:none; text-shadow:none; font-weight:600; }
body.sca-legacy :is(.btn-ghost,.btn-outline) { color:var(--ux-link)!important; background:var(--ux-panel); border-color:var(--ux-line)!important; }
body.sca-legacy :is(.btn,.btn-hot,.btn-ghost):hover { transform:none; filter:brightness(.96); }
body.sca-legacy .card { background:var(--ux-panel); color:var(--ux-ink); border:1px solid var(--ux-line); border-radius:16px; box-shadow:none; padding:24px; }
body.sca-legacy :is(.panel,.category,.service-box) { background:var(--ux-panel)!important; color:var(--ux-ink)!important; border:1px solid var(--ux-line); border-radius:16px; box-shadow:none; }
body.sca-legacy :is(.panel,.category,.service-box) :is(h1,h2,h3,h4) { color:var(--ux-ink)!important; }
body.sca-legacy :is(.panel,.service-box) :is(p,li) { color:var(--ux-muted)!important; }
body.sca-legacy .panel [style*="background:#f1f5f9"] { background:var(--ux-bg)!important; color:var(--ux-ink); }
body.sca-legacy .panel p[style*="border-left"] { border-color:var(--ux-line)!important; }
body.sca-legacy .service-box { padding:20px; }
body.sca-legacy .service-box { min-width:0; overflow-wrap:anywhere; }
body.sca-legacy :is(input.search,select) { background:var(--ux-panel); color:var(--ux-ink); border-color:var(--ux-line); min-height:44px; }
body.sca-legacy input.search::placeholder { color:var(--ux-muted); opacity:1; }
body.sca-legacy .hero>div[style] { justify-content:flex-start!important; gap:8px!important; }
body.sca-legacy .hero>div[style]>span { background:var(--ux-panel)!important; color:var(--ux-muted)!important; border:1px solid var(--ux-line); border-radius:6px!important; font-weight:400!important; }
body.sca-legacy .card:hover { transform:none; box-shadow:none; }
body.sca-legacy .stat { background:var(--ux-panel); color:var(--ux-ink); border:1px solid var(--ux-line); box-shadow:none; border-radius:16px; }
body.sca-legacy .stat span { color:var(--ux-muted); }
body.sca-legacy .service-box strong { color:var(--ux-ink)!important; }
body.sca-legacy :is(.card p,.card small) { color:var(--ux-muted)!important; }
body.sca-legacy .card :is(.icon,.icon-wrap) { background:var(--ux-bg); color:var(--ux-ink); box-shadow:none; }
body.sca-legacy .card>.icon { display:none; }
body.sca-legacy :is(h2,h3) { color:var(--ux-ink); text-shadow:none; }
body.sca-legacy a:not(.btn):not(.btn-hot):not(.logo) { color:var(--ux-link); }
body.sca-legacy .panel a:not(.btn) { color:var(--ux-link)!important; }
body.sca-legacy nav[aria-label="麵包屑"] { color:var(--ux-muted)!important; }
body.sca-legacy nav[aria-label="麵包屑"] a { color:var(--ux-link)!important; }
body.sca-legacy details { border-color:var(--ux-line); background:var(--ux-panel); color:var(--ux-ink); }
body.sca-legacy summary { color:var(--ux-ink); min-height:44px; padding:14px 18px; cursor:pointer; }
body.sca-legacy :is(.footer,footer) { background:var(--ux-panel); color:var(--ux-muted); border-top:1px solid var(--ux-line); padding:28px 24px; font-size:13px; }
body.sca-legacy .nav { color:var(--ux-ink); background:var(--ux-panel); }
body.sca-legacy :is(.menu-toggle,.menu-btn) { background:var(--ux-panel); border-color:var(--ux-line); color:var(--ux-ink); min-width:44px; min-height:44px; }
body.sca-legacy .menu-btn svg path { stroke:currentColor; }

@media(max-width:960px) {
  html:has(body.sca-member),body.sca-member { overflow-x:clip; overflow-y:visible; }
  body.sca-member:is(.mn-sheet-open,.ux-modal-open) { overflow:hidden; }
  body.sca-member :is(input,select,textarea),body.sca-auth :is(input,select,textarea),body.sca-legacy :is(input,select,textarea) { font-size:16px; }
  body.sca-member .stat-card { padding:14px; min-height:0; border-radius:14px; }
  body.sca-member .stat-card .stat-icon { display:none; }
  body.sca-member .stat-card :is(.stat-value,.stat-number) { font-size:16px; line-height:1.4; }
  body.sca-member .stats-grid { gap:10px; margin-bottom:24px; }
  body.sca-member .panel { padding:18px; border-radius:16px; }
  body.sca-member .table-wrap { overflow:visible; border:0; background:none; }
  body.sca-member table.ux-responsive-table { display:block; width:100%!important; min-width:0!important; max-width:100%!important; border:0; }
  body.sca-member .ux-responsive-table thead { position:absolute; width:1px; height:1px; clip-path:inset(50%); overflow:hidden; white-space:nowrap; }
  body.sca-member .ux-responsive-table tbody { display:block; }
  body.sca-member .ux-responsive-table tbody tr { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px 18px; padding:18px 0; border-bottom:1px solid var(--ux-line); background:none; }
  body.sca-member .ux-responsive-table tbody tr:first-child { padding-top:0; }
  body.sca-member .ux-responsive-table tbody tr:last-child { border-bottom:0; padding-bottom:0; }
  body.sca-member .ux-responsive-table td { display:block; width:auto!important; min-width:0!important; max-width:100%; padding:0; border:0; background:transparent!important; text-align:left; white-space:normal; overflow-wrap:anywhere; }
  body.sca-member .ux-responsive-table td::before { content:attr(data-ux-label); display:block; color:var(--ux-muted); font-size:12px; font-weight:400; line-height:1.4; margin-bottom:5px; }
  body.sca-member .ux-responsive-table td:is([data-ux-key="service"],[data-ux-key="name"],[data-ux-key="link"],[data-ux-key="action"],[data-ux-key="message"],[data-ux-key="reply"],[data-ux-wide]) { grid-column:1/-1; }
  body.sca-member .ux-responsive-table td[data-ux-key="id"] { grid-column:1; grid-row:1; }
  body.sca-member .ux-responsive-table tr:has([data-ux-key="id"]) td[data-ux-key="status"] { grid-column:2; grid-row:1; }
  body.sca-member .ux-responsive-table td[data-ux-key="service"]>:first-child { font-weight:600; }
  body.sca-member .ux-responsive-table td[data-ux-key="created"] { grid-column:1/-1; }
  body.sca-member .ux-responsive-table td[data-ux-empty-action] { display:none; }
  body.sca-member .ux-responsive-table td:has(input,textarea) { grid-column:1/-1; min-width:0; }
  body.sca-member .ux-responsive-table .link-text { max-width:none; white-space:normal; overflow-wrap:anywhere; }
  body.sca-member .ux-responsive-table .empty { padding:24px 12px; }
  body.sca-member .ux-responsive-table [data-ux-wide]::before { display:none; }
  body.sca-member .modal { padding:12px; }
  body.sca-member .modal-card { padding:20px; max-height:calc(100dvh - 24px); }
  body.sca-legacy .header-inner { display:flex; flex-wrap:wrap; gap:10px; padding:12px 18px; }
  body.sca-legacy .logo { flex:1; min-width:0; font-size:17px; }
  body.sca-legacy .header-inner>.sca-theme-toggle { order:1; width:44px; padding:0; }
  body.sca-legacy .sca-theme-label { display:none; }
  body.sca-legacy :is(.menu-toggle,.menu-btn) { order:2; }
  body.sca-legacy .header-inner>:is(nav,.nav) { width:100%; order:3; }
  body.sca-legacy .shell { padding:22px 20px 44px; }
  body.sca-legacy .hero { padding:28px 0!important; }
  body.sca-legacy .hero h1 { font-size:30px; }
  body.sca-legacy .hero p { font-size:16px; }
  body.sca-legacy article.panel { padding:22px!important; }
  body.sca-legacy .hero-actions { flex-direction:row; align-items:stretch; flex-wrap:wrap; }
  body.sca-legacy .hero-actions>a { flex:1 1 140px; }
}
@media(prefers-reduced-motion:reduce){body.sca-legacy *,body.sca-member *{animation:none!important;transition:none!important;scroll-behavior:auto!important;}}
@media(max-width:640px){body.sca-legacy .service-list{grid-template-columns:minmax(0,1fr);}}