/* GMV Max 智能管理 子域名站: 苹果风细节(在 styles.css + themes.css[apple] 之上) */
html { scroll-padding-top: 64px; }
body { background: var(--bg); }
.ic { display: block; flex: none; }
.link { color: #0066cc; font-size: 17px; font-weight: 500; transition: opacity .2s; }
.link:hover { text-decoration: underline; }
.dark .link { color: #2997ff; }

/* 顶栏: 贴顶磨砂, 跟着下面区块深浅切换 */
.brand-wrap { display: inline-flex; align-items: center; gap: 10px; }
.brand-wrap b { font-size: 14px; font-weight: 600; color: var(--ink); letter-spacing: -.01em; white-space: nowrap; }
html[data-theme="apple"] .brand { height: 30px; padding: 0 8px; border-radius: 8px; background: #fff; }
html[data-theme="apple"] .brand img { height: 18px; }
html[data-theme="apple"] .bar { transition: background .35s, box-shadow .35s; }
html[data-theme="apple"] .top.on-dark .bar { background: rgba(22, 22, 23, .78); box-shadow: 0 1px 0 rgba(255, 255, 255, .06); }
.top.on-dark .nav a, .top.on-dark .brand-wrap b { color: #f5f5f7; }
.top.on-dark .btn.ghost { color: #2997ff; }
.top.on-dark .nav a.on::after { background: #f5f5f7; }
html[data-theme="apple"] .nav a { font-size: 12.5px; padding: 6px 12px; }
html[data-theme="apple"] .actions .btn.sm { height: 30px; font-size: 12.5px; padding: 0 12px; }
.burger { display: none; position: relative; width: 36px; height: 36px; border: 0 !important; background: none; cursor: pointer; }
.burger i { position: absolute; left: 10px; right: 10px; height: 1.5px; background: currentColor; border-radius: 2px; transition: transform .35s var(--out), top .35s var(--out); }
.burger i:nth-child(1) { top: 14px; } .burger i:nth-child(2) { top: 21px; }
body.menu-open .burger i:nth-child(1) { top: 17.5px; transform: rotate(45deg); }
body.menu-open .burger i:nth-child(2) { top: 17.5px; transform: rotate(-45deg); }
.top.on-dark .burger { color: #f5f5f7; }
/* 手机菜单: 整屏深色, 大字逐条滑入 */
html[data-theme="apple"] .mnav { position: fixed; inset: 52px 0 0; margin: 0; max-width: none; border: 0; border-radius: 0; padding: 18px 28px; background: rgba(22, 22, 23, .97); backdrop-filter: blur(20px); }
html[data-theme="apple"] .mnav a { color: #f5f5f7; font-size: 24px; font-weight: 600; padding: 10px 0; border-radius: 0; animation: slideIn .5s var(--out) both; }
html[data-theme="apple"] .mnav a:nth-child(n+6) { font-size: 17px; font-weight: 500; color: #a1a1a6; }
.mnav a:nth-child(1) { animation-delay: .03s; } .mnav a:nth-child(2) { animation-delay: .06s; } .mnav a:nth-child(3) { animation-delay: .09s; } .mnav a:nth-child(4) { animation-delay: .12s; } .mnav a:nth-child(5) { animation-delay: .15s; } .mnav a:nth-child(n+6) { animation-delay: .2s; }
@keyframes slideIn { from { opacity: 0; transform: translateY(-8px); } }
body.menu-open { overflow: hidden; }

/* 首屏 */
html[data-theme="apple"] .hero { padding-top: 140px; padding-bottom: 60px; }
html[data-theme="apple"] .hero .eyebrow { font-size: 21px; color: var(--ink); font-weight: 600; }
html[data-theme="apple"] .hero h1 { margin-top: 10px; }
html[data-theme="apple"] .hero .sub { font-size: 21px; line-height: 1.55; max-width: 760px; color: var(--mute); }
.hero .ctas { display: flex; gap: 28px; justify-content: center; align-items: center; margin-top: 30px; flex-wrap: wrap; }
html[data-theme="apple"] .agent .av { background: #f5f5f7; color: #1d1d1f; }
html[data-theme="apple"] .agent:hover .av, html[data-theme="apple"] .agent.on .av { background: #fff; }
html[data-theme="apple"] .metrics { margin-top: 48px; gap: 64px; }
html[data-theme="apple"] .metrics b { font-size: 40px; font-weight: 700; letter-spacing: -.02em; }

/* 产品大屏: 定住, 跟着滚动放大、圆角收小 */
.pin { position: relative; height: 210vh; }
.pin-inner { position: sticky; top: 52px; height: calc(100vh - 52px); display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 24px; overflow: hidden; }
.pin-inner .head { margin-bottom: 18px; }
.pin-inner .head h2 { font-size: clamp(28px, 4vw, 48px) !important; }
.pin-inner .window { width: min(1120px, 100%, calc((100vh - 260px) * 1.6)); }
html[data-theme="apple"] .window { transform: scale(var(--sc2, .84)); transition: transform .08s linear; }
html[data-theme="apple"] .window .rim { border-radius: var(--rad, 30px); transition: border-radius .08s linear; }
.tabs { margin-bottom: 14px; }

/* 逐字点亮 */
.scrub { padding: 160px 24px; }
.scrub p { max-width: 980px; margin: 0 auto; font-size: clamp(30px, 4.4vw, 56px); font-weight: 700; line-height: 1.3; letter-spacing: -.02em; }
.scrub span { color: rgba(245, 245, 247, .18); transition: color .35s; }
.scrub span.lit { color: #f5f5f7; }

/* 功能区 */
html[data-theme="apple"] .feature h3 { font-size: clamp(32px, 4.4vw, 52px); letter-spacing: -.03em; }
html[data-theme="apple"] .feature .lead { font-size: 18px; line-height: 1.6; }
html[data-theme="apple"] .checks li::before { background: #0071e3; }
.tagdemo { position: absolute; right: 16px; top: -12px; padding: 3px 10px; border-radius: 999px; font-size: 11px; font-weight: 600; background: #1d1d1f; color: #fff; z-index: 2; }
.scan { margin-top: 14px; font-size: 11.5px; color: var(--dim); }
.vsnote { margin-top: 6px; font-size: 12px; color: var(--dim); text-align: right; }
.vsnote b { color: #34c759; }
.demo.stack { padding-bottom: 60px; }
.demo.stack .over { position: absolute; width: 52%; right: -24px; bottom: -28px; box-shadow: 0 30px 60px -20px rgba(0, 0, 0, .35); border-radius: 12px; }
.demo .shot img { display: block; }

/* 大数字 */
.nums { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; margin-top: 64px; }
.nums b { display: block; font-size: clamp(56px, 7vw, 92px); font-weight: 700; line-height: 1; letter-spacing: -.04em; }
html[data-theme="apple"] .dark .nums b.grad { background: linear-gradient(180deg, #fff, #8e8e93); -webkit-background-clip: text; background-clip: text; }
.nums span { display: block; margin-top: 10px; font-size: 19px; font-weight: 600; }
.nums p { margin-top: 6px; font-size: 14px; color: var(--mute); line-height: 1.6; }

/* 智能生成 */
.smart { display: grid; grid-template-columns: 1fr 60px 1.1fr; gap: 20px; align-items: center; margin-top: 56px; }
.smart .form { padding: 22px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.smart .form label { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; border-radius: 14px; background: #f5f5f7; }
.smart .form label span { font-size: 12px; color: var(--dim); }
.smart .form label b { font-size: 18px; letter-spacing: -.01em; }
.smart .form .btn { grid-column: span 2; margin-top: 6px; }
.smart .btn.press-now { transform: scale(.94); filter: brightness(.9); }
.smart .arrow { text-align: center; font-size: 30px; color: var(--dim); }
.smart .out { position: relative; padding: 22px; display: grid; gap: 8px; }
.gen { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 12px; background: #f5f5f7; font-size: 13.5px; opacity: 0; transform: translateX(-10px); transition: opacity .45s var(--out), transform .45s var(--out); }
.gen.in { opacity: 1; transform: none; }
.gen .ic { color: #0071e3; }

/* 价格 */
#pricing .head p { font-size: 19px; }
#pricing .ctas { display: flex; gap: 28px; justify-content: center; align-items: center; margin-top: 30px; }

/* 其他产品 */
.others { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; max-width: 900px; margin: 40px auto 0; }
.others .spot { display: flex; align-items: center; gap: 16px; padding: 22px 24px; transition: transform .4s var(--out), box-shadow .3s; }
.others .spot:hover { transform: translateY(-3px); }
.others .ico { width: 52px; height: 52px; border-radius: 14px; display: grid; place-items: center; background: #f5f5f7; color: #1d1d1f; }
.others b { font-size: 17px; } .others p { margin-top: 2px; font-size: 13.5px; color: var(--mute); }
.others .link { margin-left: auto; font-size: 14px; white-space: nowrap; }

/* 苹果式悬停: 轻轻抬起 */
html[data-theme="apple"] .demo.spot, html[data-theme="apple"] .vs .spot { transition: transform .5s var(--out), box-shadow .4s; }
html[data-theme="apple"] .demo.spot:hover, html[data-theme="apple"] .vs .spot:hover { transform: translateY(-4px) scale(1.005); box-shadow: 0 40px 90px -40px rgba(0, 0, 0, .35); }

/* 页脚 */
html[data-theme="apple"] footer { margin-top: 0; font-size: 12px; }
html[data-theme="apple"] .foot { grid-template-columns: 1.6fr 1fr 1fr 1fr; padding: 40px 0 28px; font-size: 12.5px; }
html[data-theme="apple"] .foot h4 { font-size: 12px; text-transform: none; letter-spacing: 0; font-weight: 600; margin-bottom: 10px; }
html[data-theme="apple"] .foot a, html[data-theme="apple"] .foot p { color: #6e6e73; }
html[data-theme="apple"] .copy { color: #86868b; }

@media (max-width: 980px) {
  .nav, #loginBtn, #registerBtn { display: none !important; }
  .burger { display: inline-block; }
  .nums { grid-template-columns: repeat(2, 1fr); }
  .smart { grid-template-columns: 1fr; } .smart .arrow { transform: rotate(90deg); }
  .others { grid-template-columns: 1fr; }
  .demo.stack .over { right: -8px; }
  html[data-theme="apple"] .foot { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  .brand-wrap b { font-size: 13px; }
  html[data-theme="apple"] .hero .sub { font-size: 17px; }
  html[data-theme="apple"] .metrics { gap: 26px; } html[data-theme="apple"] .metrics b { font-size: 30px; }
  .pin { height: auto; } .pin-inner { position: static; height: auto; padding: 60px 18px; }
  html[data-theme="apple"] .window { transform: none; }
  .scrub { padding: 100px 18px; }
  .nums { grid-template-columns: 1fr 1fr; gap: 22px; }
  .smart .form { grid-template-columns: 1fr 1fr; }
  .demo.stack .over { display: none; } .demo.stack { padding-bottom: 18px; }
  html[data-theme="apple"] .foot { grid-template-columns: 1fr; }
}