:root{
  --navy:#021a81;
  --gray:#4e6186;
  --font:"HarmonyOS Sans SC","Alibaba PuHuiTi 2.0","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:var(--font);font-size:14px;line-height:1.5;color:#fff;background:#8fd3ee;overflow-x:hidden;-webkit-font-smoothing:antialiased}
ul{list-style:none}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}


.main{position:relative;overflow:hidden;background:#7cc8f0 url(../../images/zwz/aiidentity/assets/pc-bg.jpg?v=20261009l) center top/100% 100% no-repeat}

/* 渐变标题 */
.g{background:linear-gradient(90deg,#bcfeeb 0%,#cbfff0 18%,#dafef4 31%,#e9fffa 44%,#edfffa 55%,#c9ffec 69%,#9bffd9 81%,#b1fb91 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}

/* 章节标题 + 背景大字 */
.head{position:relative;text-align:center}
.head h2{position:relative;font-size:30px;line-height:42px;font-weight:600;color:#fff}
.head .sub{position:relative;margin:15px auto 0;font-size:14px;line-height:20px;color:#fff}
.wm{position:absolute;left:50%;top:-34px;transform:translateX(-50%);white-space:nowrap;pointer-events:none;user-select:none;
  font:700 52px/1 "Helvetica Neue",Arial,sans-serif;letter-spacing:0;
  color:transparent;background:linear-gradient(180deg,rgba(255,255,255,.26) 0%,rgba(255,255,255,.12) 50%,rgba(255,255,255,0) 85%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.head.dark h2{color:var(--navy)}
.head.dark .wm{background:linear-gradient(180deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,.24) 55%,rgba(255,255,255,0) 100%);-webkit-background-clip:text;background-clip:text}
.head .sub.gray{color:var(--gray)}
.mbr,.pbr,.pcbr{display:none}
.pc{display:inline}.mb{display:none}

.wrap{position:relative;width:1200px;max-width:100%;margin:0 auto}
.two{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}

/* 卡片：背景用设计稿里去掉文字/图标后的渐变底图 */
.card{position:relative;background-size:100% 100%;background-repeat:no-repeat;background-origin:border-box;background-clip:border-box}
.card .art,.card .ic,.card .num{position:absolute}
.glass{border:1px solid rgba(255,255,255,.45)}

/* 1 */
.s1 .card{height:168px;border-radius:24px;padding:28px 30px}
.s1 h3{font-size:16px;line-height:24px;font-weight:600;color:#fff}
.s1 .d{margin-top:12px;height:20px;font-size:14px;line-height:20px;color:rgba(255,255,255,.72)}
.steps{position:relative;margin-top:18px;display:flex;align-items:center;width:405px;max-width:100%;height:38px;padding:0 13px;border-radius:8px;background:linear-gradient(90deg,rgba(255,255,255,.17),rgba(255,255,255,.13) 60%,rgba(255,255,255,0));font-size:14px;color:#fff;white-space:nowrap}
.steps li{display:flex;align-items:center}
.steps li:not(:last-child)::after{content:"";width:12px;height:12px;margin:0 7px 0 7px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%237bf2d0'/%3E%3Cstop offset='1' stop-color='%23a6f08a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='6' cy='6' r='6' fill='url(%23a)'/%3E%3Cpath d='M4.6 3.3 7.4 6 4.6 8.7' fill='none' stroke='%230a6b7e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat}

/* 2 / 3 */
.s2 .card{height:193px;border-radius:20px}
.s2 h3{position:absolute;left:111px;top:33px;font-size:16px;line-height:24px;font-weight:600;color:#fff}
.pill{position:absolute;left:111px;top:63px;height:24px;padding:0 10px;border-radius:12px;background:#e6f2ff;color:#037df2;font-size:14px;line-height:24px;white-space:nowrap}
.s2 .d{position:absolute;left:30px;right:30px;top:116px;font-size:14px;line-height:24px;color:rgba(255,255,255,.92)}
.s3 .card{height:219px;border-radius:20px}
.s3 h3{position:absolute;left:0;right:0;top:98px;text-align:center;font-size:16px;line-height:24px;font-weight:600;color:#fff}
.s3 .d{position:absolute;left:30px;right:30px;top:142px;font-size:14px;line-height:24px;color:rgba(255,255,255,.92)}
.dash{font-style:normal}

/* 4 */
.s4 .s4-head h2{font-size:30px;line-height:42px;font-weight:600}
.s4 .s4-head .sub{margin-top:8px;font-size:14px;line-height:20px;color:rgba(255,255,255,.88)}
.s4-body{position:relative}
.friendly li{display:flex;align-items:flex-start;gap:8px;height:84px}
.friendly img{width:48px;height:48px;margin:-2px 0 0 -2px}
.friendly h4{font-size:15px;line-height:22px;font-weight:600;color:#fff}
.friendly p{margin-top:2px;font-size:13px;line-height:20px;color:rgba(255,255,255,.78)}
.browser{position:absolute}

/* 5 */
.s5{text-align:center;color:#fff}
.s5 p{font-size:30px;line-height:48px;font-weight:600;color:rgba(255,255,255,.92)}
.s5 .l3{margin-top:30px}

/* 6 */
.s6 .card{height:188px;border-radius:12px;padding:30px}
.s6 h3,.s8 h3,.s9 h3{color:var(--navy);font-weight:600}
.s6 h3{font-size:20px;line-height:30px;margin-top:3px}
.s6 .d{margin-top:3px;font-size:16px;line-height:24px;color:var(--navy)}
.s6 .b{margin-top:20px;font-size:14px;line-height:24px;color:var(--gray)}
.s6 .b b{color:var(--gray);font-weight:700}

/* 7 */
.panel{display:flex;position:relative;border-radius:12px;overflow:hidden;height:478px;background:url(../../images/zwz/aiidentity/assets/pc-tab1.jpg) 0 0/100% 100% no-repeat}
.panel[data-s="2"]{background-image:url(../../images/zwz/aiidentity/assets/pc-tab2.jpg)}
.panel[data-s="3"]{background-image:url(../../images/zwz/aiidentity/assets/pc-tab3.jpg)}
.p-left{position:relative;width:210px;flex:none}
.p-item{height:101px;padding:27px 20px 0 20px;cursor:pointer;outline:0}
.p-item{position:relative}
.p-item.on::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#bdfa8d,#6bfdc5)}
.p-item h4{font-size:20px;line-height:28px;font-weight:600;color:var(--navy)}
.p-item p{margin-top:2px;font-size:14px;line-height:20px;color:var(--gray)}
.p-right{flex:1;min-width:0;padding:0 30px}
.pane{display:none}
.pane.on{display:block;animation:paneIn .28s ease}
@keyframes paneIn{from{opacity:0}to{opacity:1}}
.p-intro{padding-top:40px;font-size:16px;line-height:24px;color:var(--navy)}
.pane[data-pane="3"] .p-intro{padding-top:28px;line-height:28px}
/* 内容表达层：三张白卡 */
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:39px}
.tc{position:relative;height:347px;border-radius:12px;background:#fff;padding:20px}
.tc .tic{position:absolute}
.tc h5{position:absolute;left:96px;top:28px;font-size:16px;line-height:24px;font-weight:600;color:var(--navy)}
.tc .sb{position:absolute;left:96px;top:54px;font-size:14px;line-height:20px;color:#2775e4;white-space:nowrap}
.tc .bd{position:absolute;left:20px;right:20px;top:109px;font-size:14px;line-height:24px;color:var(--navy)}
.tc .bd p+p{margin-top:24px}
.tc .bd b{font-weight:700}
.tc1 .tic{left:19px;top:19px}.tc2 .tic{left:18px;top:22px}.tc3 .tic{left:18px;top:18px}
/* AI引用层：整张图 */
.pane[data-pane="3"] .p-intro{max-width:830px}
.diagram{display:block;width:900px;max-width:100%;height:auto;margin:56px 0 0 20px}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:38px}
.tile{position:relative;height:130px;border-radius:8px;background:#fff;text-align:center}
.tile.hot{background:#228dfc;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;line-height:24px;font-weight:500}
.tile img{margin:14px auto 0}
.tx{display:contents}
.tile h5{position:absolute;left:0;right:0;top:72px;font-size:16px;line-height:20px;font-weight:500;color:var(--navy);white-space:nowrap}
.tile p{position:absolute;left:0;right:0;top:97px;font-size:14px;line-height:18px;color:var(--gray)}
.t-ssr img,.t-https img,.t-xml img,.t-og img{margin-top:13px}
.t-ssr h5,.t-https h5,.t-xml h5,.t-og h5{top:74px}
.t-ssr p,.t-https p,.t-xml p,.t-og p{top:100px}
.note{margin-top:30px;height:40px;border-radius:8px;background:#fff;padding:0 18px;font-size:12px;line-height:40px;color:#596b8d}

/* 8 */
.s8 .card{height:188px;border-radius:12px;padding:30px}
.s8 h3{font-size:20px;line-height:30px;margin-top:0}
.s8 .dash{display:none}
.s8 .pbr{display:block}
.s8 .b{position:absolute;left:30px;top:110px;width:346px;font-size:14px;line-height:24px;color:var(--gray)}

/* 9 */
.list{display:grid;gap:30px}
.s9 .card{height:120px;border-radius:12px}
.s9 .card>div{position:absolute;left:117px;top:33px;right:160px}
.s9 h3{font-size:20px;line-height:30px}
.s9 p{margin-top:3px;font-size:14px;line-height:24px;color:var(--gray)}
.s9 .c-del3>div,.s9 .c-del5>div{top:23px}

/* 结尾 */
.closing{position:relative;text-align:center}
.art-bottom{position:absolute;left:0;right:0;bottom:0;background:url(../../images/zwz/aiidentity/assets/pc-bottom-art.jpg) center bottom/100% 100% no-repeat;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 38%);mask-image:linear-gradient(180deg,transparent 0,#000 38%)}
.closing .txt{position:relative}
.closing p{font-size:22px;line-height:34px;font-weight:600;color:#05248e}
.closing p+p{margin-top:30px}


.s8 .c-why2 .b{width:385px}
.s8 .c-why3 .b{width:365px}
.s8 .c-why4 .b{width:385px}
.s3 .c-src1 .d,.s3 .c-src2 .d,.s3 .c-src3 .d{right:24px}
@media (min-width:768px){
  /* 首屏只显示首图内容：「流量入口」整块下移到首屏之外（首图高 = 40.89vw） */
  .s1{padding-top:max(37px,calc(100vh - 40.89vw + 24px))}
  .s1 .wrap{margin-top:58px}
  .s2{margin-top:135px}.s2 .wrap{margin-top:58px}
  .s3{margin-top:119px}.s3 .wrap{margin-top:58px}
  .s4{margin-top:93px}
  .s4-head{text-align:left}
  .s4-body{margin-top:58px;height:235px}
  .browser{left:654px;top:-64px}
  .s5{margin-top:152px}
  .s6{margin-top:147px}.s6 .wrap{margin-top:50px}
  .s7{margin-top:119px}.s7 .wrap{margin-top:46px}
  .s8{margin-top:120px}.s8 .head .sub{margin-top:15px}.s8 .wrap{margin-top:57px}
  .s9{margin-top:119px}.s9 .head .sub{margin-top:14px}.s9 .wrap{margin-top:58px}
  .closing{margin-top:146px;padding-bottom:92px;min-height:258px}
  .art-bottom{height:384px}
  .pcbr{display:inline}
}
@media (min-width:768px){
  .c-hero1 .art{right:13px;top:72px}
  .c-hero2 .art{right:16px;top:77px}
  .c-buy1 .ic{left:28px;top:28px}
  .c-buy2 .ic{left:28px;top:26px}
  .c-buy3 .ic{left:28px;top:30px}
  .c-src1 .ic{left:50%;margin-left:-41px;top:28px}
  .c-src2 .ic{left:50%;margin-left:-44px;top:28px}
  .c-src3 .ic{left:50%;margin-left:-43px;top:31px}
  .c-kb1 .art{right:29px;top:20px}
  .c-kb2 .art{right:28px;top:18px}
  .c-why1 .art{right:34px;top:32px}
  .c-why2 .art{right:25px;top:29px}
  .c-why3 .art{right:37px;top:29px}
  .c-why4 .art{right:24px;top:38px}
  .c-del1 .ic{left:34px;top:28px}
  .c-del2 .ic{left:34px;top:32px}
  .c-del3 .ic{left:33px;top:29px}
  .c-del4 .ic{left:37px;top:27px}
  .c-del5 .ic{left:32px;top:28px}
  .c-del1 .num{right:10px;top:6px;width:136px;height:107px;background:url(../../images/zwz/aiidentity/assets/n01.png) 0 0/100% 100% no-repeat}
  .c-del2 .num{right:8px;top:11px;width:142px;height:103px;background:url(../../images/zwz/aiidentity/assets/n02.png) 0 0/100% 100% no-repeat}
  .c-del3 .num{right:10px;top:11px;width:138px;height:103px;background:url(../../images/zwz/aiidentity/assets/n03.png) 0 0/100% 100% no-repeat}
  .c-del4 .num{right:10px;top:11px;width:138px;height:103px;background:url(../../images/zwz/aiidentity/assets/n04.png) 0 0/100% 100% no-repeat}
  .c-del5 .num{right:10px;top:11px;width:138px;height:103px;background:url(../../images/zwz/aiidentity/assets/n05.png) 0 0/100% 100% no-repeat}
}
@media (min-width:768px){
  .c-hero1{background-image:url(../../images/zwz/aiidentity/assets/pc-hero1.jpg)}
  .c-hero2{background-image:url(../../images/zwz/aiidentity/assets/pc-hero2.jpg)}
  .c-buy1{background-image:url(../../images/zwz/aiidentity/assets/pc-buy1.jpg)}
  .c-buy2{background-image:url(../../images/zwz/aiidentity/assets/pc-buy2.jpg)}
  .c-buy3{background-image:url(../../images/zwz/aiidentity/assets/pc-buy3.jpg)}
  .c-src1{background-image:url(../../images/zwz/aiidentity/assets/pc-src1.jpg)}
  .c-src2{background-image:url(../../images/zwz/aiidentity/assets/pc-src2.jpg)}
  .c-src3{background-image:url(../../images/zwz/aiidentity/assets/pc-src3.jpg)}
  .c-kb1{background-image:url(../../images/zwz/aiidentity/assets/pc-kb1.jpg)}
  .c-kb2{background-image:url(../../images/zwz/aiidentity/assets/pc-kb2.jpg)}
  .c-why1{background-image:url(../../images/zwz/aiidentity/assets/pc-why1.jpg)}
  .c-why2{background-image:url(../../images/zwz/aiidentity/assets/pc-why2.jpg)}
  .c-why3{background-image:url(../../images/zwz/aiidentity/assets/pc-why3.jpg)}
  .c-why4{background-image:url(../../images/zwz/aiidentity/assets/pc-why4.jpg)}
  .c-del1{background-image:url(../../images/zwz/aiidentity/assets/pc-del1.jpg)}
  .c-del2{background-image:url(../../images/zwz/aiidentity/assets/pc-del2.jpg)}
  .c-del3{background-image:url(../../images/zwz/aiidentity/assets/pc-del3.jpg)}
  .c-del4{background-image:url(../../images/zwz/aiidentity/assets/pc-del4.jpg)}
  .c-del5{background-image:url(../../images/zwz/aiidentity/assets/pc-del5.jpg)}
}
@media (max-width:767px){
  .c-hero1{background-image:url(../../images/zwz/aiidentity/assets/m-hero1.jpg)}
  .c-hero2{background-image:url(../../images/zwz/aiidentity/assets/m-hero2.jpg)}
  .c-buy1{background-image:url(../../images/zwz/aiidentity/assets/m-buy1.jpg)}
  .c-buy2{background-image:url(../../images/zwz/aiidentity/assets/m-buy2.jpg)}
  .c-buy3{background-image:url(../../images/zwz/aiidentity/assets/m-buy3.jpg)}
  .c-src1{background-image:url(../../images/zwz/aiidentity/assets/m-src1.jpg)}
  .c-src2{background-image:url(../../images/zwz/aiidentity/assets/m-src2.jpg)}
  .c-src3{background-image:url(../../images/zwz/aiidentity/assets/m-src3.jpg)}
  .c-kb1{background-image:url(../../images/zwz/aiidentity/assets/m-kb1.jpg)}
  .c-kb2{background-image:url(../../images/zwz/aiidentity/assets/m-kb2.jpg)}
  .c-why1{background-image:url(../../images/zwz/aiidentity/assets/m-why1.jpg)}
  .c-why2{background-image:url(../../images/zwz/aiidentity/assets/m-why2.jpg)}
  .c-why3{background-image:url(../../images/zwz/aiidentity/assets/m-why3.jpg)}
  .c-why4{background-image:url(../../images/zwz/aiidentity/assets/m-why4.jpg)}
  .c-del1{background-image:url(../../images/zwz/aiidentity/assets/m-del1.jpg)}
  .c-del2{background-image:url(../../images/zwz/aiidentity/assets/m-del2.jpg)}
  .c-del3{background-image:url(../../images/zwz/aiidentity/assets/m-del3.jpg)}
  .c-del4{background-image:url(../../images/zwz/aiidentity/assets/m-del4.jpg)}
  .c-del5{background-image:url(../../images/zwz/aiidentity/assets/m-del5.jpg)}
}
@media (max-width:767px){
  .s9 .c-del1 .num{right:20.0px;top:30.0px;width:52.5px;height:41.0px;background:url(../../images/zwz/aiidentity/assets/m-n01.png) 0 0/100% 100% no-repeat}
  .s9 .c-del2 .num{right:17.5px;top:31.5px;width:58.0px;height:38.5px;background:url(../../images/zwz/aiidentity/assets/m-n02.png) 0 0/100% 100% no-repeat}
  .s9 .c-del3 .num{right:17.5px;top:31.0px;width:57.0px;height:39.0px;background:url(../../images/zwz/aiidentity/assets/m-n03.png) 0 0/100% 100% no-repeat}
  .s9 .c-del4 .num{right:18.0px;top:33.0px;width:57.0px;height:36.5px;background:url(../../images/zwz/aiidentity/assets/m-n04.png) 0 0/100% 100% no-repeat}
  .s9 .c-del5 .num{right:18.0px;top:32.0px;width:56.0px;height:36.5px;background:url(../../images/zwz/aiidentity/assets/m-n05.png) 0 0/100% 100% no-repeat}
}
@media (min-width:768px) and (max-width:1239px){
  .wrap{padding:0 24px}
  .two,.three{gap:20px}
  .s1 .card{padding-left:24px;padding-right:24px}
  .s1 .card{height:auto;min-height:168px;padding-bottom:28px}
  .steps{width:auto;max-width:calc(100% - 150px)}
  .s1 .d{padding-right:130px;height:auto;min-height:20px}
  .s1 h3{padding-right:120px}
  .s8 h3{padding-right:130px}
  .s2 .d,.s3 .d{left:22px;right:22px}
  .s2 h3,.pill{left:100px}
  .s4-body{height:auto;min-height:235px}
  .friendly li{height:84px}
  .browser{left:auto;right:24px;top:-64px;width:clamp(360px,46vw,554px)}
  .s4-body{margin-bottom:0}
  .s6 .card{padding-right:120px}
  .s8 .b{max-width:calc(100% - 200px)}
  .s8 .c-why2 .b,.s8 .c-why3 .b,.s8 .c-why4 .b{width:auto}
  .s9 .card>div{right:150px}
  .p-right{padding:0 20px}
  .cards3{gap:14px}
  .tc h5,.tc .sb{left:84px}
  .diagram{margin-left:0}
  .tiles{gap:16px}
  .tile h5{font-size:14px}.tile p{font-size:12px}
  .tile.hot{font-size:14px}
}
@media (max-width:767px){
  .main{background-image:url(../../images/zwz/aiidentity/assets/m-bg.jpg?v=20261009l)}
  .wrap{width:100%;padding:0 15px}
  .two{gap:14.5px}
  .three{gap:11px}
  .two{grid-template-columns:1fr}
  .three{grid-template-columns:repeat(3,1fr);gap:11px}
  .pc{display:none}.mb{display:inline}
  .mbr{display:inline}
  .pbr{display:none}
  .s8 .dash{display:inline}.s8 .pbr{display:none}
  .pcbr{display:none}
  .dash{display:none}
  .pdot{display:none}
  .s8 .dash{display:inline}

  .head h2{font-size:16px/*clamp(19px,5.6vw,24px)*/;line-height:1.42}
  .head .sub{margin-top:13px;padding:0 15px;font-size:12px;line-height:18px}
  .wm{font-size:26px;top:-18px}
  .s1{padding-top:20px}
  .s1 .head .sub{margin-top:12px}
  .s1 .wrap{margin-top:31px}
  .s1 .card{height:auto;min-height:119px;border-radius:12px;padding:15px 15px 15px}
  .s1 h3{font-size:14px;line-height:22px}
  .s1 .d{margin-top:4px;height:auto;font-size:12px;line-height:18px;padding-right:80px}
  .steps{margin-top:14px;width:auto;max-width:calc(100% - 85px);height:30px;padding:0 10px;font-size:13px;border-radius:6px}
  .steps li:not(:last-child)::after{width:11px;height:11px;margin:0 5px}
  .c-hero1 .art{width:68px;right:23px;top:10px}
  .c-hero2 .art{width:73px;right:20px;top:8px}

  .s2{margin-top:80.25px}.s2 .wrap{margin-top:28.5px}
  .s2 .card{height:auto;min-height:218px;border-radius:10px;padding:13px 10px 14px 15px;text-align:center}
  .s2 .ic,.s2 h3,.s2 .pill,.s3 .ic,.s3 h3{position:relative;left:-2.5px;top:auto;right:auto}
  .s2 .ic{position:relative;margin:0 auto}
  .c-buy1 .ic{width:44px}.c-buy2 .ic{width:47px}.c-buy3 .ic{width:45px}
  .s2 h3{margin-top:14px;font-size:16px;line-height:22px}
  .pill{display:inline-block;margin-top:7px;height:20px;padding:0 10px;font-size:12px;line-height:20px;border-radius:10px}
  .s2 .d{position:static;margin-top:19px;text-align:left;font-size:11.5px;line-height:17px}
  .s3{margin-top:80.5px}.s3 .wrap{margin-top:28.5px}
  .s3 .card{height:auto;min-height:218px;border-radius:10px;padding:13px 10px 14px 15px;text-align:center}
  .s3 .ic{margin:0 auto}
  .c-src1 .ic{width:55px}.c-src2 .ic{width:55px}.c-src3 .ic{width:60px}
  .s3 h3{margin-top:10px;font-size:16px;line-height:24px}
  .s3 .d{position:static;margin-top:16px;text-align:left;font-size:11.5px;line-height:17px}

  .s4{margin-top:62.5px}
  .s4 .s4-head{text-align:center}
  .s4 .s4-head h2{font-size:16px/*clamp(19px,5.6vw,24px)*/;line-height:1.42}
  .s4 .s4-head .sub{margin-top:12px;font-size:10px;line-height:18px}
  .s4-body{margin-top:29.5px;height:237px}
  .friendly li{gap:8px;height:87px;align-items:flex-start}
  .friendly img{width:36px;height:36px;margin:0}
  .friendly h4{font-size:15px;line-height:22px}
  .friendly p{margin-top:2px;font-size:12px;line-height:17px}
  .browser{left:auto;right:7px;top:68px;width:318px}
  .s5{margin-top:63px}
  .s5 p{font-size:clamp(16px,4.7vw,20px);line-height:1.45;padding:0 8px}
  .s5 .l3{margin-top:20px}
  .s6{margin-top:96.5px}.s6 .wrap{margin-top:29px}
  .s6 .head h2{font-size:16px/*clamp(19px,5.6vw,24px)*/;line-height:1.25}
  .s6 .card{height:auto;min-height:129px;padding:13px 15px 15px 139px;border-radius:10px}
  .s6 h3{font-size:16px;line-height:22px;margin-top:0}
  .s6 .d{margin-top:3px;font-size:16px;line-height:24px}
  .s6 .b{margin-top:8px;font-size:12px;line-height:17px}
  .c-kb1 .art,.c-kb2 .art{left:22px;right:auto;top:22px;width:90px}
  .s7{margin-top:81px}.s7 .wrap{margin-top:21px}
  .panel{height:433px;border-radius:10px;background-image:url(../../images/zwz/aiidentity/assets/m-tab1.jpg)}
  .panel[data-s="2"]{background-image:url(../../images/zwz/aiidentity/assets/m-tab2.jpg)}
  .panel[data-s="3"]{background-image:url(../../images/zwz/aiidentity/assets/m-tab3.jpg)}
  .p-left{width:140px}
  .p-item{height:70px;padding:12px 10px 0 10px}
  .p-item h4{font-size:16px;line-height:22px}
  .p-item p{font-size:12px;line-height:18px;margin-top:2px}
  .p-right{padding:0 15px 0 15.5px}
  .pane[data-pane="1"]{padding-bottom:15px}
  .pane[data-pane="1"] .p-intro{padding-top:30px;font-size:13px;line-height:20px}
  .pane[data-pane="2"] .p-intro,.pane[data-pane="3"] .p-intro{padding-top:10px;font-size:14px;line-height:24px;margin-right:-8px}
  .cards3{grid-template-columns:1fr;gap:11px;margin-top:12px}
  .tc{height:112.5px;border-radius:8px;padding:0}
  .tc1{height:103.5px}
  .tc h5{left:64px;top:10.5px;font-size:16px;line-height:22px}
  .tc .sb{left:64px;top:32.5px;font-size:12px;line-height:18px}
  .tc .bd{left:16px;right:10px;top:59.5px;font-size:12px;line-height:18px;color:var(--gray)}
  .tc .bd b{color:var(--navy)}
  .tc .bd p+p{margin-top:8px}
  .tc1 .tic{left:14.5px;top:10px;width:40px;height:40px}.tc2 .tic{left:14px;top:10.5px;width:42px;height:38px}.tc3 .tic{left:14.5px;top:10px;width:40px;height:40px}
  .diagram{width:calc(100% + 23px);max-width:none;margin:53px 0 0 -12px}
  .tiles{grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}
  .tile{height:62px;display:grid;grid-template-columns:40px 1fr;grid-template-rows:62px;align-items:center;column-gap:12px;padding:0 0 0 5px;text-align:left}
  .tile img{justify-self:center}
  .tile.hot{display:flex;justify-content:center;padding:0;font-size:14px;line-height:20px;text-align:center}
  .tile img{margin:0}
  .tile h5{position:static;font-size:14px;line-height:19px}
  .tile p{position:static;margin-top:0;font-size:12px;line-height:17px}
  .tile .tx{display:block}
  .t-llms img{width:23px}.t-schema img{width:30px}.t-robots img{width:36px}.t-ssr img,.t-https img,.t-xml img,.t-og img{width:30px;margin:0}
  .note{margin-top:15px;height:25px;line-height:25px;font-size:12px;padding:0 9px;white-space:nowrap;overflow:hidden}
  .s8{margin-top:82.5px}.s8 .head .sub{margin-top:12px;font-size:12px}.s8 .wrap{margin-top:28px}
  .s8 .card{height:auto;min-height:107px;padding:15px 150px 14px 15px;border-radius:10px}
  .s8 h3{font-size:16px;line-height:24px}
  .s8 .b{position:static;width:auto;margin-top:8px;font-size:13px;line-height:22px}
  .s8 .c-why2 .b,.s8 .c-why3 .b,.s8 .c-why4 .b{width:auto}
  .c-why1 .art{width:80px;right:11px;top:10px}.c-why2 .art{width:77px;right:12px;top:12px}.c-why3 .art{width:84px;right:10px;top:10px}.c-why4 .art{width:87px;right:8px;top:14px}
  .s9{margin-top:82px}.s9 .head .sub{margin-top:13px;font-size:12px;line-height:17px}.s9 .wrap{margin-top:30px}
  .list{gap:20px}
  .s9 .card{display:flex;align-items:center;height:auto;min-height:100px;border-radius:10px;padding:10px 62px 10px 99px}
  .s9 .card>div{position:static;flex:1}
  .s9 h3{font-size:16px;line-height:24px}
  .s9 p{margin-top:2px;font-size:12px;line-height:22px}
  .s9 .ic{left:30px;top:50%;transform:translateY(-50%)}
  .c-del1 .ic{width:60px}.c-del2 .ic{width:61px}.c-del3 .ic{width:61px}.c-del4 .ic{width:54px}.c-del5 .ic{width:61px}
  .closing{margin-top:72px;padding-bottom:58px}
  .art-bottom{height:234px}
  .closing p{font-size:14px;line-height:22px}
  .closing p+p{margin-top:20px}
  .art-bottom{background-image:url(../../images/zwz/aiidentity/assets/m-bottom-art.jpg)}
}

@media (max-width:560px){
  .three{gap:8px}
  .s2 .card,.s3 .card{padding:12px 8px 14px 10px;min-height:0}
  .s2 h3,.s3 h3{font-size:12px;line-height:18px}
  .s3 h3{margin-top:8px}
  .pill{font-size:11px;padding:0 7px;height:19px;line-height:19px;margin-top:6px}
  .s2 .d,.s3 .d{font-size:11px;line-height:16px;margin-top:12px}
  .c-buy1 .ic,.c-buy2 .ic,.c-buy3 .ic{width:36px}
  .c-src1 .ic,.c-src2 .ic,.c-src3 .ic{width:44px}
  .s1 h3{padding-right:72px}
  .s1 .d{padding-right:72px}
  .steps{max-width:100%;flex-wrap:wrap;height:auto;min-height:30px;padding:6px 2px;row-gap:2px}
  /* 三重友好：按设计稿(640宽)等比缩放，保持左文右图；1px(设计) = 100vw/640 */
  .s4-body{height:37vw}
  .friendly li{gap:1.25vw;height:13.6vw}
  .friendly img{width:5.6vw;height:5.6vw}
  .friendly h4{font-size:2.34vw;line-height:3.44vw}
  .friendly p{margin-top:.3vw;font-size:1.875vw;line-height:2.65vw}
  .browser{position:absolute;left:auto;right:1.1vw;top:10.6vw;width:49.7vw;max-width:none;margin:0}
  .s5{margin-top:50px}
  .s6 .card{padding-left:115px}
  .c-kb1 .art,.c-kb2 .art{width:76px;left:16px}
  /* 三层重构面板：窄屏不改版式，整体按设计稿 612 宽等比缩小（缩放由页面底部脚本计算） */
  .panel-wrap{width:100%;overflow:hidden}
  .panel{width:612px;transform-origin:0 0}
  .s8 .card{padding-right:100px}
  .s9 .card{padding-right:68px}
  .s9 .card p .mbr{display:none}
}

/* 首屏：背景图 + 真实文字（矢量，高分屏清晰）。尺寸按设计稿 1920 / 1284 宽等比（cqw） */
.hero{container-type:inline-size;position:relative;overflow:hidden;line-height:1;aspect-ratio:1920/785;background:#0b5bd0 url(../../images/zwz/aiidentity/assets/pc-hero-bg.jpg?v=20261009l) center top/100% 100% no-repeat}
.hero .ln{position:absolute;left:0;right:0;margin:0;text-align:center;white-space:nowrap;color:#fff;font-weight:500;line-height:1;text-shadow:0 0 .6cqw rgba(8,60,140,.18)}
.hero .h-title{position:absolute;left:50%;top:5.8854cqw;width:40.2604cqw;margin:0;transform:translateX(-50%)}
.hero .h-title img{width:100%;height:auto}
.hero .hl{color:#86f2c0;font-style:normal}
.hero .h-q{font-weight:600}
.hero .h-a1,.hero .h-a2{font-weight:500}
.hero .h-s1{top:16.0375cqw;font-size:1.2500cqw}
.hero .h-s2{top:17.9125cqw;font-size:1.2500cqw}
.hero .h-k{top:31.3332cqw;font-size:1.0417cqw}
.hero .h-q{top:33.7447cqw;font-size:1.5625cqw}
.hero .h-a1{top:37.0103cqw;font-size:1.0417cqw}
.hero .h-a2{top:39.1457cqw;font-size:1.0417cqw}
@media (max-width:767px){
.hero .h-title{top:13.1620cqw;width:77.8816cqw}
.hero{aspect-ratio:1284/1000;background-image:url(../../images/zwz/aiidentity/assets/m-hero-bg.jpg?v=20261009l)}
.hero .h-s1{top:31.8193cqw;font-size:2.4922cqw}
.hero .h-s2{top:35.5576cqw;font-size:2.4922cqw}
.hero .h-k{top:54.6137cqw;font-size:2.1807cqw}
.hero .h-q{top:58.9836cqw;font-size:3.7383cqw}
.hero .h-a1{top:66.0623cqw;font-size:2.1807cqw}
.hero .h-a2{top:70.1121cqw;font-size:2.1807cqw}
}