/* ============================================================
   移动端专属 UI（≤760px 生效，与桌面为两套不同形态）
   形态：App 式 —— 顶部紧凑栏 + 全屏抽屉菜单 + 底部 Tab + 大卡片流
   ============================================================ */
:root{--nav-h:56px;--tab-h:60px;--gap:16px}

body{padding-bottom:calc(var(--tab-h) + env(safe-area-inset-bottom))}
.container{padding:0 var(--gap)}

/* 顶部：更小、更轻 */
.nav{height:var(--nav-h);background:rgba(255,255,255,.96)}
.nav-inner{padding:0 var(--gap);gap:12px}
.brand-mark{width:34px;height:34px;border-radius:9px}
.brand-name{font-size:15px}
.brand-name small{display:none}
.burger{width:40px;height:40px}

/* 抽屉菜单：全屏、右滑入、大字号 */
.mobile-menu{position:fixed;top:0;left:0;right:0;bottom:0;padding:calc(var(--nav-h) + 24px) 24px 40px;
  transform:translateX(100%);z-index:1001;display:flex;flex-direction:column;overflow-y:auto;
  background:linear-gradient(180deg,#fff 0%,var(--bg-soft) 100%)}
.nav.open .mobile-menu,.mobile-menu.open{transform:none}
.mobile-menu a{padding:18px 4px;font-size:19px;border-bottom:1px solid var(--line);border-radius:0}
.mobile-menu a.active{color:var(--pink-deep)}
.mobile-menu .mm-cta{margin-top:auto;background:var(--ink);color:#fff !important;border-radius:14px;font-size:16px;padding:16px;border:none}
.mm-close{display:block;position:absolute;top:14px;right:18px;font-size:28px;line-height:1;color:var(--ink-3);padding:8px}
/* 抽屉打开时锁定背景滚动 */
body.menu-open{overflow:hidden}

/* 底部 Tab 栏（App 式） */
.tabbar{display:none}
@media (max-width:760px){
  .tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:999;
    height:calc(var(--tab-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);
    background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-top:1px solid var(--line);
    align-items:stretch}
  .tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
    font-size:11px;font-weight:600;color:var(--ink-3);transition:.2s}
  .tabbar a i{font-size:21px;font-style:normal;line-height:1}
  .tabbar a.on{color:var(--pink-deep)}
  .tabbar a.on i{transform:translateY(-2px)}
  .tabbar a:active{background:var(--pink-soft)}
}

/* Hero：小屏改为自然文档流，纵向卡片（避免绝对定位层叠错乱） */
.hero{height:auto;min-height:0;padding:calc(var(--nav-h) + 20px) 0 0}
.slides{position:relative;inset:auto}
.slide{position:relative;inset:auto;display:none;flex-direction:column;padding:6px 0 8px}
.slide.on{display:flex}
.slide-art{position:absolute;inset:0;z-index:0}
.slide-inner{position:relative;z-index:2;padding:0 var(--gap);width:100%}
.slide-tag{padding:6px 14px;font-size:11.5px;letter-spacing:.06em;white-space:nowrap;max-width:100%;overflow:hidden}
.slide h1{font-size:30px;line-height:1.3;margin:16px 0 12px}
.slide .sub{font-size:15px;margin-bottom:20px;max-width:none}
.slide .sub i{margin:0 6px}
.slide .btn{display:block;width:100%;text-align:center;padding:15px 0;font-size:15px}
.slide .btn+.btn{margin-top:12px}
/* 吉祥物：跟随文字之后居中，不再悬浮叠压 */
.hero-char{display:flex;position:relative;right:auto;bottom:auto;width:min(60%,300px);margin:4px auto 0;justify-content:center;order:2}
.hero-char img{width:52%}
.hero-char img:last-child{width:44%;margin-left:-6%}
/* 前后箭头小屏隐藏（胶囊/自动轮播已可切换） */
.h-arrow{display:none}
/* 分类胶囊：文档流内横滑 */
.h-scroll{position:static;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:10px;
  padding:2px var(--gap) 12px;margin-top:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.h-scroll::-webkit-scrollbar{display:none}
.h-chip{flex-shrink:0;white-space:nowrap;padding:8px 16px;font-size:13px}
/* 指示圆点：静态排在胶囊下方 */
.dots{position:static;transform:none;justify-content:center;gap:8px;padding:0 0 18px}

/* 区块：卡片流 */
.sec{padding:44px 0}
.sec.alt{background:var(--bg-soft)}
.sec-head{margin-bottom:28px;text-align:left}
.sec-head h2{font-size:24px;margin:8px 0 10px}
.sec-head p{font-size:14px}
.cap-card,.sol-card,.value-card,.license-card,.sub-card,.ip-card{border-radius:20px;padding:22px 18px;box-shadow:0 6px 20px rgba(43,44,49,.07);border-color:transparent}
.cap-grid,.sol-grid,.sub-grid,.value-grid,.license-grid,.ip-meta,.org-branches{grid-template-columns:1fr;gap:14px}
.value-card{text-align:left;display:flex;gap:14px;align-items:flex-start}
.value-card .vi{width:46px;height:46px;margin:0;font-size:22px;flex:none}
.cap-card:hover,.sol-card:hover,.value-card:hover,.case-card:hover,.news-row:hover,.sub-card:hover{transform:none;box-shadow:0 6px 20px rgba(43,44,49,.07)}
.cap-card:active,.sol-card:active,.case-card:active,.sub-card:active{transform:scale(.985)}
.cta-band{border-radius:20px;padding:38px 20px;text-align:center}
.cta-band h2{font-size:24px}

/* 新闻：横向滑动卡片 */
.news-rows{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:4px var(--gap) 14px;margin:0 calc(var(--gap) * -1);max-width:none;-webkit-overflow-scrolling:touch}
.news-rows::-webkit-scrollbar{display:none}
.news-row{flex:0 0 84%;scroll-snap-align:center;flex-direction:column;align-items:stretch;padding:0;overflow:hidden}
.news-row .thumb{flex:none;height:132px;border-radius:0}
.news-row .nb{padding:14px 16px 18px}
.news-row h3{font-size:16px}

/* 案例：单列大卡 */
.case-grid{grid-template-columns:1fr;gap:16px}
.case-cover{height:170px}
.case-card .cb{padding:18px 18px 22px}
.news-grid{grid-template-columns:1fr;gap:16px}

/* 筛选 chip 横滑 */
.chip-row{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding:2px var(--gap) 6px;margin:0 calc(var(--gap) * -1) 26px;-webkit-overflow-scrolling:touch}
.chip-row::-webkit-scrollbar{display:none}
.chip{flex:0 0 auto;padding:8px 16px;font-size:13.5px}
.chip:active{background:var(--pink-soft)}

/* 信息表格 → 卡片列表 */
.info-table{display:block;background:none;box-shadow:none;border-radius:0}
.info-table tr{display:block;background:#fff;border-radius:14px;margin-bottom:10px;border:1px solid var(--line);overflow:hidden}
.info-table th{display:block;width:auto;padding:12px 16px 0;font-size:12.5px;color:var(--ink-3);background:none}
.info-table td{display:block;padding:4px 16px 14px;font-size:14.5px}

/* 大事记：左侧时间轴紧凑化 */
.mile{padding-left:26px}
.mile::before{left:5px}
.mile-item::before{left:-25px;width:12px;height:12px}
.mile-item{padding-bottom:26px}
.mile-item h3{font-size:16px}

/* 表单 */
.form-wrap{padding:22px 16px;border-radius:18px}
.form-grid{grid-template-columns:1fr;gap:14px}
.form-wrap input,.form-wrap textarea,.form-wrap select{font-size:16px;padding:13px 14px}
.btn{width:100%;padding:15px 0}
.btn.ghost{width:100%}

/* 页脚：精简 */
.foot-main{grid-template-columns:1fr;gap:22px;padding:36px var(--gap) 26px}
.foot-col:nth-child(2),.foot-col:nth-child(3){display:none}
.foot-brand img{width:120px}
.foot-bottom-in{flex-direction:column;gap:10px;text-align:center;font-size:12.5px}

/* 返回顶部等浮动元素避开 Tab 栏 */
.to-top{bottom:calc(var(--tab-h) + 16px) !important}