/* ============================================================
   智绘云耀集团官网 · 设计系统
   视觉基调：白底 / 深炭灰标题 / 柔粉(漾玩) / 青蓝(观序)
   ============================================================ */
:root{
  --ink:#2b2c31;            /* 深炭灰（主文字/按钮） */
  --ink-2:#6d7076;          /* 次级文字 */
  --ink-3:#9a9da3;          /* 弱文字 */
  --line:#ececef;           /* 分隔线 */
  --bg:#ffffff;
  --bg-soft:#f7f7f9;
  --pink:#f2a9b8;           /* 漾玩 · 柔粉 */
  --pink-deep:#e58a9d;
  --pink-soft:#fdf1f3;
  --blue:#38a8dc;           /* 观序 · 青蓝 */
  --blue-deep:#1f8ec4;
  --blue-soft:#eef7fc;
  --gold:#e9d492;           /* LOGO 金色点缀 */
  --radius:18px;
  --radius-s:12px;
  --shadow:0 10px 30px rgba(43,44,49,.08);
  --shadow-h:0 18px 44px rgba(43,44,49,.14);
  --container:1240px;
  --nav-h:72px;
  --font:"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei","Source Han Sans SC",-apple-system,"Segoe UI",sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.7;font-size:16px}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}
::selection{background:var(--pink-soft);color:var(--ink)}
.container{max-width:var(--container);margin:0 auto;padding:0 32px}

