:root {
      --primary: #0b66d4;
      --primary-2: #1688f3;
      --primary-3: #e9f4ff;
      --ink: #15243a;
      --muted: #69788c;
      --line: #e5ebf2;
      --surface: #ffffff;
      --bg: #f3f6fa;
      --gold: #f6b94a;
      --green: #23a879;
      --red: #ef5b5b;
      --radius: 18px;
      --shadow: 0 10px 28px rgba(20, 67, 120, .12);
    }

    * { box-sizing: border-box; }
    html, body { margin: 0; min-height: 100%; }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
      color: var(--ink);
      background:
        radial-gradient(circle at 20% 12%, rgba(53, 145, 255, .24), transparent 26%),
        radial-gradient(circle at 80% 86%, rgba(28, 196, 174, .16), transparent 24%),
        #dfe9f4;
      font-size: 16px;
      line-height: 1.55;
    }

    button, input, select, textarea { font: inherit; }
    button { cursor: pointer; }
    img { display: block; max-width: 100%; }

    .prototype-shell {
      width: min(100%, 430px);
      height: min(920px, 100vh);
      margin: 0 auto;
      background: var(--bg);
      position: relative;
      overflow: hidden;
      box-shadow: 0 30px 70px rgba(28, 52, 81, .28);
    }

    .screen {
      height: 100%;
      overflow-y: auto;
      overscroll-behavior: contain;
      padding-bottom: 84px;
      scrollbar-width: none;
    }
    .screen::-webkit-scrollbar { display: none; }

    .page { display: none; }
    .page.active { display: block; animation: fade .22s ease; }
    @keyframes fade { from { opacity: .35; transform: translateY(5px); } to { opacity: 1; transform: none; } }

    .hero {
      position: relative;
      min-height: 216px;
      padding: 108px 18px 20px;
      color: #fff;
      background:
        linear-gradient(145deg, rgba(4, 50, 117, .72), rgba(6, 94, 185, .91)),
        url("assets/hengshui-city.jpg") center/cover no-repeat;
      border-radius: 0 0 30px 30px;
      overflow: hidden;
    }
    .invest-sticky-header { position:absolute; z-index:60; left:0; right:0; top:0; height:100px; padding:16px 18px 7px; color:#fff; background:linear-gradient(145deg,rgba(4,50,117,.76),rgba(6,94,185,.92)),url("assets/hengshui-city.jpg") center top/cover no-repeat; transition:.2s; }
    .invest-sticky-header.hidden { opacity:0; pointer-events:none; transform:translateY(-100%); }
    .hero::after {
      content: "";
      position: absolute;
      inset: auto -70px -112px 100px;
      height: 190px;
      border: 1px solid rgba(255,255,255,.22);
      border-radius: 50%;
      transform: rotate(-8deg);
    }

    .status-row, .native-nav, .section-head, .news-row, .project-top, .profile-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
    }
    .status-row { font-size: 12px; font-weight: 700; margin-bottom: 8px; opacity: .96; min-height: 20px; }
    .mini-system { display: flex; align-items: center; gap: 8px; }
    .signal-bars { font-size: 10px; letter-spacing: -1px; }
    .battery { width: 20px; height: 10px; border: 1.5px solid currentColor; border-radius: 3px; position: relative; padding: 1.5px; }
    .battery::before { content:""; display:block; width:75%; height:100%; border-radius:1px; background:currentColor; }
    .battery::after { content:""; position:absolute; right:-3px; top:2px; width:2px; height:4px; border-radius:0 2px 2px 0; background:currentColor; }
    .native-nav { min-height: 44px; position:relative; z-index:2; align-items:center; }
    .mini-capsule { min-width: 88px; height: 34px; padding: 0 10px; border-radius: 18px; background: rgba(255,255,255,.92); color:#172338; display:flex; align-items:center; justify-content:space-around; gap:9px; box-shadow:0 2px 8px rgba(0,0,0,.09); }
    .capsule-dots { font-weight:900; letter-spacing:1px; transform:translateY(-2px); }
    .capsule-line { width:1px; height:17px; background:rgba(20,35,55,.20); }
    .capsule-close { width:16px; height:16px; border:2px solid currentColor; border-radius:50%; position:relative; }
    .capsule-close::after { content:""; position:absolute; inset:3px; border-radius:50%; background:currentColor; }
    .nav-brand { display:flex; align-items:flex-end; gap:8px; color:#fff; text-shadow:0 2px 9px rgba(0,0,0,.24); }
    .nav-brand-cn { font-family:"STKaiti","KaiTi",serif; font-size:25px; font-weight:900; line-height:1; letter-spacing:.04em; }
    .nav-brand-en { font-size:7px; line-height:1.15; letter-spacing:.12em; text-transform:uppercase; opacity:.85; padding-bottom:1px; }
    .nav-logo { width:148px; height:44px; object-fit:contain; object-position:left center; filter:drop-shadow(0 2px 8px rgba(0,0,0,.22)); }
    .fixed-tools { position:relative; z-index:2; display:flex; justify-content:flex-start; gap:8px; margin-top:9px; transition:.2s; }
    .fixed-tools.hidden { opacity:0; pointer-events:none; transform:translateY(-6px); }
    .fixed-tool { min-height:34px; border:1px solid rgba(255,255,255,.42); border-radius:999px; background:rgba(5,55,120,.84); color:#fff; padding:0 11px; display:flex; align-items:center; gap:5px; font-size:12px; font-weight:800; box-shadow:0 5px 14px rgba(5,45,100,.22); backdrop-filter:blur(12px); }
    .fixed-tool .icon { width:16px; height:16px; }
    .round-btn {
      width: 38px; height: 38px; border: 1px solid rgba(255,255,255,.25); border-radius: 13px;
      background: rgba(7, 52, 107, .34); color: #fff; display: grid; place-items: center;
      backdrop-filter: blur(10px);
    }
    .icon { width: 20px; height: 20px; display: inline-block; flex: 0 0 auto; }

    .search-bar {
      position: relative; z-index: 2; margin-top: 10px; width: 100%; border: 0; border-radius: 15px;
      background: rgba(255,255,255,.96); color: #708096; min-height: 48px; padding: 0 15px;
      display: flex; align-items: center; gap: 10px; text-align: left; box-shadow: 0 8px 20px rgba(0,0,0,.12);
    }

    .promo-wrap { padding:15px 16px 0; }
    .promo-video { width:100%; height:198px; border:0; border-radius:20px; overflow:hidden; position:relative; color:#fff; text-align:left; background:linear-gradient(180deg,rgba(6,30,66,.06),rgba(4,33,77,.62)),url("assets/hengshui-lake.jpg") center/cover; box-shadow:var(--shadow); }
    .promo-brand { position:absolute; left:18px; bottom:17px; text-shadow:0 2px 10px rgba(0,0,0,.40); }
    .promo-cn { font-family:"STKaiti","KaiTi",serif; font-size:30px; line-height:1; font-weight:900; letter-spacing:.05em; }
    .promo-en { margin-top:5px; font-size:9px; line-height:1; letter-spacing:.17em; text-transform:uppercase; opacity:.88; }
    .play-button { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:52px; height:52px; border-radius:50%; background:rgba(255,255,255,.92); color:var(--primary); display:grid; place-items:center; font-size:21px; padding-left:4px; box-shadow:0 8px 22px rgba(0,0,0,.22); }
    .video-time { position:absolute; right:13px; bottom:12px; padding:3px 7px; border-radius:7px; background:rgba(0,0,0,.48); color:#fff; font-size:11px; }

    .notice {
      margin: 12px 16px 0; position: relative; z-index: 3; border-radius: 14px; padding: 12px 14px;
      background: #fff; display: flex; align-items: center; gap: 10px; box-shadow: 0 6px 18px rgba(20,67,120,.08); overflow:hidden;
    }
    .notice-label { color: var(--primary); font-weight: 800; white-space: nowrap; display:flex; align-items:center; gap:5px; }
    .notice-label .icon { width:17px; height:17px; }
    .ticker-window { min-width:0; flex:1; overflow:hidden; mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); }
    .ticker-track { width:max-content; display:flex; gap:34px; white-space:nowrap; animation:tickerMove 20s linear infinite; font-size:13px; color:#35475d; }
    .ticker-track span::before { content:""; display:inline-block; width:5px; height:5px; border-radius:50%; background:var(--red); margin:0 8px 2px 0; }
    @keyframes tickerMove { from { transform:translateX(0); } to { transform:translateX(-50%); } }
    .dot { width: 5px; height: 5px; border-radius: 50%; background: var(--red); }

    .content { padding: 18px 16px 0; }
    .section { margin: 0 0 24px; }
    .section-head { align-items:flex-start; text-align:left; width:100%; }
    .section-head > div { text-align:left; }
    .section-title { font-size: 19px; margin: 0; font-weight: 800; letter-spacing: .01em; text-align:left; }
    .section-sub { font-size: 12px; color: var(--muted); margin-top: 2px; }
    .more { border: 0; background: transparent; color: var(--muted); padding: 4px 0 7px 12px; font-size: 13px; margin-left:auto; }

    .service-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:10px 12px; }
    .service-item { min-height:76px; border:0; border-radius:12px; padding:12px 10px 12px 13px; color:#802947; text-align:left; display:flex; align-items:center; justify-content:space-between; overflow:hidden; background:#fff5f7; }
    .service-icon {
      width:54px; height:54px; margin:0; border-radius:50%; display:grid; place-items:center;
      color:#fff; background:linear-gradient(145deg,#ff99ad,#ef6684); box-shadow:inset 8px 0 0 rgba(255,255,255,.20),0 7px 13px rgba(216,64,99,.16);
    }
    .service-item:nth-child(2) { color:#247a70; background:#f1fbfa; }
    .service-item:nth-child(2) .service-icon { background:linear-gradient(145deg,#83e1d5,#43bdb0); box-shadow:inset 8px 0 0 rgba(255,255,255,.20),0 7px 13px rgba(48,163,149,.16); }
    .service-item:nth-child(3) { color:#4b408e; background:#f5f3ff; }
    .service-item:nth-child(3) .service-icon { background:linear-gradient(145deg,#b7adff,#7d6fe8); box-shadow:inset 8px 0 0 rgba(255,255,255,.20),0 7px 13px rgba(98,84,197,.16); }
    .service-item:nth-child(4) { color:#9a6b12; background:#fff9ee; }
    .service-item:nth-child(4) .service-icon { background:linear-gradient(145deg,#ffd982,#efa932); box-shadow:inset 8px 0 0 rgba(255,255,255,.20),0 7px 13px rgba(204,139,28,.16); }
    .service-item[data-route="projects"] { color:#9a6b12; background:#fff9ee; }
    .service-item[data-route="projects"] .service-icon { background:linear-gradient(145deg,#ffd982,#efa932); box-shadow:inset 8px 0 0 rgba(255,255,255,.20),0 7px 13px rgba(204,139,28,.16); }
    .service-item[data-route="policy"] { color:#4b408e; background:#f5f3ff; }
    .service-item[data-route="policy"] .service-icon { background:linear-gradient(145deg,#b7adff,#7d6fe8); box-shadow:inset 8px 0 0 rgba(255,255,255,.20),0 7px 13px rgba(98,84,197,.16); }
    .service-label { display:grid; line-height:1.05; }
    .service-name { font-size:15px; font-weight:900; }
    .service-en { font-size:7px; opacity:.55; margin-top:5px; letter-spacing:.01em; }
    .service-item .service-icon .icon { width:26px; height:26px; }

    .support-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:14px; }
    .support-card { min-height:76px; border:1px solid var(--line); border-radius:16px; background:#fff; padding:13px; display:flex; align-items:center; gap:11px; color:var(--ink); text-align:left; box-shadow:0 5px 16px rgba(43,65,92,.05); }
    .support-card .service-icon { width:42px; height:42px; border-radius:13px; margin:0; }
    .support-card strong { display:block; font-size:14px; }
    .support-card small { display:block; color:var(--muted); font-size:11px; margin-top:1px; }

    .connect-card {
      position: relative; overflow: hidden; border-radius: var(--radius); padding: 18px;
      background: linear-gradient(135deg, #0d69d7, #19a0eb); color: #fff; box-shadow: var(--shadow);
    }
    .connect-card::after { content: ""; position: absolute; width: 145px; height: 145px; border-radius: 50%; right: -65px; top: -62px; background: rgba(255,255,255,.12); }
    .connect-title { font-weight: 800; font-size: 17px; }
    .connect-copy { font-size: 12px; opacity: .86; margin-top: 3px; }
    .connect-options { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: 15px; }
    .connect-option { border: 1px solid rgba(255,255,255,.25); color: #fff; background: rgba(255,255,255,.13); border-radius: 12px; padding: 10px 5px; font-weight: 700; }

    .industry-tabs, .filter-chips { display: flex; gap: 9px; overflow-x: auto; padding: 3px 1px 8px; scrollbar-width: none; }
    .industry-tabs::-webkit-scrollbar, .filter-chips::-webkit-scrollbar { display:none; }
    .chip { white-space: nowrap; border: 1px solid var(--line); background: #fff; color: var(--muted); padding: 8px 13px; border-radius: 999px; font-size: 13px; }
    .chip.active { border-color: var(--primary); background: var(--primary); color: #fff; box-shadow: 0 6px 14px rgba(11,102,212,.20); }
    .chip.sm { padding: 5px 11px; font-size: 12px; }

    .industry-feature {
      min-height: 168px; border-radius: var(--radius); overflow: hidden; position: relative; color: #fff;
      background: linear-gradient(180deg, transparent 20%, rgba(5,34,76,.94)), url("assets/key-enterprise.jpg") center/cover;
      padding: 92px 17px 15px; box-shadow: var(--shadow);
    }
    .industry-kicker { font-size: 12px; opacity: .82; }
    .industry-name { font-size: 21px; font-weight: 800; }
    .industry-meta { font-size: 12px; opacity: .88; margin-top: 3px; }

    .industry-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:13px; }
    .industry-tile { min-height:94px; border:1px solid #e5edf6; border-radius:17px; background:#fff; color:#0b68c9; padding:12px 5px 10px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; font-weight:900; font-size:13px; box-shadow:0 5px 14px rgba(36,87,138,.08); }
    .industry-tile .icon { width:34px; height:34px; color:#69b4ff; filter:drop-shadow(0 5px 7px rgba(39,133,225,.15)); }

    .subpage { display:none; min-height:100%; background:#f4f5f7; padding-bottom:28px; }
    .subpage.active { display:block; animation:fade .2s ease; }
    .prototype-shell.subpage-mode .bottom-nav { display:none; }
    .prototype-shell.subpage-mode .screen { padding-bottom:0; }
    .route-header { color:#fff; background:#3f91f4; }
    .route-status { height:30px; padding:7px 16px 0; margin:0; }
    .route-nav { height:52px; padding:0 14px; display:grid; grid-template-columns:86px 1fr 86px; align-items:center; }
    .route-back { width:42px; height:42px; border:0; background:transparent; color:#fff; font-size:31px; font-weight:200; text-align:left; padding:0; }
    .route-title { text-align:center; font-weight:800; font-size:16px; white-space:nowrap; }
    .route-header .mini-capsule { min-width:86px; height:32px; background:rgba(29,111,213,.55); color:#fff; box-shadow:none; border:1px solid rgba(255,255,255,.10); }
    .route-search-wrap { padding:0 16px 12px; }
    .route-search { width:100%; height:40px; border:0; border-radius:5px; background:#fff; padding:0 13px; display:flex; align-items:center; gap:9px; color:#8b929c; text-align:left; box-shadow:0 3px 8px rgba(20,79,153,.15); }
    .route-search .icon { width:18px; height:18px; }
    .filter-row { height:46px; display:grid; grid-template-columns:1fr 1fr; align-items:center; background:#fff; border-bottom:8px solid #f1f1f1; }
    .filter-button { border:0; background:#fff; color:#23262a; font-size:14px; }
    .filter-button::after { content:""; display:inline-block; margin-left:7px; border:4px solid transparent; border-top-color:#b9bec5; transform:translateY(3px); }
    .policy-list { display:grid; gap:9px; }
    .policy-item { position:relative; background:#fff; padding:17px 15px 14px; min-height:112px; overflow:hidden; }
    .hot-ribbon { position:absolute; left:-25px; top:8px; width:72px; transform:rotate(-45deg); background:#ff4665; color:#fff; text-align:center; font-size:9px; font-weight:800; }
    .policy-name { padding-right:72px; font-size:14px; line-height:1.55; }
    .policy-fav { position:absolute; right:14px; top:19px; color:#aeb4bc; font-size:12px; }
    .policy-meta { margin-top:12px; display:flex; align-items:center; justify-content:space-between; gap:10px; }
    .source-tag { padding:4px 10px; border-radius:6px; color:#20a973; background:#eafaf4; font-size:12px; }
    .policy-date { color:#b7bbc1; font-size:12px; }
    .route-content { padding:15px 16px; }
    .route-card { background:#fff; border-radius:15px; padding:17px; margin-bottom:12px; box-shadow:0 4px 14px rgba(35,69,107,.06); }
    .route-card h3 { margin:0 0 7px; font-size:17px; }
    .route-card p { margin:0; color:#647287; font-size:13px; }
    .step-list { display:grid; gap:11px; }
    .step-row { display:flex; gap:12px; align-items:flex-start; background:#fff; border-radius:14px; padding:15px; }
    .step-no { width:34px; height:34px; border-radius:50%; background:#e8f3ff; color:#3187e8; display:grid; place-items:center; font-weight:900; flex:0 0 auto; }
    .step-row strong { display:block; }
    .step-row small { display:block; color:#778599; margin-top:3px; }
    .project-route-list { display:grid; gap:10px; }

    .industry-filter { height:52px; display:grid; grid-template-columns:1fr 1fr; background:#fff; align-items:center; border-bottom:1px solid #edf0f3; }
    .industry-filter button { border:0; background:#fff; font-size:14px; }
    .industry-filter button:first-child { color:#2688ee; }
    .industry-filter button::after { content:""; display:inline-block; margin-left:7px; border:4px solid transparent; border-top-color:#9aa2ac; transform:translateY(3px); }
    .industry-map { position:relative; height:174px; overflow:hidden; background:linear-gradient(rgba(238,246,255,.84),rgba(238,246,255,.84)),url("assets/hengshui-city.jpg") center/cover; }
    .industry-map::after { content:"区域分布示意"; position:absolute; right:10px; bottom:8px; color:#6e7e90; background:rgba(255,255,255,.83); border-radius:5px; padding:3px 7px; font-size:10px; }
    .map-region { position:absolute; min-width:72px; padding:9px 7px; border:2px solid rgba(255,255,255,.82); border-radius:18px 12px 20px 10px; color:#335069; text-align:center; font-size:12px; font-weight:800; box-shadow:0 5px 14px rgba(57,105,150,.10); }
    .map-region.r1 { left:16%; top:18%; background:#cde9a7; transform:rotate(-5deg); }
    .map-region.r2 { left:42%; top:46%; background:#ffd29b; transform:rotate(4deg); }
    .map-region.r3 { right:13%; top:18%; background:#d7c6f5; transform:rotate(-2deg); }
    .map-region.r4 { right:23%; bottom:9%; background:#9ed9d1; transform:rotate(3deg); }
    .industry-detail { background:#fff; padding:0 13px 24px; }
    .industry-detail-title { min-height:68px; display:flex; align-items:center; justify-content:space-between; padding:0 14px; font-size:20px; font-weight:900; }
    .detail-tabs { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; border-top:1px solid #e3e7ec; padding:11px 0; }
    .detail-tab { border:0; border-radius:999px; padding:8px 3px; background:#edf0f4; color:#a4a9b0; font-size:13px; white-space:nowrap; }
    .detail-tab.active { color:#fff; background:#3e94f4; font-weight:800; }
    .tab-panel { padding:7px 14px 0; color:#30373f; font-size:14px; line-height:1.85; }
    .tab-panel h3 { margin:0 0 12px; color:#2688ee; font-size:16px; }
    .tab-panel h3::after { content:""; display:block; width:12px; height:4px; border-radius:9px; background:#2688ee; margin-top:5px; }
    .tab-panel p { margin:0 0 10px; }
    .info-list { display:grid; gap:10px; }
    .info-list article { border:1px solid #e3e9f0; border-radius:12px; padding:12px; background:#fbfdff; }
    .info-list strong { display:block; }
    .info-list small { color:#748297; }

    .project-list { display: grid; gap: 11px; }
    .project-card { border: 1px solid var(--line); border-radius: 16px; background: #fff; padding: 15px; box-shadow: 0 5px 16px rgba(43,65,92,.05); }
    .project-name { font-weight: 800; margin-right: 8px; }
    .tag { font-size: 11px; padding: 3px 7px; border-radius: 999px; color: var(--primary); background: var(--primary-3); white-space: nowrap; }
    .tag.gold { color: #a46d08; background: #fff3d8; }
    .project-desc { margin: 8px 0 10px; color: var(--muted); font-size: 13px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
    .project-meta { display: flex; gap: 12px; color: #53667e; font-size: 12px; }
    .project-meta strong { color: var(--primary); font-size: 14px; }

    .platform-grid { display:grid; grid-template-columns:1fr 1fr; gap:13px; margin-top:14px; }
    .platform-card { position:relative; height:104px; border:0; padding:0; border-radius:12px; overflow:hidden; text-align:left; box-shadow:0 5px 16px rgba(43,65,92,.10); color:#fff; }
    .platform-card::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(9,66,126,.04),rgba(25,111,215,.62)); }
    .platform-card img { width:100%; height:100%; object-fit:cover; }
    .platform-category-name { position:absolute; z-index:2; right:13px; bottom:17px; font-size:18px; font-weight:900; font-style:italic; text-shadow:0 2px 7px rgba(0,0,0,.25); }
    .platform-category-name::before { content:"›"; display:inline-grid; place-items:center; width:21px; height:21px; margin-right:6px; border:2px solid #fff; border-radius:50%; font-style:normal; line-height:15px; }

    .platform-list { display:grid; gap:10px; padding:12px 0 24px; }
    .platform-list-item { width:100%; min-height:116px; border:0; background:#fff; padding:14px 15px; display:flex; gap:15px; align-items:center; text-align:left; color:#222; }
    .platform-list-image { width:146px; height:88px; object-fit:cover; flex:0 0 auto; }
    .platform-list-main { min-width:0; flex:1; }
    .platform-list-name { font-size:17px; font-weight:900; margin-bottom:7px; }
    .platform-hotline { color:#9aa1aa; font-size:12px; display:flex; align-items:center; gap:5px; }
    .platform-hotline .icon { width:16px; height:16px; color:#3f91f4; }
    .platform-tags { display:flex; flex-wrap:wrap; gap:5px; margin-top:8px; max-height:45px; overflow:hidden; }
    .platform-tag { color:#20ad72; background:#eafaf3; border-radius:4px; padding:2px 7px; font-size:11px; white-space:nowrap; }

    .platform-detail-hero { position:relative; height:232px; overflow:hidden; background:#0d335f; }
    .platform-detail-hero img { width:100%; height:100%; object-fit:cover; }
    .platform-detail-hero::after { content:"▶"; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:52px; height:52px; border-radius:50%; display:grid; place-items:center; padding-left:4px; background:rgba(255,255,255,.80); color:#3f91f4; font-size:20px; }
    .platform-video-time { position:absolute; z-index:2; right:12px; bottom:10px; color:#fff; font-weight:800; }
    .platform-detail-body { background:#fff; padding:19px 15px 86px; }
    .platform-detail-name { margin:0 0 10px; font-size:20px; }
    .platform-intro { color:#657285; font-size:13px; line-height:1.75; margin:14px 0 18px; }
    .detail-info-title { font-weight:900; margin:20px 0 8px; }
    .detail-info-row { min-height:38px; display:flex; align-items:center; justify-content:space-between; gap:16px; color:#979ca4; font-size:14px; }
    .detail-info-row strong { color:#383b40; text-align:right; }
    .platform-action-bar { position:absolute; z-index:48; left:0; right:0; bottom:0; min-height:68px; display:grid; grid-template-columns:68px 68px 68px 1fr; align-items:center; gap:3px; padding:7px 12px calc(7px + env(safe-area-inset-bottom)); background:#fff; border-top:1px solid #e5e7eb; box-shadow:0 -5px 18px rgba(20,46,76,.08); }
    .platform-action { border:0; background:transparent; color:#8b929c; font-size:11px; display:grid; justify-items:center; gap:2px; }
    .platform-action .icon { width:23px; height:23px; color:#bfc4ca; }
    .intent-button { height:45px; border:0; border-radius:7px; background:#4388f7; color:#fff; font-weight:900; font-size:16px; }

    .intent-form { padding:18px 16px 26px; background:#fff; display:grid; gap:17px; }
    .intent-field { display:grid; gap:9px; }
    .intent-field label { font-size:15px; font-weight:900; }
    .intent-field label.required::before { content:"*"; color:#e42323; margin-right:5px; }
    .intent-control { width:100%; min-height:56px; border:0; border-radius:8px; background:#f5f6f8; padding:0 17px; color:#333; outline:none; }
    textarea.intent-control { min-height:86px; padding-top:16px; resize:none; }
    .intent-select { position:relative; display:flex; align-items:center; color:#b8bdc4; }
    .intent-select::after { content:"›"; position:absolute; right:17px; font-size:29px; font-weight:200; color:#b4bac1; }
    .intent-submit { height:46px; border:0; border-radius:7px; background:#4388f7; color:#fff; font-size:16px; font-weight:900; margin-top:4px; box-shadow:0 4px 8px rgba(42,111,222,.25); }
    .talent-county-list .platform-list-item { min-height:112px; }
    .talent-county-list .platform-list-name { margin-bottom:10px; }
    .county-intro-title { margin:24px 0 10px; font-size:16px; font-weight:900; }
    .county-intro-text { color:#555f6d; font-size:14px; line-height:1.9; white-space:pre-line; }
    .talent-policy-list { display:grid; gap:10px; padding:13px 12px 25px; }
    .talent-policy-item { width:100%; min-height:84px; border:0; border-radius:14px; background:#fff; padding:14px; display:grid; grid-template-columns:44px 1fr 20px; align-items:center; gap:12px; text-align:left; color:#24364b; box-shadow:0 4px 14px rgba(35,69,107,.06); }
    .talent-policy-icon { width:44px; height:44px; border-radius:13px; display:grid; place-items:center; color:#3c8de9; background:#edf6ff; }
    .talent-policy-icon .icon { width:23px; height:23px; }
    .talent-policy-name { font-size:14px; font-weight:800; line-height:1.5; }
    .talent-policy-arrow { color:#b8bec6; font-size:26px; font-weight:200; }
    .policy-detail-wrap { padding:15px 14px 28px; }
    .policy-detail-card { background:#fff; border-radius:15px; padding:18px 16px; box-shadow:0 5px 16px rgba(35,69,107,.06); }
    .policy-detail-heading { margin:0 0 15px; font-size:18px; line-height:1.55; }
    .policy-word-content { color:#444e5b; font-size:14px; line-height:1.9; white-space:pre-line; }
    .policy-pdf-viewer { width:100%; height:720px; border:0; border-radius:10px; background:#eef1f5; }
    .policy-pdf-note { margin:0 0 12px; color:#738196; font-size:12px; }
    .jobs-toolbar { background:#fff; padding:12px 14px 0; }
    .jobs-search { height:40px; border-radius:22px; background:#f3f4f6; display:flex; align-items:center; gap:8px; padding:0 13px; color:#a2a7ae; }
    .jobs-search .icon { width:18px; height:18px; }
    .jobs-search input { flex:1; min-width:0; border:0; outline:0; background:transparent; font-size:14px; }
    .jobs-search:focus-within { outline:2px solid rgba(64,140,243,.35); }
    .jobs-tabs { display:flex; gap:24px; margin-top:10px; height:39px; align-items:flex-start; }
    .jobs-tab { position:relative; border:0; background:transparent; color:#666d76; padding:0 1px 10px; font-size:16px; font-weight:800; }
    .jobs-tab.active { color:#202831; }
    .jobs-tab.active::after { content:""; position:absolute; left:20%; right:20%; bottom:0; height:3px; border-radius:9px; background:#408cf3; }
    .jobs-filters { height:43px; display:flex; align-items:center; gap:19px; padding:0 14px; background:#fff; border-top:1px solid #f3f4f6; color:#686f78; font-size:13px; overflow:hidden; }
    .jobs-filter { white-space:nowrap; }
    .jobs-filter::after { content:"⌄"; margin-left:5px; color:#a3a9b0; }
    .jobs-list { display:grid; gap:9px; padding:10px; background:#f4f5f7; }
    .job-card { border:0; border-radius:12px; background:#fff; padding:15px 13px; color:#252b33; text-align:left; }
    .job-card-top { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
    .job-title { font-size:17px; font-weight:900; }
    .job-salary { color:#2d83f3; font-size:15px; font-weight:900; white-space:nowrap; }
    .job-company { margin-top:3px; color:#747b85; font-size:13px; }
    .job-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }
    .job-tag { padding:4px 9px; border-radius:5px; background:#f3f5f8; color:#757d88; font-size:11px; }
    .job-footer { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:12px; padding-top:10px; border-top:1px solid #f1f2f4; color:#7c838c; font-size:12px; }
    .job-contact { display:flex; align-items:center; gap:6px; min-width:0; }
    .job-avatar { width:27px; height:27px; border-radius:50%; background:linear-gradient(145deg,#65c4ef,#3f8ce8); color:#fff; display:grid; place-items:center; font-size:11px; flex:0 0 auto; }
    .job-phone { width:30px; height:30px; border:1px solid #62a5f7; border-radius:50%; background:#fff; color:#3287ed; display:grid; place-items:center; flex:0 0 auto; }
    .job-phone .icon { width:15px; height:15px; }
    .company-card { border-radius:12px; background:#fff; padding:14px 14px 4px; }
    .company-head { display:grid; grid-template-columns:48px 1fr 16px; align-items:center; gap:11px; padding-bottom:10px; }
    .company-logo { width:48px; height:48px; border-radius:9px; display:grid; place-items:center; background:#f2f7ff; color:#388ce8; font-size:18px; font-weight:900; }
    .company-name { font-size:17px; font-weight:900; }
    .company-meta { color:#858c95; font-size:12px; margin-top:3px; }
    .company-job-row { padding:12px 4px; border-top:1px solid #f0f1f3; }
    .company-job-row-top { display:flex; justify-content:space-between; gap:12px; }
    .company-job-title { font-size:15px; font-weight:900; }
    .company-job-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:7px; }
    .jobs-empty { padding:50px 20px; text-align:center; color:#9198a2; background:#fff; border-radius:12px; }
    .webview-wrap { display:flex; flex-direction:column; height:calc(100vh - 82px); background:#fff; }
    .webview-frame { flex:1; width:100%; border:0; background:#fff; }
    .webview-external { display:block; padding:10px; text-align:center; color:#8b929c; font-size:12px; text-decoration:none; border-top:1px solid #eef0f3; }

    .news-list { border-top: 1px solid var(--line); margin-top: 11px; }
    .news-row { padding: 13px 0; border-bottom: 1px solid var(--line); align-items: flex-start; }
    .news-date { width: 50px; color: var(--primary); font-weight: 800; font-size: 13px; }
    .news-content { flex: 1; font-size: 14px; }

    .cta-card { border-radius: 20px; padding: 20px; background: linear-gradient(135deg,#072d65,#0b66d4); color:#fff; position:relative; overflow:hidden; }
    .cta-card::after { content:""; position:absolute; inset:auto -15px -65px auto; width:150px; height:150px; border:22px solid rgba(255,255,255,.07); border-radius:50%; }
    .cta-title { font-size:20px; font-weight:800; }
    .cta-copy { font-size:13px; opacity:.82; margin:4px 0 15px; }
    .primary-btn, .secondary-btn { min-height: 44px; border-radius: 13px; padding: 0 18px; font-weight: 800; border:0; }
    .primary-btn { background: var(--primary); color:#fff; }
    .cta-card .primary-btn { background:#fff; color:var(--primary); }
    .secondary-btn { background:#edf4fc; color:var(--primary); }
    .wide { width:100%; }

    .bottom-nav {
      position: absolute; z-index: 30; left:0; right:0; bottom:0; height:74px; padding: 8px 8px calc(8px + env(safe-area-inset-bottom));
      background: rgba(255,255,255,.96); border-top:1px solid rgba(35,64,97,.08); backdrop-filter:blur(18px);
      display:grid; grid-template-columns:repeat(4,1fr);
    }
    .nav-btn { border:0; background:transparent; color:#8490a0; display:flex; flex-direction:column; align-items:center; gap:3px; font-size:11px; padding:2px; }
    .nav-btn .icon { width:23px; height:23px; }
    .nav-btn.active { color:var(--primary); font-weight:800; }

    .simple-header { padding: 18px 18px 15px; color:#fff; background:linear-gradient(135deg,#0a4eaa,#1688f3); border-radius:0 0 26px 26px; }
    .simple-title { font-size:23px; font-weight:800; margin:28px 0 2px; }
    .simple-sub { font-size:13px; opacity:.82; }
    .placeholder-hero { margin:18px 16px; border-radius:20px; padding:22px; background:#fff; box-shadow:var(--shadow); }
    .placeholder-badge { display:inline-flex; padding:6px 10px; border-radius:999px; background:var(--primary-3); color:var(--primary); font-size:12px; font-weight:800; }
    .placeholder-hero h2 { margin:13px 0 7px; font-size:20px; }
    .placeholder-hero p { color:var(--muted); font-size:14px; margin:0; }
    .placeholder-list { margin:0 16px; display:grid; gap:11px; }
    .placeholder-row { background:#fff; border:1px solid var(--line); border-radius:15px; padding:15px; display:flex; gap:12px; align-items:center; }
    .placeholder-row .service-icon { width:44px; height:44px; margin:0; border-radius:14px; }
    .placeholder-row strong { display:block; }
    .placeholder-row small { color:var(--muted); }

    .profile-card { margin:-32px 16px 18px; position:relative; background:#fff; border-radius:20px; padding:18px; box-shadow:var(--shadow); }
    .avatar { width:56px; height:56px; border-radius:18px; background:linear-gradient(145deg,#0b66d4,#2aa8eb); color:#fff; display:grid; place-items:center; }
    .profile-main { flex:1; }
    .profile-name { font-weight:800; }
    .profile-note { color:var(--muted); font-size:12px; }
    .status-badge { color:#9a6710; background:#fff1ce; padding:5px 8px; font-size:11px; border-radius:999px; }
    .my-grid { margin:0 16px 18px; display:grid; grid-template-columns:repeat(2,1fr); gap:11px; }
    .my-card { border:0; border-radius:16px; background:#fff; padding:16px; text-align:left; box-shadow:0 5px 16px rgba(43,65,92,.06); }
    .my-card .service-icon { width:42px; height:42px; margin:0 0 11px; border-radius:13px; }
    .my-card strong { display:block; }
    .my-card small { color:var(--muted); }
    .internal-entry { margin:0 16px 18px; border-radius:18px; padding:17px; background:#edf4fc; border:1px dashed #8bb9eb; display:flex; align-items:center; gap:12px; }
    .internal-entry strong { display:block; color:#154d89; }
    .internal-entry small { color:#6380a1; }

    .talent-page { min-height:100%; padding-bottom:18px; background:linear-gradient(180deg,#edf6ff 0,#f6f8fb 300px); }
    .talent-hero { position:relative; min-height:245px; padding:16px 18px 27px; color:#fff; overflow:hidden; border-radius:0 0 28px 28px; background:linear-gradient(135deg,rgba(15,78,158,.90),rgba(40,160,207,.78)),url("assets/hengshui-city.jpg") center/cover; }
    .talent-hero::after { content:""; position:absolute; width:210px; height:210px; right:-88px; bottom:-112px; border:24px solid rgba(255,255,255,.09); border-radius:50%; }
    .talent-hero-copy { position:relative; z-index:2; margin-top:34px; }
    .talent-hero-kicker { font-size:13px; letter-spacing:.14em; opacity:.86; }
    .talent-hero-title { margin-top:7px; font-size:29px; line-height:1.2; font-weight:900; letter-spacing:.05em; text-shadow:0 3px 12px rgba(3,49,101,.26); }
    .talent-hero-sub { margin-top:8px; font-size:13px; opacity:.88; }
    .talent-ai { position:absolute; z-index:3; right:18px; bottom:28px; border:1px solid rgba(255,255,255,.38); border-radius:999px; background:rgba(4,72,142,.48); color:#fff; padding:8px 12px; display:flex; align-items:center; gap:6px; font-size:12px; font-weight:800; backdrop-filter:blur(8px); }
    .talent-ai .icon { width:16px; height:16px; }
    .talent-content { padding:17px 15px 0; }
    .talent-section { margin-bottom:15px; padding:16px 14px 14px; border:1px solid #e7edf4; border-radius:19px; background:#fff; box-shadow:0 7px 20px rgba(39,78,116,.07); }
    .talent-section-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
    .talent-section-title { display:flex; align-items:center; gap:8px; margin:0; font-size:18px; font-weight:900; }
    .talent-section-title::before { content:""; width:5px; height:18px; border-radius:99px; background:linear-gradient(#2b95f2,#35c4bf); }
    .talent-section-link { border:0; border-radius:999px; background:#eef7ff; color:#3086d7; padding:5px 9px; font-size:11px; }
    .talent-grid { display:grid; gap:10px; }
    .talent-grid.two { grid-template-columns:repeat(2,1fr); }
    .talent-grid.four { grid-template-columns:repeat(4,1fr); gap:8px; }
    .talent-entry { min-height:78px; border:0; border-radius:14px; background:linear-gradient(145deg,#f5faff,#eaf4ff); color:#244361; padding:11px 6px 9px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; text-align:center; font-size:12px; font-weight:800; }
    .talent-grid.two .talent-entry { min-height:88px; flex-direction:row; justify-content:flex-start; text-align:left; padding:14px; font-size:14px; }
    .talent-entry .talent-entry-icon { width:35px; height:35px; border-radius:12px; display:grid; place-items:center; background:#fff; color:#348ee4; box-shadow:0 5px 13px rgba(45,119,190,.12); flex:0 0 auto; }
    .talent-entry .icon { width:20px; height:20px; }
    .talent-section.opportunity .talent-entry { background:linear-gradient(145deg,#f6fbff,#edf7f8); }
    .talent-section.opportunity .talent-entry-icon { color:#25a899; }
    .talent-section.waiting .talent-entry { background:linear-gradient(145deg,#fff8f1,#fff2e7); }
    .talent-section.waiting .talent-entry-icon { color:#ee913d; }
    .talent-section.service .talent-entry { background:linear-gradient(145deg,#f8f6ff,#f0edff); }
    .talent-section.service .talent-entry-icon { color:#7864dc; }
    .talent-channel { width:100%; min-height:58px; border:0; border-radius:17px; background:linear-gradient(110deg,#1267d2,#2aa6df); color:#fff; display:flex; align-items:center; justify-content:center; gap:10px; font-size:17px; font-weight:900; box-shadow:0 9px 22px rgba(19,105,202,.22); }
    .talent-channel .icon { width:23px; height:23px; }
    .research-grid3 { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:10px; }

    .modal-backdrop { position:absolute; z-index:100; inset:0; background:rgba(6,18,34,.52); display:none; align-items:flex-end; backdrop-filter:blur(3px); }
    .modal-backdrop.open { display:flex; }
    .sheet { width:100%; max-height:88%; overflow-y:auto; background:#fff; border-radius:26px 26px 0 0; padding:10px 18px calc(24px + env(safe-area-inset-bottom)); animation:sheetUp .25s ease; }
    @keyframes sheetUp { from { transform:translateY(28px); opacity:.5; } }
    .sheet-grabber { width:42px; height:5px; border-radius:99px; background:#dce3eb; margin:0 auto 16px; }
    .sheet-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
    .sheet-title { font-size:21px; font-weight:800; margin:0; }
    .sheet-desc { color:var(--muted); font-size:13px; margin:3px 0 0; }
    .close-btn { width:36px; height:36px; border:0; border-radius:12px; background:#f0f3f7; color:#536275; font-size:20px; }
    .form { display:grid; gap:14px; margin-top:20px; }
    .field { display:grid; gap:7px; }
    .field label { font-size:13px; font-weight:700; }
    .field input, .field select, .field textarea { width:100%; border:1px solid #dce4ed; border-radius:12px; padding:12px 13px; color:var(--ink); outline:none; background:#fff; }
    .field input:focus, .field select:focus, .field textarea:focus { border-color:var(--primary); box-shadow:0 0 0 3px rgba(11,102,212,.10); }
    .field textarea { min-height:88px; resize:vertical; }
    .form-row { display:grid; grid-template-columns:1fr 1fr; gap:11px; }
    .search-input { width:100%; border:1px solid var(--line); border-radius:14px; padding:13px 14px; margin:17px 0 12px; outline:none; }
    .search-result { display:grid; gap:9px; }
    .result-item { border:1px solid var(--line); background:#fff; border-radius:14px; padding:13px; text-align:left; }
    .result-type { color:var(--primary); font-size:11px; font-weight:800; }
    .result-title { font-weight:800; margin-top:2px; }
    .result-desc { color:var(--muted); font-size:12px; margin-top:3px; }
    .ai-box { background:linear-gradient(135deg,#edf6ff,#f7fbff); border:1px solid #cfe5ff; border-radius:16px; padding:15px; margin-top:17px; }
    .ai-box strong { color:#145da8; }
    .quick-prompts { display:flex; flex-wrap:wrap; gap:8px; margin-top:13px; }
    .quick-prompt { border:1px solid #cee0f4; border-radius:999px; background:#fff; color:#43698f; padding:7px 10px; font-size:12px; }
    .toast { position:absolute; z-index:200; left:50%; bottom:95px; transform:translateX(-50%) translateY(12px); background:#17283e; color:#fff; padding:10px 16px; border-radius:999px; font-size:13px; opacity:0; pointer-events:none; transition:.25s; white-space:nowrap; }
    .toast.show { opacity:1; transform:translateX(-50%) translateY(0); }

    @media (min-width: 700px) {
      body { padding: 24px; display:grid; place-items:center; }
      .prototype-shell { border: 8px solid #13243a; border-radius: 40px; height:min(900px, calc(100vh - 48px)); }
      .bottom-nav { border-radius:0 0 31px 31px; }
    }
    @media (max-width: 699px) {
      .prototype-shell { width:100%; height:100vh; }
    }