/* OpenEduWisdom · 联合品牌与公开场景目录
   三段式单屏：联合页头 / 主创作框 / 两行真实场景。
   交互只保留 150–220ms 的颜色、边框与方向反馈，不以位移动画阻挡正文。 */
.portal-brand-group{display:flex;align-items:center;gap:16px;flex:0 0 auto;min-width:0}
.brand-union-divider{width:1px;height:34px;background:var(--line-strong)}
.future-brand{display:flex;align-items:center;gap:12px;min-width:0}
.future-brand img{width:44px;height:44px;border-radius:10px;box-shadow:0 0 0 1px rgba(14,42,34,.08)}
.future-brand>span{display:flex;flex-direction:column;line-height:1.12}
.future-brand strong{color:#243b34;font-size:22px;font-weight:720;line-height:1.12;letter-spacing:.04em}
.future-brand small{margin-top:5px;color:var(--ink-2);font-size:10px;letter-spacing:.04em;white-space:nowrap}
.future-nav{color:var(--purple-dark)!important;font-weight:680!important}
.case-access{display:inline-flex;align-items:center;width:max-content;margin-top:4px;color:var(--purple-dark);font-size:10.5px;font-weight:650;letter-spacing:.02em}
.case-access::before{width:4px;height:4px;margin-right:5px;border-radius:50%;background:#49a276;content:""}
.case-card{color:inherit;text-decoration:none;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
.case-card .case-arrow{transition:color .18s ease,transform .18s ease}
.case-card:hover .case-arrow{color:var(--purple-dark);transform:translateX(3px)}
.future-card .case-visual{background:#f1eee5}
.future-card .case-access{color:#365b4e}

@media (min-width:761px){
  .portal-header{height:72px;gap:22px}
  .portal-actions{margin-right:72px}
  .portal-nav{gap:22px}
  .portal-main{min-height:calc(100dvh - 108px);padding:12px 0}
  .portal-eyebrow{margin-bottom:8px}
  .portal-hero h1{font-size:clamp(42px,3.7vw,54px);line-height:1.14}
  .hero-description{margin-top:11px;font-size:15px;line-height:1.65}
  .portal-composer{margin-top:16px;border-radius:17px}
  .portal-composer textarea{min-height:82px;padding:17px 24px 9px;font-size:16px;line-height:1.65}
  .portal-composer-bar{min-height:52px;padding:7px 12px 9px 19px}
  .prompt-row{margin-top:8px}
  .case-section{margin-top:16px}
  .case-heading{margin-bottom:9px}
  .case-heading h2{font-size:20px}
  .case-heading p{font-size:12.5px}
  .case-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px}
  .case-card{grid-template-columns:100px minmax(0,1fr);min-height:106px;gap:12px;padding:10px 30px 10px 10px;border-radius:13px}
  .case-visual{border-radius:8px}
  .case-visual svg{height:82px}
  .case-meta{font-size:9.5px}
  .case-copy strong{margin-top:3px;font-size:14.5px;line-height:1.4}
  .case-copy small{margin-top:3px;font-size:11px;line-height:1.4}
  .case-arrow{right:11px}
  .case-arrow svg{width:15px;height:15px}
  .portal-footer{min-height:36px;padding-top:6px;padding-bottom:6px}
}
@media (max-height:820px) and (min-width:761px){
  .portal-header{height:70px}
  .portal-main{min-height:calc(100dvh - 106px);padding:10px 0}
  .portal-hero h1{font-size:42px}
  .hero-description{margin-top:9px;font-size:14px;line-height:1.6}
  .portal-composer{margin-top:13px}
  .portal-composer textarea{min-height:72px;padding-top:13px}
  .portal-composer-bar{min-height:49px;padding-top:5px;padding-bottom:7px}
  .case-section{margin-top:12px}
  .case-heading{margin-bottom:8px}
  .case-heading h2{font-size:19px}
  .case-card{min-height:96px}
  .case-visual svg{height:74px}
  .portal-footer{min-height:36px}
}
@media (max-width:1180px) and (min-width:761px){
  .portal-brand small{display:none}
  .portal-brand-group{gap:11px}
  .portal-nav{gap:15px}
  .portal-nav a{font-size:12.5px}
  .motion-toggle{display:none}
  .case-card{grid-template-columns:82px minmax(0,1fr);gap:9px}
  .case-copy strong{font-size:13.5px}
  .case-copy small{font-size:10.5px}
}
@media (max-width:950px) and (min-width:761px){
  .future-brand>span{display:none}
  .brand-union-divider{height:30px}
  .case-card{grid-template-columns:72px minmax(0,1fr);padding-right:25px}
  .case-copy small{display:none}
}
@media (max-width:760px){
  .portal-header{gap:8px}
  .portal-brand-group{gap:9px}
  .portal-brand{gap:7px}
  .brand-union-divider{height:27px}
  .future-brand img{width:37px;height:37px;border-radius:8px}
  .future-brand>span{display:none}
  .portal-actions{margin-right:58px}
  .hero-orbit{left:58%}
  .case-heading p{font-size:12px;line-height:1.6}
  .case-grid{gap:11px}
  .case-card{grid-template-columns:112px minmax(0,1fr);min-height:132px;gap:12px;padding:11px 30px 11px 11px}
  .case-visual svg{height:100px}
  .case-meta{font-size:10px}
  .case-copy strong{font-size:14px}
  .case-copy small{font-size:11px}
  .case-access{font-size:10.5px}
}
@media (max-width:390px){
  .brand-union-divider{display:none}
  .portal-brand-group{gap:7px}
  .portal-brand img{width:34px;height:34px}
  .future-brand img{width:34px;height:34px}
  .case-card{grid-template-columns:98px minmax(0,1fr);gap:10px}
  .case-copy strong{font-size:13.5px}
}
@media (prefers-reduced-motion:reduce){
  .case-card,.case-card .case-arrow{transition:none}
}