/* ====== 背景 + Hero ====== */
.bg-deco{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.bg-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.25;animation:blobFloat 20s ease-in-out infinite}
.b1{width:500px;height:500px;background:radial-gradient(circle,rgba(59,130,246,.35),transparent 70%);top:-15%;left:-10%;animation-delay:0s}
.b2{width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.25),transparent 70%);top:20%;right:-8%;animation-delay:-7s}
.b3{width:350px;height:350px;background:radial-gradient(circle,rgba(52,211,153,.2),transparent 70%);bottom:10%;left:25%;animation-delay:-14s}
.b4{width:300px;height:300px;background:radial-gradient(circle,rgba(236,72,153,.18),transparent 70%);top:45%;left:60%;animation-delay:-3s}
.b5{width:450px;height:450px;background:radial-gradient(circle,rgba(14,165,233,.2),transparent 70%);bottom:-10%;right:20%;animation-delay:-10s}
@keyframes blobFloat{0%,100%{transform:translate(0,0) scale(1)}25%{transform:translate(30px,-25px) scale(1.05)}50%{transform:translate(-15px,20px) scale(.95)}75%{transform:translate(-25px,-10px) scale(1.02)}}
.bg-dots{position:absolute;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1px);background-size:28px 28px}
.hero-home{text-align:center;position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center;justify-content:center;contain:layout style paint}
.hero-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero-bg-fade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 0%,transparent 70%,var(--bg) 100%)}
.hero-content{position:relative;z-index:2;padding:80px 0 32px}
.hero-main-title{font-family:"Bricolage Grotesque","Noto Sans SC",sans-serif;font-weight:800;font-size:clamp(48px,9vw,96px);letter-spacing:-.04em;line-height:.95;color:#fff;margin-bottom:8px}
.hero-brand{background:linear-gradient(135deg,#a5b4fc,#c4b5fd,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-main-sub{font-family:"Bricolage Grotesque","Noto Sans SC",sans-serif;font-weight:700;font-size:clamp(28px,5vw,48px);margin-bottom:18px;letter-spacing:-.02em}
.hero-tagline-old{font-size:clamp(17px,2.5vw,22px);line-height:1.7;max-width:720px;margin:0 auto}
.region-banner-badge{font-family:"Bricolage Grotesque","Noto Sans SC",sans-serif;font-weight:800;font-size:20px;margin-bottom:4px}
/* ====== 面板: 半透白底 ====== */
.region-big{backdrop-filter:blur(10px);background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.12)!important}
.region-mini{backdrop-filter:blur(6px);background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.1)!important}
.region-banner{backdrop-filter:blur(8px);background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.1)!important}
/* ====== 响应式 ====== */
@media(max-width:860px){.region-panel{flex-direction:column!important;align-items:center!important}.region-minis{flex-direction:row;flex-wrap:wrap;justify-content:center}}
/* ====== 品牌滚动遮罩 ====== */
.brand-fade-l{position:absolute;top:0;bottom:0;left:0;width:10%;z-index:2;pointer-events:none;background:linear-gradient(90deg,var(--bg),transparent)}
.brand-fade-r{position:absolute;top:0;bottom:0;right:0;width:10%;z-index:2;pointer-events:none;background:linear-gradient(270deg,var(--bg),transparent)}
@keyframes brandScroll{0%{transform:translateX(0)}100%{transform:translateX(-75%)}}
/* H1 里的关键词行：大字标题下面的一行小字，让 H1 带上真正的搜索词而不只有品牌名 */
.hero-kw{display:block;margin-top:14px;font-family:"Noto Sans SC",system-ui,sans-serif;font-weight:600;font-size:clamp(15px,2.1vw,21px);line-height:1.5;letter-spacing:0;color:rgba(255,255,255,.82)}
/* 域名与 H1 拆成两个元素后，靠这两条接回原来 <br> 的视觉（字号/行高都继承 .hero-main-title） */
.hero-domain{margin-bottom:0}
.hero-h1{margin-top:0}