@charset "utf-8";
/*
 * new_platform.css — 智慧楼宇全域管理平台页专属样式（配合 new_smart.css）
 * 复用 new_smart.css 的 .so-banner / .so-cases / .so-sec-title / .nf-* / .so-btn-red。
 * 本文件仅提供平台页独有区块：物联网平台介绍 / 核心功能 / 领先优势 / 全周期服务。
 * .pf- 前缀。严格按 Figma。
 */

/* Banner：标题+副标题居中，无按钮 */
.pf-banner .so-banner__box{ text-align:center; }
.pf-banner .so-banner__sub{ font-weight:700; line-height:1.6; }

/* ============ 物联网平台介绍 ============ */
.pf-iot{ position:relative; background:linear-gradient(180deg,#f3f8ff 0%,#eaf1fa 100%); padding-bottom:clamp(50px,7vw,100px); overflow:hidden; }
.pf-iot__feats{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(16px,1.7vw,25px); margin-top:clamp(30px,4vw,50px); }
.pf-feat{ border-radius:10px; background:radial-gradient(120% 120% at 50% 0%, rgba(225,242,255,.5) 0%, rgba(3,138,250,0) 100%), rgba(255,255,255,.35); border:2px solid rgba(255,255,255,.7); box-shadow:0 12px 30px rgba(3,138,250,.06); padding:clamp(26px,3vw,42px) 30px; text-align:center; }
.pf-feat h3{ margin:0 0 14px; font-size:clamp(20px,1.8vw,24px); font-weight:700; color:#333; }
.pf-feat p{ margin:0; font-size:clamp(14px,1.1vw,16px); color:#333; line-height:1.7; }
.pf-iot__shot{ margin-top:clamp(24px,3vw,40px); border-radius:clamp(12px,2vw,25px); overflow:hidden; box-shadow:0 30px 70px rgba(0,0,0,.18); }
.pf-iot__shot img{ width:100%; display:block; }
.pf-iot__cap{ display:flex; gap:clamp(20px,3vw,40px); align-items:center; margin-top:clamp(16px,2vw,25px); background:radial-gradient(120% 200% at 0% 0%, #fff 0%, rgba(231,247,255,.5) 100%); border-radius:15px; padding:clamp(24px,2.6vw,30px); }
.pf-iot__cap h3{ flex:0 0 46%; margin:0; font-size:clamp(18px,1.8vw,24px); font-weight:700; color:#333; line-height:1.5; }
.pf-iot__cap h3 span{ font-weight:400; }
.pf-iot__cap p{ flex:1 1 0; margin:0; font-size:clamp(14px,1.1vw,16px); color:#333; line-height:2; }

/* ============ 核心功能 ============ */
.pf-core{ background:linear-gradient(180deg,#e9eef5 0%,#f6f9fc 60%); padding-bottom:clamp(50px,7vw,100px); }
.pf-core__grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:clamp(16px,2vw,25px); margin-top:clamp(30px,4vw,50px); }
.pf-corecard{ display:flex; align-items:center; gap:clamp(12px,1.4vw,20px); background:rgba(255,255,255,.85); border:3px solid #fff; border-radius:clamp(70px,9vw,130px); padding:15px; min-height:clamp(210px,19vw,274px); box-shadow:0 20px 50px rgba(0,0,0,.05); }
.pf-corecard__ic{ flex:0 0 clamp(180px,22vw,308px); align-self:stretch; background:#f6faff; border:3px solid #fff; border-radius:clamp(70px,9vw,130px); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; padding:20px; text-align:center; }
.pf-corecard__ic img{ width:clamp(64px,7vw,92px); height:auto; display:block; }
.pf-corecard__ic h3{ margin:0; font-size:clamp(17px,1.5vw,24px); font-weight:700; color:#333; line-height:1.3; }
.pf-corecard__list{ list-style:none; margin:0; padding:0 clamp(6px,1.4vw,24px); }
.pf-corecard__list li{ font-size:clamp(15px,1.3vw,18px); color:#333; padding:clamp(6px,.8vw,10px) 0; }
.pf-corecard--full{ justify-content:center; }
.pf-corecard--full .pf-corecard__ic{ flex:1 1 auto; align-self:stretch; }

/* ============ 领先优势（轮播）============ */
.pf-adv{ background:linear-gradient(180deg,#eef2f7,#f5f8fc); padding-bottom:clamp(50px,7vw,100px); }
.pf-adv__wrap{ position:relative; margin-top:clamp(30px,4vw,50px); }
.pf-adv__swiper{ overflow:hidden; }
.pf-advcard{ }
.pf-advcard__img{ height:clamp(180px,14vw,268px); border-radius:2px; overflow:hidden; background:linear-gradient(160deg,#2b3648,#0e1522); }
.pf-advcard__img img{ width:100%; height:100%; object-fit:cover; display:block; }
.pf-advcard__txt{ position:relative; margin:-30px 14px 6px; background:rgba(255,255,255,.9); border:1px solid #fff; box-shadow:0 20px 50px rgba(0,0,0,.08); -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px); padding:clamp(24px,2.4vw,40px); border-radius:2px; min-height:clamp(300px,24vw,349px); }
.pf-advcard__head{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.pf-advcard__head h3{ margin:0; font-size:clamp(19px,1.7vw,24px); font-weight:700; color:#333; line-height:1.4; }
.pf-advcard__num{ font-family:"Geom","DIN Alternate","Arial Narrow",sans-serif; font-size:clamp(46px,5.5vw,79px); font-weight:700; color:#333; line-height:1; letter-spacing:-.02em; }
.pf-advcard__num i{ font-style:normal; color:#e60027; }
.pf-advcard__line{ height:1px; margin:clamp(18px,2vw,24px) 0; background:linear-gradient(90deg,#b1000e,rgba(177,0,14,0)); }
.pf-advcard__desc{ margin:0; font-size:clamp(14px,1.1vw,16px); color:#333; line-height:2; }
.pf-adv__nav{ position:absolute; top:clamp(90px,10vw,134px); z-index:3; width:48px; height:75px; border:none; padding:0; color:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background .2s; }
.so-main .pf-adv__prev{ background:rgba(0,0,0,.13); left:-6px; }
.so-main .pf-adv__next{ background:#e60027; right:-6px; }
.so-main .pf-adv__prev:hover{ background:rgba(0,0,0,.3); }
.so-main .pf-adv__next:hover{ background:#b1000e; }
.pf-adv__nav svg{ width:24px; height:24px; }
.pf-adv__dots{ display:flex; justify-content:center; gap:10px; margin-top:clamp(24px,3vw,40px); }
.pf-adv__dots .swiper-pagination-bullet{ width:12px; height:12px; border-radius:50%; background:rgba(0,0,0,.2); opacity:1; margin:0; transition:background .2s; }
.pf-adv__dots .swiper-pagination-bullet-active{ background:#e60027; }

/* ============ 全周期服务支持 ============ */
.pf-service{ position:relative; padding:clamp(60px,8vw,100px) 0 clamp(50px,7vw,100px); background:linear-gradient(180deg,rgba(220,227,237,0) 30%,#dce3ed 72%),#c9d3e0; background-size:cover; background-position:center; }
.pf-service__head{ text-align:center; }
.pf-service__badge{ display:inline-flex; align-items:baseline; gap:2px; margin-top:clamp(14px,1.6vw,18px); background:rgba(231,247,255,.5); border-radius:22px; padding:12px 26px; font-size:clamp(15px,1.3vw,18px); font-weight:700; color:#333; }
.pf-service__badge b{ color:#fa9d3b; font-size:clamp(19px,1.7vw,24px); padding:0 2px; }
.pf-service__grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:clamp(16px,2vw,25px); margin-top:clamp(30px,4vw,50px); }
.pf-svccard{ display:flex; gap:clamp(20px,2.6vw,40px); background:rgba(249,249,249,.5); -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px); padding:clamp(28px,3vw,40px); }
.pf-svccard__ic{ flex:0 0 auto; width:clamp(72px,7vw,96px); height:clamp(72px,7vw,96px); border-radius:36px; box-shadow:0 4px 4px rgba(0,0,0,.1),0 -4px 4px #fff; display:flex; align-items:center; justify-content:center; }
.pf-svccard__ic img{ width:100%; height:100%; display:block; object-fit:contain; }
.pf-svccard__body{ flex:1 1 0; min-width:0; }
.pf-svccard__body h3{ margin:0 0 clamp(16px,2vw,24px); font-size:clamp(20px,1.8vw,24px); font-weight:700; color:#333; }
.pf-svccard__body p{ margin:0; font-size:clamp(14px,1.1vw,16px); color:#333; line-height:1.7; }
.pf-svccard__body .so-btn-red{ float:right; margin-top:clamp(16px,2vw,24px); }

/* ============ 响应式 ============ */
@media screen and (max-width:900px){
    .pf-iot__feats{ grid-template-columns:1fr; }
    .pf-core__grid{ grid-template-columns:1fr; }
    .pf-service__grid{ grid-template-columns:1fr; }
    .pf-iot__cap{ flex-direction:column; align-items:flex-start; gap:16px; }
    .pf-iot__cap h3{ flex:none; }
    .pf-corecard{ flex-direction:column; border-radius:clamp(30px,6vw,40px); }
    .pf-corecard__ic{ flex:none; width:100%; border-radius:clamp(30px,6vw,40px); }
    .pf-svccard{ flex-direction:column; gap:20px; }
}