:root {
  --landing-ink: #171717;
  --landing-muted: #6f6b65;
  --landing-paper: #f7f5ef;
  --landing-panel: rgba(255,255,255,.72);
  --landing-line: rgba(33,31,28,.12);
  --landing-purple: #7657ff;
  --landing-orange: #ff7048;
}

.landing-view {
  width: 100vw;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  color: var(--landing-ink);
  background: var(--landing-paper);
  scroll-behavior: smooth;
  user-select: text;
}
.landing-view * { box-sizing: border-box; }
.landing-view a { color: inherit; text-decoration: none; }
.landing-view button { user-select: none; }

.landing-nav {
  position: sticky;
  z-index: 300;
  top: 0;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  width: 100%;
  min-height: 76px;
  padding: 0 clamp(24px,4vw,72px);
  border-bottom: 1px solid rgba(42,38,33,.08);
  background: rgba(247,245,239,.82);
  backdrop-filter: blur(22px) saturate(1.25);
}
.landing-nav::after { content: ""; position: absolute; right: 4vw; bottom: -1px; left: 4vw; height: 1px; background: linear-gradient(90deg,transparent,rgba(118,87,255,.22),rgba(255,112,72,.18),transparent); }
.landing-brand { display: inline-flex; width: max-content; align-items: center; gap: 10px; }
.landing-brand-mark {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 11px;
  color: #fff;
  background: #191817;
  box-shadow: 0 9px 24px rgba(23,22,20,.16);
}
.landing-brand-mark svg { width: 24px; height: 24px; fill: currentColor; stroke: none; }
.landing-brand > span:last-child { display: grid; gap: 0; }
.landing-brand strong { font-size: 14px; letter-spacing: -.02em; }
.landing-brand small { color: #89837a; font-size: 7px; font-weight: 750; letter-spacing: .2em; }
.landing-nav-links { display: flex; align-items: center; gap: 34px; }
.landing-nav-links a { position: relative; color: #5f5b55; font-size: 12px; font-weight: 620; }
.landing-nav-links a::after { content: ""; position: absolute; right: 0; bottom: -8px; left: 0; height: 1px; background: #1b1a18; transform: scaleX(0); transition: transform .2s ease; }
.landing-nav-links a:hover::after { transform: scaleX(1); }
.landing-nav-actions { display: flex; justify-content: flex-end; align-items: center; gap: 8px; }
.landing-login-button,.landing-start-button { height: 40px; padding: 0 17px; border-radius: 12px; font-size: 11px; font-weight: 700; }
.landing-login-button { border: 1px solid rgba(28,27,24,.14); background: rgba(255,255,255,.66); }
.landing-login-button:hover { background: #fff; }
.landing-start-button { display: flex; align-items: center; gap: 10px; color: #fff; background: #191817; box-shadow: 0 9px 24px rgba(23,22,20,.13); }
.landing-start-button:hover { background: var(--landing-purple); transform: translateY(-1px); }
.landing-start-button span { font-size: 15px; font-weight: 400; }

.landing-main { display: block; }
.landing-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,1.02fr) minmax(480px,.98fr);
  align-items: center;
  min-height: calc(100vh - 76px);
  padding: 72px clamp(28px,6vw,112px) 96px;
  overflow: hidden;
  border-bottom: 1px solid var(--landing-line);
  background:
    radial-gradient(circle at 76% 12%,rgba(203,190,255,.42),transparent 28%),
    radial-gradient(circle at 4% 82%,rgba(255,190,149,.25),transparent 28%),
    linear-gradient(145deg,#fbfaf7 0%,#f5f1e9 54%,#f1eef7 100%);
}
.landing-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .42;
  background-image: linear-gradient(rgba(39,36,32,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(39,36,32,.055) 1px,transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(to bottom,black 0%,transparent 82%);
  pointer-events: none;
}
.landing-hero-glow { position: absolute; border-radius: 50%; filter: blur(1px); pointer-events: none; }
.glow-one { width: 320px; height: 320px; right: 15%; top: 12%; border: 1px solid rgba(122,91,255,.22); }
.glow-two { width: 560px; height: 560px; right: -4%; top: 7%; border: 1px solid rgba(255,113,73,.15); }
.landing-hero-copy { position: relative; z-index: 4; max-width: 720px; }
.landing-eyebrow { display: flex; align-items: center; gap: 10px; color: #716b63; font-size: 9px; font-weight: 780; letter-spacing: .19em; }
.landing-eyebrow span { width: 28px; height: 1px; background: var(--landing-orange); }
.landing-hero-copy h1 { max-width: 760px; margin: 24px 0 21px; font-size: clamp(46px,4.6vw,72px); font-weight: 620; line-height: 1.04; letter-spacing: -.058em; text-wrap: balance; }
.landing-hero-copy h1 span { color: transparent; background: linear-gradient(90deg,#ff7048,#d45691 46%,#7657ff); -webkit-background-clip: text; background-clip: text; }
.landing-hero-copy > p { max-width: 590px; margin: 0; color: var(--landing-muted); font-size: 15px; line-height: 1.9; }

.landing-prompt-card {
  position: relative;
  width: min(690px,100%);
  margin-top: 34px;
  padding: 20px;
  border: 1px solid rgba(49,43,36,.16);
  border-radius: 24px;
  background: rgba(255,255,255,.83);
  box-shadow: 0 30px 80px rgba(54,43,31,.13),inset 0 1px rgba(255,255,255,.9);
  backdrop-filter: blur(20px);
}
.landing-prompt-card::before { content: ""; position: absolute; inset: -1px; z-index: -1; border-radius: inherit; opacity: .55; background: linear-gradient(115deg,rgba(255,112,72,.26),transparent 36%,rgba(118,87,255,.28)); filter: blur(8px); }
.landing-prompt-card:focus-within { border-color: rgba(118,87,255,.42); box-shadow: 0 34px 90px rgba(54,43,31,.15),0 0 0 4px rgba(118,87,255,.07); }
.landing-prompt-card > label { display: block; color: #888177; font-size: 9px; font-weight: 750; letter-spacing: .12em; }
.landing-prompt-card textarea { display: block; width: 100%; min-height: 86px; margin: 10px 0 14px; resize: none; outline: 0; border: 0; color: #282622; background: transparent; font-size: 15px; line-height: 1.65; user-select: text; }
.landing-prompt-card textarea::placeholder { color: #aaa39a; }
.landing-prompt-bottom { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; }
.landing-prompt-tools { display: flex; flex-wrap: wrap; gap: 6px; }
.landing-prompt-tools button { height: 28px; padding: 0 10px; border: 1px solid rgba(35,32,29,.09); border-radius: 999px; color: #716c65; background: #f5f2ec; font-size: 8px; }
.landing-prompt-tools button:hover { color: #5b43d0; border-color: rgba(118,87,255,.25); background: #f1effd; }
.landing-prompt-submit { display: flex; flex: 0 0 auto; align-items: center; gap: 9px; height: 42px; padding: 0 15px 0 18px; border-radius: 13px; color: #fff; background: linear-gradient(110deg,#211f1c,#3d3731); font-size: 10px; font-weight: 720; box-shadow: 0 9px 24px rgba(28,25,22,.18); }
.landing-prompt-submit:hover { background: linear-gradient(110deg,#ff7048,#7657ff); }
.landing-prompt-submit svg { width: 15px; height: 15px; }
.landing-model-row { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin-top: 17px; color: #9a9389; font-size: 8px; }
.landing-model-row span { margin-right: 3px; }
.landing-model-row b { color: #6d675f; font-weight: 650; }
.landing-model-row i { width: 3px; height: 3px; border-radius: 50%; background: #c9c2b8; }

.landing-hero-visual { position: relative; z-index: 3; width: min(650px,46vw); aspect-ratio: 1/1; margin-left: auto; }
.landing-orbit { position: absolute; border: 1px dashed rgba(74,65,56,.17); border-radius: 50%; animation: landing-spin 28s linear infinite; }
.orbit-one { inset: 8%; }
.orbit-two { inset: 22%; animation-direction: reverse; animation-duration: 19s; }
.landing-art-card { position: absolute; overflow: hidden; padding: 8px; border: 1px solid rgba(255,255,255,.8); border-radius: 22px; background: rgba(255,255,255,.84); box-shadow: 0 26px 65px rgba(44,35,28,.18); backdrop-filter: blur(16px); }
.landing-art-card::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 1px rgba(255,255,255,.86); pointer-events: none; }
.landing-art-card .landing-art-image { border-radius: 15px; background-repeat: no-repeat; }
.landing-art-card > span,.landing-art-card > strong { display: block; padding: 0 5px; }
.landing-art-card > span { margin-top: 8px; color: #9b7568; font-size: 7px; font-weight: 760; letter-spacing: .15em; }
.landing-art-card > strong { margin: 3px 0 4px; font-size: 11px; }
.art-main { z-index: 3; left: 18%; top: 15%; width: 42%; transform: rotate(-4deg); animation: landing-float 6s ease-in-out infinite; }
.art-main .landing-art-image { aspect-ratio: .67; }
.art-top { z-index: 4; right: 3%; top: 5%; width: 38%; transform: rotate(5deg); animation: landing-float 7.2s ease-in-out -2s infinite; }
.art-top .landing-art-image { aspect-ratio: 1.15; }
.art-bottom { z-index: 5; right: 8%; bottom: 7%; width: 38%; transform: rotate(3deg); animation: landing-float 6.6s ease-in-out -3.5s infinite; }
.art-bottom .landing-art-image { aspect-ratio: .8; }
.art-fashion-one { background-image: url('assets/inspiration-luxury.webp'); background-size: 600% 500%; background-position: 20% 25%; }
.art-device { background-image: url('assets/inspiration-digital-3c.webp'); background-size: 600% 500%; background-position: 100% 50%; }
.art-model { background-image: url('assets/inspiration-models.webp'); background-size: 600% 500%; background-position: 40% 50%; }
.landing-agent-note { position: absolute; z-index: 8; display: flex; align-items: center; gap: 8px; height: 38px; padding: 0 10px; border: 1px solid rgba(255,255,255,.86); border-radius: 12px; color: #5f5952; background: rgba(255,255,255,.87); box-shadow: 0 16px 34px rgba(46,37,30,.13); backdrop-filter: blur(14px); font-size: 8px; }
.landing-agent-note i { width: 7px; height: 7px; border-radius: 50%; background: #50bc86; box-shadow: 0 0 0 4px rgba(80,188,134,.12); }
.landing-agent-note b { display: grid; place-items: center; width: 22px; height: 22px; margin-left: 5px; border-radius: 7px; color: #735be3; background: #f0edff; font-size: 8px; }
.note-one { left: 0; bottom: 23%; }
.note-two { right: 0; top: 47%; }
.landing-scroll-hint { position: absolute; bottom: 25px; left: 50%; display: flex; align-items: center; gap: 9px; color: #9a938a; font-size: 8px; letter-spacing: .12em; transform: translateX(-50%); }
.landing-scroll-hint i { width: 34px; height: 1px; background: #aaa298; }
@keyframes landing-spin { to { transform: rotate(360deg); } }
@keyframes landing-float { 0%,100% { translate: 0 0; } 50% { translate: 0 -10px; } }

.landing-story-section,.landing-capability-section,.landing-showcase-section,.landing-trust-section { padding: 120px clamp(28px,7vw,128px); }
.landing-story-section { background: #181715; color: #f7f4ed; }
.landing-section-heading { max-width: 720px; }
.landing-section-heading > span,.landing-trust-section > div > span,.landing-final-cta > span { color: #c9907c; font-size: 8px; font-weight: 760; letter-spacing: .2em; }
.landing-section-heading h2,.landing-trust-section h2,.landing-final-cta h2 { margin: 17px 0 16px; font-size: clamp(34px,4.5vw,64px); font-weight: 580; line-height: 1.1; letter-spacing: -.05em; }
.landing-section-heading p { max-width: 570px; margin: 0; color: #aaa39a; font-size: 13px; line-height: 1.9; }
.landing-section-heading.centered { margin: 0 auto 54px; text-align: center; }

.landing-workflow-board { display: grid; grid-template-columns: 300px minmax(0,1fr); gap: 40px; max-width: 1320px; margin: 68px auto 0; }
.workflow-rail { display: grid; align-content: center; gap: 2px; }
.workflow-step { display: grid; grid-template-columns: 34px 1fr; gap: 12px; align-items: center; padding: 18px 14px; border-left: 1px solid #373431; color: #6e6963; }
.workflow-step.active { color: #fff; border-color: var(--landing-orange); background: linear-gradient(90deg,rgba(255,112,72,.13),transparent); }
.workflow-step > b { font-size: 9px; }
.workflow-step span { display: grid; gap: 4px; }
.workflow-step strong { font-size: 11px; }
.workflow-step small { font-size: 8px; }
.workflow-canvas { overflow: hidden; border: 1px solid #393633; border-radius: 22px; background: #eeece7; box-shadow: 0 40px 100px rgba(0,0,0,.32); }
.workflow-canvas > .canvas-toolbar { position: static; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; width: auto; height: 46px; padding: 0 15px; color: #777168; border-bottom: 1px solid #dedbd5; background: #fbfaf7; box-shadow: none; font-size: 8px; transform: none; }
.workflow-canvas > .canvas-toolbar > span { display: flex; gap: 5px; }
.workflow-canvas > .canvas-toolbar i { width: 7px; height: 7px; border-radius: 50%; background: #dfd9d1; }
.workflow-canvas > .canvas-toolbar b { color: #413d38; font-size: 9px; }
.workflow-canvas > .canvas-toolbar small { justify-self: end; color: #76a28c; }
.canvas-prompt { display: flex; gap: 12px; width: 82%; margin: 23px auto 17px; padding: 13px; border: 1px solid #ddd9d2; border-radius: 14px; color: #5d5851; background: #fff; }
.canvas-prompt > span { display: grid; flex: 0 0 auto; place-items: center; width: 26px; height: 26px; border-radius: 8px; color: #fff; background: linear-gradient(135deg,#ff7048,#7657ff); font-size: 9px; font-weight: 800; }
.canvas-prompt p { margin: 0; font-size: 9px; line-height: 1.65; }
.canvas-results { display: grid; grid-template-columns: 1.1fr .8fr 1fr .85fr; gap: 9px; padding: 0 22px 20px; }
.result-image { min-height: 240px; border: 4px solid #fff; border-radius: 10px; background-repeat: no-repeat; box-shadow: 0 12px 28px rgba(53,45,38,.10); }
.result-fashion-a,.showcase-four { background-image: url('assets/inspiration-fashion-products.webp'); background-size: 600% 500%; background-position: 0 0; }
.result-model-a,.showcase-one { background-image: url('assets/inspiration-models.webp'); background-size: 600% 500%; background-position: 60% 25%; }
.result-fashion-b,.showcase-three { background-image: url('assets/inspiration-luxury.webp'); background-size: 600% 500%; background-position: 80% 50%; }
.result-model-b { background-image: url('assets/inspiration-models.webp'); background-size: 600% 500%; background-position: 20% 75%; }
.canvas-status { display: flex; justify-content: space-between; align-items: center; padding: 12px 22px; border-top: 1px solid #ddd9d2; color: #767068; background: #f8f6f2; font-size: 8px; }
.canvas-status span { display: flex; align-items: center; gap: 7px; }
.canvas-status i { width: 6px; height: 6px; border-radius: 50%; background: #4eb781; }
.canvas-status button { color: #5d46c8; font-size: 8px; font-weight: 720; }

.landing-capability-section { background: #f7f5ef; }
.landing-capability-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; max-width: 1320px; margin: 0 auto; }
.capability-card { position: relative; display: flex; flex-direction: column; min-height: 430px; overflow: hidden; padding: 27px; border: 1px solid var(--landing-line); border-radius: 22px; background: rgba(255,255,255,.74); box-shadow: 0 16px 40px rgba(47,40,33,.055); }
.capability-card:hover { transform: translateY(-4px); box-shadow: 0 24px 54px rgba(47,40,33,.10); transition: .22s ease; }
.capability-card.capability-wide { grid-column: span 2; min-height: 390px; }
.capability-index { position: absolute; top: 26px; right: 27px; color: #b2aca3; font-size: 9px; }
.capability-card small { color: #a16e5a; font-size: 7px; font-weight: 760; letter-spacing: .16em; }
.capability-card h3 { max-width: 450px; margin: 12px 0 10px; font-size: 23px; font-weight: 620; letter-spacing: -.035em; }
.capability-card p { max-width: 440px; margin: 0; color: #817b72; font-size: 10px; line-height: 1.75; }
.dark-card { color: #f7f4ed; background: #1e1c1a; }
.dark-card p { color: #aaa39a; }
.mini-canvas { position: absolute; right: 5%; bottom: -10%; width: 48%; height: 82%; border: 1px solid #3b3834; border-radius: 18px 18px 0 0; background-image: linear-gradient(#302d2a 1px,transparent 1px),linear-gradient(90deg,#302d2a 1px,transparent 1px); background-size: 24px 24px; transform: rotate(-4deg); }
.mini-canvas i { position: absolute; width: 28%; aspect-ratio: 1; border: 4px solid #fff; border-radius: 8px; background-size: 600% 500%; box-shadow: 0 12px 24px rgba(0,0,0,.3); }
.mini-canvas i:nth-child(1) { left: 9%; top: 13%; background-image: url('assets/inspiration-digital-3c.webp'); background-position: 40% 0; }
.mini-canvas i:nth-child(2) { right: 9%; top: 18%; background-image: url('assets/inspiration-home-products.webp'); background-position: 60% 25%; }
.mini-canvas i:nth-child(3) { left: 25%; top: 47%; background-image: url('assets/inspiration-fashion-products.webp'); background-position: 80% 50%; }
.mini-canvas i:nth-child(4) { right: 4%; top: 58%; background-image: url('assets/inspiration-models.webp'); background-position: 20% 25%; }
.mini-canvas span { position: absolute; left: 4%; top: 45%; width: 38%; height: 1px; background: var(--landing-orange); transform: rotate(-18deg); }
.capability-image { position: absolute; right: 20px; bottom: -20px; left: 20px; height: 240px; border-radius: 18px 18px 0 0; background-repeat: no-repeat; }
.capability-model { background-image: url('assets/inspiration-models.webp'); background-size: 600% 500%; background-position: 0 50%; }
.capability-product { background-image: url('assets/inspiration-product-edit.webp'); background-size: 600% 500%; background-position: 100% 25%; }
.batch-visual { position: absolute; right: 22px; bottom: 22px; left: 22px; display: grid; grid-template-columns: repeat(4,1fr); gap: 6px; height: 210px; }
.batch-visual span { border-radius: 10px; background-image: url('assets/inspiration-fashion-products.webp'); background-size: 600% 500%; box-shadow: inset 0 0 0 3px #fff; }
.batch-visual span:nth-child(1) { background-position: 0 50%; }
.batch-visual span:nth-child(2) { background-position: 20% 50%; }
.batch-visual span:nth-child(3) { background-position: 40% 50%; }
.batch-visual span:nth-child(4) { background-position: 60% 50%; }
.batch-visual b { position: absolute; right: 9px; bottom: 9px; display: grid; place-items: center; width: 52px; height: 28px; border-radius: 9px; color: #fff; background: rgba(24,23,21,.72); backdrop-filter: blur(8px); font-size: 9px; }
.video-card { background: linear-gradient(135deg,#ede9ff,#fff1e8); }
.video-visual { position: absolute; right: 5%; bottom: 9%; width: 45%; aspect-ratio: 16/9; padding: 8px; border-radius: 16px; background: rgba(255,255,255,.82); box-shadow: 0 22px 50px rgba(84,66,54,.16); transform: rotate(3deg); }
.video-frame { width: 100%; height: 100%; border-radius: 11px; background-image: linear-gradient(90deg,rgba(22,20,18,.22),transparent),url('assets/inspiration-3d-product.webp'); background-size: cover,600% 500%; background-position: center,40% 50%; }
.video-visual > span { position: absolute; inset: 0; display: grid; place-items: center; }
.video-visual > span i { width: 0; height: 0; margin-left: 4px; border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-left: 17px solid #fff; filter: drop-shadow(0 3px 7px rgba(0,0,0,.3)); }
.video-visual > small { position: absolute; right: 16px; bottom: 14px; padding: 4px 6px; border-radius: 6px; color: #fff; background: rgba(20,18,17,.62); font-size: 7px; }

.landing-showcase-section { background: #ece9e2; }
.showcase-filter-row { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; margin: -42px 0 30px auto; }
.showcase-filter-row button { height: 31px; padding: 0 13px; border-radius: 999px; color: #777168; background: rgba(255,255,255,.58); font-size: 8px; }
.showcase-filter-row button.active { color: #fff; background: #1d1b19; }
.showcase-masonry { display: grid; grid-template-columns: 1.1fr .9fr 1fr .9fr 1.1fr; gap: 12px; max-width: 1450px; margin: 0 auto; align-items: end; }
.showcase-card { min-width: 0; overflow: hidden; border-radius: 17px; background: #fff; box-shadow: 0 18px 42px rgba(50,42,35,.09); }
.showcase-card:hover { transform: translateY(-5px); transition: .2s ease; }
.showcase-image { aspect-ratio: 4/5; background-repeat: no-repeat; }
.showcase-card.tall .showcase-image { aspect-ratio: 3/5; }
.showcase-card > span { display: block; padding: 13px 14px 15px; color: #4c4843; font-size: 9px; font-weight: 680; }
.showcase-two { background-image: url('assets/inspiration-digital-3c.webp'); background-size: 600% 500%; background-position: 60% 25%; }
.showcase-five { background-image: url('assets/inspiration-illustration.webp'); background-size: 600% 500%; background-position: 40% 50%; }

.landing-trust-section { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; color: #f7f4ed; background: #211f1c; }
.landing-trust-section h2 { max-width: 570px; }
.trust-grid { display: grid; gap: 10px; align-content: center; }
.trust-grid article { display: grid; grid-template-columns: 38px 160px 1fr; gap: 14px; align-items: center; min-height: 92px; padding: 16px; border-top: 1px solid #403c38; }
.trust-grid b { color: #826af0; font-size: 9px; }
.trust-grid h3 { margin: 0; font-size: 13px; }
.trust-grid p { margin: 0; color: #aaa39a; font-size: 9px; line-height: 1.7; }

.landing-final-cta { position: relative; display: grid; place-items: center; min-height: 620px; padding: 100px 24px; overflow: hidden; text-align: center; background: radial-gradient(circle at 50% 45%,rgba(130,99,255,.18),transparent 29%),radial-gradient(circle at 37% 67%,rgba(255,112,72,.18),transparent 24%),#faf8f3; }
.landing-final-cta::before { content: "W"; position: absolute; color: rgba(30,28,26,.025); font: 800 520px/1 system-ui; }
.landing-final-cta > * { position: relative; z-index: 2; }
.landing-final-cta h2 { max-width: 800px; }
.landing-final-cta p { margin: 0 0 28px; color: #7e776e; font-size: 12px; }
.landing-final-cta button { display: flex; align-items: center; gap: 16px; height: 54px; padding: 0 21px 0 25px; border-radius: 15px; color: #fff; background: linear-gradient(105deg,#ff7048,#8a5cf5); box-shadow: 0 16px 38px rgba(128,83,211,.23); font-size: 12px; font-weight: 760; }
.landing-final-cta button:hover { transform: translateY(-2px); box-shadow: 0 20px 46px rgba(128,83,211,.3); }
.landing-final-cta button b { font-size: 18px; font-weight: 400; }
.landing-footer { display: grid; grid-template-columns: 1fr 1fr auto; gap: 24px; align-items: center; min-height: 150px; padding: 34px clamp(28px,6vw,110px); color: #d9d4cc; background: #181715; }
.landing-footer .landing-brand-mark { color: #191817; background: #f4f0e8; }
.landing-footer p { color: #77716a; font-size: 9px; }
.landing-footer > div { display: flex; gap: 20px; }
.landing-footer > div a,.landing-footer > div button { color: #aaa49c; font-size: 9px; }
.landing-footer > small { grid-column: 1/-1; color: #5f5a54; font-size: 7px; }

/* 登录只在访客主动点击后显示为覆盖在首页上的窗口。 */
.auth-gate { min-width: 0; padding: 26px; background: rgba(25,23,21,.48); backdrop-filter: blur(18px); }
.auth-gate::before { display: none; }
.auth-shell { width: min(1000px,calc(100vw - 48px)); min-height: 560px; max-height: calc(100vh - 48px); overflow: auto; border-color: rgba(255,255,255,.66); border-radius: 26px; box-shadow: 0 42px 120px rgba(13,12,11,.3); }
.auth-brand-panel { color: #f6f2ea; border-color: rgba(255,255,255,.08); background: radial-gradient(circle at 18% 8%,rgba(255,112,72,.24),transparent 33%),radial-gradient(circle at 100% 100%,rgba(118,87,255,.25),transparent 38%),#201e1c; }
.auth-brand-panel > small { color: #c5b8ef; }
.auth-brand-panel p { color: #aaa39a; }
.auth-security-list { color: #d2cbc3; }
.auth-logo { background: linear-gradient(135deg,#ff7048,#7657ff); }
.auth-close-button { position: absolute; z-index: 4; top: 17px; right: 17px; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; color: #7c756d; background: #f3f0ea; font-size: 22px; font-weight: 300; line-height: 1; }
.auth-close-button:hover { color: #fff; background: #1f1d1b; }

@media (max-width: 1100px) {
  .landing-nav { grid-template-columns: 1fr auto; }
  .landing-nav-links { display: none; }
  .landing-hero { grid-template-columns: minmax(0,1fr) minmax(400px,.85fr); padding-right: 38px; padding-left: 38px; }
  .landing-hero-copy h1 { font-size: clamp(44px,5.4vw,64px); }
  .landing-hero-visual { width: 46vw; }
  .landing-capability-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .capability-card.capability-wide { grid-column: span 2; }
  .showcase-masonry { grid-template-columns: repeat(3,1fr); }
  .showcase-card:nth-child(n+4) { display: none; }
  .landing-trust-section { grid-template-columns: 1fr; gap: 30px; }
}

@media (max-width: 760px) {
  .landing-nav { min-height: 66px; padding: 0 16px; }
  .landing-nav-actions { gap: 5px; }
  .landing-login-button { padding: 0 11px; }
  .landing-start-button { padding: 0 12px; }
  .landing-start-button span { display: none; }
  .landing-brand > span:last-child small { display: none; }
  .landing-hero { display: block; min-height: auto; padding: 72px 20px 64px; }
  .landing-hero-copy { text-align: center; }
  .landing-eyebrow { justify-content: center; }
  .landing-hero-copy h1 { margin-top: 20px; font-size: clamp(42px,12.4vw,62px); }
  .landing-hero-copy > p { font-size: 13px; }
  .landing-prompt-card { margin-top: 28px; padding: 15px; text-align: left; }
  .landing-prompt-card textarea { font-size: 13px; }
  .landing-prompt-bottom { align-items: stretch; flex-direction: column; }
  .landing-prompt-submit { justify-content: center; }
  .landing-model-row { justify-content: center; }
  .landing-hero-visual { width: 100%; max-width: 520px; margin: 38px auto 0; }
  .note-one { left: 1%; }
  .note-two { right: 1%; }
  .landing-scroll-hint { display: none; }
  .landing-story-section,.landing-capability-section,.landing-showcase-section,.landing-trust-section { padding: 78px 20px; }
  .landing-section-heading h2,.landing-trust-section h2,.landing-final-cta h2 { font-size: 38px; }
  .landing-workflow-board { grid-template-columns: 1fr; margin-top: 40px; }
  .workflow-rail { grid-template-columns: repeat(2,1fr); }
  .workflow-step { border-top: 1px solid #373431; border-left: 0; }
  .workflow-step.active { border-top-color: var(--landing-orange); }
  .canvas-prompt { width: calc(100% - 28px); }
  .canvas-results { grid-template-columns: repeat(2,1fr); padding: 0 14px 14px; }
  .result-image { min-height: 190px; }
  .landing-capability-grid { grid-template-columns: 1fr; }
  .capability-card,.capability-card.capability-wide { grid-column: auto; min-height: 400px; }
  .dark-card { min-height: 510px !important; }
  .mini-canvas { right: 6%; width: 70%; height: 60%; }
  .video-card { min-height: 480px !important; }
  .video-visual { right: 7%; bottom: 7%; width: 86%; }
  .showcase-filter-row { justify-content: flex-start; margin: 24px 0; }
  .showcase-masonry { grid-template-columns: repeat(2,1fr); }
  .showcase-card:nth-child(3) { display: none; }
  .trust-grid article { grid-template-columns: 28px 1fr; }
  .trust-grid p { grid-column: 2; }
  .landing-final-cta { min-height: 520px; }
  .landing-footer { grid-template-columns: 1fr auto; }
  .landing-footer p { grid-column: 1/-1; }
  .auth-gate { padding: 12px; }
  .auth-shell { width: min(100%,460px); max-height: calc(100vh - 24px); min-height: 0; }
  .auth-card { padding: 54px 26px 32px; }
}

@media (prefers-reduced-motion: reduce) {
  .landing-view { scroll-behavior: auto; }
  .landing-orbit,.landing-art-card { animation: none; }
}

/* 品牌首页视觉升级。 */
.landing-view { background: #090a0e; }
.landing-nav { min-height: 72px; color: #fff; border-bottom-color: rgba(255,255,255,.075); background: rgba(9,10,14,.76); backdrop-filter: blur(24px) saturate(1.35); }
.landing-nav::after { right: 7vw; left: 7vw; background: linear-gradient(90deg,transparent,rgba(139,113,255,.42),rgba(255,114,78,.32),transparent); }
.landing-nav .landing-brand-mark { color: #090a0e; background: #fff; box-shadow: 0 0 0 1px rgba(255,255,255,.16),0 12px 30px rgba(0,0,0,.25); }
.landing-nav .landing-brand small { color: #777b89; }
.landing-nav-links a { color: #a9abb4; }
.landing-nav-links a::after { background: linear-gradient(90deg,#f077ff,#8d7cff); }
.landing-login-button { color: #e9eaf0; border-color: rgba(255,255,255,.13); background: rgba(255,255,255,.045); }
.landing-login-button:hover { color: #fff; background: rgba(255,255,255,.1); }
.landing-start-button { color: #111218; background: #fff; box-shadow: 0 10px 30px rgba(0,0,0,.25); }
.landing-start-button:hover { color: #fff; background: linear-gradient(105deg,#a565ff,#6f62ff); }

.landing-hero { display: block; min-height: 1080px; padding: 108px clamp(24px,5vw,90px) 76px; color: #f7f7fa; border-bottom-color: rgba(255,255,255,.08); background: radial-gradient(circle at 50% 9%,rgba(129,89,255,.25),transparent 29%),radial-gradient(circle at 17% 45%,rgba(255,101,74,.14),transparent 24%),radial-gradient(circle at 85% 53%,rgba(86,124,255,.15),transparent 26%),linear-gradient(180deg,#090a0e 0%,#0d0e14 66%,#111218 100%); }
.landing-hero::before { opacity: .3; background-image: linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px); background-size: 80px 80px; mask-image: radial-gradient(circle at 50% 30%,black,transparent 72%); }
.landing-hero::after { content: ""; position: absolute; top: 62px; left: 50%; width: min(1120px,88vw); height: 580px; border: 1px solid rgba(255,255,255,.055); border-radius: 50%; transform: translateX(-50%) perspective(700px) rotateX(68deg); pointer-events: none; }
.landing-hero-glow { opacity: .7; }
.glow-one { right: 18%; top: 8%; border-color: rgba(151,109,255,.25); }
.glow-two { right: auto; left: 5%; top: 21%; border-color: rgba(255,103,73,.12); }
.landing-hero-copy { max-width: 980px; margin: 0 auto; text-align: center; }
.landing-eyebrow { justify-content: center; color: #9c9eab; font-size: 9px; letter-spacing: .2em; }
.landing-eyebrow span { background: linear-gradient(90deg,#ff7451,#b16fff); }
.landing-eyebrow em { margin-left: 2px; padding: 4px 7px; border: 1px solid rgba(190,142,255,.35); border-radius: 999px; color: #c9abff; background: rgba(143,91,255,.13); font-size: 7px; font-style: normal; letter-spacing: .08em; }
.landing-hero-copy h1 { max-width: none; margin: 26px 0 20px; color: #fff; font-size: clamp(58px,6vw,88px); font-weight: 610; line-height: .99; letter-spacing: -.07em; }
.landing-hero-copy h1 span { background: linear-gradient(95deg,#ff7957 4%,#e869c4 43%,#9780ff 78%,#6ba4ff); -webkit-background-clip: text; background-clip: text; }
.landing-hero-copy > p { max-width: 690px; margin: 0 auto; color: #a4a6b0; font-size: 15px; line-height: 1.85; }
.landing-prompt-card { width: min(840px,100%); margin: 34px auto 0; padding: 18px; border-color: rgba(255,255,255,.14); border-radius: 22px; background: linear-gradient(145deg,rgba(30,31,42,.94),rgba(19,20,28,.94)); box-shadow: 0 0 0 1px rgba(139,103,255,.05),0 30px 100px rgba(0,0,0,.42),0 0 80px rgba(114,77,255,.08); text-align: left; }
.landing-prompt-card::before { opacity: .75; background: linear-gradient(120deg,rgba(255,104,75,.45),transparent 34%,rgba(120,83,255,.52)); filter: blur(12px); }
.landing-prompt-card:focus-within { border-color: rgba(155,116,255,.5); box-shadow: 0 32px 110px rgba(0,0,0,.48),0 0 0 4px rgba(126,91,255,.1); }
.landing-prompt-card > label { display: flex; align-items: center; gap: 7px; color: #a6a7b0; }
.landing-prompt-card > label i { width: 7px; height: 7px; border-radius: 50%; background: #a575ff; box-shadow: 0 0 0 5px rgba(165,117,255,.1),0 0 18px #a575ff; }
.landing-prompt-card textarea { min-height: 80px; color: #f4f4f7; font-size: 15px; }
.landing-prompt-card textarea::placeholder { color: #676975; }
.landing-prompt-tools button { color: #a6a8b2; border-color: rgba(255,255,255,.085); background: rgba(255,255,255,.045); }
.landing-prompt-tools button:hover { color: #fff; border-color: rgba(162,122,255,.4); background: rgba(134,91,255,.15); }
.landing-prompt-submit { background: linear-gradient(110deg,#795dff,#a465ff); box-shadow: 0 10px 30px rgba(120,83,255,.27); }
.landing-prompt-submit:hover { background: linear-gradient(110deg,#936fff,#c26df4); transform: translateY(-1px); }
.landing-model-row { justify-content: center; color: #686a75; }
.landing-model-row b { color: #a4a6ae; }
.landing-model-row i { background: #444651; }
.landing-hero-visual { width: min(1180px,94vw); height: 370px; aspect-ratio: auto; margin: 54px auto 0; }
.landing-orbit { opacity: .55; border-color: rgba(255,255,255,.1); }
.orbit-one { inset: -15% 20%; }
.orbit-two { inset: 3% 34%; }
.landing-art-card { padding: 9px; border-color: rgba(255,255,255,.16); border-radius: 22px; background: rgba(25,26,34,.85); box-shadow: 0 34px 80px rgba(0,0,0,.44); }
.landing-art-card .landing-art-image { border-radius: 15px; }
.landing-art-card > span { color: #9c8dd1; }
.landing-art-card > strong { color: #f2f2f5; }
.art-main { left: 3%; top: 0; width: 31%; transform: rotate(-3deg); }
.art-main .landing-art-image { aspect-ratio: 1.55; }
.art-top { right: auto; left: 35%; top: 28px; width: 30%; transform: rotate(1deg); }
.art-top .landing-art-image { aspect-ratio: 1.55; }
.art-bottom { right: 3%; bottom: auto; top: 0; width: 31%; transform: rotate(3deg); }
.art-bottom .landing-art-image { aspect-ratio: 1.55; }
.landing-agent-note { color: #c2c3ca; border-color: rgba(255,255,255,.14); background: rgba(21,22,29,.88); box-shadow: 0 18px 44px rgba(0,0,0,.3); }
.landing-agent-note b { color: #d2c3ff; background: rgba(137,99,255,.18); }
.note-one { left: 10%; bottom: 9%; }
.note-two { right: 10%; top: 48%; }
.landing-scroll-hint { color: #646670; }
.landing-scroll-hint i { background: #464852; }

.landing-story-section { background: linear-gradient(180deg,#111218,#171820); }
.landing-capability-section { background: #f5f5f7; }
.capability-card { border-color: rgba(20,21,26,.09); border-radius: 26px; background: #fff; box-shadow: 0 20px 60px rgba(20,22,29,.07); }
.capability-card:hover { transform: translateY(-6px); box-shadow: 0 28px 72px rgba(24,25,32,.12); }
.dark-card { background: radial-gradient(circle at 15% 8%,rgba(126,86,255,.25),transparent 32%),#111218; }
.video-card { background: radial-gradient(circle at 10% 10%,rgba(255,255,255,.9),transparent 38%),linear-gradient(135deg,#e7e3ff,#ffeae4); }
.landing-showcase-section { background: #ebebee; }
.showcase-card { border: 1px solid rgba(18,19,24,.08); border-radius: 22px; box-shadow: 0 22px 60px rgba(22,23,29,.1); }
.landing-trust-section { background: radial-gradient(circle at 8% 12%,rgba(119,80,255,.17),transparent 27%),#111218; }
.landing-final-cta { background: radial-gradient(circle at 50% 42%,rgba(119,81,255,.2),transparent 30%),radial-gradient(circle at 34% 64%,rgba(255,104,73,.14),transparent 24%),#f8f8fa; }

@media (max-width: 1100px) {
  .landing-hero { min-height: 1010px; padding-right: 28px; padding-left: 28px; }
  .landing-hero-copy h1 { font-size: clamp(54px,7.2vw,72px); }
  .landing-hero-visual { width: 96vw; }
}

@media (max-width: 760px) {
  .landing-nav { min-height: 64px; }
  .landing-hero { min-height: auto; padding: 76px 16px 60px; }
  .landing-hero::after { top: 80px; width: 120vw; height: 360px; }
  .landing-eyebrow { font-size: 7px; letter-spacing: .15em; }
  .landing-hero-copy h1 { margin: 22px 0 18px; font-size: clamp(43px,12.3vw,58px); line-height: 1.02; }
  .landing-hero-copy > p { max-width: 520px; font-size: 13px; line-height: 1.75; }
  .landing-prompt-card { margin-top: 28px; padding: 14px; border-radius: 19px; }
  .landing-prompt-card textarea { min-height: 76px; }
  .landing-hero-visual { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; width: 100%; height: auto; margin-top: 36px; }
  .landing-orbit { display: none; }
  .landing-art-card { position: relative; inset: auto; width: auto; padding: 6px; border-radius: 15px; transform: none; animation: none; }
  .landing-art-card .landing-art-image { aspect-ratio: 1.08; border-radius: 11px; }
  .landing-art-card > span { margin-top: 6px; font-size: 6px; }
  .landing-art-card > strong { margin-top: 2px; font-size: 9px; }
  .art-main { grid-row: span 2; }
  .art-main .landing-art-image { aspect-ratio: .72; }
  .note-one { left: 2%; bottom: 20%; }
  .note-two { right: 1%; top: 32%; }
  .landing-agent-note { height: 32px; padding: 0 8px; font-size: 7px; }
  .landing-model-row { gap: 6px; margin-top: 14px; }
  .landing-model-row span { flex-basis: 100%; }
}

@media (max-width: 390px) {
  .landing-brand-mark { width: 32px; height: 32px; }
  .landing-brand strong { font-size: 12px; }
  .landing-login-button,.landing-start-button { height: 36px; font-size: 10px; }
  .landing-hero-copy h1 { font-size: 42px; }
  .landing-prompt-tools button:nth-child(n+4) { display: none; }
}

/* 明亮、克制的蓝白 AI 平台调性。 */
.landing-view { color: #17284a; background: #f8fbff; }
.landing-nav { min-height: 72px; color: #182a4d; border-bottom: 1px solid rgba(91,126,183,.09); background: rgba(249,252,255,.84); box-shadow: 0 1px 0 rgba(255,255,255,.8); backdrop-filter: blur(24px) saturate(1.2); }
.landing-nav::after { right: 8vw; left: 8vw; background: linear-gradient(90deg,transparent,rgba(80,126,220,.22),transparent); }
.landing-nav .landing-brand-mark { color: #fff; background: linear-gradient(145deg,#5a8ff0,#315fc9); box-shadow: 0 10px 30px rgba(49,95,201,.18); }
.landing-nav .landing-brand small { color: #8796ad; }
.landing-nav-links a { color: #63738d; }
.landing-nav-links a::after { background: #3972dc; }
.landing-login-button { color: #375176; border-color: rgba(72,107,159,.16); background: rgba(255,255,255,.72); }
.landing-login-button:hover { color: #285dbd; background: #fff; box-shadow: 0 8px 24px rgba(55,93,151,.09); }
.landing-start-button { color: #fff; background: linear-gradient(110deg,#4c83e8,#3266ce); box-shadow: 0 12px 30px rgba(49,101,202,.2); }
.landing-start-button:hover { color: #fff; background: linear-gradient(110deg,#5d91ee,#3971db); }

.landing-hero { display: grid; grid-template-columns: minmax(0,1.02fr) minmax(480px,.98fr); align-items: center; min-height: 820px; padding: 94px clamp(28px,6vw,112px) 90px; color: #17284a; border-bottom-color: rgba(79,111,160,.1); background: radial-gradient(circle at 15% 36%,rgba(162,202,255,.24),transparent 28%),radial-gradient(circle at 83% 28%,rgba(143,184,255,.28),transparent 27%),linear-gradient(145deg,#fbfdff 0%,#f3f8ff 50%,#edf5ff 100%); }
.landing-hero::before { opacity: .46; background-image: linear-gradient(rgba(68,111,177,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(68,111,177,.045) 1px,transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom,black,transparent 88%); }
.landing-hero::after { content: ""; position: absolute; top: 74px; right: 2%; width: min(640px,48vw); height: 640px; border: 1px solid rgba(65,111,183,.08); border-radius: 50%; background: radial-gradient(circle at 45% 40%,rgba(146,195,255,.18),transparent 54%); pointer-events: none; }
.landing-hero-glow { opacity: .8; }
.glow-one { right: 18%; top: 10%; border-color: rgba(80,132,223,.15); }
.glow-two { right: -6%; left: auto; top: 17%; border-color: rgba(92,145,231,.09); }
.landing-hero-copy { max-width: 720px; margin: 0; text-align: left; }
.landing-eyebrow { justify-content: flex-start; color: #6482ae; font-size: 9px; letter-spacing: .17em; }
.landing-eyebrow span { background: #4a7fd9; }
.landing-hero-copy h1 { max-width: 720px; margin: 28px 0 22px; color: #17284a; font-size: clamp(54px,5.1vw,76px); font-weight: 570; line-height: 1.05; letter-spacing: -.062em; }
.landing-hero-copy h1 span { background: linear-gradient(95deg,#285bbb 3%,#4f89ea 52%,#4b72d5); -webkit-background-clip: text; background-clip: text; }
.landing-hero-copy > p { max-width: 610px; margin: 0; color: #72829a; font-size: 15px; line-height: 1.9; }
.landing-prompt-card { width: min(690px,100%); margin: 34px 0 0; padding: 19px; border-color: rgba(88,123,178,.16); border-radius: 22px; background: rgba(255,255,255,.82); box-shadow: 0 24px 70px rgba(71,109,168,.12),inset 0 1px rgba(255,255,255,.96); text-align: left; }
.landing-prompt-card::before { opacity: .45; background: linear-gradient(115deg,rgba(110,170,255,.28),transparent 42%,rgba(93,128,225,.2)); filter: blur(10px); }
.landing-prompt-card:focus-within { border-color: rgba(67,119,214,.42); box-shadow: 0 28px 82px rgba(71,109,168,.15),0 0 0 4px rgba(68,119,213,.07); }
.landing-prompt-card > label { display: flex; align-items: center; gap: 7px; color: #7185a3; }
.landing-prompt-card > label i { width: 7px; height: 7px; border-radius: 50%; background: #4b81e2; box-shadow: 0 0 0 5px rgba(75,129,226,.09); }
.landing-prompt-card textarea { min-height: 78px; color: #20365b; font-size: 15px; }
.landing-prompt-card textarea::placeholder { color: #a1adc0; }
.landing-prompt-tools button { color: #6880a2; border-color: rgba(76,111,164,.1); background: #f3f7fc; }
.landing-prompt-tools button:hover { color: #2f66c6; border-color: rgba(61,112,205,.26); background: #edf4ff; }
.landing-prompt-submit { background: linear-gradient(110deg,#4e83e6,#3268d0); box-shadow: 0 10px 28px rgba(57,105,202,.22); }
.landing-prompt-submit:hover { background: linear-gradient(110deg,#5b90ed,#3b72dc); transform: translateY(-1px); }
.landing-model-row { justify-content: flex-start; color: #91a0b5; }
.landing-model-row b { color: #627896; }
.landing-model-row i { background: #c6d2e3; }

.landing-hero-visual { z-index: 3; width: min(630px,45vw); height: 590px; aspect-ratio: auto; margin: 0 0 0 auto; border: 1px solid rgba(70,111,177,.12); border-radius: 36px; background: linear-gradient(145deg,rgba(255,255,255,.66),rgba(222,237,255,.75)); box-shadow: 0 38px 100px rgba(69,104,159,.14),inset 0 1px rgba(255,255,255,.96); }
.landing-hero-visual::after { content: "WASAI  CREATIVE  SPACE"; position: absolute; right: 28px; bottom: 22px; color: #7790b4; font-size: 7px; font-weight: 750; letter-spacing: .18em; }
.landing-orbit { opacity: .7; border-color: rgba(62,105,175,.13); }
.orbit-one { inset: 8%; }
.orbit-two { inset: 23%; }
.landing-art-card { padding: 8px; border-color: rgba(255,255,255,.92); border-radius: 22px; background: rgba(255,255,255,.88); box-shadow: 0 24px 65px rgba(47,82,135,.17); }
.landing-art-card > span { color: #8092ad; }
.landing-art-card > strong { color: #253d61; }
.art-main { left: 8%; top: 13%; width: 47%; transform: rotate(-4deg); }
.art-main .landing-art-image { aspect-ratio: .75; }
.art-top { right: 6%; left: auto; top: 8%; width: 39%; transform: rotate(4deg); }
.art-top .landing-art-image { aspect-ratio: 1.12; }
.art-bottom { right: 5%; bottom: 7%; top: auto; width: 41%; transform: rotate(2deg); }
.art-bottom .landing-art-image { aspect-ratio: .82; }
.landing-agent-note { color: #60738f; border-color: rgba(255,255,255,.9); background: rgba(255,255,255,.88); box-shadow: 0 16px 38px rgba(55,91,145,.12); }
.landing-agent-note b { color: #3469c9; background: #eaf2ff; }
.note-one { left: 0; bottom: 21%; }
.note-two { right: -1%; top: 47%; }
.landing-scroll-hint { color: #9aa8ba; }
.landing-scroll-hint i { background: #a8b6c8; }

.landing-story-section { color: #eef5ff; background: radial-gradient(circle at 82% 18%,rgba(67,119,213,.18),transparent 30%),#17243b; }
.workflow-step { border-color: #2b3b55; color: #7687a0; }
.workflow-step.active { border-color: #62a0ff; background: linear-gradient(90deg,rgba(76,135,231,.18),transparent); }
.workflow-canvas { border-color: #33455f; box-shadow: 0 40px 100px rgba(5,16,33,.28); }
.landing-capability-section { background: #f6f9fd; }
.capability-card { border-color: rgba(65,99,152,.1); border-radius: 24px; background: #fff; box-shadow: 0 18px 52px rgba(57,91,143,.07); }
.capability-card:hover { box-shadow: 0 26px 68px rgba(52,87,141,.12); }
.dark-card { color: #f4f8ff; background: radial-gradient(circle at 16% 8%,rgba(75,134,229,.28),transparent 34%),#17243b; }
.video-card { background: radial-gradient(circle at 10% 10%,rgba(255,255,255,.92),transparent 38%),linear-gradient(135deg,#eaf3ff,#e3edff); }
.landing-showcase-section { background: #edf3fa; }
.showcase-card { border-color: rgba(65,99,152,.08); box-shadow: 0 18px 48px rgba(48,84,137,.1); }
.showcase-filter-row button.active { background: #356dce; }
.landing-trust-section { background: radial-gradient(circle at 9% 12%,rgba(74,135,231,.2),transparent 29%),#17243b; }
.trust-grid b { color: #71a8ff; }
.landing-final-cta { background: radial-gradient(circle at 50% 43%,rgba(99,157,246,.19),transparent 30%),radial-gradient(circle at 37% 68%,rgba(169,205,255,.2),transparent 26%),#f7faff; }
.landing-final-cta button { background: linear-gradient(105deg,#4e85e8,#376bce); box-shadow: 0 16px 38px rgba(55,106,204,.22); }
.landing-footer { background: #152239; }

@media (max-width: 1100px) {
  .landing-hero { grid-template-columns: minmax(0,1fr) minmax(390px,.82fr); min-height: 780px; padding-right: 34px; padding-left: 34px; }
  .landing-hero-copy h1 { font-size: clamp(48px,5.9vw,64px); }
  .landing-hero-visual { width: 42vw; height: 540px; }
}

@media (max-width: 760px) {
  .landing-nav { min-height: 64px; }
  .landing-hero { display: block; min-height: auto; padding: 78px 18px 62px; }
  .landing-hero::after { top: 80px; right: -42%; width: 130vw; height: 450px; }
  .landing-hero-copy { text-align: center; }
  .landing-eyebrow { justify-content: center; }
  .landing-hero-copy h1 { margin: 22px 0 18px; font-size: clamp(42px,11.8vw,55px); line-height: 1.04; }
  .landing-hero-copy > p { max-width: 520px; margin: 0 auto; font-size: 13px; line-height: 1.8; }
  .landing-prompt-card { margin: 28px auto 0; padding: 14px; }
  .landing-prompt-card textarea { min-height: 76px; }
  .landing-model-row { justify-content: center; }
  .landing-hero-visual { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; width: 100%; height: auto; margin: 38px auto 0; padding: 10px; border-radius: 24px; }
  .landing-hero-visual::after,.landing-orbit { display: none; }
  .landing-art-card { position: relative; inset: auto; width: auto; padding: 6px; border-radius: 15px; transform: none; animation: none; }
  .landing-art-card .landing-art-image { aspect-ratio: 1.08; border-radius: 11px; }
  .landing-art-card > span { margin-top: 6px; font-size: 6px; }
  .landing-art-card > strong { margin-top: 2px; font-size: 9px; }
  .art-main { grid-row: span 2; }
  .art-main .landing-art-image { aspect-ratio: .72; }
  .note-one { left: 1%; bottom: 18%; }
  .note-two { right: 0; top: 32%; }
  .landing-agent-note { height: 32px; padding: 0 8px; font-size: 7px; }
}



/* 官网统一布局、可读性与居中首屏重构。 */
.landing-view {
  --landing-ink:#142749;
  --landing-muted:#667995;
  --landing-blue:#326ed8;
  --landing-soft:#eef5ff;
  color:var(--landing-ink);
  background:#f8fbff;
}
.landing-nav {
  min-height:76px;
  padding:0 clamp(22px,5vw,84px);
  color:#182d52;
  border-bottom:1px solid rgba(67,105,164,.12);
  background:rgba(250,252,255,.9);
  box-shadow:0 8px 30px rgba(43,77,128,.045);
}
.landing-nav .landing-brand strong { font-size:16px; }
.landing-nav .landing-brand small { font-size:9px; color:#8495ae; }
.landing-nav-links { gap:38px; }
.landing-nav-links a { color:#526986; font-size:13px; font-weight:650; }
.landing-login-button,.landing-start-button { height:44px; padding:0 20px; border-radius:13px; font-size:13px; }
.landing-start-button { padding:0 22px; }

.landing-hero {
  display:flex;
  flex-direction:column;
  align-items:center;
  min-height:auto;
  padding:112px clamp(22px,5vw,80px) 104px;
  color:var(--landing-ink);
  background:
    radial-gradient(circle at 50% 9%,rgba(137,184,255,.26),transparent 30%),
    radial-gradient(circle at 10% 42%,rgba(191,218,255,.22),transparent 26%),
    radial-gradient(circle at 90% 52%,rgba(152,194,255,.18),transparent 24%),
    linear-gradient(180deg,#fbfdff,#f2f7ff 62%,#f8fbff);
}
.landing-hero::before { opacity:.42; background-size:80px 80px; mask-image:linear-gradient(to bottom,black,transparent 82%); }
.landing-hero::after { top:34px; right:auto; left:50%; width:min(900px,82vw); height:520px; border-color:rgba(60,111,194,.08); transform:translateX(-50%) perspective(850px) rotateX(70deg); }
.landing-hero-copy { z-index:4; width:100%; max-width:1040px; margin:0 auto; text-align:center; }
.landing-eyebrow { justify-content:center; color:#5f7da9; font-size:11px; font-weight:760; letter-spacing:.18em; }
.landing-hero-copy h1 { max-width:980px; margin:26px auto 22px; color:#142749; font-size:clamp(62px,6.2vw,92px); font-weight:650; line-height:1.02; letter-spacing:-.065em; }
.landing-hero-copy h1 span { background:linear-gradient(96deg,#285fc2,#4b86ea 58%,#596fd2); -webkit-background-clip:text; background-clip:text; }
.landing-hero-copy > p { max-width:760px; margin:0 auto; color:#677b98; font-size:17px; line-height:1.85; }
.landing-prompt-card { width:min(880px,100%); margin:38px auto 0; padding:20px; border:1px solid rgba(73,112,174,.17); border-radius:24px; background:rgba(255,255,255,.9); box-shadow:0 28px 80px rgba(52,91,151,.13),inset 0 1px rgba(255,255,255,.98); text-align:left; }
.landing-prompt-card > label { color:#526d94; font-size:12px; font-weight:750; }
.landing-prompt-card textarea { min-height:92px; color:#1f385f; font-size:16px; line-height:1.65; }
.landing-prompt-card textarea::placeholder { color:#8fa0b8; }
.landing-prompt-tools { gap:8px; }
.landing-prompt-tools button { min-height:34px; padding:0 14px; color:#587092; border-color:#dce6f3; background:#f5f8fd; font-size:12px; }
.landing-prompt-submit { height:48px; padding:0 19px 0 22px; border-radius:14px; font-size:13px; }
.landing-model-row { justify-content:center; gap:9px; margin-top:20px; color:#8191a8; font-size:11px; }
.landing-model-row b { color:#526986; font-size:11px; }
.landing-service-card { display:inline-flex; align-items:center; gap:12px; min-height:44px; margin:18px auto 0; padding:7px 8px 7px 16px; border:1px solid #dce7f5; border-radius:999px; color:#70819a; background:rgba(255,255,255,.82); box-shadow:0 12px 30px rgba(56,91,143,.07); font-size:12px; }
.landing-service-card strong { color:#274b82; font-size:13px; }
.landing-service-card button { height:30px; padding:0 12px; border-radius:999px; color:#fff; background:#3b75dc; font-size:11px; font-weight:700; }

.landing-hero-visual { z-index:3; width:min(1120px,100%); height:350px; margin:56px auto 0; border:1px solid rgba(68,109,173,.13); border-radius:30px; background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(224,238,255,.78)); box-shadow:0 34px 90px rgba(50,87,142,.13),inset 0 1px #fff; }
.landing-hero-visual::after { right:24px; bottom:18px; color:#7088ac; font-size:9px; }
.landing-orbit { border-color:rgba(65,105,171,.1); }
.orbit-one { inset:-22% 24%; }
.orbit-two { inset:3% 37%; }
.landing-art-card { top:24px; bottom:auto; width:29%; height:286px; padding:10px; border-color:#fff; border-radius:20px; background:rgba(255,255,255,.94); box-shadow:0 22px 54px rgba(42,75,128,.16); transform:none; }
.landing-art-card .landing-art-image { height:220px; aspect-ratio:auto; border-radius:14px; }
.landing-art-card > span { margin-top:8px; color:#7187a8; font-size:8px; }
.landing-art-card > strong { margin-top:3px; color:#213a60; font-size:12px; }
.art-main { left:5%; }
.art-top { right:auto; left:35.5%; }
.art-bottom { right:5%; }
.note-one { left:2.5%; bottom:22%; }
.note-two { right:2.5%; top:43%; }
.landing-agent-note { height:38px; padding:0 10px; color:#526985; border-color:#fff; background:rgba(255,255,255,.94); font-size:10px; }
.landing-scroll-hint { display:none; }

.landing-story-section,.landing-capability-section,.landing-showcase-section,.landing-trust-section { padding:108px clamp(28px,6vw,108px); }
.landing-section-heading { max-width:1320px; margin:0 auto; }
.landing-section-heading > span,.landing-trust-section > div > span,.landing-final-cta > span { color:#4d76b4; font-size:11px; letter-spacing:.17em; }
.landing-section-heading h2,.landing-trust-section h2,.landing-final-cta h2 { margin:18px 0 18px; color:#142749; font-size:clamp(42px,4.4vw,64px); font-weight:650; line-height:1.12; }
.landing-section-heading p { max-width:720px; color:#6b7d96; font-size:15px; line-height:1.8; }

.landing-story-section { color:#142749; background:linear-gradient(180deg,#fff,#f5f9ff); }
.landing-workflow-board { grid-template-columns:300px minmax(0,1fr); gap:30px; max-width:1320px; margin-top:56px; }
.workflow-rail { gap:8px; }
.workflow-step { min-height:78px; padding:16px 18px; border:1px solid #e1e9f4; border-radius:14px; color:#71819a; background:#f8faff; }
.workflow-step.active { color:#234b82; border-color:#b9d0f3; background:linear-gradient(90deg,#e9f2ff,#f8fbff); box-shadow:0 10px 30px rgba(45,86,145,.08); }
.workflow-step > b { color:#4f7cc0; font-size:11px; }
.workflow-step strong { font-size:14px; }
.workflow-step small { margin-top:2px; font-size:11px; }
.workflow-canvas { border-color:#d9e3ef; border-radius:22px; background:#eef3f9; box-shadow:0 32px 80px rgba(45,79,127,.14); }
.workflow-canvas > .canvas-toolbar { height:52px; padding:0 18px; color:#6d7e95; border-bottom-color:#e2e8f1; background:#fff; font-size:11px; }
.workflow-canvas > .canvas-toolbar b { color:#2a4264; font-size:12px; }
.canvas-prompt { gap:12px; width:calc(100% - 40px); margin:20px; padding:14px 16px; }
.canvas-prompt span { width:34px; height:34px; font-size:11px; }
.canvas-prompt p { font-size:12px; line-height:1.65; }
.canvas-results { gap:10px; padding:0 20px 20px; }
.result-image { min-height:250px; }
.canvas-status { padding:14px 20px; color:#657791; font-size:11px; }
.canvas-status button { color:#3268c7; font-size:11px; }

.landing-capability-section { background:#f3f7fc; }
.landing-capability-grid { gap:18px; margin-top:46px; }
.capability-card { min-height:450px; padding:30px; border-color:#dfe7f2; border-radius:24px; background:#fff; box-shadow:0 20px 54px rgba(49,81,126,.08); }
.capability-card.capability-wide { min-height:410px; }
.capability-index { top:28px; right:30px; color:#7f96b8; font-size:11px; }
.capability-card small { color:#4a75b5; font-size:10px; }
.capability-card h3 { margin:14px 0 12px; color:#183054; font-size:27px; }
.capability-card p { color:#667995; font-size:14px; line-height:1.7; }
.dark-card { color:#183054; background:linear-gradient(135deg,#eaf3ff,#f9fbff); }
.dark-card p { color:#667995; }
.mini-canvas { border-color:#b6cceb; background-color:#e4efff; background-image:linear-gradient(#cbdcf2 1px,transparent 1px),linear-gradient(90deg,#cbdcf2 1px,transparent 1px); }
.video-card { background:linear-gradient(135deg,#eef5ff,#e6f0ff); }

.landing-showcase-section { background:#fff; }
.showcase-filter-row { gap:8px; max-width:1320px; margin:-42px auto 32px; }
.showcase-filter-row button { height:38px; padding:0 17px; color:#60738f; border:1px solid #e0e8f3; background:#f6f9fd; font-size:12px; }
.showcase-filter-row button.active { color:#fff; border-color:#3973d6; background:#3973d6; }
.showcase-masonry { gap:16px; max-width:1320px; }
.showcase-card { border:1px solid #e1e8f2; border-radius:20px; box-shadow:0 18px 46px rgba(43,73,117,.1); }
.showcase-card > span { padding:16px 16px 18px; color:#304867; font-size:13px; }

.landing-trust-section { grid-template-columns:.78fr 1.22fr; gap:60px; color:#142749; background:linear-gradient(145deg,#edf5ff,#f8fbff); }
.landing-trust-section > div:first-child { align-self:center; }
.trust-grid { gap:12px; }
.trust-grid article { grid-template-columns:42px 170px 1fr; min-height:100px; padding:20px; border:1px solid #dce6f3; border-radius:16px; background:rgba(255,255,255,.8); box-shadow:0 12px 32px rgba(48,81,126,.06); }
.trust-grid b { color:#3973d6; font-size:11px; }
.trust-grid h3 { color:#284361; font-size:15px; }
.trust-grid p { color:#6c7d95; font-size:12px; line-height:1.7; }

.landing-final-cta { min-height:560px; padding:96px 24px; background:radial-gradient(circle at 50% 43%,rgba(111,167,250,.22),transparent 31%),#f8fbff; }
.landing-final-cta::before { color:rgba(38,92,177,.035); }
.landing-final-cta p { color:#6d7e96; font-size:15px; }
.landing-final-cta button { height:56px; padding:0 24px 0 28px; border-radius:16px; background:linear-gradient(105deg,#4d86e9,#3269cf); font-size:14px; }
.landing-footer { grid-template-columns:1fr 1fr auto; min-height:160px; padding:38px clamp(28px,6vw,108px); color:#294463; border-top:1px solid #dfe7f2; background:#f3f7fc; }
.landing-footer .landing-brand-mark { color:#fff; background:linear-gradient(145deg,#5a8ff0,#315fc9); }
.landing-footer p { color:#6b7d96; font-size:12px; }
.landing-footer > div a,.landing-footer > div button { color:#526985; font-size:12px; }
.landing-footer > small { color:#8b99ad; font-size:10px; }

.auth-gate { background:rgba(29,53,88,.34); }
.auth-brand-panel { color:#f6f9ff; background:radial-gradient(circle at 18% 8%,rgba(102,163,255,.28),transparent 35%),linear-gradient(150deg,#1b3864,#254f88); }
.auth-brand-panel p { color:#c6d6ed; font-size:14px; line-height:1.75; }
.auth-security-list { color:#e1ebf8; font-size:13px; }
.auth-logo { background:linear-gradient(135deg,#5f96f0,#3568cf); }

@media (max-width:1100px) {
  .landing-hero { min-height:auto; padding-right:28px; padding-left:28px; }
  .landing-hero-copy h1 { font-size:clamp(56px,7vw,76px); }
  .landing-hero-visual { width:100%; }
  .landing-workflow-board { grid-template-columns:250px minmax(0,1fr); }
  .landing-trust-section { grid-template-columns:1fr; }
}

@media (max-width:760px) {
  .landing-nav { min-height:68px; padding:0 14px; }
  .landing-nav .landing-brand strong { font-size:15px; }
  .landing-nav-actions { gap:7px; }
  .landing-login-button,.landing-start-button { height:40px; padding:0 13px; font-size:12px; }
  .landing-hero { display:flex; padding:64px 17px 72px; }
  .landing-hero::after { top:20px; right:auto; width:120vw; height:380px; }
  .landing-eyebrow { font-size:9px; letter-spacing:.13em; }
  .landing-hero-copy h1 { margin:20px auto 18px; font-size:clamp(43px,12vw,56px); line-height:1.05; }
  .landing-hero-copy > p { font-size:15px; line-height:1.75; }
  .landing-prompt-card { margin-top:28px; padding:16px; border-radius:20px; }
  .landing-prompt-card textarea { min-height:88px; font-size:15px; }
  .landing-prompt-bottom { gap:14px; }
  .landing-prompt-tools button { min-height:34px; padding:0 12px; font-size:11px; }
  .landing-prompt-submit { width:100%; height:48px; justify-content:center; }
  .landing-model-row { font-size:10px; }
  .landing-model-row b { font-size:10px; }
  .landing-service-card { display:flex; width:100%; justify-content:center; flex-wrap:wrap; gap:7px 11px; border-radius:18px; }
  .landing-service-card span { flex-basis:100%; text-align:center; }
  .landing-hero-visual { display:grid; grid-template-columns:1fr 1fr; gap:10px; width:100%; height:auto; margin-top:38px; padding:10px; border-radius:22px; }
  .landing-art-card { position:relative; inset:auto; width:auto; height:auto; padding:7px; transform:none; animation:none; }
  .landing-art-card .landing-art-image { height:auto; aspect-ratio:1.05; }
  .art-main { grid-row:span 2; }
  .art-main .landing-art-image { aspect-ratio:.69; }
  .landing-art-card > span { font-size:8px; }
  .landing-art-card > strong { font-size:11px; }
  .landing-agent-note { height:34px; font-size:9px; }
  .note-one { left:1%; bottom:20%; }
  .note-two { right:0; top:34%; }
  .landing-story-section,.landing-capability-section,.landing-showcase-section,.landing-trust-section { padding:76px 18px; }
  .landing-section-heading h2,.landing-trust-section h2,.landing-final-cta h2 { font-size:36px; }
  .landing-section-heading p { font-size:14px; }
  .landing-workflow-board { grid-template-columns:1fr; margin-top:36px; }
  .workflow-rail { grid-template-columns:1fr 1fr; }
  .workflow-step { min-height:84px; padding:13px; }
  .workflow-step strong { font-size:13px; }
  .workflow-step small { font-size:10px; }
  .canvas-prompt { width:calc(100% - 28px); margin:14px; }
  .canvas-results { grid-template-columns:1fr 1fr; padding:0 14px 14px; }
  .result-image { min-height:180px; }
  .canvas-status { padding:12px 14px; }
  .capability-card,.capability-card.capability-wide { min-height:430px; padding:24px; }
  .capability-card h3 { font-size:24px; }
  .capability-card p { font-size:13px; }
  .showcase-filter-row { margin:24px 0; }
  .showcase-filter-row button { height:36px; padding:0 14px; font-size:11px; }
  .showcase-masonry { grid-template-columns:1fr 1fr; }
  .showcase-card:nth-child(3) { display:block; }
  .showcase-card:nth-child(n+5) { display:none; }
  .showcase-card > span { font-size:12px; }
  .trust-grid article { grid-template-columns:34px 1fr; padding:17px; }
  .trust-grid h3 { font-size:14px; }
  .trust-grid p { grid-column:2; font-size:12px; }
  .landing-final-cta { min-height:500px; padding:78px 18px; }
  .landing-final-cta p { font-size:14px; text-align:center; }
  .landing-footer { grid-template-columns:1fr; gap:18px; padding:34px 20px; }
  .landing-footer p,.landing-footer > div,.landing-footer > small { grid-column:auto; }
  .auth-shell { max-height:calc(100vh - 24px); }
  .auth-brand-panel { display:none; }
  .auth-card { padding:52px 24px 28px; }
}

@media (max-width:390px) {
  .landing-login-button,.landing-start-button { height:38px; padding:0 11px; font-size:11px; }
  .landing-hero-copy h1 { font-size:42px; }
  .landing-prompt-tools button:nth-child(n+4) { display:inline-flex; }
}

.landing-industries-section { padding:108px clamp(28px,6vw,108px); background:linear-gradient(180deg,#eef5ff,#f9fbff); }
.landing-industries-heading { max-width:980px; margin:0 auto 48px; text-align:center; }
.landing-industries-heading > span { color:#4d76b4; font-size:11px; font-weight:760; letter-spacing:.17em; }
.landing-industries-heading h2 { margin:18px 0; color:#142749; font-size:clamp(42px,4.4vw,64px); font-weight:650; line-height:1.1; letter-spacing:-.05em; }
.landing-industries-heading p { max-width:820px; margin:0 auto; color:#667995; font-size:15px; line-height:1.85; }
.landing-industries-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; max-width:1320px; margin:0 auto; }
.landing-industries-grid article { position:relative; min-height:238px; overflow:hidden; padding:26px; border:1px solid #dce6f4; border-radius:20px; background:rgba(255,255,255,.88); box-shadow:0 16px 44px rgba(47,79,125,.07); }
.landing-industries-grid article::after { content:""; position:absolute; right:-48px; bottom:-48px; width:130px; height:130px; border-radius:50%; background:radial-gradient(circle,rgba(87,142,229,.17),transparent 66%); }
.landing-industries-grid article:hover { transform:translateY(-5px); border-color:#c1d5f2; box-shadow:0 24px 58px rgba(45,78,128,.12); transition:.2s ease; }
.landing-industries-grid article > b { position:absolute; top:24px; right:24px; color:#82a0c9; font-size:11px; }
.landing-industries-grid article > small { color:#4e79b8; font-size:9px; font-weight:760; letter-spacing:.13em; }
.landing-industries-grid h3 { margin:27px 0 12px; color:#1b365c; font-size:21px; font-weight:700; letter-spacing:-.03em; }
.landing-industries-grid p { margin:0; color:#6a7c95; font-size:13px; line-height:1.75; }
.landing-partner-strip { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:12px; max-width:1120px; min-height:70px; margin:28px auto 0; padding:16px 22px; border:1px solid #d9e5f4; border-radius:18px; color:#547093; background:rgba(255,255,255,.78); box-shadow:0 12px 34px rgba(49,81,126,.055); }
.landing-partner-strip span { margin-right:8px; color:#8191a8; font-size:11px; }
.landing-partner-strip b { font-size:13px; font-weight:680; }
.landing-partner-strip i { width:4px; height:4px; border-radius:50%; background:#b7c8dd; }

@media (max-width:1100px) {
  .landing-industries-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .landing-industries-section { padding:76px 18px; }
  .landing-industries-heading { margin-bottom:34px; text-align:left; }
  .landing-industries-heading h2 { font-size:36px; }
  .landing-industries-heading p { font-size:14px; }
  .landing-industries-grid { grid-template-columns:1fr; gap:12px; }
  .landing-industries-grid article { min-height:210px; padding:23px; }
  .landing-industries-grid h3 { margin-top:24px; font-size:22px; }
  .landing-industries-grid p { font-size:13px; }
  .landing-partner-strip { justify-content:flex-start; gap:10px; border-radius:16px; }
  .landing-partner-strip span { flex-basis:100%; margin-bottom:2px; }
}

/* 案例图片保持原始比例，筛选结果居中排版。 */
.landing-showcase-section .landing-section-heading { text-align:center; }
.landing-showcase-section .landing-section-heading p { margin-right:auto; margin-left:auto; }
.landing-showcase-section .showcase-filter-row { justify-content:center; margin:30px auto 36px; }
.showcase-image { display:block; width:100%; height:auto; aspect-ratio:4/5; object-fit:cover; object-position:center; background:#eef3f9; background-image:none!important; }
.showcase-card.tall .showcase-image { aspect-ratio:3/5; }
.showcase-one { object-position:center top; }
.showcase-two,.showcase-three,.showcase-five { object-position:center center; }
.showcase-four { object-position:center 20%; }
.showcase-masonry.filter-active { display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-end; gap:20px; }
.showcase-masonry.filter-active .showcase-card { flex:0 1 300px; width:min(300px,100%); }
.showcase-masonry .showcase-card:nth-child(n) { display:block; }
.showcase-masonry .showcase-card.hidden { display:none!important; }

@media (max-width:760px) {
  .landing-showcase-section .landing-section-heading { text-align:center; }
  .landing-showcase-section .showcase-filter-row { justify-content:center; margin:24px auto 30px; }
  .showcase-masonry { grid-template-columns:1fr 1fr; gap:12px; }
  .showcase-masonry.filter-active { display:flex; gap:12px; }
  .showcase-masonry.filter-active .showcase-card { flex:0 1 calc((100% - 12px)/2); width:calc((100% - 12px)/2); }
}
@media (max-width:520px) {
  .showcase-masonry { grid-template-columns:minmax(0,340px); justify-content:center; }
  .showcase-masonry.filter-active .showcase-card { flex-basis:min(340px,100%); width:min(340px,100%); }
  .showcase-image,.showcase-card.tall .showcase-image { aspect-ratio:4/5; }
}
/* 首页展示素材全部使用独立图片和等比裁切。 */
.landing-art-image,.result-image,.mini-canvas i,.capability-image,.batch-visual span,.video-frame { background-repeat:no-repeat; background-size:cover!important; background-position:center!important; }
.art-fashion-one { background-image:url('assets/landing-hero-brand.webp'); }
.art-device { background-image:url('assets/landing-hero-design.webp'); }
.art-model { background-image:url('assets/landing-hero-character.webp'); background-position:center 24%!important; }
.result-fashion-a { background-image:url('assets/showcase-fashion.webp'); background-position:center 12%!important; }
.result-model-a { background-image:url('assets/showcase-model.webp'); background-position:center top!important; }
.result-fashion-b { background-image:url('assets/showcase-luxury.webp'); }
.result-model-b { background-image:url('assets/landing-workflow-model-b.webp'); background-position:center top!important; }
.mini-canvas i:nth-child(1) { background-image:url('assets/landing-mini-digital.webp'); }
.mini-canvas i:nth-child(2) { background-image:url('assets/landing-mini-home.webp'); }
.mini-canvas i:nth-child(3) { background-image:url('assets/landing-mini-fashion.webp'); }
.mini-canvas i:nth-child(4) { background-image:url('assets/landing-mini-model.webp'); background-position:center top!important; }
.capability-model { background-image:url('assets/landing-capability-model.webp'); background-position:center 4%!important; }
.capability-product { background-image:url('assets/landing-capability-product.webp'); }
.batch-visual span:nth-child(1) { background-image:url('assets/landing-batch-1.webp'); }
.batch-visual span:nth-child(2) { background-image:url('assets/landing-batch-2.webp'); }
.batch-visual span:nth-child(3) { background-image:url('assets/landing-batch-3.webp'); }
.batch-visual span:nth-child(4) { background-image:url('assets/landing-batch-4.webp'); }
.video-frame { background-image:linear-gradient(90deg,rgba(22,20,18,.22),transparent),url('assets/landing-video.webp'); background-size:cover,cover!important; background-position:center,center!important; }