/* 枫琴国际艺术 官网 · 公共样式
   页面主体样式写在各页面元素的 style 中（与设计稿一致）；
   这里放字体、交互状态与手机端适配。 */

@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/cormorant-garamond-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/cormorant-garamond-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/cormorant-garamond-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/cormorant-garamond-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/cormorant-garamond-latin-400-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url(/assets/fonts/cormorant-garamond-latin-500-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:600;font-display:swap;src:url(/assets/fonts/cormorant-garamond-latin-600-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:16px}
body{margin:0;background:#1E162E;color:#2B2040;font-family:Optima,'PingFang SC','Hiragino Sans GB','Microsoft YaHei','Noto Sans SC',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none;transition:opacity .2s}
a:hover{opacity:.85}
img{max-width:100%}
button{font:inherit;color:inherit}
[hidden]{display:none!important}
:focus-visible{outline:2px solid #F4A85B;outline-offset:3px}
.fq-skip{position:absolute;left:-9999px;top:8px;z-index:100;background:#fff;color:#2B2040;padding:10px 16px;border-radius:999px}
.fq-skip:focus{left:16px}

/* ---------- 导航 ---------- */
.fq-menu{display:flex;flex-wrap:wrap;align-items:center;gap:16px 34px}
.fq-menu-links a[aria-current="page"]{color:#F4A85B}
.fq-burger{display:none;width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0}
.fq-burger span{display:block;width:18px;height:1.6px;background:#fff;border-radius:2px;transition:transform .25s,opacity .25s}
.fq-nav.is-open .fq-burger span:nth-child(1){transform:translateY(6.6px) rotate(45deg)}
.fq-nav.is-open .fq-burger span:nth-child(2){opacity:0}
.fq-nav.is-open .fq-burger span:nth-child(3){transform:translateY(-6.6px) rotate(-45deg)}

/* ---------- 首屏 ---------- */
.fq-slide{display:contents}
.fq-slide>*{animation:fqFade .5s ease both}
@keyframes fqFade{from{opacity:0}to{opacity:1}}
.fq-tab{font:inherit;font-size:15px;padding:12px 20px;border-radius:999px;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.25);transition:background .25s,color .25s}
.fq-tab[aria-pressed="true"]{background:rgba(255,255,255,.92);color:#2B2040;border-color:rgba(255,255,255,.9)}
.fq-hero-float{transition:opacity .6s ease,transform .6s ease}
.fq-hero.is-video-playing .fq-hero-float{opacity:0;transform:translateY(10px);pointer-events:none}

/* 视频：先显示首图，视频在后台加载，可以流畅播放后淡入 */
.fq-video-host video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease;display:block;background:transparent}
.fq-video-host.is-playing video{opacity:1}
.fq-video-host .fq-video-chip,.fq-video-host .fq-video-ctrls{position:relative;z-index:2}
.fq-video-host>div{z-index:2}
.fq-pulse{animation:fqPulse 1.4s ease-in-out infinite}
@keyframes fqPulse{0%,100%{opacity:1}50%{opacity:.25}}
[data-platform-video] video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;z-index:5}

/* ---------- 录取海报滚动 ---------- */
.fq-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
.fq-marquee-track{display:flex;gap:18px;width:max-content;animation:fqScroll 70s linear infinite}
.fq-marquee-rev .fq-marquee-track{animation-direction:reverse;animation-duration:80s}
.fq-marquee:hover .fq-marquee-track{animation-play-state:paused}
@keyframes fqScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.fq-offer-card{flex:0 0 196px;display:flex;flex-direction:column;gap:8px}
.fq-offer-card img{width:196px;height:277px;object-fit:cover;border-radius:10px;outline:1px solid #DCD2E2;display:block;background:#fff}
.fq-offer-card p{margin:0;font-size:14px;color:#3E3352}
@media (prefers-reduced-motion:reduce){
  .fq-marquee{overflow-x:auto}
  .fq-marquee-track{animation:none}
  html{scroll-behavior:auto}
  .fq-pulse,.fq-slide>*{animation:none}
}

/* ---------- 表单 ---------- */
.fq-lead input,.fq-lead select{width:100%;min-height:48px}
.fq-lead button[disabled]{opacity:.6;cursor:wait}
.fq-lead [data-lead-msg]:empty{display:none}

/* ---------- 录取案例页 / 院校列表 ---------- */
.fq-chip{font:inherit;font-size:15px;padding:9px 18px;border-radius:999px;border:1px solid transparent;background:transparent;color:#2B2040;cursor:pointer}
.fq-chip[aria-pressed="true"]{background:#2B2040;color:#fff}
.fq-grid-offers{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:26px 22px}
.fq-grid-offers figure{margin:0;display:flex;flex-direction:column;gap:10px}
.fq-grid-offers button{padding:0;border:0;background:none;cursor:zoom-in;display:block;border-radius:12px;overflow:hidden;outline:1px solid #DCD2E2;transition:transform .25s,box-shadow .25s}
.fq-grid-offers button:hover{transform:translateY(-4px);box-shadow:0 16px 30px -18px rgba(43,32,64,.5)}
.fq-grid-offers img{display:block;width:100%;aspect-ratio:480/679;height:auto;object-fit:cover;background:#fff}
.fq-grid-offers figcaption{display:flex;flex-direction:column;gap:2px}
.fq-lightbox{position:fixed;inset:0;z-index:60;background:rgba(20,14,32,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:24px}
.fq-lightbox img{max-height:88vh;max-width:min(92vw,620px);border-radius:12px;display:block}
.fq-lightbox button{position:absolute;top:18px;right:18px;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.12);color:#fff;font-size:22px;cursor:pointer}

/* ---------- 平板 ---------- */
@media (max-width:1080px){
  .fq-burger{display:flex}
  .fq-menu{display:none;width:100%;flex-direction:column;align-items:stretch;gap:14px;padding:6px 0 8px}
  .fq-nav.is-open .fq-menu{display:flex}
  .fq-menu-links{flex-direction:column;gap:0!important;font-size:17px!important}
  .fq-menu-links a{padding:13px 4px;border-bottom:1px solid rgba(255,255,255,.12)}
  .fq-menu-cta{flex-wrap:wrap}
  .fq-menu-cta a{flex:1 1 140px;text-align:center}
}

/* ---------- 手机 ---------- */
@media (max-width:760px){
  [style*="max-width: 1240px"],[style*="max-width: 1176px"]{padding-left:18px!important;padding-right:18px!important}
  [style*="max-width: 1176px"]{margin-left:18px!important;margin-right:18px!important}
  .fq-topbar p{display:none}
  .fq-topbar-links{gap:14px!important;font-size:12px}
  .fq-brand img{width:72px!important;height:40px!important}
  .fq-brand-text{padding-left:10px!important}
  .fq-nav{padding:10px 12px 10px 14px!important;border-radius:18px!important}

  [style*="font-size: 92px"]{font-size:44px!important}
  [style*="font-size: 68px"],[style*="font-size: 64px"]{font-size:40px!important;letter-spacing:1px!important}
  [style*="font-size: 58px"],[style*="font-size: 56px"]{font-size:36px!important}
  [style*="font-size: 54px"]{font-size:40px!important}
  [style*="font-size: 48px"]{font-size:38px!important}
  [style*="font-size: 46px"],[style*="font-size: 40px"]{font-size:30px!important}
  [style*="font-size: 38px"],[style*="font-size: 36px"],[style*="font-size: 34px"]{font-size:27px!important}
  [style*="font-size: 30px"]{font-size:22px!important}
  [style*="font-size: 19px"]{font-size:17px!important}

  [style*="padding: 110px 32px"],[style*="padding: 100px 32px"],[style*="padding: 90px 32px"]{padding-top:64px!important;padding-bottom:60px!important}
  [style*="padding: 100px 0 90px"]{padding-top:64px!important;padding-bottom:56px!important}
  [style*="padding: 70px 32px 40px"]{padding-top:40px!important}
  [style*="min-height: 560px"]{min-height:0!important;gap:30px!important}
  [style*="gap: 56px"],[style*="gap: 50px"],[style*="gap: 48px"]{gap:32px!important}

  [style*="grid-template-columns: repeat(auto-fit, minmax("]{grid-template-columns:1fr!important}
  .fq-stats{grid-template-columns:1fr 1fr!important}
  .fq-stats>div{border-left:0!important;padding:18px 18px!important}
  [style*="grid-template-columns: repeat(auto-fit, minmax(170px"],[style*="grid-template-columns: repeat(auto-fit, minmax(160px"]{grid-template-columns:1fr 1fr!important}
  [style*="grid-template-columns: repeat(3, minmax(0, 1fr))"]{grid-template-columns:1fr 1fr!important;grid-template-rows:auto!important;grid-auto-rows:150px!important}
  [style*="grid-template-columns: repeat(3, minmax(0, 1fr))"]>*{grid-column:auto!important}
  [style*="grid-template-columns: repeat(3, minmax(0, 1fr))"]>:first-child{grid-column:span 2!important}

  [style*="flex: 1 1 560px"],[style*="flex: 1 1 520px"],[style*="flex: 999 1 560px"],[style*="flex: 3 1 620px"],[style*="flex: 2 1 560px"],[style*="flex: 1 1 460px"],[style*="flex: 1 1 440px"],[style*="flex: 1 1 420px"],[style*="flex: 1 1 380px"],[style*="flex: 2 1 380px"],[style*="flex: 1 1 360px"],[style*="flex: 1 1 320px"]{flex-basis:100%!important;min-width:0!important}

  .fq-device-wrap{height:auto!important}
  .fq-device{position:relative!important;width:100%!important;left:auto!important;right:auto!important;top:auto!important}
  .fq-device img,.fq-device-wrap .fq-video-host img{height:220px!important}
  .fq-hero-float{display:none!important}
  .fq-tabs{flex-direction:column}
  .fq-tab{text-align:left}

  [style*="height: 460px; border-radius: 22px"]{height:360px!important}
  [style*="height: 520px; border-radius: 24px"]{height:440px!important}
  [style*="height: 700px; overflow: hidden"]{height:540px!important}
  [style*="height: 620px; overflow: hidden"]{height:520px!important}
  [style*="min-height: 400px; border-radius: 26px"]{min-height:300px!important}
  [style*="flex: 0 0 230px"]{flex-basis:100%!important}
  [style*="width: 250px; height: 354px"]{width:44%!important;height:auto!important;aspect-ratio:480/679}
  [style*="width: 150px; height: 212px"]{width:120px!important;height:170px!important}
  [style*="width: 130px"]{width:auto!important;min-width:96px}
  form[style*="padding: 34px 34px"]{padding:24px 20px!important}
  .fq-offer-card{flex-basis:150px}
  .fq-offer-card img{width:150px;height:212px}
  .fq-grid-offers{grid-template-columns:1fr 1fr;gap:20px 14px}
}

/* 手机端细节 */
@media (max-width:760px){
  #majors [style*="grid-template-columns"]{grid-template-columns:1fr 1fr!important;gap:12px!important}
  #majors a[style*="height: 460px"]{height:250px!important;border-radius:18px!important}
  #majors a>span[style*="bottom: 14px"]{left:8px!important;right:8px!important;bottom:8px!important;padding:10px 12px!important;border-radius:12px!important}
  #majors a>span span[style*="font-size: 26px"]{font-size:17px!important}
  #majors a>span span[style*="font-size: 19px"]{font-size:13px!important}
  #majors a>span span[style*="font-size: 14px"]{display:none}
  form [style*="minmax(160px"]{grid-template-columns:1fr!important}
  [style*="border-radius: 999px; background: rgba(255,255,255,0.55)"]{border-radius:22px!important}
}
@media (max-width:760px){
  [data-platform-video]>div[style*="width: 44%"]{display:none}
  [data-platform-video] [style*="font-size: 26px"]{font-size:20px!important}
}