/* 明暗及窄屏：保留全部内容、卡片横滑、3+2标签换行和代码内部滚动。 */
[data-theme=dark] .logo img,[data-theme=dark] .closing>img{filter:invert(1)}
[data-theme=dark] .art-frame{background-image:linear-gradient(#17121c33,#17121c33),url('/_next/image?url=%2Fnatural-v5-assets%2Fassets%2Ftexture-balanced.png&w=1920&q=90')}
[data-theme=dark] .primary{background:#efedf3;color:#1b1820}[data-theme=dark] .primary:hover{background:#d5c7ed}
[data-theme=dark] .emotion-card{background-blend-mode:multiply;background-color:#b9b2c4;color:#26212e}
/* 窄屏提高文字可读性，标签/卡片/代码只在各自容器内换行或滚动。 */
@media(max-width:1000px){.hero{gap:32px;grid-template-columns:1.1fr 1fr}.hero-copy{max-width:none}.hero h1{font-size:44px;line-height:1.3}.split{gap:38px;grid-template-columns:1fr 1.2fr}.section{padding-block:52px}.section-copy h2{font-size:30px;line-height:40px}.chef-frame{padding:24px}.scene-card{padding:20px}.scene-options{gap:4px}.scene-options button{padding-inline:9px}.faq-section{gap:40px}.desktop{display:none}.cap-demo{padding:14px}.lang-grid{gap:8px 15px}}
@media(max-width:650px){
  .hero-actions{flex-direction:column;gap:12px;max-width:330px;margin-inline:auto}.hero-actions .btn,.hero-actions .auth-entry{width:100%;min-height:48px;flex:auto}
  body{font-size:15px;line-height:24px}.wrap{width:calc(100% - 24px)}.top,.header-row{height:60px}.header-row{width:calc(100% - 32px);gap:0}.top nav,.locale{display:none}.logo{font-size:18px;gap:8px}.logo span{font-size:12px}.logo img{width:22px;height:22px}.end{gap:0}.quiet{font-size:12px;padding-right:0;padding-left:6px}.icon-btn{min-width:32px}
  h2{font-size:26px;line-height:36px}.hero{display:flex;flex-direction:column;gap:0;padding-block:44px 28px;text-align:center}.product-pill{font-size:12px;line-height:18px;margin-bottom:16px;padding:4px 12px}.hero h1{font-size:28px;line-height:40px;letter-spacing:normal}.hero-copy{padding-top:20px;max-width:none;width:100%}.hero-copy p{font-size:15px;line-height:24px;margin-bottom:20px;max-width:330px;margin-inline:auto;text-wrap:balance}.hero-copy small{font-size:12px;line-height:18px;margin-top:10px}.btn{min-height:44px;font-size:14px;padding-inline:22px}
  .showcase .art-frame{padding:19px 13px;min-height:0;border-radius:18px}.editor{padding:18px 16px 15px;border-radius:16px;min-height:0}.editor-top{margin-bottom:16px}.voice{font-size:13px;line-height:18px;gap:8px}.voice img{width:30px;height:30px}.voice small{font-size:12px;line-height:16px}.model-name{font-size:12px;line-height:16px;padding:4px 6px}.tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:7px 5px;padding-bottom:14px}.tabs button{grid-column:span 2;padding:6px 3px;font-size:12px;line-height:18px;white-space:nowrap}.tabs button:nth-child(4){grid-column:2 / span 2}.transcript{padding-top:19px;font-size:16px;min-height:134px;line-height:28px}.editor-note{flex-wrap:wrap;font-size:12px;line-height:18px;gap:5px;margin-top:16px;padding-top:13px}.editor-note>span:last-child{flex-basis:100%;margin-left:10px;font-size:12px}.audio-player{gap:10px;margin-top:18px}.wave{gap:3px}.wave i:nth-child(n+45){display:none}.duration{font-size:12px}.play{width:30px;height:30px;padding:9px}.pending-label{font-size:12px;line-height:18px}
  .section{padding-block:36px}.split{display:flex;flex-direction:column;align-items:stretch;gap:24px}.section-copy{max-width:none}.section-copy h2{font-size:27px;line-height:38px}.eyebrow{font-size:12px;line-height:16px;margin-bottom:12px}.section-copy>p,.section-head>p{font-size:15px;line-height:24px;margin-top:14px}.character-name{margin-top:18px}.character-name img{width:36px;height:36px}.character-name small{font-size:12px;line-height:18px}.chef-frame{min-height:0;padding:20px 14px;border-radius:18px}.scene-card{padding:20px 18px;border-radius:16px}.scene-options{gap:6px}.scene-options button{font-size:12px;line-height:18px;padding:6px 10px}.scene-copy{font-size:15px;line-height:24px;min-height:110px}.micro-label{font-size:13px;line-height:20px}
  .section-head{margin-bottom:24px}.emotion-grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:-12px;padding-right:12px}.emotion-grid::-webkit-scrollbar{display:none}.emotion-card{min-width:85%;flex:0 0 85%;min-height:300px;border-radius:16px;padding:24px 21px;scroll-snap-align:start}.emotion-card h3{font-size:21px;line-height:30px}.emotion-card blockquote{font-size:16px;line-height:27px;margin-top:22px}.mobile-hint{display:flex;font-size:12px;line-height:18px;color:var(--muted);justify-content:space-between;margin-top:12px;padding-right:16px}
  .capability-grid{grid-template-columns:1fr;gap:12px}.cap-card,.cap-card.wide{grid-column:auto;min-height:0;padding:22px;border-radius:16px}.cap-number{margin-bottom:12px}.cap-card h3{font-size:19px;line-height:28px}.cap-card>p{font-size:15px;line-height:24px}.cap-demo{margin-top:18px;padding:16px;min-height:100px;font-size:14px;line-height:22px}.lang-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}.lang-grid div{font-size:14px}.lang-grid small{font-size:12px;line-height:18px}
  .story-frame{padding:20px 14px;border-radius:18px}.script-card{padding:20px 17px;border-radius:16px}.script-top{font-size:12px;line-height:18px;gap:8px}.script-top .micro-label{font-size:13px;line-height:20px}.script-line{font-size:14px;gap:9px;line-height:24px}.script-line img{width:26px;height:26px}.script-line .tag{font-size:12px}.pill-switch{margin-top:20px}.pill-switch button{font-size:13px;line-height:20px;padding:8px 12px}.story-section .subtle{font-size:12px}
  .api-section{margin-top:0}.code-card{border-radius:16px}.code-top{padding:14px;font-size:12px;gap:12px}.code-card pre{font-size:12px;padding:20px 17px;line-height:20px}.code-foot{padding:13px 17px;font-size:12px;line-height:18px}.outline-pill{font-size:12px;margin-top:18px}
  .closing{padding-block:40px 44px}.closing>img{width:48px;height:48px;margin-bottom:24px}.closing h2{font-size:28px;line-height:40px}.closing p{font-size:15px;line-height:24px;margin:14px 0 24px}.closing .actions{gap:10px}.closing .btn{min-width:0;padding-inline:20px}.faq-section{display:flex;flex-direction:column;gap:24px;padding-bottom:40px}.faq-section h2{font-size:26px}.question summary{font-size:15px;line-height:24px;padding-block:16px}.question p{font-size:14px;line-height:22px}
  footer{padding-top:32px}.footer-grid{grid-template-columns:repeat(3,1fr);gap:24px 15px}.footer-brand{grid-column:1/-1}.footer-brand p{font-size:14px;line-height:22px;margin-top:12px}.footer-grid h3{font-size:13px;margin-bottom:12px}.footer-grid>div>a:not(.logo){font-size:13px;margin:8px 0}.footer-bottom{margin-top:24px;padding-top:18px;flex-wrap:wrap;gap:7px 18px;font-size:12px;line-height:18px}.footer-bottom span:last-child{margin:2px 0 0;flex-basis:100%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}