/* 首页布局。全站色板由 appearance.css 统一管理。 */
body.home-pending .app-shell { visibility: hidden; }
body.home-page .primary-button { border-radius: 999px; }

.guest-topbar, .guest-hero-copy, .guest-gallery, .guest-how { display: none; }
.home-guest .member-hero-copy, .home-guest .scenario-strip, .home-guest .workspace-section,
.home-guest .usage-section, .home-guest .bottom-strip, .home-guest .page-footer,
.home-guest .topbar, .home-guest .side-rail { display: none; }
.home-guest .guest-topbar, .home-guest .guest-hero-copy, .home-guest .guest-gallery,
.home-guest .guest-how { display: block; }
.home-guest .member-only { display: none; }
.home-member .guest-only, .home-member .guest-topbar, .home-member .guest-hero-copy,
.home-member .guest-how { display: none; }
.home-member .member-hero-copy, .home-member .guest-gallery { display: block; }

/* 未登录：黑色画面、居中输入框与柔和的黑金翅膀。 */
.home-guest .main-content { width: 100%; min-width: 0; margin: 0; padding: 0 36px 70px; }
.home-guest .guest-topbar { position: relative; z-index: 3; display: flex; align-items: center; justify-content: space-between; width: min(1600px, 100%); height: 78px; margin: auto; }
.guest-brand { display: inline-flex; align-items: center; gap: 8px; color: #fff; font: 700 21px/1 'Manrope', sans-serif; letter-spacing: -.03em; }
.guest-brand b { font-weight: 400; font-family: Georgia, 'Times New Roman', serif; }
.guest-brand-symbol { display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid #ffffffb8; border-radius: 8px; font-size: 21px; }
.guest-nav { display: flex; align-items: center; gap: 7px; padding: 6px; border: 1px solid #ffffff19; border-radius: 999px; background: #1b1b1ed9; }
.guest-nav a { padding: 8px 17px; color: #aaa8ae; border-radius: 999px; font-size: 12px; transition: color .2s, background .2s; }
.guest-nav a:hover, .guest-nav a:first-child { color: #fff; background: #ffffff12; }
.guest-actions { display: flex; align-items: center; gap: 22px; font-size: 13px; }
.guest-login { color: #e4e1e9; }
.guest-login:hover { color: #fff; }
.guest-signup { display: inline-flex; align-items: center; gap: 11px; height: 37px; padding: 0 16px; color: #111; background: #f5f3f7; border-radius: 999px; font-weight: 700; }
.guest-signup:hover { background: #d9cdf4; }
.home-guest .hero-section { position: relative; isolation: isolate; display: flex; flex-direction: column; max-width: 1500px; min-height: 930px; margin: auto; padding: 65px 0 30px; }
.wing-canvas { display: none; position: absolute; z-index: -1; inset: 12px 0 auto; width: 100%; height: 600px; pointer-events: none; }
.home-guest .wing-canvas { display: block; }
.home-guest .hero-copy { position: relative; z-index: 1; text-align: center; }
.guest-eyebrow { display: inline-flex; align-items: center; gap: 8px; padding: 7px 13px; border: 1px solid #b4926a39; border-radius: 999px; color: #c6a875; background: #09090ba6; font: 500 10px/1 'DM Mono', monospace; letter-spacing: .2em; }
.guest-ai-title { margin: 16px 0 2px; color: #f7f5f5; font: 400 clamp(70px, 9vw, 132px)/1 Georgia, 'Times New Roman', serif; letter-spacing: -.055em; text-shadow: 0 2px 28px #000; }
.guest-ai-letter { position: relative; color: #f4e7d0; text-shadow: 0 0 21px #bb975e66, 0 0 50px #eacb8833; }
@keyframes wing-letter-glow { 0%, 100% { text-shadow: 0 0 15px #bb975e66, 0 0 37px #eacb8825; } 50% { text-shadow: 0 0 26px #e4bd83a8, 0 0 64px #eacb8840; } }
.home-guest .guest-ai-letter { animation: wing-letter-glow 5.5s ease-in-out infinite; }
.guest-hero-copy p { margin: 17px 0 0; color: #aaa8af; font-size: clamp(13px, 1.2vw, 17px); letter-spacing: .12em; }
.home-guest .creator-card { position: relative; z-index: 2; width: min(860px, calc(100% - 24px)); margin: 64px auto 0; padding: 26px 29px 24px; border: 1px solid #ffffff29; border-radius: 28px; background: #29292be8; box-shadow: 0 24px 80px #0009, inset 0 1px 0 #ffffff11; backdrop-filter: blur(14px); }
.home-guest .creator-topline { margin-bottom: 14px; }
.home-guest .creator-label { font-size: 12px; color: #f0eef1; }
.home-guest .prompt-label { color: #c7c4ca; font-size: 14px; }
.home-guest .creator-card textarea { min-height: 126px; font-size: 16px; resize: vertical; }
.home-guest .creator-card textarea::placeholder { color: #838087; }
.home-guest .prompt-footer { padding-top: 15px; border-color: #ffffff17; }
.home-guest .tool-button { height: 36px; background: #ffffff0d; border-color: #ffffff12; border-radius: 999px; color: #e7e5ea; }
.home-guest .plus-button { width: 36px; font-size: 22px; }
.home-guest .prompt-actions .primary-button { min-width: 112px; height: 40px; background: #ab88f3; }
.home-guest .voice-button { background: #ffffff0b; border-color: #ffffff2a; }
.home-guest .voice-button, .home-guest .autosave { display: none; }
.home-guest .selected-summary, .home-guest .creator-steps { display: none; }
.home-guest .guest-gallery { order: 3; width: min(880px, 100%); margin: 74px auto 0; }
.guest-gallery-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; margin-bottom: 21px; }
.guest-gallery-heading > span { font-size: 13px; font-weight: 650; color: #f0eef2; }
.guest-gallery-heading p { margin: 0; color: #77757c; font-size: 12px; }
.guest-gallery-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 15px; }
.guest-gallery-card { display: block; min-width: 0; color: #bcbac2; font-size: 11px; }
.guest-gallery-art { display: block; aspect-ratio: 4 / 3; overflow: hidden; margin-bottom: 9px; border: 1px solid #ffffff19; border-radius: 14px; background-image: url('assets/home-inspiration-contact-sheet.png'); background-repeat: no-repeat; background-size: 400% auto; background-position-y: 51%; transition: transform .25s, border-color .25s; }
.guest-gallery-card:hover .guest-gallery-art { transform: translateY(-4px); border-color: #a88cf275; }
.guest-gallery-art.art-one { background-position-x: 0%; }
.guest-gallery-art.art-two { background-position-x: 33.333%; background-position-y: 28%; }
.guest-gallery-art.art-three { background-position-x: 66.666%; }
.guest-gallery-art.art-four { background-position-x: 100%; }
.home-guest .guest-how { order: 4; display: flex; justify-content: center; align-items: center; gap: 16px; margin: 40px auto 0; color: #77757d; font-size: 11px; }
.guest-how i { width: 35px; height: 1px; background: #ffffff24; }

/* 登录：参考专业创作工具的侧栏与宽松工作区。 */
.home-member .side-rail { width: 246px; padding: 27px 14px 22px; align-items: stretch; background: #151518; border-color: #ffffff0d; }
.home-member .brand-mark { flex-direction: row; justify-content: flex-start; gap: 10px; padding: 0 13px; margin-bottom: 35px; }
.home-member .brand-symbol { width: 24px; height: 24px; }
.home-member .brand-symbol i { width: 5px; height: 22px; background: #ad8afb; }
.home-member .brand-symbol i:nth-child(2) { height: 17px; background: #9772eb; }
.home-member .brand-symbol i:nth-child(3) { height: 12px; background: #785dc8; }
.home-member .brand-name { color: #f5f2f7; font-size: 15px; letter-spacing: -.02em; }
.home-member .brand-name span { color: #c0a8fc; }
.home-member .rail-nav { gap: 5px; }
.home-member .rail-item { flex-direction: row; justify-content: flex-start; gap: 13px; min-height: 43px; padding: 8px 13px; border-radius: 10px; color: #99979e; font-size: 12px; text-align: left; }
.home-member .rail-item.active { color: #f7f6f8; background: #ffffff10; box-shadow: none; }
.home-member .rail-item:hover { color: #fff; background: #ffffff0d; }
.home-member .rail-icon { flex: 0 0 22px; height: 20px; font-size: 18px; text-align: center; }
.home-member .rail-footer { align-items: stretch; gap: 14px; padding: 13px 8px 0; border-top: 1px solid #ffffff13; }
.home-member .rail-footer .rail-item { padding-left: 5px; }
.home-member .avatar-button { margin-left: 5px; }
.home-member .main-content { width: calc(100% - 246px); margin-left: 246px; padding: 0 clamp(26px, 4.5vw, 84px) 60px; }
.home-member .topbar { height: 72px; border: 0; }
.home-member .breadcrumbs { color: #77757f; }
.home-member .top-actions { margin-left: auto; }
.home-member .credit-pill { border-radius: 999px; background: #ffffff0a; }
.home-member .hero-section { display: flex; flex-direction: column; max-width: 1130px; margin: auto; padding: 65px 0 22px; }
.home-member .hero-copy { order: 0; text-align: center; }
.home-member .eyebrow { color: #b99cf7; }
.home-member .member-hero-copy h1 { margin: 18px 0 12px; font: 400 clamp(30px, 3.2vw, 46px)/1.2 Georgia, 'Songti SC', serif; letter-spacing: -.025em; }
.home-member .member-hero-copy p { color: #85838b; font-size: 13px; }
.home-member .creator-card { order: 1; width: min(980px, 100%); margin: 39px auto 0; padding: 27px 28px 22px; border: 1px solid #ffffff10; border-radius: 25px; background: #202024; box-shadow: none; }
.home-member .creator-label { font-size: 12px; color: #b8b5bc; }
.home-member .prompt-label { font-size: 13px; color: #c9c7cd; }
.home-member .creator-card textarea { min-height: 118px; font-size: 16px; }
.home-member .creator-card textarea::placeholder { color: #747179; }
.home-member .prompt-footer { padding-top: 13px; border-color: #ffffff12; }
.home-member .tool-button { height: 33px; border: 0; border-radius: 999px; background: #ffffff0c; color: #c8c5cf; }
.home-member .prompt-actions .primary-button { min-width: 120px; height: 37px; }
.home-member .selected-summary, .home-member .creator-steps { display: none; }
.home-member .scenario-strip { order: 2; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; overflow: visible; margin: 38px 0 0; padding: 0; mask-image: none !important; }
.home-member .scenario-strip::before { content: '推荐技能'; grid-column: 1 / -1; margin-bottom: 5px; color: #dedce2; font-size: 13px; font-weight: 650; }
.home-member .scenario-card { min-width: 0; padding: 12px; border-color: #ffffff0b; background: #1c1c20; }
.home-member .scenario-card.is-soon { display: none; }
.home-member .scenario-icon { width: 30px; height: 30px; }
.home-member .scenario-text b { font-size: 12px; }
.home-member .scenario-text small { font-size: 10px; }
.home-member .guest-gallery { order: 3; margin: 48px 0 0; }
.home-member .guest-gallery .guest-gallery-art { aspect-ratio: 1.65; }
.home-member .guest-gallery-card { font-size: 11px; }
.home-member .workspace-section { max-width: 1130px; margin: 45px auto 0; padding: 0; }
.home-member .compact-heading { margin-bottom: 19px; }
.home-member .section-kicker { color: #a88bea; }
.home-member .usage-section, .home-member .bottom-strip, .home-member .page-footer { max-width: 1130px; }
.home-member .bottom-strip { margin-top: 35px; }

@media (max-width: 980px) {
  .home-member .side-rail { width: 74px; align-items: center; padding: 23px 9px; }
  .home-member .brand-mark { padding: 0; }
  .home-member .brand-name, .home-member .rail-item > span:last-child { display: none; }
  .home-member .rail-item { justify-content: center; width: 46px; padding: 8px; }
  .home-member .rail-footer { align-items: center; padding: 12px 0 0; }
  .home-member .main-content { width: calc(100% - 74px); margin-left: 74px; }
  .home-member .scenario-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .guest-nav { display: none; }
}
@media (max-width: 650px) {
  .home-guest .main-content { padding: 0 15px 45px; }
  .home-guest .guest-topbar { height: 64px; }
  .guest-brand { font-size: 17px; }
  .guest-actions { gap: 10px; font-size: 11px; }
  .guest-signup { height: 33px; padding: 0 11px; }
  .home-guest .hero-section { min-height: 0; padding-top: 72px; }
  .home-guest .wing-canvas { top: 20px; height: 400px; }
  .guest-ai-title { font-size: clamp(54px, 14vw, 88px); }
  .guest-hero-copy p { padding: 0 10px; font-size: 12px; line-height: 1.7; }
  .home-guest .creator-card { width: 100%; margin-top: 59px; padding: 19px 16px; border-radius: 21px; }
  .home-guest .creator-card textarea { min-height: 135px; font-size: 13px; }
  .home-guest .prompt-footer, .home-member .prompt-footer { align-items: stretch; flex-direction: column; }
  .home-guest .tool-cluster, .home-member .tool-cluster { flex-wrap: wrap; }
  .home-guest .prompt-actions, .home-member .prompt-actions { display: flex; justify-content: flex-end; }
  .guest-gallery-heading { display: block; }
  .guest-gallery-heading p { margin-top: 7px; }
  .guest-gallery-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-guest .guest-gallery { margin-top: 52px; }
  .home-guest .guest-how { flex-wrap: wrap; gap: 8px; font-size: 10px; }
  .guest-how i { width: 14px; }
  .home-member .main-content { padding: 0 15px 45px; }
  .home-member .topbar .quiet-button, .home-member .breadcrumbs { display: none; }
  .home-member .topbar { height: 56px; }
  .home-member .hero-section { padding-top: 42px; }
  .home-member .member-hero-copy h1 { font-size: 29px; }
  .home-member .creator-card { padding: 20px 16px; }
  .home-member .scenario-strip { grid-template-columns: 1fr 1fr; gap: 8px; }
  .home-member .scenario-card { padding: 8px; }
  .home-member .scenario-icon { display: none; }
  .home-member .guest-gallery-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) {
  body.home-page *, body.home-page *::before, body.home-page *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}