/* ---------- 通用按钮 ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-family:inherit;
  padding:13px 34px;border-radius:999px;font-size:15px;font-weight:600;
  background:var(--ink);color:#fff;transition:.28s;letter-spacing:.04em;border:1.5px solid var(--ink)}
.btn:hover{background:var(--pink-deep);border-color:var(--pink-deep);transform:translateY(-2px);box-shadow:0 10px 24px rgba(229,138,157,.35)}
.btn.blue:hover{background:var(--blue-deep);border-color:var(--blue-deep);box-shadow:0 10px 24px rgba(56,168,220,.35)}
.btn.ghost{background:transparent;color:var(--ink)}
.btn.ghost:hover{background:var(--ink);color:#fff;box-shadow:none}
.btn.light{background:#fff;color:var(--ink);border-color:#fff}
.btn.light:hover{background:var(--pink-deep);color:#fff;border-color:var(--pink-deep)}
.btn .ar{font-family:Arial;transition:transform .28s}
.btn:hover .ar{transform:translateX(4px)}

/* ---------- 顶部导航 ---------- */
.nav{position:fixed;inset:0 0 auto 0;height:var(--nav-h);z-index:1000;
  background:rgba(255,255,255,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid transparent;transition:.3s}
.nav.scrolled{border-bottom-color:var(--line);box-shadow:0 4px 24px rgba(43,44,49,.06)}
.nav-inner{max-width:var(--container);margin:0 auto;height:100%;padding:0 32px;
  display:flex;align-items:center;gap:36px}
.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}
.brand-mark{width:44px;height:44px;border-radius:11px;flex-shrink:0;display:grid;place-items:center}
.brand-mark img{width:100%;height:100%;object-fit:contain}
.brand-name{font-size:17px;font-weight:800;letter-spacing:.06em;line-height:1.15}
.brand-name small{display:block;font-size:9.5px;font-weight:600;color:var(--ink-3);letter-spacing:.18em}
.nav-links{display:flex;gap:6px;margin-left:auto}
.nav-links a{padding:9px 15px;font-size:15px;font-weight:500;color:var(--ink);border-radius:999px;transition:.25s;white-space:nowrap}
.nav-links a:hover{color:var(--pink-deep);background:var(--pink-soft)}
.nav-links a.active{color:#fff;background:var(--ink)}
.nav-cta{margin-left:8px;padding:9px 22px !important;background:var(--ink);color:#fff !important;font-weight:600}
.nav-cta:hover{background:var(--pink-deep) !important;color:#fff !important}
.burger{display:none;margin-left:auto;width:44px;height:44px;border-radius:10px;flex-direction:column;align-items:center;justify-content:center;gap:5px}

/* 移动端专属元素在桌面默认隐藏（mobile.css 仅小屏加载） */
.tabbar{display:none}
.mm-close{display:none}
.mobile-menu{display:none}
.burger span{width:22px;height:2px;background:var(--ink);border-radius:2px;transition:.3s}
.nav.open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav.open .burger span:nth-child(2){opacity:0}
.nav.open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-menu{display:none}

/* ---------- 首屏 Banner 轮播 ---------- */
.hero{position:relative;height:min(92vh,860px);min-height:560px;overflow:hidden;background:#fff}
.slides{position:absolute;inset:0}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1s ease,visibility 1s;display:flex;align-items:center}
.slide.on{opacity:1;visibility:visible;z-index:2}
.slide-art{position:absolute;inset:0;z-index:0}
.slide-inner{position:relative;z-index:2;max-width:var(--container);margin:0 auto;padding:0 32px;width:100%}
.slide-tag{display:inline-flex;align-items:center;gap:8px;padding:7px 18px;border-radius:999px;
  background:rgba(255,255,255,.75);border:1px solid rgba(43,44,49,.08);font-size:13px;font-weight:600;
  letter-spacing:.14em;color:var(--ink-2);backdrop-filter:blur(6px)}
.slide h1{font-size:clamp(38px,5.2vw,68px);font-weight:900;line-height:1.22;letter-spacing:.02em;margin:22px 0 18px}
.slide h1 .x{color:var(--pink-deep);font-weight:800;margin:0 6px}
.slide .sub{font-size:clamp(15px,1.5vw,19px);color:var(--ink-2);max-width:640px;margin-bottom:38px}
.slide .sub i{font-style:normal;color:var(--ink-3);margin:0 10px}
/* 三帧背景 */
.slide-s1 .slide-art{background:
  radial-gradient(52% 70% at 82% 18%,rgba(242,169,184,.34),transparent 65%),
  radial-gradient(46% 66% at 12% 86%,rgba(56,168,220,.22),transparent 62%),
  linear-gradient(160deg,#fff 0%,#fdf6f7 46%,#f3f9fd 100%)}
.slide-s2 .slide-art{background:
  radial-gradient(58% 74% at 76% 30%,rgba(242,169,184,.5),transparent 66%),
  radial-gradient(40% 55% at 88% 84%,rgba(233,212,146,.4),transparent 60%),
  linear-gradient(150deg,#fff 0%,#fdf3f4 55%,#fbeee6 100%)}
.slide-s3 .slide-art{background:
  radial-gradient(55% 72% at 80% 26%,rgba(56,168,220,.3),transparent 64%),
  radial-gradient(42% 60% at 8% 88%,rgba(242,169,184,.22),transparent 60%),
  linear-gradient(155deg,#fff 0%,#f2f8fc 52%,#eaf4fb 100%)}
.grid-deco{position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(rgba(56,168,220,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(56,168,220,.07) 1px,transparent 1px);
  background-size:44px 44px;mask-image:radial-gradient(60% 60% at 70% 40%,#000,transparent)}
/* 轮播两侧角色图 */
.hero-char{position:absolute;right:4%;bottom:6%;width:min(30vw,400px);display:flex;align-items:flex-end;gap:0;z-index:1}
.hero-char img{width:52%;filter:drop-shadow(0 18px 26px rgba(43,44,49,.12));animation:floaty 5s ease-in-out infinite}
.hero-char img:last-child{width:44%;margin-left:-6%;animation-delay:1.2s}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
/* 轮播控制 */
.dots{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:5}
.dots button{width:9px;height:9px;border-radius:99px;background:rgba(43,44,49,.22);transition:.3s}
.dots button.on{width:30px;background:var(--ink)}
.h-arrow{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;
  background:rgba(255,255,255,.8);backdrop-filter:blur(6px);box-shadow:var(--shadow);z-index:5;
  font-size:19px;color:var(--ink);display:grid;place-items:center;transition:.25s}
.h-arrow:hover{background:var(--ink);color:#fff}
.h-arrow.prev{left:26px}.h-arrow.next{right:26px}
.h-scroll{position:absolute;bottom:0;left:0;right:0;z-index:4;display:flex;justify-content:center;gap:14px;padding:0 32px 78px}
.h-chip{padding:9px 20px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(43,44,49,.08);
  font-size:13px;font-weight:600;color:var(--ink-2);backdrop-filter:blur(6px);transition:.25s}
.h-chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}

/* ---------- 区块通用 ---------- */
.sec{padding:96px 0}
.sec.alt{background:var(--bg-soft)}
.sec-head{text-align:center;max-width:760px;margin:0 auto 56px}
.sec-en{font-size:12px;font-weight:700;letter-spacing:.42em;color:var(--ink-3);text-transform:uppercase}
.sec-head h2{font-size:clamp(28px,3.2vw,42px);font-weight:900;letter-spacing:.04em;margin:12px 0 14px}
.sec-sub{color:var(--ink-2);font-size:16px}
.sec-more{text-align:center;margin-top:52px}
.rv{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}
.rv.on{opacity:1;transform:none}
.rv.d1{transition-delay:.1s}.rv.d2{transition-delay:.2s}.rv.d3{transition-delay:.3s}

/* ---------- 关于我们四卡 ---------- */
.about-lead{max-width:860px;margin:0 auto;text-align:center;color:var(--ink-2);font-size:17px}
.about-lead b{color:var(--ink)}
.cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:64px}
.cap-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:38px 28px;transition:.35s;position:relative;overflow:hidden}
.cap-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--pink),var(--gold),var(--blue));opacity:0;transition:.35s}
.cap-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-h);border-color:transparent}
.cap-card:hover::before{opacity:1}
.cap-ico{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font-size:26px;margin-bottom:22px;background:var(--pink-soft)}
.cap-card:nth-child(2) .cap-ico{background:var(--blue-soft)}
.cap-card:nth-child(3) .cap-ico{background:#fbf6e9}
.cap-card:nth-child(4) .cap-ico{background:#f0f1f5}
.cap-card h3{font-size:19px;font-weight:800;margin-bottom:10px}
.cap-card p{font-size:14.5px;color:var(--ink-2)}

/* ---------- IP 角色横向滚动 ---------- */
.ip-scroll{display:flex;gap:26px;overflow-x:auto;padding:8px 4px 26px;scroll-snap-type:x mandatory}
.ip-scroll::-webkit-scrollbar{height:6px}
.ip-scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}
.ip-card{flex:0 0 340px;scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.35s;cursor:pointer}
.ip-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-h)}
.ip-art{height:300px;display:grid;place-items:center;position:relative;overflow:hidden}
.ip-art img{width:78%;height:88%;object-fit:contain;transition:.5s}
.ip-card:hover .ip-art img{transform:scale(1.07) rotate(-2deg)}
.ip-art.tao{background:radial-gradient(70% 70% at 50% 62%,#fdeef0,#fbe3e7)}
.ip-art.jiu{background:radial-gradient(70% 70% at 50% 62%,#fdf0ec,#fce7e3)}
.ip-art .ip-badge{position:absolute;top:16px;left:16px;padding:5px 14px;border-radius:999px;background:rgba(255,255,255,.85);font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--pink-deep)}
.ip-body{padding:24px 26px 28px}
.ip-body h3{font-size:21px;font-weight:900;display:flex;align-items:center;gap:10px}
.ip-body h3 em{font-style:normal;font-size:12px;font-weight:700;color:var(--ink-3);letter-spacing:.12em}
.ip-body p{font-size:14.5px;color:var(--ink-2);margin:10px 0 16px;min-height:44px}
.ip-link{font-size:14px;font-weight:700;color:var(--ink);display:inline-flex;align-items:center;gap:6px;transition:.25s}
.ip-card:hover .ip-link{color:var(--pink-deep);gap:10px}

/* ---------- 解决方案 ---------- */
.sol-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.sol-card{position:relative;border-radius:var(--radius);padding:36px 28px;min-height:280px;display:flex;flex-direction:column;
  border:1px solid var(--line);background:#fff;transition:.35s;overflow:hidden}
.sol-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-h)}
.sol-num{font-size:13px;font-weight:800;letter-spacing:.2em;color:var(--ink-3)}
.sol-ico{font-size:34px;margin:18px 0 14px}
.sol-card h3{font-size:18.5px;font-weight:800;line-height:1.4}
.sol-card p{font-size:14px;color:var(--ink-2);margin-top:10px;flex:1}
.sol-go{margin-top:18px;font-size:13.5px;font-weight:700;color:var(--blue-deep);display:inline-flex;gap:6px;align-items:center}
.sol-card:nth-child(-n+2) .sol-go{color:var(--pink-deep)}
.sol-card::after{content:"";position:absolute;right:-40px;bottom:-40px;width:130px;height:130px;border-radius:50%;background:var(--pink-soft);transition:.4s;z-index:0}
.sol-card:nth-child(even)::after{background:var(--blue-soft)}
.sol-card:hover::after{transform:scale(1.6)}
.sol-card>*{position:relative;z-index:1}

/* ---------- 子公司双卡 ---------- */
.sub-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.sub-card{border-radius:22px;padding:46px 42px;position:relative;overflow:hidden;transition:.35s;border:1px solid transparent}
.sub-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-h)}
.sub-card.yang{background:linear-gradient(150deg,#fff 30%,var(--pink-soft));border-color:#f8dde2}
.sub-card.guan{background:linear-gradient(150deg,#fff 30%,var(--blue-soft));border-color:#d8ecf7}
.sub-tag{display:inline-block;padding:6px 16px;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.06em}
.yang .sub-tag{background:var(--pink);color:#fff}
.guan .sub-tag{background:var(--blue);color:#fff}
.sub-card h3{font-size:23px;font-weight:900;margin:20px 0 6px}
.sub-card .en{font-size:12px;letter-spacing:.16em;color:var(--ink-3);font-weight:600}
.sub-card p{color:var(--ink-2);font-size:15px;margin:16px 0 26px}
.sub-feats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.sub-feats span{padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.8);border:1px solid rgba(43,44,49,.06);font-size:12.5px;color:var(--ink-2)}
.sub-logo{position:absolute;right:-26px;bottom:-30px;font-size:110px;font-weight:900;opacity:.06;letter-spacing:-.04em}

/* ---------- 新闻 ---------- */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.news-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.35s;display:flex;flex-direction:column}
.news-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-h)}
.news-thumb{height:190px;position:relative;display:grid;place-items:center;overflow:hidden}
.news-thumb .cat{position:absolute;top:14px;left:14px;padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.9);font-size:12px;font-weight:700}
.news-thumb .em{font-size:44px;opacity:.9}
.t-pink{background:linear-gradient(135deg,#fdeef0,#fbe0e6)}
.t-blue{background:linear-gradient(135deg,#eaf5fb,#dcedf8)}
.t-gold{background:linear-gradient(135deg,#fbf4e3,#f6ecd4)}
.news-body{padding:22px 24px 26px;flex:1;display:flex;flex-direction:column}
.news-body time{font-size:12.5px;color:var(--ink-3);letter-spacing:.05em}
.news-body h3{font-size:17px;font-weight:800;line-height:1.5;margin:8px 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-body p{font-size:14px;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}
/* 左图右文列表（首页用） */
.news-rows{display:flex;flex-direction:column;gap:18px;max-width:920px;margin:0 auto}
.news-row{display:flex;gap:24px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;transition:.3s;align-items:center}
.news-row:hover{transform:translateY(-4px);box-shadow:var(--shadow-h)}
.news-row .thumb{flex:0 0 168px;height:112px;border-radius:var(--radius-s);display:grid;place-items:center;font-size:34px}
.news-row h3{font-size:16.5px;font-weight:800}
.news-row p{font-size:14px;color:var(--ink-2);margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-row .meta{display:flex;gap:12px;align-items:center;margin-bottom:8px;font-size:12.5px;color:var(--ink-3)}
.news-row .cat{color:var(--pink-deep);font-weight:700}
.news-row .cat.blue{color:var(--blue-deep)}

/* ---------- 合作 CTA 横幅 ---------- */
.cta-band{background:linear-gradient(120deg,#2b2c31 0%,#3a3c44 55%,#43454e 100%);border-radius:26px;
  padding:74px 60px;text-align:center;color:#fff;position:relative;overflow:hidden}
.cta-band::before,.cta-band::after{content:"";position:absolute;border-radius:50%;filter:blur(2px)}
.cta-band::before{width:280px;height:280px;background:rgba(242,169,184,.16);top:-110px;left:-70px}
.cta-band::after{width:340px;height:340px;background:rgba(56,168,220,.14);bottom:-160px;right:-90px}
.cta-band h2{font-size:clamp(26px,3vw,40px);font-weight:900;letter-spacing:.05em;position:relative}
.cta-band p{color:rgba(255,255,255,.72);max-width:640px;margin:16px auto 34px;position:relative}

/* ---------- 页脚 ---------- */
.footer{background:#17181c;color:#b9bbc2;margin-top:110px}
.foot-main{max-width:var(--container);margin:0 auto;padding:72px 32px 56px;display:grid;grid-template-columns:1.4fr 1fr 1.3fr 1.5fr;gap:44px}
.foot-brand img{width:150px;border-radius:12px;margin-bottom:18px}
.foot-brand .fn{font-size:17px;font-weight:800;color:#fff;letter-spacing:.06em}
.foot-brand .fe{font-size:11px;letter-spacing:.2em;color:#7c7f88;margin-top:5px}
.foot-col h4{color:#fff;font-size:15px;font-weight:800;margin-bottom:20px;letter-spacing:.08em}
.foot-col a,.foot-col p{display:block;font-size:14px;color:#9a9da6;padding:5px 0;transition:.2s}
.foot-col a:hover{color:var(--pink)}
.foot-bottom{border-top:1px solid rgba(255,255,255,.08)}
.foot-bottom-in{max-width:var(--container);margin:0 auto;padding:22px 32px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:13px;color:#77797f}
.foot-bottom a{color:#9a9da6;margin-left:20px}
.foot-bottom a:hover{color:#fff}
.foot-tip{font-size:12.5px;color:#77797f;line-height:1.8;margin-top:12px}

/* ---------- 二级页头 ---------- */
.page-hero{padding:calc(var(--nav-h) + 84px) 0 74px;text-align:center;position:relative;overflow:hidden;background:
  radial-gradient(46% 70% at 84% 20%,rgba(242,169,184,.28),transparent 62%),
  radial-gradient(40% 60% at 10% 90%,rgba(56,168,220,.18),transparent 60%),#fff}
.page-hero.pink{background:radial-gradient(50% 74% at 78% 24%,rgba(242,169,184,.4),transparent 64%),#fff}
.page-hero.blue{background:radial-gradient(50% 74% at 78% 24%,rgba(56,168,220,.3),transparent 64%),#fff}
.page-hero .sec-en{margin-bottom:10px;display:block}
.page-hero h1{font-size:clamp(32px,4vw,52px);font-weight:900;letter-spacing:.05em}
.page-hero .crumbs{margin-top:16px;font-size:13px;color:var(--ink-3)}
.page-hero .crumbs a:hover{color:var(--pink-deep)}

/* ---------- 组织架构 ---------- */
.org-tree{display:flex;flex-direction:column;align-items:center;padding:10px 0 30px}
.org-node{background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:16px 34px;text-align:center;box-shadow:var(--shadow)}
.org-node b{font-size:17px;display:block}
.org-node span{font-size:12.5px;color:var(--ink-3)}
.org-line{width:2px;height:30px;background:var(--line)}
.org-branches{display:flex;gap:40px;justify-content:center;flex-wrap:wrap}
.org-branch{display:flex;flex-direction:column;align-items:center}
.org-node.sub-node{min-width:240px}
.org-node.sub-node.yang{border-color:#f6ccd4}
.org-node.sub-node.guan{border-color:#c9e5f4}
.org-depts{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap;justify-content:center}
.org-depts span{padding:6px 14px;border-radius:999px;font-size:12.5px;background:var(--pink-soft);color:var(--pink-deep);font-weight:600}
.org-depts.blue span{background:var(--blue-soft);color:var(--blue-deep)}

/* ---------- 表单 ---------- */
.form-wrap{max-width:780px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:22px;padding:48px;box-shadow:var(--shadow)}
.f-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.field{display:flex;flex-direction:column;gap:8px}
.field.full{grid-column:1/-1}
.field label{font-size:14px;font-weight:700}
.field label i{color:var(--pink-deep);font-style:normal;margin-left:3px}
.field input,.field textarea,.field select{border:1.5px solid var(--line);border-radius:12px;padding:13px 16px;font-size:15px;font-family:inherit;transition:.25s;background:#fbfbfc;color:var(--ink)}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--pink);background:#fff;box-shadow:0 0 0 4px rgba(242,169,184,.14)}
.field textarea{min-height:130px;resize:vertical}
/* 简历上传区 */
.file-field{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px;border:1.5px dashed var(--line);border-radius:12px;background:#fbfbfc}
.file-btn{border:1.5px solid var(--pink);background:#fff;color:var(--pink-deep);font-weight:700;font:inherit;font-size:14px;padding:10px 20px;border-radius:999px;cursor:pointer;transition:.25s}
.file-btn:hover{background:var(--pink);color:#fff}
.file-name{font-size:13.5px;color:var(--ink-3)}
.file-name.on{color:var(--pink-deep);font-weight:700}
.form-ok{display:none;text-align:center;padding:40px 20px}
.form-ok .ok-ico{width:74px;height:74px;border-radius:50%;background:var(--pink-soft);display:grid;place-items:center;font-size:34px;margin:0 auto 22px}
.form-ok h3{font-size:22px;font-weight:900}
.form-ok p{color:var(--ink-2);margin:10px 0 26px}
.chip-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:44px}
.chip{padding:9px 22px;border-radius:999px;border:1.5px solid var(--line);font-size:14px;font-weight:600;color:var(--ink-2);transition:.25s;background:#fff}
.chip:hover{border-color:var(--ink);color:var(--ink)}
.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}

/* ---------- 岗位 ---------- */
.job-tabs{display:flex;gap:10px;justify-content:center;margin-bottom:40px;flex-wrap:wrap}
.job-item{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 30px;display:flex;align-items:center;gap:22px;transition:.3s;margin-bottom:16px}
.job-item:hover{transform:translateX(6px);box-shadow:var(--shadow-h);border-color:transparent}
.job-item .jt{flex:1}
.job-item h3{font-size:17.5px;font-weight:800}
.job-item .tags{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.job-item .tags span{font-size:12px;padding:4px 12px;border-radius:999px;background:var(--bg-soft);color:var(--ink-2)}
.job-item .where{font-size:12.5px;font-weight:700;letter-spacing:.08em}
.job-item .where.y{color:var(--pink-deep)}
.job-item .where.g{color:var(--blue-deep)}
.job-item .btn{padding:10px 22px;font-size:13.5px}

/* ---------- 详情页 ---------- */
.article{max-width:820px;margin:0 auto}
.article .a-meta{display:flex;gap:16px;font-size:13.5px;color:var(--ink-3);margin-bottom:26px;flex-wrap:wrap}
.article .a-meta .cat{color:var(--pink-deep);font-weight:700}
.article h1{font-size:clamp(26px,3vw,36px);font-weight:900;line-height:1.4;margin-bottom:10px}
.article .a-body{margin-top:34px;font-size:16.5px;color:#3c3e44}
.article .a-body p{margin-bottom:20px}
.article .a-body h2{font-size:21px;font-weight:800;margin:38px 0 16px}
.article .a-body ul{margin-bottom:20px}
.article .a-body ul li{position:relative;padding-left:22px;margin-bottom:10px;color:var(--ink-2)}
.article .a-body ul li::before{content:"";position:absolute;left:2px;top:11px;width:8px;height:8px;border-radius:50%;background:var(--pink)}
.article .a-hero{height:320px;border-radius:22px;display:grid;place-items:center;font-size:64px;margin:26px 0 34px}
.back-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--ink-2);margin-bottom:30px;transition:.2s}
.back-link:hover{color:var(--pink-deep)}

/* ---------- IP 详情区块 ---------- */
.ip-hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:60px 0}
.ip-hero .art{border-radius:26px;height:440px;display:grid;place-items:center;overflow:hidden}
.ip-hero .art img{width:82%;height:90%;object-fit:contain}
.ip-hero h2{font-size:clamp(30px,3.4vw,44px);font-weight:900}
.ip-hero .en{font-size:13px;letter-spacing:.3em;color:var(--ink-3);font-weight:700;margin:8px 0 18px}
.ip-hero .desc{color:var(--ink-2);margin-bottom:26px}
.ip-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:30px}
.ip-meta div{background:rgba(255,255,255,.7);border:1px solid rgba(43,44,49,.06);border-radius:12px;padding:12px 16px;font-size:13.5px}
.ip-meta b{display:block;font-size:12px;color:var(--ink-3);letter-spacing:.1em;margin-bottom:3px}
.license-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.license-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;transition:.3s}
.license-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-h)}
.license-card h3{font-size:16.5px;font-weight:800;margin:12px 0 8px}
.license-card p{font-size:14px;color:var(--ink-2)}
.license-card .ic{font-size:26px}

/* ---------- 解决方案详情 ---------- */
.sol-block{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:center;padding:56px 0}
.sol-block+.sol-block{border-top:1px solid var(--line)}
.sol-block .visual{height:320px;border-radius:24px;display:grid;place-items:center;font-size:64px;position:relative;overflow:hidden}
.sol-block .visual .vn{position:absolute;top:18px;left:22px;font-size:13px;font-weight:800;letter-spacing:.2em;color:rgba(43,44,49,.4)}
.sol-block h2{font-size:clamp(24px,2.6vw,34px);font-weight:900;margin-bottom:8px}
.sol-block .en{font-size:12px;letter-spacing:.24em;color:var(--ink-3);font-weight:700;margin-bottom:18px;display:block}
.sol-block p{color:var(--ink-2);margin-bottom:18px}
.sol-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}
.sol-points div{border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:14px;background:#fff}
.sol-points b{display:block;font-size:14.5px;margin-bottom:3px}
.sol-points span{color:var(--ink-2);font-size:13px}

/* ---------- 案例/通用图块 ---------- */
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.case-card{border-radius:var(--radius);overflow:hidden;background:#fff;border:1px solid var(--line);transition:.35s;cursor:pointer}
.case-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-h)}
.case-cover{height:200px;display:grid;place-items:center;font-size:46px;position:relative}
.case-cover .ctag{position:absolute;top:14px;left:14px;padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.9);font-size:12px;font-weight:700}
.case-card .cb{padding:22px 24px 26px}
.case-card h3{font-size:16.5px;font-weight:800;line-height:1.5}
.case-card p{font-size:13.5px;color:var(--ink-2);margin-top:8px}
.empty-tip{text-align:center;color:var(--ink-3);padding:60px 0;font-size:15px}

/* 信息表格 */
.info-table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.info-table tr{border-bottom:1px solid var(--line)}
.info-table tr:last-child{border-bottom:none}
.info-table th{width:220px;text-align:left;padding:18px 26px;background:var(--bg-soft);font-size:14px;font-weight:700;vertical-align:top}
.info-table td{padding:18px 26px;font-size:14.5px;color:var(--ink-2)}

/* 价值观卡 */
.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.value-card{text-align:center;padding:38px 24px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);transition:.3s}
.value-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-h)}
.value-card .vi{width:60px;height:60px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;font-size:26px;background:var(--pink-soft)}
.value-card:nth-child(2) .vi{background:var(--blue-soft)}
.value-card:nth-child(3) .vi{background:#fbf6e9}
.value-card:nth-child(4) .vi{background:#f0f1f5}
.value-card h3{font-size:18px;font-weight:800}
.value-card p{font-size:13.5px;color:var(--ink-2);margin-top:8px}

/* 大事记 */
.mile{position:relative;max-width:820px;margin:0 auto;padding-left:36px}
.mile::before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:2px;background:var(--line)}
.mile-item{position:relative;padding-bottom:36px}
.mile-item::before{content:"";position:absolute;left:-34px;top:8px;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--pink)}
.mile-item:nth-child(even)::before{border-color:var(--blue)}
.mile-item time{font-size:13px;font-weight:800;letter-spacing:.1em;color:var(--pink-deep)}
.mile-item:nth-child(even) time{color:var(--blue-deep)}
.mile-item h3{font-size:17px;font-weight:800;margin:4px 0 6px}
.mile-item p{font-size:14.5px;color:var(--ink-2)}

/* ---------- 响应式 ---------- */
@media (max-width:1080px){
  .cap-grid,.sol-grid,.value-grid{grid-template-columns:repeat(2,1fr)}
  .news-grid,.case-grid,.license-grid{grid-template-columns:repeat(2,1fr)}
  .foot-main{grid-template-columns:1fr 1fr}
  .hero-char{display:none}
  .nav-links{display:none}
  .burger{display:flex}
  .mobile-menu{display:block;position:fixed;top:var(--nav-h);left:0;right:0;bottom:0;background:rgba(255,255,255,.98);backdrop-filter:blur(16px);
    z-index:999;padding:26px 32px;transform:translateX(100%);transition:transform .35s ease;overflow-y:auto}
  .nav.open .mobile-menu{transform:none}
  .mobile-menu a{display:block;padding:16px 6px;font-size:18px;font-weight:700;border-bottom:1px solid var(--line)}
  .mobile-menu a.active{color:var(--pink-deep)}
  .mobile-menu .mm-cta{display:block;text-align:center;background:var(--ink);color:#fff !important;border-radius:999px;margin-top:22px;border-bottom:none;padding:15px}
}
@media (max-width:760px){
  .container{padding:0 20px}
  .sec{padding:64px 0}
  .cap-grid,.sol-grid,.sub-grid,.value-grid,.news-grid,.case-grid,.license-grid,.f-grid,
  .ip-meta,.sol-points,.org-branches{grid-template-columns:1fr}
  .news-row{flex-direction:column;align-items:stretch}
  .news-row .thumb{flex:none;height:150px}
  .ip-hero,.sol-block{grid-template-columns:1fr;gap:30px;padding:40px 0}
  .sol-block .visual{order:-1;height:220px;font-size:46px}
  .sub-card{padding:34px 26px}
  .cta-band{padding:54px 26px;border-radius:20px}
  .form-wrap{padding:30px 22px}
  .foot-main{grid-template-columns:1fr;gap:32px;padding:52px 20px 40px}
  .hero{height:auto;min-height:0;padding:calc(var(--nav-h) + 56px) 0 110px}
  .slide{position:relative;opacity:1;visibility:visible;display:none}
  .slide.on{display:flex}
  .slides{position:relative}
  .h-arrow{display:none}
  .dots{bottom:64px}
  .h-scroll{padding-bottom:26px}
  .info-table th{width:auto;display:block;padding-bottom:4px}
  .info-table td{display:block;padding-top:4px}
  .info-table tr{display:block;padding:14px 20px}
  .job-item{flex-direction:column;align-items:flex-start;gap:14px}
}