*{ margin:0; padding:0; box-sizing: border-box; font-family: 'PingFang SC','Helvetica Neue',Arial,sans-serif;}
        body { background:#f8f9fb; color:#222; line-height:1.65;}
        a { color:inherit; text-decoration:none;}
        .container {width:90%; max-width:1560px; margin:0 auto;}
        /* 导航 */
        .navbar { background:white; box-shadow:0 2px 10px rgba(44, 60, 148, .07); padding:22px 0; position:sticky; top:0; z-index:99;}
        .nav-wrap{ display:flex; justify-content:space-between; align-items:center;}
        .logo{ color:#1977f3; font-size:2rem; font-weight:800;}
        .nav-list{display:flex;list-style:none;}
        .nav-list li {margin-left:28px;font-size: 18px;}
        .nav-list a {font-weight: 600; padding: 4px 13px; border-radius:7px; transition:background .2s;}
        .nav-list a:hover,.nav-list .active{background:#f2f7ff;color:#2563eb;}
        /* Banner主视觉 */
        .hero {display:flex;flex-direction:column;align-items:center; justify-content:center; min-height:500px; background:linear-gradient(100deg,#f0fbff 0%,#ecf3ff 100%);}
        .hero h1{font-size:2.8rem; font-weight:900; color:#1977f3; margin-bottom:18px;}
        .hero p{max-width:700px;font-size:1.21rem;color:#3f3f58;margin-bottom:35px;text-align: center;}
        /* 按钮 */
        .button, .cta-button {
            background: #2563eb;
            color: #fff;
            padding: 13px 34px;
            border-radius: 28px;
            font-weight: bold;
            font-size: 1.13rem;
            transition: background 0.18s, transform 0.22s;
            border:0;
            margin-top:18px;
            cursor:pointer;
            display: inline-block;
            box-shadow: 0 4px 15px rgba(74, 107, 255, 0.12);
        }
        .button:hover,.cta-button:hover{background:#184ac5;transform: translateY(-2px);}
        /* 分区 */
        section {padding:70px 0;}
        .section-title{text-align:center;margin-bottom:38px;}
        .section-title h2{font-size:2.2rem; font-weight:700; color:#2b2657; margin-bottom:11px;}
        .section-title p{color:#898aa1;}
        /* Services */
        .service-grid {display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:42px; margin:0 auto;max-width:1280px;}
        .service-card{
            background:#fff; padding:38px 25px; border-radius:17px; box-shadow:0 6px 32px rgba(44,60,148,.07); text-align:center;
            display:flex; flex-direction:column; align-items:center; transition:.24s; position:relative;
        }
        .service-card i {font-size: 2.6rem; margin-bottom:18px; color:#2563eb;}
        .service-card h3 {margin-bottom:13px; font-size:1.22rem;}
        .service-card p{color:#6a6a8e;font-size:.98rem;}
        .service-card:hover { transform:translateY(-6px); box-shadow:0 14px 32px rgba(44,60,148,.13);}
        /* AI GRID */
        .ai-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:35px;max-width:990px;margin:0 auto;}
        .ai-card{background:#fff;padding:32px 24px;border-radius:16px;box-shadow:0 4px 22px rgba(62,90,140,.10);text-align:center;position:relative;}
        .ai-icon {font-size:2.4rem;color:#1ea5ff;margin-bottom:17px;}
        .ai-card h3{font-size:1.08rem;margin-bottom:9px;}
        .ai-card p{color:#616199;}
        .ai-card .badge {position:absolute;top:15px;right:18px;background:#18d236;color:white;font-size:.85rem;padding:2px 13px;border-radius:13px;font-weight:600;}
        /* About */
        .about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:44px;max-width:1000px;margin:0 auto;}
        .about-img{background:url('https://img.freepik.com/free-vector/business-consultant-concept-illustration_114360-7711.jpg') center/cover no-repeat;height:300px;border-radius:18px;}
        .about-content ul{margin:22px 0 22px 28px; color:#616199;}
        /* 联系方式 */
        .contact-wrap{background:#fff;max-width:700px;margin:0 auto; padding:37px 30px;border-radius:14px;box-shadow:0 5px 16px rgba(32,32,64,0.09);}
        .contact-grid{display:grid;grid-template-columns:1fr 2fr;gap:35px;}
        .contact-info span{display:block;margin-bottom:10px;}
        .contact-form input,.contact-form textarea{
            width:100%;border:1px solid #dde2ed;padding:12px 13px;border-radius:8px;outline: none;margin-bottom:15px;font-size:1rem;
        }
        .contact-form textarea{min-height:96px;}
        .contact-form button{margin-top:4px;}
        /* 响应式 */
        @media (max-width: 1000px){
            .about-grid{grid-template-columns:1fr;}
            .about-img{height:220px;}
            .service-grid,.ai-grid{grid-template-columns:1fr;}
        }
        @media (max-width: 700px){
            .section-title h2{font-size:1.4rem;}
            .hero h1{font-size:1.6rem;}
            section{padding:44px 0;}
        }
        /* 页脚 */
        footer{background:#232347;color:#aaa;padding:40px 0 20px;}
        footer .container{text-align:center;}
        footer .logo{color:#fff;}
        .footer-nav{margin:22px 0;}
        .footer-nav a{color:#9eb0ff; margin:0 11px;}
        .footer-nav a:hover{color:#fff;}
        .footer-btm{color:#7b86b2;font-size:.91rem;}
        .legal-bar {
            background: #18191c;
            color: #53ebfd;
            display: flex; justify-content: center; align-items: center;
            padding: 28px 10px 22px 10px; font-size: 1rem; gap: 35px;
        }
        .legal-links a { color: #43b7d8; margin: 0 3px; transition: color .2s; font-size: 1rem; }
        .legal-links a:hover { color: #fff; text-decoration: underline; }
        .cookie-btn {
            background: transparent; border: 1px solid #444; color: #bdbdbd;
            padding: 10px 32px; border-radius: 7px; font-size:1rem; cursor: pointer;
            transition: background .18s, color .18s;
        }
        .cookie-btn:hover { background: #242731; color: #fff; border-color:#62eaff; }
        @media (max-width:700px) {
            .legal-bar{flex-direction:column; gap:15px;}
            .cookie-btn{margin-left:0;}
        }

        /* cookie弹窗 */
        .cookie-modal-bg {
            position: fixed; left: 0; top: 0; width: 100%; height: 100vh;
            background: rgba(16,18,28,0.58); z-index: 9999; display: flex; justify-content: center; align-items: center;
        }
        .cookie-modal {
            background: #fff; color: #161419; max-width: 470px; width:93vw; padding: 34px 34px 22px 32px; border-radius: 11px;
            box-shadow: 0 22px 60px 0 rgba(40,50,100,0.27); position: relative; font-size: 1rem; font-family:inherit;
            max-height: 86vh; overflow-y: auto;
        }
        .cookie-close{
            position: absolute; right: 16px; top: 14px; font-size: 1.7rem; border: none; background: none; cursor: pointer; color: #656668;
        }
        .cookie-row{
            margin: 15px 0 15px 0; border-bottom:1px solid #eceff1; padding-bottom:8px;
        }
        .cookie-row:last-child{border-bottom:none;}
        .always-on { float: right; color: #317ad4; font-weight: bold; font-size: .97rem;}
        .confirm-btn{
            background:#171e24; color:#fff; border:none; font-size:1.13rem; font-weight:600; border-radius:6px;
            padding:12px 28px; margin:16px 0 0 0; display:block; width:100%; cursor:pointer;transition:background .18s;
        }
        .confirm-btn:hover{background:#0fb2cd;}
        /* switch按钮 */
        .switch { position: relative; display: inline-block; width: 45px; height: 24px; float: right; margin-left:10px;}
        .switch input { opacity: 0; width: 0; height: 0;}
        .slider {
            position: absolute; cursor: pointer; background: #5ce2ec;
            top: 0; left: 0; right: 0; bottom: 0; transition: .4s; border-radius: 22px;
        }
        .slider:before {
            position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background: white;
            transition: .4s; border-radius: 50%;
        }
        input:checked + .slider { background: #2ba08f;}
        input:checked + .slider:before { transform: translateX(20px);}
        .cookie-powered{font-size:.93rem; margin-top:16px;}
        .agency-highlight-section {
            width: 100%;
            background: linear-gradient(120deg, #62eaff 0%, #fff 96%);
            padding: 68px 0 40px 0;
            box-sizing: border-box;
        }
        .agency-highlight-container {
            max-width: 1400px;
            margin: 0 auto;
            padding: 0 4vw;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 0 50px;
        }
        .agency-highlight-text {
            flex: 1.2;
            font-size: 2.6rem;
            font-weight: 800;
            line-height: 1.13;
            color: #121212;
            min-width: 320px;
        }
        .ah-line {
            margin-bottom: 32px;
            margin-top: 7px;
        }
        .ah-highlight {
            color: #ff0da5;
            font-weight:900;
            font-size:2.75rem;
        }
        .agency-highlight-media {
            flex: 1.15;
            display: flex; justify-content: center;
        }
        .ah-video-wrap {
            position: relative; width: 420px; max-width: 88vw;
            display:flex;align-items: center;justify-content:center;
        }
        .ah-video-thumbnail {
            width: 100%; aspect-ratio: 1.1 / 1;
            box-shadow: 0 13px 48px rgba(31,150,212,.13);
            border-radius: 18px; overflow: hidden;
            position: relative; background: #fafbff;
        }
        .ah-badge {
            position:absolute; left:32px; top:35px;
            background:rgba(255,255,255,.8);color:#2777f7;
            font-size:2.25rem;font-weight:700;padding:5px 22px;
            border-radius:18px;box-shadow:0 1px 8px #eaeaeaab;
            letter-spacing:1px;
        }
        .ah-play-btn {
            position: absolute; left: -42px; bottom: -38px;
            background: #fff; border: none; outline: none;
            border-radius: 50%; padding: 0; cursor: pointer;
            width: 88px; height: 88px; box-shadow: 0 8px 28px #d3e7fc99;
            display: flex; align-items: center; justify-content: center;
            z-index: 2;
            transition: transform .18s;
        }
        .ah-play-btn:hover {transform:scale(1.06);}
        .ah-play-avatar {
            width: 56px; height: 56px;
            border-radius: 50%;
            border: 3.5px solid #fff;
            object-fit: cover;
            position: relative;
            z-index: 2;
        }
        .ah-play-text {
            position: absolute;
            right: -10px; bottom: -25px;
            color: #ff00b8; font-weight: 700; font-size: 1.11rem;
            font-family: 'Arial Black', Arial, sans-serif;
            transform: rotate(-24deg);
            letter-spacing: .8px;
            pointer-events: none;
        }
        @media (max-width: 1000px) {
            .agency-highlight-container { flex-direction: column; gap: 42px 0;}
            .agency-highlight-media, .ah-video-wrap { width:100%; max-width: 96vw;}
            .ah-video-thumbnail {aspect-ratio:1.3/1;}
        }
        @media (max-width: 600px) {
            .agency-highlight-section { padding: 34px 0 10px 0;}
            .agency-highlight-text{font-size:1.36rem;}
            .ah-highlight{font-size:1.39rem;}
        }
        .agency-highlight-section {
            width: 100%;
            background: linear-gradient(120deg, #62eaff 0%, #fff 96%);
            padding: 100px 0 40px 0;
            box-sizing: border-box;
        }
        .agency-highlight-container {
            max-width: 1400px;
            margin: 0 auto;
            padding: 0 4vw;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 0 50px;
        }
        .agency-highlight-text {
            flex: 1.2;
            font-size: 3.6rem;
            font-weight: 800;
            line-height: 1.13;
            color: #121212;
            min-width: 320px;
        }
        .ah-line {
            margin-bottom: 32px;
            margin-top: 7px;
        }
        .ah-highlight {
            color: #ff0da5;
            font-weight:900;
            font-size:2.75rem;
        }
        .ah-dynamic {
            display: inline-block;
            position: relative;
            min-width: 220px; /* 只留最长文本宽度，不要太大 */
            height: 2.75rem;
            vertical-align: middle;
            text-align: right;
            /* 使得所有动画字右对齐，不会塌陷 */
        }
        .typewriter-text {
            color: #ff0da5;
            font-weight: 900;
            font-size: 3.5rem;
            white-space: nowrap;
            /* 下面两行直接去掉光标 */
            border-right: none;
            animation: none;
            padding-right: 0;
        }
        @keyframes fadeInUp {
            0% { opacity: 0; transform: translateY(26px);}
            80% { opacity:1; transform: translateY(-8px);}
            100% { opacity: 1; transform: translateY(0);}
        }
        @keyframes fadeOutDown {
            0% { opacity:1; transform:translateY(0);}
            100% { opacity:0; transform:translateY(30px);}
        }
        .agency-highlight-media {
            flex: 1.15;
            display: flex; justify-content: center;
        }
        .ah-video-wrap {
            position: relative; width: 420px; max-width: 88vw;
            display:flex;align-items: center;justify-content:center;
        }
        .ah-video-thumbnail {
            width: 100%; aspect-ratio: 1.1 / 1;
            box-shadow: 0 13px 48px rgba(31,150,212,.13);
            border-radius: 18px; overflow: hidden;
            position: relative; background: #fafbff;
        }
        .ah-badge {
            position:absolute; left:32px; top:35px;
            background:rgba(255,255,255,.8);color:#2777f7;
            font-size:2.25rem;font-weight:700;padding:5px 22px;
            border-radius:18px;box-shadow:0 1px 8px #eaeaeaab;
            letter-spacing:1px;
        }
        .ah-play-btn {
            position: absolute; left: -42px; bottom: -38px;
            background: #fff; border: none; outline: none;
            border-radius: 50%; padding: 0; cursor: pointer;
            width: 88px; height: 88px; box-shadow: 0 8px 28px #d3e7fc99;
            display: flex; align-items: center; justify-content: center;
            z-index: 2;
            transition: transform .18s;
        }
        .ah-play-btn:hover {transform:scale(1.06);}
        .ah-play-avatar {
            width: 56px; height: 56px;
            border-radius: 50%;
            border: 3.5px solid #fff;
            object-fit: cover;
            position: relative;
            z-index: 2;
        }
        .ah-play-text {
            position: absolute;
            right: -10px; bottom: -25px;
            color: #ff00b8; font-weight: 700; font-size: 1.11rem;
            font-family: 'Arial Black', Arial, sans-serif;
            transform: rotate(-24deg);
            letter-spacing: .8px;
            pointer-events: none;
        }
        @media (max-width: 1000px) {
            .agency-highlight-container { flex-direction: column; gap: 42px 0;}
            .agency-highlight-media, .ah-video-wrap { width:100%; max-width: 96vw;}
            .ah-video-thumbnail {aspect-ratio:1.3/1;}
        }
        @media (max-width: 600px) {
            .agency-highlight-section { padding: 34px 0 10px 0;}
            .agency-highlight-text{font-size:1.36rem;}
            .ah-highlight{font-size:1.39rem;}
        }
        @media (max-width: 700px) {
            .container { width: 99%; padding: 0 1vw; max-width: 100vw;}
            section {padding: 22px 0;}
            .hero, .agency-highlight-text {font-size: 1.15rem;}
            .agency-highlight-container { flex-direction: column; gap: 16px 0;}
            .ah-video-wrap, .ah-video-thumbnail { width: 98vw !important; max-width:98vw;}
            .about-grid, .service-grid, .ai-grid {grid-template-columns:1fr;}
            .about-img {min-height:120px;}
            .contact-grid {grid-template-columns:1fr !important; gap: 18px;}
            .contact-wrap { padding:11px 8px;}
            .contact-form input, .contact-form textarea {font-size: 1rem; padding: 12px 8px;}
            .contact-form button { width: 100%; font-size: 1.02rem;}
            .nav-wrap { flex-direction: column; align-items: flex-start; padding: 18px 0 8px 0;}
            .nav-list { flex-direction: column; width: 100%; align-items: flex-start; margin-top: 15px;}
            .nav-list li {margin: 13px 0 0 5px;}
            footer .container { padding: 0 1vw;}
        }
        .error-msg {color: red; font-size: 14px; margin: 4px 0 0 3px; min-height: 17px;}
        input:invalid, textarea:invalid {outline: 1px solid #f66;}