/* LiveMagic Canton Fair · brand 1.0.0 · mobile first, no external dependencies. */
.cf-page { background:var(--lm-canvas); color:var(--lm-text); overflow-wrap:break-word; }
.cf-page :is(h1,h2,h3) { font-weight:var(--lm-weight-medium); }
.cf-page h1 { font-size:clamp(2.25rem,8.8vw,3rem); line-height:1.1; letter-spacing:var(--lm-tracking-title); text-wrap:balance; }
.cf-page h2 { font-size:clamp(1.8rem,5.6vw,2.75rem); line-height:1.15; letter-spacing:var(--lm-tracking-title); text-wrap:balance; }
.cf-page h3 { font-size:1.25rem; line-height:1.3; letter-spacing:-.02em; }
.cf-page p { color:var(--lm-text-secondary); }
.cf-wrap,.cf-page .container { width:min(var(--lm-content-max),calc(100% - 40px)); margin-inline:auto; }
.cf-section { padding-block:56px; }
.cf-eyebrow { font-size:.75rem; font-weight:600; line-height:1.5; letter-spacing:.07em; margin-bottom:20px; }
.cf-lead { font-size:1.0625rem; line-height:1.65; max-width:53ch; }
.cf-section-intro { margin-top:20px; max-width:55ch; }
.cf-button { display:inline-flex; align-items:center; justify-content:center; gap:16px; min-height:52px; padding:13px 18px; border:1px solid transparent; border-radius:var(--lm-radius-sm); background:var(--lm-primary); color:var(--lm-primary-ink); font-weight:600; font-size:.9375rem; line-height:1.5; text-align:center; transition:background var(--lm-duration-base) var(--lm-ease); }
.cf-button:hover { background:var(--lm-primary-hover); }
.cf-button:disabled { cursor:wait; opacity:.65; }
.cf-button .lm-icon { width:20px; height:20px; }
.cf-text-link { display:inline-flex; align-items:center; gap:10px; min-height:44px; color:var(--lm-primary); font-size:.9375rem; font-weight:500; line-height:1.5; }
.cf-text-link:hover { text-decoration:underline; text-underline-offset:4px; }
.cf-text-link .lm-icon { width:18px; height:18px; flex:none; }
.cf-header { position:relative; border-bottom:1px solid var(--lm-border); background:var(--lm-canvas); z-index:40; }
.cf-header-main { min-height:76px; display:flex; justify-content:space-between; gap:12px; align-items:center; }
.cf-brand { display:block; flex:none; }
.cf-brand img { width:180px; min-width:180px; height:auto; }
.cf-utilities { display:flex; align-items:center; gap:4px; }
.cf-language { position:relative; }
.cf-language summary { cursor:pointer; list-style:none; display:flex; align-items:center; justify-content:center; gap:8px; min-height:44px; min-width:44px; padding:8px 10px; border:1px solid var(--lm-control-border); border-radius:var(--lm-radius-sm); background:var(--lm-surface); color:var(--lm-text); font-size:.8125rem; white-space:nowrap; }
.cf-language summary:hover,.cf-language[open] summary { background:var(--lm-selection); border-color:var(--lm-primary); }
.cf-language summary::-webkit-details-marker { display:none; }
.cf-language-globe { width:18px; height:18px; color:var(--lm-primary); }
.cf-language-current { font-weight:600; color:var(--lm-primary); }
.cf-language-chevron { display:flex; }
.cf-language-chevron .lm-icon { width:12px; height:12px; transform:rotate(90deg); }
.cf-language-options { position:absolute; left:0; top:calc(100% + 4px); display:grid; min-width:170px; padding:8px; border:1px solid var(--lm-control-border); border-radius:var(--lm-radius-sm); background:var(--lm-surface); box-shadow:var(--lm-shadow); }
.cf-language-options a { min-height:44px; display:flex; align-items:center; padding:10px 12px; font-size:.875rem; }
.cf-language-options a:hover,.cf-language-options a[aria-current] { background:var(--lm-selection); color:var(--lm-primary); }
.cf-menu { display:flex; align-items:center; justify-content:center; width:44px; height:44px; padding:0; border:1px solid var(--lm-border); border-radius:var(--lm-radius-sm); background:transparent; }
.cf-menu .lm-icon { width:20px; height:20px; }
.cf-header-links { display:flex; align-items:center; justify-content:flex-end; gap:20px; min-height:44px; padding-bottom:8px; }
.cf-navigation { display:flex; flex-wrap:wrap; gap:16px; margin:0 auto 0 0; font-size:.8125rem; }
.cf-navigation a { min-height:44px; display:flex; align-items:center; padding:8px 0; white-space:normal; }
.cf-enhanced .cf-navigation { display:none; }
.cf-enhanced .cf-navigation[data-open=true] { position:absolute; top:100%; inset-inline:0; display:grid; padding:20px; gap:4px; background:var(--lm-surface); border-bottom:1px solid var(--lm-border); box-shadow:var(--lm-shadow); }
.cf-portal { display:inline-flex; gap:7px; align-items:center; min-height:44px; padding:8px 0 8px 12px; font-size:.875rem; font-weight:500; white-space:nowrap; }
.cf-portal .lm-icon { width:17px; height:17px; }
.cf-hero { display:grid; gap:32px; padding-block:36px 48px; }
.cf-hero h1 span { display:block; }
.cf-hero h1 span:last-child { color:var(--lm-primary); }
.cf-hero .cf-lead { margin-top:22px; }
.cf-hero-actions { display:flex; flex-direction:column; align-items:stretch; gap:12px; margin-top:26px; }
.cf-hero-actions .cf-text-link { justify-content:center; }
.cf-hero-note { font-size:.8125rem; margin-top:12px; max-width:43ch; }
.cf-visual { min-width:0; overflow:hidden; border-radius:var(--lm-radius-md); background:var(--lm-surface); color:var(--lm-text); }
.cf-visual picture { display:block; }
.cf-visual img { display:block; width:100%; aspect-ratio:1280/801; object-fit:contain; }
.cf-visual-labels { display:grid; grid-template-columns:1fr 1fr; gap:16px; padding:14px 16px 8px; font-size:.8125rem; line-height:1.45; color:var(--lm-text); }
.cf-visual-labels span:last-child { text-align:right; }
.cf-visual figcaption { padding:0 16px 16px; color:var(--lm-text-secondary); font-size:.75rem; line-height:1.5; }
.cf-visual-diagram { display:grid; grid-template-columns:1fr 24px 1fr; align-items:center; gap:12px; min-height:230px; padding:24px 20px; }
.cf-visual-diagram>div { display:grid; gap:20px; justify-items:center; text-align:center; font-size:.875rem; }
.cf-visual-diagram .lm-icon { width:56px; height:56px; stroke-width:1.2; color:var(--lm-primary); }
.cf-visual-arrow { color:var(--lm-text-muted); text-align:center; }
.cf-paths { border-top:1px solid var(--lm-border); background:var(--lm-surface); }
.cf-route-grid { display:grid; gap:12px; margin-top:28px; }
.cf-route-card { display:grid; grid-template-columns:1fr auto; gap:16px 12px; padding:24px; border:1px solid var(--lm-border); border-radius:var(--lm-radius-md); transition:background var(--lm-duration-base),border-color var(--lm-duration-base); }
.cf-route-card:hover { background:var(--lm-canvas); border-color:var(--lm-control-border); }
.cf-route-number { font-family:var(--lm-font-mono); font-size:.75rem; color:var(--lm-text-muted); }
.cf-route-card>.lm-icon { width:24px; height:24px; color:var(--lm-primary); }
.cf-route-card :is(h3,p,.cf-route-action) { grid-column:1/-1; }
.cf-route-card p { font-size:.9375rem; line-height:1.6; }
.cf-route-action { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:4px; font-size:.875rem; color:var(--lm-primary); }
.cf-route-action .lm-icon { width:18px; height:18px; }
.cf-operation { background:var(--lm-canvas); color:var(--lm-text); }
.cf-operation-grid { display:grid; gap:32px; margin-block:32px; }
.cf-operation-grid article { display:grid; grid-template-columns:1fr auto; gap:16px; padding-top:20px; border-top:1px solid var(--lm-border); }
.cf-step-number { font-family:var(--lm-font-mono); font-size:.8125rem; color:var(--lm-text-muted); }
.cf-operation-grid article>.lm-icon { color:var(--lm-primary); }
.cf-operation-grid article :is(h3,p) { grid-column:1/-1; }
.cf-operation-grid article p { font-size:.9375rem; }
.cf-trust-grid { display:grid; gap:32px; }
.cf-trust-grid>div:first-child>.cf-text-link { margin-top:20px; }
.cf-faq,.cf-legacy-quote { border-top:1px solid var(--lm-border); }
.cf-faq:last-child,.cf-legacy-quote:last-child { border-bottom:1px solid var(--lm-border); }
.cf-faq>summary,.cf-legacy-quote>summary { display:flex; justify-content:space-between; gap:16px; align-items:center; list-style:none; min-height:64px; padding-block:16px; font-size:1rem; font-weight:500; cursor:pointer; }
.cf-faq>summary::-webkit-details-marker,.cf-legacy-quote>summary::-webkit-details-marker { display:none; }
.cf-faq>summary .lm-icon,.cf-legacy-quote>summary .lm-icon { width:18px; height:18px; flex:none; color:var(--lm-primary); transition:transform var(--lm-duration-base); }
.cf-faq[open]>summary .lm-icon { transform:rotate(45deg); }
.cf-legacy-quote[open]>summary .lm-icon { transform:rotate(90deg); }
.cf-faq>p { padding-bottom:24px; font-size:.9375rem; line-height:1.7; }
.cf-legacy-quote .pricing { padding:24px 16px; }
.cf-legacy-quote .container { width:100%; }
.cf-legacy-quote :is(.section-heading,.pricing-grid,.quote-layout,.form-grid) { grid-template-columns:1fr; gap:24px; }
.cf-legacy-quote .quote-layout { margin-top:32px; }
.cf-legacy-quote .pricing-card { min-width:0; }
.cf-legacy-quote .quote-panel { padding:24px 16px; }
.cf-contact { background:var(--lm-surface); border-top:1px solid var(--lm-border); }
.cf-contact-grid { display:grid; gap:32px; }
.cf-contact-grid>div:first-child>.cf-text-link { margin-top:20px; }
.cf-interest-form { display:grid; gap:24px; }
.cf-form-context { display:grid; gap:20px; }
.cf-field>label,.cf-channel>legend { display:block; font-size:.9375rem; font-weight:500; margin-bottom:8px; }
.cf-field :is(input,select) { width:100%; min-height:48px; padding:11px 12px; border:1px solid var(--lm-control-border); border-radius:var(--lm-radius-sm); background:var(--lm-canvas); color:var(--lm-text); font-size:1rem; }
.cf-field input[aria-invalid=true] { border-color:var(--lm-danger); }
.cf-help { margin-top:8px; font-size:.8125rem; line-height:1.6; }
.cf-channel { border:0; padding:0; margin:0; min-width:0; }
.cf-channel>.cf-help { margin-top:0; }
.cf-channel-options { display:flex; gap:8px; margin-top:12px; }
.cf-channel-options label { position:relative; flex:1; cursor:pointer; }
.cf-channel-options input { position:absolute; opacity:0; width:1px; height:1px; }
.cf-channel-options span { display:flex; min-height:48px; align-items:center; justify-content:center; padding:10px 8px; border:1px solid var(--lm-control-border); border-radius:var(--lm-radius-sm); font-size:.9375rem; }
.cf-channel-options input:checked+span { border-color:var(--lm-primary); background:var(--lm-selection); color:var(--lm-primary); box-shadow:inset 0 0 0 1px var(--lm-primary); }
.cf-channel-options input:focus-visible+span { outline:2px solid var(--lm-focus); outline-offset:3px; }
.cf-consents { display:grid; gap:16px; }
.cf-consents label { display:flex; gap:12px; align-items:flex-start; font-size:.875rem; line-height:1.6; cursor:pointer; }
.cf-consents input { width:18px; height:18px; min-width:18px; margin:3px 0 0; accent-color:var(--lm-primary); }
.cf-consents a { font-size:.8125rem; text-decoration:underline; text-underline-offset:3px; margin-left:30px; }
.cf-form-error { color:var(--lm-danger)!important; background:var(--lm-danger-surface); padding:16px; border-inline-start:3px solid var(--lm-danger); font-size:.9375rem; }
.cf-direct-contact { border-top:1px solid var(--lm-border); padding-top:24px; margin-top:24px; font-size:.875rem; }
.cf-direct-contact a { display:inline-flex; gap:10px; align-items:center; min-height:44px; color:var(--lm-primary); font-weight:500; }
.cf-direct-contact a .lm-icon { width:18px; height:18px; }
.cf-form-success { padding:24px; background:var(--lm-canvas); border:1px solid var(--lm-border); border-radius:var(--lm-radius-md); }
.cf-success-icon { display:flex; align-items:center; justify-content:center; width:44px; height:44px; margin-bottom:16px; background:var(--lm-success-surface); color:var(--lm-success); border-radius:50%; }
.cf-form-success h3 { font-size:1.5rem; margin-bottom:12px; }
.cf-form-success>p { margin-top:12px; }
.cf-success-links { display:grid; gap:12px; margin-top:20px; }
.cf-native-fallback { padding:20px; border:1px solid var(--lm-border); margin-bottom:24px; }
.cf-native-fallback .cf-button { margin-top:16px; }
html:not(.cf-enhanced) .cf-interest-form { display:none; }
.cf-internal { padding-block:32px 56px; }
.cf-internal>.cf-text-link { margin-bottom:24px; }
.cf-route-intro h1 { max-width:20ch; }
.cf-route-intro>.cf-lead { margin-top:24px; }
.cf-route-links { display:flex; flex-direction:column; align-items:flex-start; gap:12px; margin-top:28px; }
.cf-route-preview { border-top:1px solid var(--lm-border); }
.cf-preview-grid { display:grid; gap:24px; margin-top:32px; }
.cf-preview-grid article { border-top:1px solid var(--lm-border); padding-top:24px; }
.cf-preview-grid article p { margin-top:12px; font-size:.9375rem; }
.cf-material { max-width:800px; }
.cf-material h1 { max-width:22ch; }
.cf-material>.cf-lead { margin-top:24px; }
.cf-material-sections { margin-top:36px; }
.cf-material-sections section { border-top:1px solid var(--lm-border); padding-block:24px; }
.cf-material-sections h2 { font-size:1.5rem; margin-block:12px; letter-spacing:-.02em; }
.cf-material-sections p { max-width:65ch; font-size:1rem; }
.cf-material-cta { margin-top:20px; }
.cf-footer { padding-block:40px 32px; background:var(--lm-canvas); color:var(--lm-text); }
.cf-footer-top { display:grid; gap:20px; }
.cf-footer-top p { font-size:.9375rem; }
.cf-footer-links { display:flex; flex-wrap:wrap; gap:4px 24px; margin-top:24px; padding-block:20px; border-block:1px solid var(--lm-border); }
.cf-footer-links a { display:flex; align-items:center; min-height:44px; font-size:.875rem; color:var(--lm-text-secondary); }
.cf-footer-links a:hover { color:var(--lm-primary); }
.cf-footer-legal { display:flex; flex-direction:column; gap:20px; margin-top:24px; font-size:.75rem; color:var(--lm-text-muted); }
.cf-page:lang(zh-CN) :is(h1,h2,h3) { letter-spacing:0; line-height:1.4; }
.cf-page:lang(zh-CN) .cf-eyebrow { letter-spacing:0; }
@media(max-width:639px) {
  .cf-header-main { flex-wrap:wrap; padding-block:12px 8px; gap:8px; }
  .cf-utilities { width:100%; justify-content:space-between; }
}
@media(min-width:640px) {
  .cf-wrap,.cf-page .container { width:min(var(--lm-content-max),calc(100% - 64px)); }
  .cf-hero { padding-block:48px 64px; }
  .cf-section { padding-block:72px; }
  .cf-route-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
  .cf-route-card { padding:28px; }
  .cf-hero-actions { align-items:flex-start; }
  .cf-hero-actions .cf-text-link { justify-content:flex-start; }
  .cf-form-context { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .cf-internal { padding-block:48px 80px; }
  .cf-route-links { flex-direction:row; align-items:center; gap:24px; }
}
@media(min-width:960px) {
  .cf-page h1 { font-size:clamp(3rem,4.6vw,4.5rem); }
  .cf-header-inner { display:flex; gap:40px; align-items:center; min-height:88px; }
  .cf-header-main { min-height:88px; }
  .cf-header-links { flex:1; min-height:88px; padding:0; }
  .cf-utilities { margin-left:20px; }
  .cf-enhanced .cf-menu { display:none; }
  .cf-enhanced .cf-navigation,.cf-navigation { display:flex; position:static; margin-left:auto; margin-right:24px; gap:24px; font-size:.875rem; }
  .cf-enhanced .cf-navigation[data-open=true] { display:flex; position:static; padding:0; border:0; box-shadow:none; background:transparent; }
  .cf-hero { grid-template-columns:1fr 1.12fr; gap:48px; align-items:center; padding-block:64px 80px; }
  .cf-hero .cf-lead { max-width:43ch; }
  .cf-hero-actions .cf-button { padding-inline:20px; }
  .cf-section { padding-block:96px; }
  .cf-route-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; margin-top:40px; }
  .cf-route-card { display:flex; flex-direction:column; align-items:flex-start; padding:28px 24px; gap:20px; }
  .cf-route-card>.lm-icon { margin-top:4px; }
  .cf-route-card p { flex:1; }
  .cf-route-action { width:100%; }
  .cf-operation-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px; margin-block:40px; }
  .cf-trust-grid { grid-template-columns:.85fr 1.15fr; gap:72px; }
  .cf-contact-grid { grid-template-columns:.85fr 1.15fr; gap:80px; }
  .cf-preview-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; }
  .cf-footer-top { display:flex; align-items:center; gap:48px; }
  .cf-footer-legal { flex-direction:row; justify-content:space-between; }
}
@media(min-width:1280px) { .cf-wrap,.cf-page .container { width:min(var(--lm-content-max),calc(100% - 112px)); } }
@media(max-width:359px) { .cf-wrap,.cf-page .container { width:calc(100% - 32px); } .cf-header-main { gap:4px; } .cf-utilities { gap:0; } .cf-page h1 { font-size:2.125rem; } .cf-channel-options { gap:6px; } .cf-channel-options span { font-size:.875rem; padding-inline:4px; } }
@media(prefers-reduced-motion:reduce) { .cf-page { scroll-behavior:auto; } .cf-page * { transition:none!important; animation:none!important; } html:has(.cf-page) { scroll-behavior:auto; } }