/* 首页 MCP 价值表达：米黄与暖墨，对话经连接成为课程中的下一步。 */
.s-hero .hero-experience { position:relative; isolation:isolate; display:block; min-height:500px; border:0; border-radius:0; background:transparent; box-shadow:none; overflow:visible; }
.s-hero:has(.hero-experience) > .deco { display:none; }
.hero-experience .hero-copy { position:relative; z-index:2; width:53%; min-height:500px; padding:40px 0 30px; justify-content:center; pointer-events:none; }
.hero-experience .hero-copy > * { pointer-events:auto; }
.hero-experience .hero-kicker { display:flex; gap:12px; align-items:center; margin-bottom:28px; color:var(--muted); font-size:11px; font-weight:500; line-height:1.5; letter-spacing:1.2px; }
.hero-experience .hero-kicker::before { content:none; }
.hero-experience .hero-kicker > span { opacity:.45; }
.hero-experience .hero-kicker strong { color:var(--ink); font-weight:600; letter-spacing:1.5px; }
.hero-experience .hero-copy h1 { font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif; font-size:clamp(40px,4.15vw,58px); font-weight:600; line-height:1.42; letter-spacing:-2px; margin-bottom:21px; color:var(--ink); }
.hero-experience h1 em { font-style:normal; font-weight:inherit; position:relative; }
.hero-experience h1 em::after { content:""; position:absolute; bottom:-3px; left:1px; right:2px; height:7px; border-bottom:1px solid #95856a; border-radius:50%; transform:rotate(-4deg); }
.hero-experience .hero-copy > .hero-lead { margin-bottom:27px; max-width:29em; font-size:14px; font-weight:400; line-height:1.95; color:var(--muted); letter-spacing:.3px; }
.hero-mobile-break { display:none; }
.hero-value { display:inline-block; margin-top:5px; color:var(--ink); }
.hero-experience .hero-copy > .hero-entry-hint { display:flex; align-items:center; gap:10px; min-height:40px; margin:0; color:var(--muted); font-size:12px; line-height:1.6; letter-spacing:.5px; white-space:nowrap; }
.hero-entry-hint svg { flex:none; opacity:.7; }
.hero-benefits { width:min(100%,410px); margin-top:38px; }
.hero-feature-controls { display:flex; align-items:stretch; gap:24px; }
.hero-feature-controls button { position:relative; display:flex; align-items:center; gap:8px; flex:1 1 0; min-width:0; min-height:38px; padding:0 0 11px; background:none; border:0; border-bottom:1px solid var(--line); border-radius:0; color:var(--muted); font-family:inherit; font-size:12px; font-weight:500; letter-spacing:.5px; cursor:pointer; transition:color .3s; }
.hero-feature-controls button::after { content:""; position:absolute; left:0; right:0; bottom:-1px; height:1px; background:var(--ink); transform:scaleX(0); transform-origin:left; transition:transform .4s cubic-bezier(.2,.7,.3,1); }
.hero-feature-controls button[aria-pressed="true"] { color:var(--ink); }
.hero-feature-controls button[aria-pressed="true"]::after { transform:scaleX(1); }
.hero-feature-controls button:hover { color:var(--ink); }
.hero-feature-controls button:focus-visible { outline:2px solid var(--accent); outline-offset:5px; }
.hero-feature-controls button:disabled { cursor:default; opacity:1; }
.feature-index { font-family:"Bahnschrift","Cascadia Code",monospace; font-size:9px; opacity:.65; letter-spacing:1px; }
.hero-benefits [data-field-copy] { margin-top:13px; min-height:24px; color:var(--muted); font-size:11px; line-height:1.8; letter-spacing:.4px; }
.hero-field-wrap { position:absolute; top:4px; right:-10px; width:54%; height:calc(100% - 4px); min-height:460px; z-index:1; overflow:hidden; background:radial-gradient(ellipse at 56% 47%,#cbb99014 0,#cbb99008 32%,transparent 66%); }
.hero-field-wrap canvas,.hero-field-fallback { position:absolute; inset:0; width:100%; height:100%; }
.hero-field-wrap canvas { opacity:0; transition:opacity .7s; touch-action:pan-y; }
.hero-field-wrap:has(canvas[data-render-frame]) canvas { opacity:1; }
.hero-field-wrap:has(canvas[data-render-frame]) .hero-field-fallback { opacity:0; }
.hero-field-fallback { transition:opacity .7s; pointer-events:none; }
.field-dialogue { position:absolute; inset:0; z-index:2; pointer-events:none; }
.field-message { position:absolute; }
.field-request { top:16%; left:9%; right:3%; }
.field-response { top:68%; left:29%; right:2%; }
.field-message-label { display:flex; align-items:center; gap:7px; margin:0 0 10px; color:#827865; font-size:10px; font-weight:400; letter-spacing:.7px; }
.field-avatar { display:inline-grid; place-items:center; width:17px; height:17px; border:1px solid #a494734d; border-radius:50%; font-size:12px; }
.field-quote,.field-result { margin:0; width:fit-content; max-width:100%; color:var(--ink); font-size:clamp(17px,1.5vw,21px); font-weight:500; line-height:1.6; letter-spacing:.3px; background:linear-gradient(90deg,#f6f1e6f5 85%,#f6f1e600); }
.field-result { font-size:clamp(16px,1.4vw,20px); }
.field-result-note { margin:8px 0 0; color:var(--muted); font-size:11px; line-height:1.6; letter-spacing:.5px; }
.field-response-dot { width:5px; height:5px; background:#968364; border-radius:50%; box-shadow:0 0 0 4px #ad987319; }
.field-bridge { position:absolute; left:51%; top:49%; transform:translate(-50%,-50%); width:130px; height:88px; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:5px; background:radial-gradient(ellipse,#f6f1e6 27%,#f6f1e6eb 46%,#f6f1e600 71%); }
.field-bridge > span { padding-left:4px; color:#6d6048; font-family:"Bahnschrift","Cascadia Code",monospace; font-size:27px; font-weight:400; letter-spacing:4px; }
.field-bridge small { color:#827865; font-size:9px; letter-spacing:1px; }
.field-heading { position:absolute; top:15px; left:42px; right:12px; display:flex; align-items:center; gap:9px; pointer-events:none; color:#827865; font-size:10px; line-height:1.4; letter-spacing:1.4px; z-index:2; }
.field-cross { font-size:15px; font-weight:300; opacity:.65; }
.field-edition { margin-left:auto; color:#8c806b; font-size:9px; letter-spacing:1px; }
.field-footer { position:absolute; bottom:18px; right:12px; left:42px; display:flex; align-items:center; justify-content:space-between; gap:8px; z-index:2; pointer-events:none; }
.field-interaction-hint { display:flex; align-items:center; gap:8px; font-size:9px; color:#8c806b; letter-spacing:.8px; }
.field-interaction-hint i { width:4px; height:4px; border-radius:50%; background:#a29376; }
.field-pause { display:inline-flex; align-items:center; gap:5px; min-height:34px; padding:6px 4px 6px 8px; color:var(--muted); border:0; border-radius:4px; background:transparent; font-size:9px; letter-spacing:.4px; cursor:pointer; pointer-events:auto; }
.field-pause:hover { color:var(--ink); }
.field-pause:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.field-pause[aria-pressed="true"] .pause-symbol { opacity:.4; }
.hero-experience + .home-news { margin-top:12px; }
.s-hero:has(.hero-experience) > .hero-hint { display:none; }
html.no-js .field-interaction-hint { display:none; }
@media(min-width:961px) and (max-height:850px) {
  .s-hero .hero-experience { min-height:405px; }
  .s-hero .hero-experience .hero-copy { min-height:405px; padding-block:10px; }
  .hero-experience .hero-kicker { margin-bottom:15px; }
  .hero-experience .hero-copy h1 { font-size:clamp(38px,3.65vw,50px); margin-bottom:10px; }
  .hero-experience .hero-copy > .hero-lead { margin-bottom:16px; font-size:13px; line-height:1.8; }
  .hero-benefits { margin-top:20px; }
  .hero-benefits [data-field-copy] { margin-top:10px; }
  .hero-field-wrap { min-height:400px; }
  .field-heading { top:8px; }
  .field-footer { bottom:8px; }
}
@media(min-width:961px) and (max-width:1150px) {
  .hero-experience .hero-copy { width:57%; }
  .hero-experience .hero-copy h1 { font-size:40px; }
  .hero-experience .hero-copy > .hero-lead { max-width:26em; }
  .hero-field-wrap { width:53%; right:-24px; }
  .hero-benefits { max-width:340px; }
  .hero-feature-controls { gap:15px; }
  .hero-feature-controls button { gap:6px; font-size:11px; }
  .field-heading { left:32px; }
  .field-request { left:12%; }
  .field-quote { font-size:16px; }
  .field-result { font-size:15px; }
  .field-footer { left:32px; }
}
@media(max-width:960px) {
  .s-hero .hero-experience { display:flex; flex-direction:column; min-height:0; }
  .hero-experience .hero-copy { min-height:0; width:100%; padding:25px 0 0; }
  .hero-experience .hero-copy h1 { font-size:clamp(35px,6.2vw,56px); }
  .hero-experience .hero-kicker { margin-bottom:23px; }
  .hero-experience .hero-copy > .hero-lead { max-width:32em; }
  .hero-benefits { margin-top:28px; }
  .hero-field-wrap { position:relative; top:auto; right:auto; width:100%; height:400px; min-height:0; margin-top:10px; }
  .field-heading { top:12px; left:4px; right:4px; }
  .field-footer { bottom:4px; left:4px; right:4px; }
}
@media(max-width:600px) {
  .hero-experience .hero-copy { padding-top:16px; }
  .hero-experience .hero-kicker { font-size:9px; letter-spacing:.7px; gap:8px; margin-bottom:23px; }
  .hero-experience .hero-copy h1 { font-size:clamp(29px,8.35vw,43px); letter-spacing:-1px; line-height:1.5; margin-bottom:18px; }
  .hero-experience .hero-copy > .hero-lead { font-size:12px; line-height:1.9; margin-bottom:22px; }
  .hero-mobile-break { display:inline; }
  .hero-experience .hero-copy > .hero-entry-hint { min-height:32px; font-size:11px; gap:8px; }
  .hero-benefits { margin-top:24px; width:100%; }
  .hero-feature-controls { gap:12px; }
  .hero-feature-controls button { min-height:44px; padding-bottom:9px; gap:5px; font-size:11px; letter-spacing:0; }
  .feature-index { font-size:8px; letter-spacing:0; }
  .hero-benefits [data-field-copy] { font-size:10px; letter-spacing:.1px; margin-top:10px; }
  .hero-field-wrap { height:345px; margin-top:8px; }
  .field-heading { font-size:9px; letter-spacing:.7px; top:4px; }
  .field-edition { font-size:8px; letter-spacing:.5px; }
  .field-request { left:2%; right:0; }
  .field-response { left:18%; right:0; }
  .field-message-label { font-size:9px; letter-spacing:.2px; gap:6px; margin-bottom:8px; }
  .field-quote { font-size:14px; letter-spacing:0; }
  .field-result { font-size:15px; letter-spacing:0; }
  .field-result-note { font-size:10px; letter-spacing:0; margin-top:5px; }
  .field-bridge > span { font-size:23px; }
  .field-bridge small { font-size:8px; }
  .field-interaction-hint { font-size:8px; letter-spacing:.5px; }
  .field-pause { font-size:8px; }
}
@media(max-width:350px) {
  .hero-experience .hero-copy h1 { font-size:27px; letter-spacing:-1.1px; }
  .hero-feature-controls { gap:10px; }
  .feature-index { display:none; }
  .hero-feature-controls button { font-size:11px; }
  .hero-field-wrap { height:320px; }
  .field-quote { font-size:12px; }
  .field-result { font-size:13px; }
  .field-response { left:14%; }
  .hero-benefits [data-field-copy] { min-height:36px; }
}
@media(prefers-reduced-motion:reduce) {
  .hero-experience *, .hero-experience *::after { transition:none !important; animation:none !important; }
  .field-interaction-hint { visibility:hidden; }
}