*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    :root {

      --primary:       #060f24;

      --primary-mid:   #0c1e3e;

      --primary-light: #1a3a6c;

      --accent:        #00c8ff;

      --accent2:       #f0a500;

      --accent-purple: #8b5cf6;

      --dark:          #030a18;

      --gray:          #8ba3c4;

      --light-bg:      #0d1e3a;

      --white:         #e8f0fe;

      --border:        rgba(0,200,255,.15);

      --shadow:        0 4px 24px rgba(0,0,0,.4);

      --radius:        10px;

      --font:          'Noto Sans SC', 'Microsoft YaHei', sans-serif;

      --transition:    .3s ease;

    }

    html { scroll-behavior: smooth; }

    body { font-family: var(--font); color: var(--white); background: var(--dark); line-height: 1.7; }

    a { text-decoration: none; color: inherit; }

    ul { list-style: none; }

    img { max-width: 100%; display: block; }

    ::-webkit-scrollbar { width: 6px; }

    ::-webkit-scrollbar-track { background: var(--dark); }

    ::-webkit-scrollbar-thumb { background: var(--accent); border-radius: 3px; }



    /* Typography */

    .section-tag { display:inline-block; background:rgba(0,200,255,.12); color:var(--accent); font-size:.78rem; font-weight:600; letter-spacing:.12em; text-transform:uppercase; padding:4px 14px; border-radius:50px; margin-bottom:12px; border:1px solid rgba(0,200,255,.25); }

    .section-title { font-size:clamp(1.6rem,3vw,2.2rem); font-weight:700; color:var(--white); line-height:1.3; }

    .section-subtitle { font-size:1rem; color:var(--gray); margin-top:10px; max-width:600px; }

    .section-header { text-align:center; margin-bottom:50px; }

    .section-header .section-subtitle { margin-left:auto; margin-right:auto; }



    /* ===== Star Field Background ===== */

    body::before {

      content:'';

      position:fixed;

      top:0;left:0;width:100%;height:100%;

      background-image:

        radial-gradient(2px 2px at 20px 30px, rgba(255,255,255,.8), transparent),

        radial-gradient(2px 2px at 40px 70px, rgba(0,200,255,.6), transparent),

        radial-gradient(1px 1px at 90px 40px, rgba(255,255,255,.7), transparent),

        radial-gradient(2px 2px at 160px 120px, rgba(255,255,255,.5), transparent),

        radial-gradient(1px 1px at 230px 80px, rgba(139,92,246,.7), transparent),

        radial-gradient(2px 2px at 300px 150px, rgba(0,200,255,.5), transparent),

        radial-gradient(1px 1px at 370px 200px, rgba(255,255,255,.6), transparent),

        radial-gradient(2px 2px at 450px 50px, rgba(255,255,255,.4), transparent),

        radial-gradient(1px 1px at 520px 180px, rgba(0,200,255,.8), transparent),

        radial-gradient(2px 2px at 600px 100px, rgba(255,255,255,.5), transparent),

        radial-gradient(1px 1px at 680px 220px, rgba(139,92,246,.6), transparent),

        radial-gradient(2px 2px at 750px 30px, rgba(255,255,255,.7), transparent),

        radial-gradient(1px 1px at 820px 160px, rgba(0,200,255,.5), transparent),

        radial-gradient(2px 2px at 900px 90px, rgba(255,255,255,.4), transparent),

        radial-gradient(1px 1px at 100px 300px, rgba(255,255,255,.6), transparent),

        radial-gradient(2px 2px at 200px 400px, rgba(0,200,255,.7), transparent),

        radial-gradient(1px 1px at 350px 350px, rgba(255,255,255,.5), transparent),

        radial-gradient(2px 2px at 500px 500px, rgba(139,92,246,.5), transparent),

        radial-gradient(1px 1px at 650px 450px, rgba(255,255,255,.6), transparent),

        radial-gradient(2px 2px at 800px 380px, rgba(0,200,255,.4), transparent);

      background-repeat:repeat;

      background-size:1000px 600px;

      pointer-events:none;

      z-index:0;

    }

    section, footer, .navbar, .topbar { position:relative; z-index:1; }

    .container { position:relative; z-index:1; }



    /* Buttons */

    .btn { display:inline-flex; align-items:center; gap:8px; padding:13px 28px; border-radius:50px; font-size:.95rem; font-weight:600; cursor:pointer; transition:var(--transition); border:2px solid transparent; }

    .btn-primary { background:var(--accent); color:var(--dark); }

    .btn-primary:hover { background:#00b8e0; transform:translateY(-2px); box-shadow:0 8px 20px rgba(0,200,255,.35); }

    .btn-outline { background:transparent; color:var(--white); border-color:rgba(0,200,255,.5); }

    .btn-outline:hover { background:rgba(0,200,255,.1); color:var(--accent); }

    .btn-dark { background:rgba(0,200,255,.12); color:var(--accent); border-color:rgba(0,200,255,.3); }

    .btn-dark:hover { background:rgba(0,200,255,.2); transform:translateY(-2px); }



    /* Top Bar */

    .topbar { background:rgba(6,15,36,.95); color:rgba(255,255,255,.7); font-size:.82rem; padding:7px 0; border-bottom:1px solid rgba(0,200,255,.1); }

    .topbar .container { display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; }

    .topbar a { color:rgba(255,255,255,.7); transition:var(--transition); }

    .topbar a:hover { color:var(--accent); }

    .topbar-left, .topbar-right { display:flex; align-items:center; gap:18px; }

    .topbar-item { display:flex; align-items:center; gap:5px; }



    /* Navbar */

    .navbar { position:sticky; top:0; z-index:1000; background:rgba(6,15,36,.92); backdrop-filter:blur(16px); border-bottom:1px solid rgba(0,200,255,.12); box-shadow:0 2px 20px rgba(0,0,0,.4); }

    .nav-inner { display:flex; align-items:center; justify-content:space-between; height:90px; }

    .logo { display:flex; align-items:center; gap:12px; }

    .logo-icon { width:44px; height:44px; background:linear-gradient(135deg,var(--accent),var(--accent-purple)); border-radius:10px; display:flex; align-items:center; justify-content:center; flex-shrink:0; box-shadow:0 0 16px rgba(0,200,255,.3); }

    .logo-icon svg { width:26px; height:26px; fill:none; stroke:#fff; stroke-width:2; }

    .logo-text { display:flex; flex-direction:column; align-items:flex-start; gap:3px; }

    .logo-text .name { font-size:1.1rem; font-weight:700; color:var(--white); line-height:1.2; }

    .logo-text .slogan { 

      font-size:1.05rem; 

      font-weight:600; 

      text-transform:uppercase; 

      letter-spacing:.12em;

      color:var(--white);

    }

    .nav-links { display:flex; align-items:center; gap:2px; }

    .nav-links a { padding:8px 12px; border-radius:8px; font-size:.96rem; font-weight:500; color:rgba(255,255,255,.7); transition:var(--transition); }

    .nav-links a:hover, .nav-links a.active { color:var(--accent); background:rgba(0,200,255,.08); }

    .nav-cta { display:flex; align-items:center; gap:10px; }

    .nav-phone { font-size:.96rem; font-weight:600; color:var(--accent); }

    .menu-toggle { display:none; background:none; border:none; cursor:pointer; padding:6px; }

    .container { width:100%; max-width:1200px; margin:0 auto; padding:0 24px; }

    section { padding:80px 0; }

    section[id] { scroll-margin-top: 100px; }



    /* Hero */

    .hero { background:linear-gradient(135deg,var(--dark) 0%,#06122a 50%,#0a1838 100%); color:var(--white); padding:96px 0 76px; position:relative; overflow:hidden; }

    .hero::before { content:''; position:absolute; inset:0; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(0,200,255,.06)'/%3E%3C/svg%3E"); }

    .hero::after { content:''; position:absolute; bottom:-80px; right:-80px; width:500px; height:500px; background:radial-gradient(circle, rgba(139,92,246,.15) 0%, transparent 70%); border-radius:50%; pointer-events:none; }

    .hero-grid { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:flex-start; position:relative; }

    .hero-badge { display:inline-flex; align-items:center; gap:6px; background:rgba(0,200,255,.1); border:1px solid rgba(0,200,255,.3); padding:6px 16px; border-radius:50px; font-size:.8rem; color:var(--accent); margin-bottom:20px; }

    .hero-badge::before { content:''; width:7px; height:7px; background:var(--accent2); border-radius:50%; animation:pulse 2s infinite; }

    @keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}

    @keyframes panelDrop{0%{opacity:.5; transform:translateY(-30px);}100%{opacity:1; transform:translateY(0);}}

    .hero h1 { font-size:clamp(1.2rem,2.5vw,2rem); font-weight:700; line-height:1.22; margin-bottom:18px; color:var(--white); text-shadow:0 2px 20px rgba(0,200,255,.15); }

    .hero h1 span { color:var(--accent); font-size:clamp(0.9rem,2vw,1.5rem); }

    .hero-desc { font-size:1rem; color:rgba(255,255,255,.75); margin-bottom:32px; line-height:1.85; }

    .hero-btns { display:flex; gap:14px; flex-wrap:wrap; margin-bottom:36px; }

    .hero-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }

    .hero-stat { background:rgba(0,200,255,.06); border:1px solid rgba(0,200,255,.12); border-radius:var(--radius); padding:16px 10px; text-align:center; }

    .hero-stat .num { font-size:1.6rem; font-weight:700; color:var(--accent); }

    .hero-stat .label { font-size:.75rem; color:rgba(255,255,255,.55); margin-top:3px; }

    .hero-visual { position:relative; }

    .hero-card { background:rgba(0,200,255,.06); border:1px solid rgba(0,200,255,.15); border-radius:16px; padding:26px; backdrop-filter:blur(10px); box-shadow:0 8px 32px rgba(0,0,0,.3); }

    .hero-card-title { font-size:.95rem; font-weight:600; margin-bottom:16px; color:rgba(255,255,255,.9); display:flex; align-items:center; gap:8px; }

    .service-icon-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }

    .svc-ico-item { background:rgba(0,200,255,.05); border:1px solid rgba(0,200,255,.12); border-radius:10px; padding:14px 8px; text-align:center; transition:var(--transition); cursor:pointer; }

    .svc-ico-item:hover { background:rgba(0,200,255,.18); border-color:var(--accent); }

    .svc-ico-item .ico { font-size:1.6rem; margin-bottom:5px; }

    .svc-ico-item .lbl { font-size:.72rem; color:rgba(255,255,255,.75); line-height:1.3; }

    .floating-tag { position:absolute; background:linear-gradient(90deg,var(--accent2),#ff6b35); color:var(--dark); font-size:.75rem; font-weight:700; padding:6px 14px; border-radius:50px; white-space:nowrap; box-shadow:0 2px 10px rgba(240,165,0,.3); z-index:10; }

    .floating-tag.t1 { top:-20px; right:16px; }

    .floating-tag.t2 { bottom:-14px; left:16px; }



    /* ===== Business Categories — 原网站对应服务板块 ===== */

    .biz-cats { background:var(--dark); padding:0; }

    .biz-tabs { display:flex; border-bottom:2px solid rgba(0,200,255,.2); overflow-x:auto; gap:0; padding:0; }

    .biz-tab { padding:18px 28px; font-size:1rem; font-weight:700; color:rgba(255,255,255,.7); cursor:pointer; white-space:nowrap; border-bottom:3px solid transparent; margin-bottom:-2px; transition:var(--transition); }

    .biz-tab.active, .biz-tab:hover { color:var(--white); border-bottom-color:var(--accent); background:rgba(0,200,255,.1); }

    .biz-tab.active { font-size:1.05rem; color:var(--white); font-weight:700; }

    .biz-panel { display:none; padding:40px 0 50px; }

    .biz-panel.active { display:block; }

    .biz-panel.animate-drop { animation: panelDrop .6s ease; }

    .biz-panel-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }

    .biz-item { background:rgba(0,200,255,.05); border:1px solid rgba(0,200,255,.15); border-radius:14px; padding:24px 20px; transition:var(--transition); position:relative; overflow:hidden; }

    .biz-item::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,var(--accent),var(--accent-purple)); transform:scaleX(0); transform-origin:left; transition:var(--transition); }

    .biz-item:hover { border-color:var(--accent); background:rgba(0,200,255,.1); box-shadow:0 6px 24px rgba(0,200,255,.15); transform:translateY(-4px); }

    .biz-item:hover::before { transform:scaleX(1); }

    .biz-item-icon { font-size:1.8rem; margin-bottom:10px; }

    .biz-item-title { font-size:.95rem; font-weight:700; color:var(--white); margin-bottom:7px; }

    .biz-item-desc { font-size:.85rem; color:var(--gray); line-height:1.7; }

    .biz-item ul { margin-top:10px; display:flex; flex-direction:column; gap:5px; }

    .biz-item ul li { font-size:.82rem; color:rgba(255,255,255,.75); display:flex; align-items:center; gap:6px; }

    .biz-item ul li::before { content:''; width:5px; height:5px; background:var(--accent); border-radius:50%; flex-shrink:0; }

    .biz-detail-btn { display:inline-block; margin-top:14px; padding:8px 16px; background:rgba(0,200,255,.1); border:1px solid rgba(0,200,255,.3); border-radius:8px; color:var(--accent); font-size:.82rem; font-weight:600; cursor:pointer; transition:var(--transition); font-family:var(--font); }

    .biz-detail-btn:hover { background:var(--accent); color:var(--dark); border-color:var(--accent); }



    /* Services Overview */

    .services-overview { background:var(--dark); }

    .svc-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }

    .svc-card { background:rgba(0,200,255,.04); border:1px solid var(--border); border-radius:16px; padding:30px 26px; transition:var(--transition); position:relative; overflow:hidden; }

    .svc-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,var(--accent),var(--accent-purple)); transform:scaleX(0); transform-origin:left; transition:var(--transition); }

    .svc-card:hover { transform:translateY(-6px); box-shadow:0 8px 32px rgba(0,200,255,.15); border-color:rgba(0,200,255,.3); }

    .svc-card:hover::before { transform:scaleX(1); }

    .card-icon { width:54px; height:54px; border-radius:14px; display:flex; align-items:center; justify-content:center; margin-bottom:18px; font-size:1.5rem; }

    .icon-blue{background:rgba(0,200,255,.15);} .icon-green{background:rgba(16,200,100,.12);} .icon-orange{background:rgba(240,165,0,.12);} .icon-purple{background:rgba(139,92,246,.2);} .icon-red{background:rgba(239,68,68,.12);} .icon-teal{background:rgba(20,184,166,.12);}

    .svc-card h3 { font-size:1.05rem; font-weight:700; color:var(--white); margin-bottom:9px; }

    .svc-card p { font-size:.88rem; color:var(--gray); line-height:1.75; }

    .svc-card ul { margin-top:12px; display:flex; flex-direction:column; gap:5px; }

    .svc-card ul li { font-size:.83rem; color:rgba(255,255,255,.7); display:flex; align-items:center; gap:7px; }

    .svc-card ul li::before { content:''; width:5px; height:5px; background:var(--accent); border-radius:50%; flex-shrink:0; }

    .svc-badge { display:inline-block; background:rgba(0,200,255,.12); color:var(--accent); font-size:.7rem; font-weight:600; padding:2px 9px; border-radius:50px; margin-bottom:8px; border:1px solid rgba(0,200,255,.2); }



    /* Process */

    .process { background:var(--dark); }

    .process-steps { display:grid; grid-template-columns:repeat(5,1fr); gap:0; position:relative; }

    .process-steps::before { content:''; position:absolute; top:34px; left:10%; right:10%; height:2px; background:linear-gradient(90deg,var(--accent),var(--accent-purple)); z-index:0; }

    .process-step { text-align:center; position:relative; z-index:1; padding:0 8px; }

    .step-circle { width:68px; height:68px; border-radius:50%; background:linear-gradient(135deg,var(--accent),var(--accent-purple)); color:var(--white); font-size:1.25rem; font-weight:700; display:flex; align-items:center; justify-content:center; margin:0 auto 14px; box-shadow:0 4px 14px rgba(0,200,255,.3); }

    .step-title { font-size:.9rem; font-weight:700; color:var(--white); margin-bottom:5px; }

    .step-desc { font-size:.78rem; color:var(--gray); }



    /* Why Us */

    .whyus { background:var(--dark); }

    .whyus-grid { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }

    .whyus-items { display:grid; grid-template-columns:1fr 1fr; gap:18px; }

    .wi { background:rgba(0,200,255,.04); border-radius:14px; padding:22px 18px; border:1px solid var(--border); transition:var(--transition); }

    .wi:hover { border-color:var(--accent); box-shadow:0 4px 20px rgba(0,200,255,.1); }

    .wi-ico { font-size:1.7rem; margin-bottom:8px; }

    .wi-title { font-size:.92rem; font-weight:700; color:var(--white); margin-bottom:5px; }

    .wi-text { font-size:.82rem; color:var(--gray); line-height:1.65; }

    .whyus-right .section-title { margin-bottom:16px; }

    .whyus-right p { color:var(--gray); line-height:1.85; margin-bottom:16px; font-size:.95rem; }

    .cert-list { display:flex; flex-direction:column; gap:10px; margin:20px 0; }

    .cert-item { display:flex; align-items:center; gap:10px; font-size:.88rem; color:rgba(255,255,255,.8); }

    .cert-dot { width:8px; height:8px; background:var(--accent); border-radius:50%; flex-shrink:0; }

    .cert-badges { display:flex; gap:10px; flex-wrap:wrap; margin-top:24px; }

    .cert-badge { background:rgba(0,200,255,.06); border:1px solid rgba(0,200,255,.2); border-radius:8px; padding:7px 14px; font-size:.8rem; font-weight:600; color:var(--accent); display:flex; align-items:center; gap:5px; }



    /* Pricing */

    .pricing { background:var(--dark); }

    .pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; align-items:start; }

    .price-card { background:rgba(0,200,255,.04); border:2px solid var(--border); border-radius:16px; padding:30px 26px; transition:var(--transition); }

    .price-card.featured { background:linear-gradient(135deg,rgba(0,200,255,.12),rgba(139,92,246,.12)); border-color:var(--accent); color:var(--white); transform:scale(1.04); box-shadow:0 16px 40px rgba(0,200,255,.2); }

    .price-card:hover:not(.featured) { border-color:var(--accent); transform:translateY(-4px); box-shadow:0 8px 24px rgba(0,200,255,.1); }

    .pc-tag { font-size:.75rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--gray); margin-bottom:10px; }

    .price-card.featured .pc-tag { color:var(--accent); }

    .pc-price { font-size:1.9rem; font-weight:700; color:var(--accent); margin-bottom:5px; }

    .price-card.featured .pc-price { color:var(--accent2); }

    .pc-price span { font-size:.95rem; font-weight:400; color:var(--gray); }

    .price-card.featured .pc-price span { color:rgba(255,255,255,.6); }

    .pc-desc { font-size:.86rem; color:var(--gray); margin-bottom:22px; line-height:1.65; }

    .price-card.featured .pc-desc { color:rgba(255,255,255,.72); }

    .pc-list { display:flex; flex-direction:column; gap:9px; margin-bottom:26px; }

    .pc-list li { font-size:.86rem; display:flex; align-items:center; gap:8px; color:rgba(255,255,255,.75); }

    .price-card.featured .pc-list li { color:rgba(255,255,255,.85); }

    .pc-list li::before { content:'✓'; color:var(--accent); font-weight:700; flex-shrink:0; }

    .price-card.featured .pc-list li::before { color:var(--accent2); }

    .pc-badge { display:inline-block; background:var(--accent2); color:var(--dark); font-size:.72rem; font-weight:700; padding:3px 10px; border-radius:50px; margin-bottom:14px; }



    /* Coverage */

    .coverage { background:linear-gradient(135deg,var(--dark),var(--primary-mid)); color:var(--white); border-top:1px solid rgba(0,200,255,.1); }

    .coverage .section-title { color:var(--white); }

    .coverage .section-subtitle { color:rgba(255,255,255,.68); }

    .coverage-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }

    .cov-item { background:rgba(0,200,255,.05); border:1px solid rgba(0,200,255,.12); border-radius:12px; padding:20px 14px; text-align:center; transition:var(--transition); }

    .cov-item:hover { background:rgba(0,200,255,.15); border-color:var(--accent); box-shadow:0 4px 20px rgba(0,200,255,.1); }

    .cov-ico { font-size:1.7rem; margin-bottom:8px; }

    .cov-name { font-size:.9rem; font-weight:700; margin-bottom:4px; color:var(--white); }

    .cov-area { font-size:.75rem; color:rgba(255,255,255,.58); }



    /* Testimonials */

    .testimonials { background:var(--dark); }

    .testi-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }

    .testi-card { background:rgba(0,200,255,.04); border:1px solid var(--border); border-radius:16px; padding:26px; transition:var(--transition); }

    .testi-card:hover { border-color:var(--accent); box-shadow:0 8px 24px rgba(0,200,255,.1); transform:translateY(-4px); }

    .stars { color:#f0a500; font-size:.95rem; margin-bottom:12px; letter-spacing:2px; }

    .testi-text { font-size:.9rem; color:var(--gray); line-height:1.8; margin-bottom:18px; position:relative; padding-left:18px; }

    .testi-text::before { content:'"'; position:absolute; left:0; top:-4px; font-size:2.4rem; color:var(--accent); line-height:1; }

    .testi-author { display:flex; align-items:center; gap:10px; }

    .author-av { width:40px; height:40px; border-radius:50%; background:linear-gradient(135deg,var(--accent),var(--accent-purple)); display:flex; align-items:center; justify-content:center; color:var(--white); font-weight:700; font-size:.95rem; flex-shrink:0; }

    .author-name { font-weight:600; font-size:.88rem; color:var(--white); }

    .author-role { font-size:.78rem; color:var(--gray); }



    /* News Sections */

    .news-section { background:var(--dark); }

    .news-section:nth-child(even) { background:linear-gradient(135deg,var(--dark),#050d1e); }

    .news-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }

    .news-card { background:rgba(0,200,255,.04); border:1px solid var(--border); border-radius:14px; overflow:hidden; transition:var(--transition); }

    .news-card:hover { border-color:var(--accent); transform:translateY(-4px); box-shadow:0 8px 24px rgba(0,200,255,.12); }

    .news-img { width:100%; height:160px; object-fit:cover; display:block; }

    .news-body { padding:16px 14px; }

    .news-source { font-size:.72rem; color:var(--accent); font-weight:600; margin-bottom:6px; display:flex; align-items:center; gap:4px; }

    .news-title { font-size:.88rem; font-weight:600; color:var(--white); line-height:1.5; margin-bottom:8px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

    .news-desc { font-size:.78rem; color:var(--gray); line-height:1.65; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }

    .news-date { font-size:.72rem; color:rgba(255,255,255,.35); margin-top:10px; }

    .news-card.case-study { border-color:rgba(139,92,246,.25); }

    .news-card.case-study:hover { border-color:var(--accent-purple); box-shadow:0 8px 24px rgba(139,92,246,.15); }

    .case-tag { display:inline-block; background:rgba(139,92,246,.15); color:var(--accent-purple); font-size:.68rem; font-weight:700; padding:2px 8px; border-radius:4px; margin-bottom:6px; }

    .news-more-btn { display:flex; justify-content:center; margin-top:32px; }



    /* Contact */

    .contact { background:var(--dark); }

    .contact-grid { display:grid; grid-template-columns:1fr 1.6fr; grid-template-rows: auto auto; gap:56px; }

    .contact-info { grid-column: 1; grid-row: 1 / span 2; }

    .contact-form { grid-column: 2; grid-row: 1; }

    .contact-map { grid-column: 2; grid-row: 2; }

    .contact-info { display:flex; flex-direction:column; gap:22px; }

    .info-card { display:flex; align-items:flex-start; gap:14px; background:rgba(0,200,255,.04); border-radius:14px; padding:20px 18px; border:1px solid var(--border); }

    .info-icon { width:44px; height:44px; border-radius:12px; background:linear-gradient(135deg,var(--accent),var(--accent-purple)); display:flex; align-items:center; justify-content:center; flex-shrink:0; box-shadow:0 0 12px rgba(0,200,255,.2); }

    .info-icon svg { width:20px; height:20px; stroke:#fff; fill:none; stroke-width:2; }

    .info-content h4 { font-size:.92rem; font-weight:700; color:var(--white); margin-bottom:4px; }

    .info-content p, .info-content a { font-size:.86rem; color:var(--gray); line-height:1.7; }

    .info-content a { color:var(--accent); font-weight:600; }

    .contact-cta { background:linear-gradient(135deg,rgba(0,200,255,.15),rgba(139,92,246,.15)); border:1px solid rgba(0,200,255,.2); border-radius:14px; padding:22px; color:var(--white); text-align:center; }

    .contact-form { background:rgba(0,200,255,.04); border-radius:16px; padding:34px 30px; border:1px solid var(--border); }

    .contact-form h3 { font-size:1.1rem; font-weight:700; color:var(--white); margin-bottom:22px; }

    .form-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }

    .form-group { margin-bottom:14px; }

    .form-group label { display:block; font-size:.83rem; font-weight:600; color:var(--gray); margin-bottom:5px; }

    .form-group input, .form-group select, .form-group textarea { width:100%; padding:11px 14px; border:1.5px solid var(--border); border-radius:8px; font-size:.88rem; font-family:var(--font); color:var(--white); background:rgba(0,200,255,.05); transition:var(--transition); outline:none; }

    .form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color:var(--accent); box-shadow:0 0 0 3px rgba(0,200,255,.12); }

    .form-group textarea { resize:vertical; min-height:100px; }

    .form-submit { width:100%; padding:13px; border:none; border-radius:10px; background:linear-gradient(135deg,var(--accent),var(--accent-purple)); color:var(--white); font-size:.95rem; font-weight:600; cursor:pointer; font-family:var(--font); transition:var(--transition); }

    .form-submit:hover { opacity:.9; transform:translateY(-2px); box-shadow:0 8px 20px rgba(0,200,255,.3); }



    /* Map */

    .map-wrap { background:linear-gradient(135deg,var(--dark),var(--primary)); height:260px; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; }

    .map-info { text-align:center; color:var(--white); position:relative; }

    .map-pin { font-size:2.8rem; margin-bottom:10px; }

    .map-addr { font-size:1rem; font-weight:600; margin-bottom:4px; }

    .map-sub { font-size:.86rem; color:rgba(255,255,255,.65); }



    /* Footer */

    footer { background:var(--dark); color:rgba(255,255,255,.68); }

    .footer-top { padding:56px 0 36px; }

    .footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1.4fr; gap:36px; }

    .footer-brand .logo { margin-bottom:14px; }

    .footer-brand .logo-text { display:flex; flex-direction:column; align-items:flex-start; gap:3px; }

    .footer-brand .logo-text .name { color:var(--white); font-size:1.1rem; font-weight:700; line-height:1.2; }

    .footer-brand .logo-text .slogan { 

      font-size:1.05rem; 

      font-weight:600; 

      text-transform:uppercase; 

      letter-spacing:.12em;

      color:var(--white);

    }

    .footer-brand p { font-size:.86rem; line-height:1.8; }

    .footer-title { font-size:.92rem; font-weight:700; color:var(--white); margin-bottom:16px; }

    .footer-links { display:flex; flex-direction:column; gap:7px; }

    .footer-links a { font-size:.85rem; transition:var(--transition); }

    .footer-links a:hover { color:var(--accent); }

    .footer-contact-item { display:flex; align-items:flex-start; gap:7px; margin-bottom:9px; font-size:.85rem; }

    .footer-contact-item svg { width:14px; height:14px; stroke:var(--accent); fill:none; stroke-width:2; flex-shrink:0; margin-top:4px; }

    .footer-bottom { border-top:1px solid rgba(255,255,255,.08); padding:18px 0; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; font-size:.8rem; }

    .footer-bottom a { color:rgba(255,255,255,.45); }

    .footer-bottom a:hover { color:var(--accent); }



    /* Sticky */

    .sticky-call { position:fixed; bottom:26px; right:26px; z-index:999; display:flex; flex-direction:column; gap:10px; }

    .call-btn { width:50px; height:50px; border-radius:50%; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 16px rgba(0,0,0,.25); transition:var(--transition); }

    .call-btn:hover { transform:scale(1.1); }

    .call-btn.phone { background:var(--accent); }

    .call-btn.top { background:var(--primary); }

    .call-btn svg { width:22px; height:22px; stroke:#fff; fill:none; stroke-width:2.2; }

    #notify { position:fixed; top:80px; right:20px; z-index:2000; background:var(--primary); color:var(--white); padding:14px 22px; border-radius:10px; font-size:.88rem; box-shadow:0 8px 24px rgba(10,61,107,.3); transform:translateX(120%); transition:.4s cubic-bezier(.34,1.56,.64,1); max-width:320px; }

    #notify.show { transform:translateX(0); }



    /* Responsive */

    @media(max-width:1024px){

      .svc-cards,.pricing-grid { grid-template-columns:repeat(2,1fr); }

      .price-card.featured { transform:none; }

      .biz-panel-grid { grid-template-columns:repeat(2,1fr); }

      .footer-grid { grid-template-columns:1fr 1fr; }

      .process-steps { grid-template-columns:repeat(3,1fr); gap:20px; }

      .process-steps::before { display:none; }

      .coverage-grid { grid-template-columns:repeat(3,1fr); }

    }

    @media(max-width:768px){

      section { padding:56px 0; }

      .nav-links,.nav-cta { display:none; }

      .menu-toggle { display:block; }

      .hero-grid,.whyus-grid,.contact-grid { grid-template-columns:1fr; gap:36px; }

      .contact-info, .contact-form, .contact-map { grid-column: auto; grid-row: auto; }

      .hero-visual { display:none; }

      .svc-cards,.pricing-grid,.testi-grid { grid-template-columns:1fr; }

      .biz-panel-grid { grid-template-columns:1fr; }

      .coverage-grid { grid-template-columns:repeat(3,1fr); }

      .process-steps { grid-template-columns:1fr 1fr; }

      .footer-grid { grid-template-columns:1fr; gap:28px; }

      .topbar-left { display:none; }

      .form-row { grid-template-columns:1fr; }

      .footer-bottom { flex-direction:column; text-align:center; }

      .hero-stats { grid-template-columns:repeat(2,1fr); }

      /* Mobile touch optimization */

      .btn, .btn-primary, .btn-outline, .btn-dark { min-height: 44px; padding: 12px 24px; }

      .nav-phone { font-size: 1rem; }

      .container { padding: 0 16px; }

      .section-title { font-size: clamp(1.4rem, 2.8vw, 1.8rem); }

      .section-subtitle { font-size: 0.95rem; }

      input, textarea, select { font-size: 16px; } /* Prevent iOS zoom on focus */

    }

    @media(max-width:480px){

      .hero h1 { font-size: 1.5rem; }

      .hero h1 span { font-size: 1.2rem; }

      .whyus-items { grid-template-columns:1fr; }

      .cert-badges { gap:8px; }

      .coverage-grid { grid-template-columns: repeat(2, 1fr); }

      .process-steps { grid-template-columns: 1fr; }

      .hero-stats { grid-template-columns: 1fr; }

      .footer-contact-item { flex-direction: column; align-items: flex-start; gap: 8px; }

      .footer-contact-item svg { margin-bottom: 4px; }

      .btn, .btn-primary, .btn-outline, .btn-dark { min-height: 48px; padding: 14px 20px; font-size: 0.95rem; }

      .section-header { margin-bottom: 36px; }

      .container { padding: 0 12px; }

      /* Form optimization for mobile */

      .form-group input, .form-group select, .form-group textarea { padding: 14px 16px; min-height: 48px; }

      .form-group label { font-size: 0.85rem; margin-bottom: 8px; }

      .form-submit { min-height: 52px; font-size: 1rem; }

      .form-row { gap: 12px; }

      .form-group { margin-bottom: 18px; }

    }

    @media(max-width:320px){

      .hero h1 { font-size: 1.3rem; }

      .hero h1 span { font-size: 1.1rem; }

      .coverage-grid { grid-template-columns: 1fr; }

      .btn, .btn-primary, .btn-outline, .btn-dark { min-height: 52px; padding: 16px 18px; }

      .container { padding: 0 10px; }

      .section-title { font-size: 1.3rem; }

    }

    /* Coverage modal */

    .cov-btn { cursor:pointer; }

    .cov-btn::after { content:'▶'; display:block; font-size:.65rem; color:rgba(255,255,255,.4); margin-top:6px; }

    /* Modal styles */

    .modal-overlay { position:fixed; inset:0; background:rgba(0,0,0,.8); z-index:9999; display:flex; align-items:center; justify-content:center; padding:20px; opacity:0; pointer-events:none; transition:opacity .3s; }

    .modal-overlay.show { opacity:1; pointer-events:all; }

    .modal-box { background:var(--dark); border:1px solid rgba(0,200,255,.2); border-radius:16px; max-width:720px; width:100%; max-height:88vh; overflow-y:auto; position:relative; }

    .modal-header { background:linear-gradient(135deg,var(--primary-mid),var(--accent-purple)); color:#fff; padding:22px 28px; display:flex; align-items:center; gap:14px; position:sticky; top:0; z-index:2; border-radius:16px 16px 0 0; }

    .modal-header-ico { font-size:2rem; }

    .modal-header h3 { font-size:1.2rem; font-weight:700; }

    .modal-header p { font-size:.82rem; opacity:.8; }

    .modal-close { background:rgba(255,255,255,.2); border:none; color:#fff; width:34px; height:34px; border-radius:50%; font-size:1.3rem; cursor:pointer; flex-shrink:0; transition:var(--transition); }

    .modal-close:hover { background:rgba(255,255,255,.3); }

    .modal-body { padding:26px 28px; }

    .modal-intro { font-size:.9rem; color:var(--gray); line-height:1.85; margin-bottom:18px; padding-bottom:18px; border-bottom:1px solid var(--border); }

    .modal-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-bottom:20px; }

    .modal-stat { background:rgba(0,200,255,.06); border:1px solid rgba(0,200,255,.12); border-radius:10px; padding:14px 10px; text-align:center; }

    .modal-stat .n { font-size:1.4rem; font-weight:700; color:var(--accent); }

    .modal-stat .l { font-size:.72rem; color:var(--gray); margin-top:3px; }

    .modal-section { margin-bottom:20px; }

    .modal-section-title { font-size:.9rem; font-weight:700; color:var(--white); margin-bottom:12px; padding-bottom:8px; border-bottom:1px solid rgba(0,200,255,.12); }

    .modal-park { background:rgba(0,200,255,.04); border-radius:10px; padding:14px 16px; border-left:3px solid var(--accent); margin-bottom:10px; }

    .modal-park-name { font-weight:700; font-size:.9rem; color:var(--white); margin-bottom:4px; }

    .modal-park-desc { font-size:.82rem; color:var(--gray); line-height:1.65; }

    .modal-schools { display:flex; flex-direction:column; gap:12px; }

    .modal-school { background:rgba(139,92,246,.06); border:1px solid rgba(139,92,246,.12); border-radius:10px; padding:14px 16px; border-left:3px solid var(--accent-purple); }

    .modal-school-name { font-weight:700; font-size:.9rem; color:var(--white); margin-bottom:4px; }

    .modal-school-meta { font-size:.72rem; color:var(--accent); margin-bottom:6px; }

    .modal-school-desc { font-size:.82rem; color:var(--gray); line-height:1.65; }

    .modal-community { background:rgba(16,185,129,.05); border:1px solid rgba(16,185,129,.1); border-radius:10px; padding:14px 16px; border-left:3px solid #10b981; margin-bottom:10px; }

    .modal-community-name { font-weight:700; font-size:.9rem; color:var(--white); margin-bottom:4px; }

    .modal-community-meta { font-size:.72rem; color:#10b981; margin-bottom:6px; }

    .modal-community-desc { font-size:.82rem; color:var(--gray); line-height:1.65; }

    .modal-cta { text-align:center; padding-top:20px; border-top:1px solid var(--border); margin-top:20px; }

    .modal-cta p { font-size:.85rem; color:var(--gray); margin-bottom:10px; }

    .modal-close { position:absolute; right:18px; top:18px; background:rgba(255,255,255,.2); border:none; color:#fff; font-size:1.4rem; width:34px; height:34px; border-radius:50%; cursor:pointer; display:flex; align-items:center; justify-content:center; line-height:1; transition:.2s; }

    .modal-close:hover { background:rgba(255,255,255,.35); }

    .modal-body { padding:24px 28px 28px; }

    .modal-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:16px; }

    .modal-stat { background:var(--primary); color:#fff; border-radius:10px; padding:12px 10px; text-align:center; }

    .modal-stat-num { font-size:1.3rem; font-weight:700; }

    .modal-stat-label { font-size:.7rem; opacity:.8; margin-top:2px; }

    .modal-cta { text-align:center; margin-top:20px; padding-top:18px; border-top:1px solid var(--border); }

    .modal-cta p { font-size:.85rem; color:var(--gray); margin-bottom:10px; }

    /* Biz detail modal */

    .biz-detail-btn { display:inline-flex; align-items:center; gap:5px; margin-top:10px; padding:5px 14px; background:var(--accent); color:var(--dark); border-radius:50px; font-size:.78rem; font-weight:600; cursor:pointer; border:none; transition:.25s; }

    .biz-detail-btn:hover { background:var(--primary-light); transform:translateY(-1px); }

    .biz-detail-modal .modal-header { background:linear-gradient(135deg,var(--accent),var(--accent-purple)); }

    .biz-modal-img { width:100%; height:200px; object-fit:cover; border-radius:10px; margin-bottom:16px; }

    .biz-modal-tag { display:inline-block; background:rgba(0,200,255,.12); color:var(--accent); font-size:.72rem; font-weight:700; padding:3px 10px; border-radius:50px; margin-bottom:10px; letter-spacing:.05em; border:1px solid rgba(0,200,255,.2); }

    .biz-modal-h3 { font-size:1.15rem; font-weight:700; color:var(--white); margin-bottom:10px; }

    .biz-modal-text { font-size:.88rem; color:var(--gray); line-height:1.9; margin-bottom:16px; }

    .biz-modal-list { list-style:none; padding:0; margin:0 0 18px; display:flex; flex-direction:column; gap:8px; }

    .biz-modal-list li { display:flex; align-items:flex-start; gap:8px; font-size:.85rem; color:rgba(255,255,255,.8); }

    .biz-modal-list li::before { content:'✓'; color:var(--accent); font-weight:700; flex-shrink:0; margin-top:1px; }

    .biz-modal-tags { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:16px; }

    .biz-modal-tag2 { background:rgba(0,200,255,.06); color:var(--accent); font-size:.75rem; padding:4px 12px; border-radius:50px; border:1px solid rgba(0,200,255,.15); }
    .biz-gallery { margin-bottom:16px; }
    .biz-gallery-main { border-radius:10px; overflow:hidden; border:1px solid rgba(0,200,255,.15); }
    .biz-gallery-main img { width:100%; height:230px; object-fit:cover; display:block; }
    .biz-gallery-thumbs { display:flex; gap:8px; margin-top:10px; overflow-x:auto; padding-bottom:4px; }
    .biz-thumb { width:72px; height:52px; object-fit:cover; border-radius:8px; cursor:pointer; border:2px solid transparent; opacity:.6; transition:.25s; flex-shrink:0; }
    .biz-thumb:hover { opacity:.9; }
    .biz-thumb.active { border-color:var(--accent); opacity:1; box-shadow:0 0 10px rgba(0,200,255,.4); }
    .biz-page-link { margin:4px 0 16px; }
    .biz-page-link a { display:inline-flex; align-items:center; gap:6px; color:var(--accent); font-size:.85rem; font-weight:600; padding:9px 16px; border:1px solid rgba(0,200,255,.3); border-radius:8px; background:rgba(0,200,255,.06); transition:.25s; }
    .biz-page-link a:hover { background:var(--accent); color:var(--dark); transform:translateY(-1px); }

    /* WeChat QR Code enhancements */

    .contact-cta {

      transition: transform 0.3s ease, box-shadow 0.3s ease;

    }

    .contact-cta:hover {

      transform: translateY(-3px);

      box-shadow: 0 10px 25px rgba(0,200,255,.15);

    }

    .qr-placeholder {

      background: rgba(255,255,255,.03);

      border: 1px dashed rgba(0,200,255,.3);

      border-radius: 10px;

      padding: 20px;

      text-align: center;

      margin: 0 auto 15px;

      max-width: 240px;

      transition: background-color 0.3s ease;

    }

    .qr-placeholder:hover {

      background-color: rgba(255,255,255,.08);

    }

  
    /* 服务实景/精选案例 图文板块 */
    .scene-section { padding:80px 0; }
    .scene-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
    .scene-card { display:block; background:rgba(0,200,255,.04); border:1px solid var(--border); border-radius:14px; overflow:hidden; transition:var(--transition); }
    .scene-card:hover { border-color:var(--accent); transform:translateY(-4px); box-shadow:0 12px 36px rgba(0,200,255,.14); }
    .scene-imgwrap { height:190px; overflow:hidden; }
    .scene-imgwrap img { width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
    .scene-card:hover .scene-imgwrap img { transform:scale(1.06); }
    .scene-info { padding:16px 18px; }
    .scene-name { font-size:.98rem; font-weight:700; color:var(--white); margin-bottom:5px; }
    .scene-sub { font-size:.82rem; color:var(--gray); line-height:1.5; margin-bottom:8px; }
    .scene-link { font-size:.78rem; color:var(--accent); font-weight:600; }
    @media(max-width:1024px){ .scene-grid { grid-template-columns:repeat(2,1fr); } }
    @media(max-width:640px){ .scene-grid { grid-template-columns:1fr; } }

    /* ===== Hero 公司动态模块 + 六大业务对齐 ===== */
    .hero-biz { position:relative; }
    .hero-news { background:rgba(0,200,255,.05); border:1px solid rgba(0,200,255,.18); border-radius:14px; padding:18px 20px; backdrop-filter:blur(10px); box-shadow:0 8px 32px rgba(0,0,0,.25); min-height:312px; display:flex; flex-direction:column; justify-content:flex-start; }
    .hero-news-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:11px; }
    .hero-news-title { font-size:.95rem; font-weight:700; color:var(--white); }
    .hero-news-more { font-size:.74rem; color:var(--accent); font-weight:600; }
    .hero-news-more:hover { text-decoration:underline; }
    .hero-news-list { list-style:none; display:flex; flex-direction:column; gap:14px; }
    .hero-news-list li { display:flex; gap:10px; align-items:center; }
    .hero-news-list .nd { background:rgba(240,165,0,.16); color:var(--accent2); font-size:.68rem; font-weight:700; padding:2px 8px; border-radius:6px; flex-shrink:0; letter-spacing:.02em; }
    .hero-news-list .nt { color:var(--gray); font-size:.8rem; line-height:1.45; }
    @media(min-width:769px){
      .hero-visual { display:flex; flex-direction:column; gap:14px; }
    }

    /* 公司动态条目可点击交互 */
    .hero-news-list li a { display:flex; gap:10px; align-items:center; padding:2px 0; border-radius:6px; transition:var(--transition); }
    .hero-news-list li a:hover .nt { color:var(--accent); }
    .hero-news-list li a:hover { transform:translateX(3px); }