:root {
  color-scheme: light;
  --blue: #0166fd;
  --blue-deep: #0142fd;
  --blue-sky: #73c7fd;
  --blue-pale: #95effd;
  --blue-soft: #57c2fd;
  --ink: #102a43;
  --muted: #5d7489;
  --canvas: #f7fbff;
  --surface: #ffffff;
  --surface-soft: #edf8ff;
  --line: #dcebf6;
  --shadow: 0 25px 60px rgba(1, 66, 253, .12);
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --ink: #edf8ff;
  --muted: #a9c8df;
  --canvas: #061a2b;
  --surface: #0b263b;
  --surface-soft: #10324c;
  --line: rgba(149, 239, 253, .17);
  --shadow: 0 28px 70px rgba(0, 0, 0, .34);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; color: var(--ink); background: radial-gradient(circle at 90% 1%, rgba(115, 199, 253, .35), transparent 31rem), radial-gradient(circle at 0 28%, rgba(149, 239, 253, .35), transparent 27rem), var(--canvas); font-family: "Source Han Sans CN", "Microsoft YaHei", system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
.shell { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.nav { height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 1px solid var(--line); }
.brand { position: relative; display: inline-flex; align-items: center; min-width: 0; overflow: hidden; border-radius: 8px; }
.brand::after { position: absolute; top: -35%; bottom: -35%; left: -42%; width: 24%; content: ""; pointer-events: none; transform: skewX(-19deg); background: linear-gradient(90deg, transparent, rgba(255,255,255,.08) 20%, rgba(255,255,255,.82) 50%, rgba(255,255,255,.08) 80%, transparent); mix-blend-mode: screen; animation: logo-shimmer 4.8s cubic-bezier(.5, 0, .25, 1) infinite; }
.brand-logo { display: block; width: min(206px, 42vw); height: auto; max-height: 53px; object-fit: contain; object-position: left center; }
.brand:hover::after { animation-duration: 2.8s; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@keyframes logo-shimmer { 0%, 36% { left: -42%; opacity: 0; } 40% { opacity: .95; } 62% { left: 118%; opacity: .95; } 66%, 100% { left: 118%; opacity: 0; } }
.nav-links { display: flex; align-items: center; gap: 30px; color: var(--muted); font-size: 14px; }
.nav-links a { transition: color .2s ease; }
.nav-links a:hover { color: var(--blue); }
.nav-actions { display: flex; align-items: center; gap: 10px; }
.theme-button { position: relative; display: inline-grid; flex: 0 0 40px; width: 40px; min-width: 40px; height: 40px; min-height: 40px; padding: 0; place-items: center; overflow: hidden; cursor: pointer; color: var(--ink); border: 1px solid var(--line); border-radius: 12px; background: var(--surface); appearance: none; -webkit-appearance: none; line-height: 0; vertical-align: middle; transition: transform .2s ease, border-color .2s ease, background-color .2s ease; }
.theme-button:focus-visible { outline: 3px solid rgba(1, 102, 253, .34); outline-offset: 2px; }
.theme-button:active { transform: scale(.96); }
.theme-button__icon { position: absolute; inset: 0; display: block; width: 20px; height: 20px; margin: auto; overflow: visible; pointer-events: none; }
.theme-icon { transform-box: fill-box; transform-origin: center; transition: opacity .16s ease, transform .16s ease; }
.theme-icon--moon { opacity: 1; transform: rotate(0) scale(1); }
.theme-icon--sun { opacity: 0; transform: rotate(-28deg) scale(.72); }
:root[data-theme="dark"] .theme-icon--moon { opacity: 0; transform: rotate(18deg) scale(.72); }
:root[data-theme="dark"] .theme-icon--sun { opacity: 1; transform: rotate(0) scale(1); }
@media (hover: hover) and (pointer: fine) { .theme-button:hover { transform: translateY(-2px); border-color: var(--blue-soft); } }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 20px; gap: 8px; border-radius: 12px; font-size: 14px; font-weight: 800; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-small { min-height: 40px; padding: 0 15px; color: #fff; background: var(--blue); }
.button-primary { color: #fff; background: linear-gradient(110deg, var(--blue), var(--blue-deep)); box-shadow: 0 10px 20px rgba(1, 66, 253, .18); }
.button-primary:hover { box-shadow: 0 14px 26px rgba(1, 66, 253, .28); }
.button-primary svg { width: 16px; height: 16px; }
.button-quiet { color: var(--ink); border: 1px solid var(--line); background: var(--surface); }
.button-quiet:hover { border-color: var(--blue-soft); }
.hero { display: grid; grid-template-columns: 1.02fr .98fr; align-items: center; gap: 50px; min-height: 595px; padding: 70px 0 76px; }
.eyebrow, .section-label { margin: 0 0 12px; color: var(--blue); font-size: 12px; font-weight: 800; letter-spacing: .1em; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; padding: 7px 11px; border: 1px solid rgba(1, 102, 253, .16); border-radius: 999px; background: rgba(149, 239, 253, .18); }
.eyebrow span { width: 7px; height: 7px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 5px rgba(1, 102, 253, .1); }
h1, h2, h3, p { margin-top: 0; }
h1 { max-width: 640px; margin-bottom: 19px; font-size: clamp(40px, 5.2vw, 65px); line-height: 1.08; letter-spacing: -.055em; }
h1 em { color: var(--blue); font-style: normal; }
.hero-summary { max-width: 555px; margin-bottom: 0; color: var(--muted); font-size: 17px; line-height: 1.82; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 31px; }
.signal-list { display: flex; flex-wrap: wrap; gap: 12px 22px; padding: 0; margin: 38px 0 0; color: var(--muted); font-size: 12px; list-style: none; }
.signal-list li { display: inline-flex; align-items: center; gap: 7px; }
.signal-list svg { width: 16px; height: 16px; color: var(--blue); }
.hero-visual { position: relative; min-height: 406px; }
.orb { position: absolute; border-radius: 50%; pointer-events: none; }
.orb-one { width: 385px; height: 385px; top: 5px; right: 1%; background: linear-gradient(145deg, rgba(149, 239, 253, .74), rgba(115, 199, 253, .05)); }
.orb-two { width: 165px; height: 165px; bottom: 0; left: 0; background: rgba(115, 199, 253, .2); filter: blur(22px); }
.panel { border: 1px solid rgba(115, 199, 253, .48); background: color-mix(in srgb, var(--surface) 88%, transparent); box-shadow: var(--shadow); backdrop-filter: blur(12px); }
.dashboard { position: absolute; inset: 30px 0 0 36px; overflow: hidden; border-radius: 22px; }
.dashboard-head { height: 58px; display: flex; align-items: center; justify-content: space-between; padding: 0 21px; border-bottom: 1px solid var(--line); font-size: 13px; }
.dots { display: flex; gap: 6px; }.dots i { width: 7px; height: 7px; border-radius: 50%; background: var(--blue-sky); }.dots i:nth-child(2) { background: var(--blue); }.dots i:nth-child(3) { background: var(--blue-pale); }
.dashboard-body { padding: 22px; }.metrics { display: grid; grid-template-columns: 1.3fr 1fr; gap: 13px; }
.metric, .chart, .order-list { border: 1px solid var(--line); border-radius: 15px; background: color-mix(in srgb, var(--surface-soft) 54%, transparent); }.metric { padding: 17px; }.metric span, .metric small { display: block; color: var(--muted); font-size: 11px; }.metric b { display: block; margin: 7px 0 4px; font-size: 22px; letter-spacing: -.04em; }.metric small { color: var(--blue); font-weight: 700; }
.chart { height: 155px; margin-top: 13px; padding: 17px; }.chart-caption { display: flex; justify-content: space-between; color: var(--muted); font-size: 11px; }.chart-caption b { color: var(--blue); }.bars { display: flex; height: 89px; align-items: end; gap: 9px; padding-top: 15px; }.bars i { min-width: 9px; flex: 1; border-radius: 5px 5px 2px 2px; background: linear-gradient(to top, var(--blue), var(--blue-sky)); }
.order-list { margin-top: 13px; padding: 10px 17px; }.order-list div { display: flex; align-items: center; gap: 8px; padding: 5px 0; font-size: 11px; }.order-list div + div { border-top: 1px solid var(--line); }.order-list b { margin-left: auto; color: var(--blue); }.order-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--blue); }
.progress-card { position: absolute; right: -12px; bottom: -7px; width: 184px; padding: 16px; border-radius: 16px; }.progress-card span { display: block; color: var(--muted); font-size: 11px; }.progress-card strong { display: block; margin: 6px 0 9px; font-size: 19px; }.progress { height: 6px; overflow: hidden; border-radius: 99px; background: var(--surface-soft); }.progress i { display: block; width: 82%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--blue), var(--blue-sky)); }
.feature-section { padding: 20px 0 90px; } h2 { max-width: 670px; margin-bottom: 0; font-size: clamp(28px, 3vw, 40px); line-height: 1.22; letter-spacing: -.045em; }.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 30px; }.feature-card { padding: 24px; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }.feature-card:hover { transform: translateY(-5px); border-color: var(--blue-sky); box-shadow: var(--shadow); }.feature-icon { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 19px; color: var(--blue); border-radius: 13px; background: linear-gradient(145deg, rgba(149, 239, 253, .72), rgba(115, 199, 253, .2)); }.feature-icon svg { width: 21px; height: 21px; }.feature-card h3 { margin-bottom: 9px; font-size: 17px; }.feature-card p { margin-bottom: 0; color: var(--muted); font-size: 13px; line-height: 1.75; }
.dcshop-promo { position: relative; overflow: hidden; margin-top: 30px; border: 1px solid rgba(1, 102, 253, .2); border-radius: 20px; background: linear-gradient(115deg, color-mix(in srgb, var(--surface) 90%, transparent), color-mix(in srgb, var(--surface-soft) 84%, transparent)); box-shadow: 0 16px 42px rgba(1, 66, 253, .09); }.dcshop-promo::before { position: absolute; width: 260px; height: 260px; top: -150px; right: -66px; border-radius: 50%; content: ""; pointer-events: none; background: radial-gradient(circle, rgba(115, 199, 253, .42), transparent 67%); }.dcshop-promo::after { position: absolute; top: -45%; bottom: -45%; left: -32%; width: 17%; content: ""; pointer-events: none; transform: skewX(-20deg); background: linear-gradient(90deg, transparent, rgba(149, 239, 253, .76), transparent); animation: dcshop-ad-shimmer 6.2s ease-in-out infinite; }.dcshop-promo__inner { position: relative; z-index: 1; display: flex; align-items: center; gap: 26px; padding: 25px 28px; }.dcshop-promo__mark { display: grid; flex: 0 0 auto; width: 48px; height: 48px; place-items: center; color: #fff; border-radius: 15px; background: linear-gradient(145deg, var(--blue), var(--blue-deep)); box-shadow: 0 10px 20px rgba(1, 66, 253, .2); }.dcshop-promo__mark svg { width: 24px; height: 24px; }.dcshop-promo__copy { min-width: 0; flex: 1; }.dcshop-promo__badge { display: inline-flex; align-items: center; min-height: 21px; padding: 0 8px; margin: 0 0 7px; border-radius: 999px; color: var(--blue); background: rgba(149, 239, 253, .33); font-size: 11px; font-weight: 800; letter-spacing: .06em; }.dcshop-promo h3 { margin: 0 0 6px; font-size: 18px; }.dcshop-promo p { max-width: 620px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }.dcshop-promo__action { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; min-height: 42px; padding: 0 15px; border-radius: 11px; color: #fff; background: var(--blue); font-size: 13px; font-weight: 800; transition: transform .2s ease, box-shadow .2s ease; }.dcshop-promo__action:hover { transform: translateY(-2px); box-shadow: 0 10px 18px rgba(1, 66, 253, .23); }.dcshop-promo__close { position: absolute; z-index: 2; top: 9px; right: 9px; display: grid; width: 25px; height: 25px; padding: 0; place-items: center; cursor: pointer; color: var(--muted); border: 0; border-radius: 50%; background: transparent; font-size: 18px; line-height: 1; }.dcshop-promo__close:hover { color: var(--blue); background: rgba(149, 239, 253, .28); }.dcshop-promo--feature { margin-top: 30px; }.dcshop-promo--process { width: min(1180px, calc(100% - 40px)); margin: 0 auto 10px; }.dcshop-promo--cta { width: min(1180px, calc(100% - 40px)); margin: 0 auto 30px; }.dcshop-promo--process .dcshop-promo__inner { padding: 20px 28px; }.dcshop-promo--cta { background: linear-gradient(115deg, color-mix(in srgb, var(--surface-soft) 95%, transparent), color-mix(in srgb, var(--surface) 82%, transparent)); }.dcshop-promo--cta .dcshop-promo__mark { background: linear-gradient(145deg, var(--blue-sky), var(--blue)); }.dcshop-promo--cta .dcshop-promo__action { color: var(--blue-deep); background: var(--brand-pale, #95effd); }.dcshop-promo--cta .dcshop-promo__action:hover { box-shadow: 0 10px 18px rgba(1, 102, 253, .15); }@keyframes dcshop-ad-shimmer { 0%, 42% { left: -32%; opacity: 0; } 46% { opacity: .9; } 61% { left: 116%; opacity: .9; } 66%, 100% { left: 116%; opacity: 0; } }
.process { display: grid; grid-template-columns: .9fr 1.1fr; gap: 72px; align-items: start; padding: 70px 0; border-top: 1px solid var(--line); }.steps { display: grid; gap: 0; padding: 0; margin: 0; list-style: none; }.steps li { display: flex; gap: 18px; padding: 18px 0; border-bottom: 1px solid var(--line); }.steps li:first-child { padding-top: 4px; }.steps b { flex: 0 0 34px; color: var(--blue); font-size: 12px; }.steps h3 { margin-bottom: 6px; font-size: 16px; }.steps p { margin-bottom: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
.cta { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 38px 42px; border-radius: 20px; color: #fff; background: linear-gradient(116deg, #0142fd, #0166fd 55%, #57c2fd); box-shadow: 0 22px 40px rgba(1, 66, 253, .18); }.cta .section-label { color: rgba(255,255,255,.76); }.cta h2 { font-size: 29px; }.cta > div > p:last-child { max-width: 510px; margin: 7px 0 0; color: rgba(255,255,255,.82); font-size: 14px; line-height: 1.6; }.cta-actions { display: flex; flex: 0 0 auto; flex-direction: column; align-items: flex-end; gap: 12px; }.button-light { color: #0142fd; background: #fff; }.support-link { color: rgba(255,255,255,.85); font-size: 12px; }.support-link b { margin-left: 6px; color: #fff; }
.footer { display: flex; justify-content: space-between; gap: 20px; padding: 28px 0 36px; color: var(--muted); font-size: 12px; }
.support-float { position: fixed; z-index: 100; right: max(18px, env(safe-area-inset-right)); bottom: max(20px, env(safe-area-inset-bottom)); display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }.support-float__trigger { display: inline-flex; min-height: 46px; padding: 0 16px; align-items: center; gap: 8px; cursor: pointer; color: #fff; border: 1px solid rgba(255,255,255,.46); border-radius: 999px; background: linear-gradient(135deg, var(--blue-deep), var(--blue)); box-shadow: 0 12px 28px rgba(1,66,253,.28); font: inherit; font-size: 13px; font-weight: 800; transition: transform .2s ease, box-shadow .2s ease; }.support-float__trigger:hover { transform: translateY(-2px); box-shadow: 0 16px 32px rgba(1,66,253,.36); }.support-float__trigger svg { width: 19px; height: 19px; }.support-float__panel { width: 238px; overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: color-mix(in srgb, var(--surface) 94%, transparent); box-shadow: 0 18px 42px rgba(4,34,79,.18); backdrop-filter: blur(14px); }.support-float__panel[hidden] { display: none; }.support-float__panel p { margin: 0; padding: 13px 16px 10px; color: var(--muted); border-bottom: 1px solid var(--line); font-size: 12px; font-weight: 800; letter-spacing: .05em; }.support-float__item { display: grid; grid-template-columns: 1fr auto 15px; align-items: center; gap: 8px; min-height: 48px; padding: 0 16px; color: var(--text); border-bottom: 1px solid var(--line); font-size: 13px; transition: color .2s ease, background .2s ease; }.support-float__item:last-child { border-bottom: 0; }.support-float__item:hover { color: var(--blue); background: rgba(149,239,253,.16); }.support-float__item span { color: var(--muted); }.support-float__item b { color: inherit; font-size: 13px; }.support-float__item i { color: var(--blue); font-size: 15px; font-style: normal; }
@media (max-width: 820px) { .nav-links { display: none; }.hero { grid-template-columns: 1fr; padding-top: 58px; }.hero-visual { width: 100%; max-width: 570px; min-height: 370px; margin: 0 auto; }.dashboard { left: 0; }.feature-grid { grid-template-columns: 1fr; }.dcshop-promo__inner { align-items: flex-start; flex-wrap: wrap; }.dcshop-promo__action { margin-left: 74px; }.process { grid-template-columns: 1fr; gap: 38px; }.cta { align-items: flex-start; flex-direction: column; padding: 30px; }.cta-actions { align-items: flex-start; } }
@media (max-width: 520px) { .shell { width: min(100% - 28px, 1180px); }.nav { height: 68px; }.button-small { padding: 0 12px; }.brand-logo { width: min(158px, 44vw); max-height: 41px; } h1 { font-size: 40px; }.hero-summary { font-size: 15px; }.signal-list { gap: 12px 18px; }.hero-visual { min-height: 315px; }.dashboard { inset: 5px 0 0; border-radius: 17px; }.dashboard-body { padding: 14px; }.metrics { gap: 9px; }.metric { padding: 12px; }.chart { margin-top: 9px; }.progress-card { right: -4px; width: 155px; padding: 12px; }.dcshop-promo--process, .dcshop-promo--cta { width: min(100% - 28px, 1180px); }.dcshop-promo__inner { display: grid; grid-template-columns: 42px 1fr; gap: 14px; padding: 20px; }.dcshop-promo__mark { width: 42px; height: 42px; border-radius: 13px; }.dcshop-promo h3 { font-size: 16px; }.dcshop-promo p { font-size: 12px; }.dcshop-promo__action { width: calc(100% - 56px); margin-left: 56px; }.cta { padding: 25px; }.footer { flex-direction: column; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; } }
.dcshop-promo--cta .dcshop-promo__action { background: var(--blue-pale); }
.dcshop-promo { border-color: rgba(1, 102, 253, .62); background: linear-gradient(118deg, #01358e 0%, #0142fd 51%, #167bfc 100%); box-shadow: 0 22px 48px rgba(1, 66, 253, .26); }.dcshop-promo::before { width: 350px; height: 350px; top: -190px; right: -100px; background: radial-gradient(circle, rgba(149, 239, 253, .52), transparent 66%); }.dcshop-promo::after { width: 22%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .28), transparent); }.dcshop-promo__inner { gap: 22px; padding: 27px 30px; }.dcshop-promo__mark { width: 54px; height: 54px; color: var(--blue-deep); border: 1px solid rgba(255,255,255,.64); background: #fff; box-shadow: 0 12px 26px rgba(0, 28, 87, .3); }.dcshop-promo__copy { color: #fff; }.dcshop-promo__badge { padding: 0 9px; margin-bottom: 8px; color: #fff; border: 1px solid rgba(255,255,255,.45); background: rgba(0, 31, 100, .28); text-transform: uppercase; }.dcshop-promo h3 { margin-bottom: 7px; color: #fff; font-size: 20px; }.dcshop-promo p { color: rgba(255,255,255,.88); }.dcshop-promo small { display: block; margin-top: 8px; color: rgba(255,255,255,.62); font-size: 11px; letter-spacing: .08em; }.dcshop-promo__action { min-width: 153px; min-height: 45px; gap: 9px; color: var(--blue-deep); border: 1px solid rgba(255,255,255,.75); background: #fff; box-shadow: 0 10px 22px rgba(0, 24, 75, .2); }.dcshop-promo__action:hover { color: var(--blue-deep); background: var(--blue-pale); box-shadow: 0 14px 25px rgba(0, 24, 75, .3); }.dcshop-promo__action i { font-style: normal; font-size: 17px; }.dcshop-promo__close { color: rgba(255,255,255,.74); }.dcshop-promo__close:hover { color: #fff; background: rgba(255,255,255,.16); }.dcshop-promo--cta { background: linear-gradient(118deg, #01358e 0%, #0142fd 51%, #167bfc 100%); }.dcshop-promo--cta .dcshop-promo__mark { background: #fff; }.dcshop-promo--cta .dcshop-promo__action { color: var(--blue-deep); background: #fff; }
.dcshop-promo { position: fixed; z-index: 99; right: 22px; bottom: 84px; width: 324px; max-width: calc(100vw - 36px); margin: 0; border: 1px solid rgba(255,255,255,.32); border-radius: 20px; background: linear-gradient(135deg, #0142fd 0%, #0166fd 52%, #57c2fd 100%); box-shadow: 0 22px 50px -10px rgba(1, 66, 253, .5), 0 8px 20px rgba(0, 22, 70, .2); animation: dcshop-float-in .38s cubic-bezier(.2,.8,.2,1); }.dcshop-promo::before { top: -45px; right: -44px; width: 155px; height: 155px; background: radial-gradient(circle, rgba(255,255,255,.3), transparent 68%); }.dcshop-promo::after { top: 0; bottom: 0; left: -70%; width: 46%; height: auto; animation: dcshop-ad-shimmer 3.5s ease-in-out infinite; }.dcshop-promo__inner { display: block; padding: 20px 20px 18px; }.dcshop-promo__mark { display: none; }.dcshop-promo__badge { margin: 0 0 12px; padding: 4px 11px; color: #fff; border-color: rgba(255,255,255,.32); background: rgba(0, 27, 87, .24); font-size: 11px; }.dcshop-promo h3 { margin: 0 26px 8px 0; color: #fff; font-size: 19px; letter-spacing: -.02em; }.dcshop-promo p { margin: 0 0 15px; color: rgba(255,255,255,.92); font-size: 13px; line-height: 1.6; }.dcshop-promo__action { display: inline-flex; min-width: 0; min-height: 38px; padding: 0 15px; color: var(--blue-deep); border: 0; border-radius: 999px; background: #fff; box-shadow: 0 5px 14px rgba(0, 23, 79, .18); }.dcshop-promo__action:hover { transform: translateX(3px); color: var(--blue-deep); background: #fff; }.dcshop-promo__close { top: 10px; right: 10px; width: 28px; height: 28px; color: #fff; background: rgba(0, 25, 82, .22); }.dcshop-promo__close:hover { background: rgba(0, 25, 82, .46); }.dcshop-promo--feature, .dcshop-promo--process, .dcshop-promo--cta { width: 324px; margin: 0; }.dcshop-promo--process .dcshop-promo__inner { padding: 20px; }@keyframes dcshop-float-in { from { opacity: 0; transform: translateY(18px) scale(.96); } to { opacity: 1; transform: translateY(0) scale(1); } }@media (max-width: 520px) { .dcshop-promo { right: 14px; bottom: 74px; left: 14px; width: auto; max-width: none; }.dcshop-promo__inner { padding: 18px; }.dcshop-promo__action { width: auto; margin: 0; } }
.footer-links { white-space: nowrap; }.footer-links a { color: var(--muted); transition: color .2s ease; }.footer-links a:hover { color: var(--blue); }.dcshop-promo { border-color: rgba(255,255,255,.42); background: linear-gradient(135deg, #c2410c 0%, #ea580c 52%, #fb923c 100%); box-shadow: 0 22px 50px -10px rgba(194, 65, 12, .52), 0 8px 20px rgba(74, 24, 6, .24); }.dcshop-promo::before { background: radial-gradient(circle, rgba(255,255,255,.36), transparent 68%); }.dcshop-promo__badge { background: rgba(74, 24, 6, .26); }.dcshop-promo__action { color: #9a3412; }.dcshop-promo__action:hover { color: #9a3412; }.dcshop-promo__close { background: rgba(74, 24, 6, .26); }.dcshop-promo__close:hover { background: rgba(74, 24, 6, .48); }@media (max-width: 520px) { .footer-links { white-space: normal; }.footer { gap: 12px; } }
.dcshop-promo__link { position: relative; z-index: 1; display: block; padding: 20px 20px 18px; color: #fff; text-decoration: none; }.dcshop-promo__link:hover { color: #fff; }.dcshop-promo__link:hover .dcshop-promo__action { transform: translateX(3px); }.dcshop-footer-ad { display: inline-block; padding: 8px 14px; color: #f8fafc !important; border: 1px solid rgba(255,255,255,.1); border-radius: 999px; background: linear-gradient(135deg, #1e293b, #0f172a); box-shadow: 0 6px 18px rgba(15,23,42,.22); font-weight: 700; text-align: center; }.dcshop-footer-ad:hover { color: #fff !important; background: linear-gradient(135deg, #334155, #1e293b); transform: translateY(-2px); }@media (max-width: 520px) { .dcshop-promo__link { padding: 18px; }.dcshop-footer-ad { border-radius: 12px; line-height: 1.55; } }