{"id":38,"date":"2023-06-16T21:58:43","date_gmt":"2023-06-16T21:58:43","guid":{"rendered":"https:\/\/gracecomputer.net\/?page_id=38"},"modified":"2026-10-23T17:17:50","modified_gmt":"2026-10-23T17:17:50","slug":"home","status":"publish","type":"page","link":"https:\/\/www.gracecomputer.net\/cn\/","title":{"rendered":"\u4e3b\u9875"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"38\" class=\"elementor elementor-38\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e171cc3 e-flex e-con-boxed e-con e-parent\" data-id=\"e171cc3\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cd6fc07 e-flex e-con-boxed e-con e-parent\" data-id=\"cd6fc07\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ed2643 elementor-widget elementor-widget-html\" data-id=\"9ed2643\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n\r\n\/* =========================================================\r\n   GRACE COMPUTER - \u503c\u5f97\u4fe1\u8cf4\u7684\u5ba2\u6236\r\n   ========================================================= *\/\r\n\r\n.gc-client-section {\r\n    width: 100%;\r\n    padding: 10px 0 65px;\r\n    background: #ffffff;\r\n    overflow: hidden;\r\n}\r\n\r\n.gc-client-container {\r\n    width: min(1200px, 92%);\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* ---------- \u5340\u584a\u6a19\u984c ---------- *\/\r\n\r\n.gc-client-heading {\r\n    text-align: center;\r\n    margin-bottom: 32px;\r\n}\r\n\r\n.gc-client-heading .kicker {\r\n    color: #d6a83d;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.gc-client-heading h2 {\r\n    margin: 0;\r\n    color: #102a43;\r\n    font-size: 30px;\r\n    line-height: 1.2;\r\n    font-weight: 700;\r\n}\r\n\r\n.gc-client-heading p {\r\n    max-width: 620px;\r\n    margin: 10px auto 0;\r\n    color: #627d98;\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n}\r\n\r\n\r\n\/* ---------- \u5ba2\u6236 Logo \u7db2\u683c ---------- *\/\r\n\r\n.gc-client-logos {\r\n    display: grid;\r\n    grid-template-columns: repeat(6, minmax(0, 1fr));\r\n    gap: 14px;\r\n}\r\n\r\n\r\n\/* ---------- Logo \u5361\u7247 ---------- *\/\r\n\r\n.gc-client-logo {\r\n    position: relative;\r\n\r\n    height: 150px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding: 0px;\r\n\r\n    background: #ffffff;\r\n\r\n    border: 2px solid #4158e8;\r\n    border-radius: 22px;\r\n\r\n    overflow: hidden;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        box-shadow .3s ease,\r\n        border-color .3s ease;\r\n}\r\n\r\n\r\n\/* \u5fae\u5999\u5167\u90e8\u5149\u6688 *\/\r\n\r\n.gc-client-logo::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 120px;\r\n    height: 120px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: rgba(65,88,232,.035);\r\n\r\n    top: -70px;\r\n    right: -55px;\r\n\r\n    transition: .4s ease;\r\n}\r\n\r\n\r\n\/* \u91d1\u8272\u88dd\u98fe\u7dda *\/\r\n\r\n.gc-client-logo::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 0;\r\n    height: 3px;\r\n\r\n    left: 50%;\r\n    bottom: 0;\r\n\r\n    background: #d6a83d;\r\n\r\n    transform: translateX(-50%);\r\n\r\n    transition: width .3s ease;\r\n}\r\n\r\n\r\n\/* ---------- Logo \u5716\u7247 ---------- *\/\r\n\r\n.gc-client-logo img {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: block;\r\n\r\n    max-width: 95%;\r\n    max-height: auto !important;\r\n\r\n    width: auto;\r\n    height: auto;\r\n\r\n    object-fit: contain;\r\n\r\n    filter: grayscale(5%);\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        filter .3s ease;\r\n        padding: 10px;\r\n}\r\n\r\n\r\n\/* ---------- \u6ed1\u9f20\u61f8\u505c\u6548\u679c ---------- *\/\r\n\r\n.gc-client-logo:hover {\r\n    transform: translateY(-5px);\r\n\r\n    border-color: #1769aa;\r\n\r\n    box-shadow:\r\n        0 15px 35px rgba(16,42,67,.10);\r\n}\r\n\r\n.gc-client-logo:hover::before {\r\n    transform: scale(1.5);\r\n}\r\n\r\n.gc-client-logo:hover::after {\r\n    width: 55%;\r\n}\r\n\r\n.gc-client-logo:hover img {\r\n    transform: scale(1.05);\r\n    filter: grayscale(0%);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u53ef\u9078\u7684\u5ba2\u6236\u540d\u7a31\r\n   ========================================================= *\/\r\n\r\n.gc-client-logo .client-name {\r\n    display: none !important;\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 10px;\r\n\r\n    text-align: center;\r\n\r\n    color: #627d98;\r\n\r\n    font-size: 9px;\r\n    font-weight: 700;\r\n\r\n    opacity: 0;\r\n\r\n    transition: .3s ease;\r\n}\r\n\r\n.gc-client-logo:hover .client-name {\r\n    opacity: 1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u5e73\u677f\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n    .gc-client-logos {\r\n        grid-template-columns: repeat(3, minmax(0, 1fr));\r\n        gap: 16px;\r\n    }\r\n\r\n    .gc-client-logo {\r\n        height: 140px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u624b\u6a5f\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n    .gc-client-section {\r\n        padding: 45px 0 50px;\r\n    }\r\n\r\n    .gc-client-container {\r\n        width: 90%;\r\n    }\r\n\r\n    .gc-client-heading {\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .gc-client-heading h2 {\r\n        font-size: 25px;\r\n    }\r\n\r\n    .gc-client-heading p {\r\n        font-size: 13px;\r\n    }\r\n\r\n\r\n    \/* \u6bcf\u6392\u986f\u793a\u5169\u500b Logo *\/\r\n\r\n    .gc-client-logos {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        gap: 12px;\r\n    }\r\n\r\n    .gc-client-logo {\r\n        height: 125px;\r\n        padding: 14px;\r\n        border-radius: 17px;\r\n        border-width: 1.5px;\r\n    }\r\n\r\n    .gc-client-logo img {\r\n        max-width: 90%;\r\n        max-height: 75px;\r\n    }\r\n\r\n    \/* \u624b\u6a5f\u7248\u4e0d\u986f\u793a\u50c5\u5728\u6ed1\u9f20\u61f8\u505c\u6642\u51fa\u73fe\u7684\u540d\u7a31 *\/\r\n    .gc-client-logo .client-name {\r\n        display: none;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u5c0f\u578b\u624b\u6a5f\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    .gc-client-logos {\r\n        gap: 10px;\r\n    }\r\n\r\n    .gc-client-logo {\r\n        height: 110px;\r\n        padding: 10px;\r\n        border-radius: 15px;\r\n    }\r\n\r\n    .gc-client-logo img {\r\n        max-height: 65px;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =====================================================\r\n     \u503c\u5f97\u4fe1\u8cf4\u7684\u5ba2\u6236\u5340\u584a\r\n     ===================================================== -->\r\n\r\n<section class=\"gc-client-section\">\r\n\r\n    <div class=\"gc-client-container\">\r\n\r\n\r\n        <!-- \u6a19\u984c -->\r\n\r\n        <div class=\"gc-client-heading\">\r\n\r\n            <div class=\"kicker\">\r\n                \u503c\u5f97\u4fe1\u8cf4\r\n            <\/div>\r\n\r\n            <h2>\r\n                \u503c\u5f97\u91cd\u8996\u79d1\u6280\u7684\u4f01\u696d\u8207\u7d44\u7e54\u6240\u4fe1\u8cf4\u3002\r\n            <\/h2>\r\n\r\n            <p>\r\n                Grace Computer \u9577\u671f\u70ba\u4f01\u696d\u3001\u7d44\u7e54\u53ca\u6a5f\u69cb\u63d0\u4f9b\u79d1\u6280\u8207\u6578\u4f4d\u89e3\u6c7a\u65b9\u6848\u3002\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- \u5ba2\u6236 Logo -->\r\n\r\n        <div class=\"gc-client-logos\">\r\n\r\n\r\n            <!-- \u7f85\u5fb9\u65af\u7279\u5927\u5b78 -->\r\n\r\n            <div class=\"gc-client-logo\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/www.gracecomputer.net\/wp-content\/uploads\/University-of-Rochester-2-300x300-1.png\"\r\n                    alt=\"\u7f85\u5fb9\u65af\u7279\u5927\u5b78\"\r\n                >\r\n\r\n                <span class=\"client-name\">\r\n                    \u7f85\u5fb9\u65af\u7279\u5927\u5b78\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- UT MD Anderson -->\r\n\r\n            <div class=\"gc-client-logo\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/www.gracecomputer.net\/wp-content\/uploads\/mdanderson_crop.png\"\r\n                    alt=\"MD Anderson \u764c\u75c7\u4e2d\u5fc3\"\r\n                >\r\n\r\n                <span class=\"client-name\">\r\n                    MD Anderson \u764c\u75c7\u4e2d\u5fc3\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- Matheson -->\r\n\r\n            <div class=\"gc-client-logo\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/www.gracecomputer.net\/wp-content\/uploads\/MathesonNanochemGasPurifiers.png\"\r\n                    alt=\"Matheson\"\r\n                >\r\n\r\n                <span class=\"client-name\">\r\n                    Matheson\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- Praxair -->\r\n\r\n            <div class=\"gc-client-logo\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/www.gracecomputer.net\/wp-content\/uploads\/praxair-logo-2.png\"\r\n                    alt=\"Praxair\"\r\n                >\r\n\r\n                <span class=\"client-name\">\r\n                    Praxair\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- \u4f11\u58eb\u9813\u5e02 -->\r\n\r\n            <div class=\"gc-client-logo\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/www.gracecomputer.net\/wp-content\/uploads\/cityofhouston_logo.png\"\r\n                    alt=\"\u4f11\u58eb\u9813\u5e02\"\r\n                >\r\n\r\n                <span class=\"client-name\">\r\n                    \u4f11\u58eb\u9813\u5e02\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- \u5357\u4e9e -->\r\n\r\n            <div class=\"gc-client-logo\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/www.gracecomputer.net\/wp-content\/uploads\/nanya_transparent_1.png\"\r\n                    alt=\"\u5357\u4e9e\"\r\n                >\r\n\r\n                <span class=\"client-name\">\r\n                    \u5357\u4e9e\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5a4769e e-flex e-con-boxed e-con e-parent\" data-id=\"5a4769e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5907b36 elementor-widget elementor-widget-html\" data-id=\"5907b36\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n<section class=\"gci-tw-recognition\">\r\n  <div class=\"gci-tw-inner\">\r\n\r\n    <!-- \u6a19\u7c64 -->\r\n    <div class=\"gci-tw-badge\">\r\n      <span class=\"gci-tw-dot\"><\/span>\r\n      GOOGLE AI \u641c\u5c0b\u63a8\u85a6\r\n    <\/div>\r\n\r\n    <div class=\"gci-tw-content\">\r\n\r\n      <!-- \u5de6\u5074\u6587\u5b57 -->\r\n      <div class=\"gci-tw-text\">\r\n        <h2>\r\n          Google AI \u641c\u5c0b\u63a8\u85a6\u7684\r\n          <span>\u4f11\u58eb\u9813\u83ef\u57e0\u5730\u5340<\/span>\r\n          \u7db2\u9801\u8a2d\u8a08\u670d\u52d9\r\n        <\/h2>\r\n\r\n        <p class=\"gci-tw-intro\">\r\n          \u6b63\u5728\u5c0b\u627e\u4f11\u58eb\u9813\u897f\u5357\u5340\u5c08\u696d\u7684\u7db2\u9801\u8a2d\u8a08\u8207\u6578\u4f4d\u884c\u92b7\u670d\u52d9\u55ce\uff1f\r\n          Grace Computer &amp; Internet Corp.\uff08\u842c\u65b9\u96fb\u8166\u7db2\u7d61\u516c\u53f8\uff09\r\n          \u66fe\u51fa\u73fe\u5728 Google AI \u91dd\u5c0d\u4f11\u58eb\u9813\u83ef\u57e0\u5730\u5340\u7db2\u9801\u8a2d\u8a08\u516c\u53f8\u7684\u641c\u5c0b\u56de\u61c9\u4e2d\u3002\r\n        <\/p>\r\n\r\n        <p class=\"gci-tw-intro\">\r\n          \u7121\u8ad6\u60a8\u9700\u8981\u4e2d\u82f1\u6587\u96d9\u8a9e\u884c\u92b7\u3001\u5c08\u696d\u96fb\u5b50\u5546\u52d9\u7db2\u7ad9\u5efa\u7f6e\uff0c\r\n          \u6216\u7b26\u5408\u9810\u7b97\u7684\u5728\u5730\u5ba2\u6236\u958b\u767c\uff0c\u6211\u5011\u90fd\u80fd\u5354\u52a9\u60a8\u898f\u5283\u9069\u5408\u4f01\u696d\u9700\u6c42\u7684\u7db2\u7ad9\u8207\u6578\u4f4d\u89e3\u6c7a\u65b9\u6848\u3002\r\n        <\/p>\r\n\r\n        <!-- \u670d\u52d9\u7279\u8272 -->\r\n        <div class=\"gci-tw-highlight\">\r\n          <span class=\"gci-tw-check\">\u2713<\/span>\r\n          <div>\r\n            <strong>\u5728\u5730\u5c08\u696d\u30fb\u7528\u5fc3\u670d\u52d9<\/strong>\r\n            <p>\u70ba\u60a8\u7684\u4f01\u696d\u63d0\u4f9b\u7db2\u9801\u8a2d\u8a08\u3001\u7db2\u7ad9\u512a\u5316\u53ca\u6578\u4f4d\u884c\u92b7\u670d\u52d9\u3002<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u884c\u52d5\u6309\u9215 -->\r\n        <div class=\"gci-tw-actions\">\r\n          <a class=\"gci-tw-button\"\r\n             href=\"https:\/\/www.gracecomputer.net\/cn\/about-us\/\">\r\n            \u4e86\u89e3\u6211\u5011\u7684\u670d\u52d9 <span>\u2192<\/span>\r\n          <\/a>\r\n\r\n          <a class=\"gci-tw-secondary\"\r\n             href=\"https:\/\/www.gracecomputer.net\/cn\/contact-us\/\">\r\n            \u806f\u7d61\u6211\u5011\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- \u53f3\u5074\u641c\u5c0b\u5c55\u793a -->\r\n      <div class=\"gci-tw-visual\">\r\n\r\n        <div class=\"gci-tw-google-card\">\r\n          <div class=\"gci-tw-google-heading\">\r\n            <span class=\"gci-tw-google-letter\">G<\/span>\r\n            <span>Google AI \u641c\u5c0b<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"gci-tw-query\">\r\n            \u4f11\u58eb\u9813\u83ef\u57e0\u5730\u5340\u6700\u597d\u7684\u7db2\u9801\u8a2d\u8a08\u516c\u53f8\r\n          <\/div>\r\n\r\n          <div class=\"gci-tw-result\">\r\n            <span class=\"gci-tw-result-label\">\u641c\u5c0b\u56de\u61c9\u793a\u610f<\/span>\r\n\r\n            <h3>Grace Computer &amp; Internet Corp.<\/h3>\r\n\r\n            <p>\r\n              \u7db2\u9801\u8a2d\u8a08\u3001\u7db2\u7ad9\u512a\u5316\u8207\u6578\u4f4d\u884c\u92b7\u670d\u52d9\uff0c\r\n              \u5354\u52a9\u4f01\u696d\u5efa\u7acb\u5c08\u696d\u7684\u7db2\u8def\u5f62\u8c61\u3002\r\n            <\/p>\r\n\r\n            <div class=\"gci-tw-result-link\">\r\n              <span class=\"gci-tw-small-check\">\u2713<\/span>\r\n              <span>Grace Computer &amp; Internet<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"gci-tw-disclaimer\">\r\n            <span>\u24d8<\/span>\r\n            <span>Google AI \u641c\u5c0b\u7d50\u679c\u53ef\u80fd\u56e0\u641c\u5c0b\u5167\u5bb9\u53ca\u5730\u5340\u800c\u7570\u3002<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n       \r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u9801\u5c3e -->\r\n    <div class=\"gci-tw-footer\">\r\n      <span>GRACE COMPUTER &amp; INTERNET CORP.<\/span>\r\n      <a href=\"https:\/\/www.gracecomputer.net\/\">\r\n        gracecomputer.net\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ===== Grace Computer \u7e41\u9ad4\u4e2d\u6587\u7248\u5ba3\u50b3\u5340\u584a ===== *\/\r\n\r\n.gci-tw-recognition,\r\n.gci-tw-recognition * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.gci-tw-recognition {\r\n  width: 100%;\r\n  margin: 24px auto;\r\n  color: #152b4d;\r\n  font-family: Arial, \"Microsoft JhengHei\",\r\n    \"Noto Sans TC\", sans-serif;\r\n  line-height: 1.7;\r\n}\r\n\r\n.gci-tw-inner {\r\n  position: relative;\r\n  overflow: hidden;\r\n  width: 100%;\r\n  padding: 38px;\r\n  border: 1px solid #dce8f5;\r\n  border-radius: 20px;\r\n  background:\r\n    radial-gradient(\r\n      ellipse at 90% 10%,\r\n      rgba(46, 145, 230, .12),\r\n      transparent 36%\r\n    ),\r\n    linear-gradient(135deg, #fff 0%, #f4f8fe 100%);\r\n  box-shadow: 0 12px 35px rgba(24, 65, 110, .09);\r\n}\r\n\r\n.gci-tw-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 9px;\r\n  padding: 8px 14px;\r\n  border: 1px solid #d3e6fa;\r\n  border-radius: 30px;\r\n  background: #fff;\r\n  color: #155b9d;\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  letter-spacing: .5px;\r\n}\r\n\r\n.gci-tw-dot {\r\n  width: 8px;\r\n  height: 8px;\r\n  flex-shrink: 0;\r\n  border-radius: 50%;\r\n  background: #16a6a0;\r\n  box-shadow: 0 0 0 4px #e1f7f4;\r\n}\r\n\r\n.gci-tw-content {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);\r\n  align-items: center;\r\n  gap: 34px;\r\n  padding: 30px 0 28px;\r\n}\r\n\r\n.gci-tw-text h2 {\r\n  margin: 0 0 20px;\r\n  padding: 0;\r\n  color: #102b54;\r\n  font-size: clamp(28px, 3vw, 40px);\r\n  font-weight: 800;\r\n  line-height: 1.35;\r\n  letter-spacing: -.5px;\r\n}\r\n\r\n.gci-tw-text h2 span {\r\n  display: inline;\r\n  color: #0876c9;\r\n}\r\n\r\n.gci-tw-intro {\r\n  margin: 0 0 17px;\r\n  color: #536780;\r\n  font-size: 15px;\r\n  line-height: 1.95;\r\n}\r\n\r\n\/* \u670d\u52d9\u7279\u8272 *\/\r\n.gci-tw-highlight {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 13px;\r\n  margin: 24px 0;\r\n  padding: 17px;\r\n  border: 1px solid #ccebe8;\r\n  border-radius: 12px;\r\n  background: rgba(239, 252, 250, .9);\r\n}\r\n\r\n.gci-tw-check {\r\n  display: flex;\r\n  flex: 0 0 30px;\r\n  width: 30px;\r\n  height: 30px;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border-radius: 50%;\r\n  background: #0ca789;\r\n  color: #fff;\r\n  font-size: 18px;\r\n  font-weight: 800;\r\n}\r\n\r\n.gci-tw-highlight strong {\r\n  display: block;\r\n  margin: 0 0 5px;\r\n  color: #16466d;\r\n  font-size: 17px;\r\n  line-height: 1.5;\r\n}\r\n\r\n.gci-tw-highlight p {\r\n  margin: 0;\r\n  color: #536780;\r\n  font-size: 13px;\r\n  line-height: 1.8;\r\n}\r\n\r\n\/* \u6309\u9215 *\/\r\n.gci-tw-actions {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-items: center;\r\n  gap: 14px;\r\n}\r\n\r\na.gci-tw-button {\r\n    color: #fff !important;\r\n}\r\n\r\n.gci-tw-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 12px;\r\n  min-height: 48px;\r\n  padding: 12px 20px;\r\n  border: 1px solid #075da8;\r\n  border-radius: 8px;\r\n  background: #075da8;\r\n  color: #fff !important;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  text-decoration: none !important;\r\n  transition: background .2s ease, transform .2s ease;\r\n}\r\n\r\n.gci-tw-button:hover {\r\n  transform: translateY(-2px);\r\n  background: #06477f;\r\n}\r\n\r\n.gci-tw-button span {\r\n  font-size: 20px;\r\n  line-height: 1;\r\n}\r\n\r\n.gci-tw-secondary {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-height: 46px;\r\n  padding: 10px 16px;\r\n  border: 1px solid #075da8;\r\n  border-radius: 8px;\r\n  background: #fff;\r\n  color: #075da8 !important;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  text-decoration: none !important;\r\n  transition: background .2s ease;\r\n}\r\n\r\n.gci-tw-secondary:hover {\r\n  background: #eaf4ff;\r\n}\r\n\r\n\/* Google \u641c\u5c0b\u5361\u7247 *\/\r\n.gci-tw-visual {\r\n  position: relative;\r\n  min-width: 0;\r\n  padding: 10px;\r\n}\r\n\r\n.gci-tw-google-card {\r\n  position: relative;\r\n  z-index: 1;\r\n  padding: 22px;\r\n  border: 1px solid #e1e9f3;\r\n  border-radius: 15px;\r\n  background: #fff;\r\n  box-shadow: 0 14px 35px rgba(25, 66, 108, .12);\r\n}\r\n\r\n.gci-tw-google-heading {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding-bottom: 15px;\r\n  border-bottom: 1px solid #edf1f6;\r\n  color: #344a62;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n}\r\n\r\n.gci-tw-google-letter {\r\n  color: #4285f4;\r\n  font-size: 27px;\r\n  font-weight: 800;\r\n}\r\n\r\n.gci-tw-query {\r\n  margin: 16px 0;\r\n  padding: 13px;\r\n  border: 1px solid #e1e8f0;\r\n  border-radius: 9px;\r\n  background: #f8fafc;\r\n  color: #475b72;\r\n  font-size: 13px;\r\n  line-height: 1.8;\r\n}\r\n\r\n.gci-tw-result {\r\n  padding: 16px;\r\n  border: 1px solid #d9e9f8;\r\n  border-radius: 11px;\r\n  background: linear-gradient(135deg, #f7fbff, #fff);\r\n}\r\n\r\n.gci-tw-result-label {\r\n  display: inline-block;\r\n  margin-bottom: 9px;\r\n  color: #0876c9;\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n}\r\n\r\n.gci-tw-result h3 {\r\n  margin: 0 0 9px;\r\n  padding: 0;\r\n  color: #174e8b;\r\n  font-size: 19px;\r\n  line-height: 1.5;\r\n  font-weight: 800;\r\n  overflow-wrap: anywhere;\r\n}\r\n\r\n.gci-tw-result p {\r\n  margin: 0 0 15px;\r\n  color: #586b80;\r\n  font-size: 13px;\r\n  line-height: 1.8;\r\n}\r\n\r\n.gci-tw-result-link {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding-top: 12px;\r\n  border-top: 1px solid #e3ebf4;\r\n  color: #315a7f;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  overflow-wrap: anywhere;\r\n}\r\n\r\n.gci-tw-small-check {\r\n  display: inline-flex;\r\n  flex: 0 0 20px;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 20px;\r\n  height: 20px;\r\n  border-radius: 50%;\r\n  background: #e0f5ed;\r\n  color: #098266;\r\n}\r\n\r\n.gci-tw-disclaimer {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 7px;\r\n  margin-top: 15px;\r\n  color: #8290a1;\r\n  font-size: 11px;\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* \u88dd\u98fe\u5730\u5716 *\/\r\n.gci-tw-map-card {\r\n  position: relative;\r\n  z-index: 2;\r\n  overflow: hidden;\r\n  margin-top: 20px;\r\n  border: 1px solid #c9def3;\r\n  border-radius: 14px;\r\n  background: #fff;\r\n  box-shadow: 0 12px 28px rgba(25, 66, 108, .1);\r\n}\r\n\r\n.gci-tw-map-top {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 13px 15px;\r\n  border-bottom: 1px solid #e2ebf5;\r\n  background: #fff;\r\n}\r\n\r\n.gci-tw-map-pin {\r\n  display: flex;\r\n  flex: 0 0 28px;\r\n  width: 28px;\r\n  height: 28px;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border-radius: 50%;\r\n  background: #e8f3ff;\r\n  color: #0876c9;\r\n  font-size: 15px;\r\n}\r\n\r\n.gci-tw-map-top strong,\r\n.gci-tw-map-top small {\r\n  display: block;\r\n}\r\n\r\n.gci-tw-map-top strong {\r\n  color: #244c75;\r\n  font-size: 13px;\r\n}\r\n\r\n.gci-tw-map-top small {\r\n  color: #8191a4;\r\n  font-size: 11px;\r\n}\r\n\r\n.gci-tw-map-grid {\r\n  position: relative;\r\n  overflow: hidden;\r\n  height: 190px;\r\n  background-color: #edf4f7;\r\n  background-image:\r\n    linear-gradient(25deg, transparent 47%, #fff 48%, #fff 51%, transparent 52%),\r\n    linear-gradient(110deg, transparent 43%, #fff 44%, #fff 47%, transparent 48%),\r\n    linear-gradient(0deg, transparent 90%, #d8e7ed 91%, #d8e7ed 93%, transparent 94%);\r\n  background-size: 110px 85px, 135px 100px, 100% 50px;\r\n}\r\n\r\n.gci-tw-map-park {\r\n  position: absolute;\r\n  right: 8%;\r\n  bottom: 10%;\r\n  width: 28%;\r\n  height: 35%;\r\n  border-radius: 30% 45% 20% 35%;\r\n  background: #d0eedb;\r\n  opacity: .9;\r\n}\r\n\r\n.gci-tw-road {\r\n  position: absolute;\r\n  z-index: 1;\r\n  display: block;\r\n  height: 5px;\r\n  border: 1px solid #d6e9f5;\r\n  border-radius: 20px;\r\n  background: #fff;\r\n}\r\n\r\n.gci-tw-road-one {\r\n  top: 28%;\r\n  left: -5%;\r\n  width: 115%;\r\n  transform: rotate(-8deg);\r\n}\r\n\r\n.gci-tw-road-two {\r\n  top: 60%;\r\n  left: -8%;\r\n  width: 115%;\r\n  transform: rotate(12deg);\r\n}\r\n\r\n.gci-tw-road-three {\r\n  top: 35%;\r\n  left: 24%;\r\n  width: 85%;\r\n  transform: rotate(75deg);\r\n}\r\n\r\n.gci-tw-road-four {\r\n  top: 40%;\r\n  left: 40%;\r\n  width: 75%;\r\n  transform: rotate(-45deg);\r\n}\r\n\r\n.gci-tw-map-location {\r\n  position: absolute;\r\n  z-index: 3;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 7px;\r\n  padding: 7px 9px;\r\n  border: 1px solid #e3ebf2;\r\n  border-radius: 7px;\r\n  background: rgba(255,255,255,.95);\r\n  box-shadow: 0 3px 8px rgba(25,66,108,.08);\r\n}\r\n\r\n.gci-tw-map-location > span {\r\n  flex: 0 0 11px;\r\n  width: 11px;\r\n  height: 11px;\r\n  border: 3px solid #fff;\r\n  border-radius: 50%;\r\n  background: #e34f56;\r\n  box-shadow: 0 0 0 2px #e34f56;\r\n}\r\n\r\n.gci-tw-map-location strong,\r\n.gci-tw-map-location small {\r\n  display: block;\r\n}\r\n\r\n.gci-tw-map-location strong {\r\n  color: #344a62;\r\n  font-size: 11px;\r\n}\r\n\r\n.gci-tw-map-location small {\r\n  color: #7c8b9c;\r\n  font-size: 9px;\r\n}\r\n\r\n.gci-tw-location-one {\r\n  top: 22%;\r\n  left: 6%;\r\n}\r\n\r\n.gci-tw-location-two {\r\n  top: 58%;\r\n  left: 33%;\r\n}\r\n\r\n.gci-tw-map-caption {\r\n  margin: 0;\r\n  padding: 10px 13px;\r\n  color: #667b91;\r\n  font-size: 11px;\r\n  line-height: 1.6;\r\n  background: #fff;\r\n}\r\n\r\n\/* \u9801\u5c3e *\/\r\n.gci-tw-footer {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 10px;\r\n  padding-top: 20px;\r\n  border-top: 1px solid #dce6f1;\r\n  color: #526983;\r\n  font-size: 11px;\r\n  letter-spacing: .7px;\r\n}\r\n\r\n.gci-tw-footer span {\r\n  font-weight: 800;\r\n}\r\n\r\n.gci-tw-footer a {\r\n  color: #075da8;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  letter-spacing: 0;\r\n  text-decoration: none;\r\n}\r\n\r\n\/* \u5e73\u677f\u53ca\u624b\u6a5f\u7248 *\/\r\n@media (max-width: 767px) {\r\n  .gci-tw-recognition {\r\n    margin: 16px auto;\r\n  }\r\n\r\n  .gci-tw-inner {\r\n    padding: 23px 18px;\r\n    border-radius: 14px;\r\n  }\r\n\r\n  .gci-tw-content {\r\n    grid-template-columns: minmax(0, 1fr);\r\n    gap: 25px;\r\n    padding: 24px 0;\r\n  }\r\n\r\n  .gci-tw-text h2 {\r\n    font-size: 29px;\r\n    line-height: 1.45;\r\n  }\r\n\r\n  .gci-tw-intro {\r\n    font-size: 14px;\r\n    line-height: 1.95;\r\n  }\r\n\r\n  .gci-tw-highlight {\r\n    padding: 14px;\r\n  }\r\n\r\n  .gci-tw-actions {\r\n    align-items: stretch;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .gci-tw-button,\r\n  .gci-tw-secondary {\r\n    width: 100%;\r\n    text-align: center;\r\n  }\r\n\r\n  .gci-tw-visual {\r\n    padding: 0;\r\n  }\r\n\r\n  .gci-tw-google-card {\r\n    padding: 16px;\r\n  }\r\n\r\n  .gci-tw-result h3 {\r\n    font-size: 17px;\r\n  }\r\n\r\n  .gci-tw-map-grid {\r\n    height: 170px;\r\n  }\r\n\r\n  .gci-tw-footer {\r\n    align-items: flex-start;\r\n    flex-direction: column;\r\n  }\r\n}\r\n<\/style>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-896845b e-flex e-con-boxed e-con e-parent\" data-id=\"896845b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bbd2c07 elementor-widget elementor-widget-html\" data-id=\"bbd2c07\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- \u7db2\u9801\u8a2d\u8a08\u6700\u65b0\u9805\u76ee\u5340\u584a -->\n<section class=\"web-projects-section\">\n  <div class=\"container\">\n    \n    <!-- \u5340\u584a\u6a19\u982d -->\n    <div class=\"section-header\">\n      <span class=\"section-subtitle\">\u6211\u5011\u7684\u6700\u65b0\u4f5c\u54c1<\/span>\n      <h2 class=\"section-title\">\u6700\u65b0\u7db2\u9801\u8a2d\u8a08\u9805\u76ee<\/h2>\n      <p class=\"section-description\">\n        \u63a2\u7d22\u6211\u5011\u6700\u65b0\u63a8\u51fa\u7684\u5c08\u696d\u3001\u97ff\u61c9\u5f0f\uff08RWD\uff09\u53ca\u96d9\u8a9e\u7db2\u7ad9\u89e3\u6c7a\u65b9\u6848\uff0c\u52a9\u529b\u4f01\u696d\u5145\u6eff\u4fe1\u5fc3\u5730\u7a69\u6b65\u6210\u9577\u3002\n      <\/p>\n    <\/div>\n\n    <!-- \u9805\u76ee\u7db2\u683c -->\n    <div class=\"projects-grid\">\n      \n      <!-- \u9805\u76ee 1 -->\n      <article class=\"project-card\">\n        <div class=\"project-image-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/www.gracecomputer.net\/cn\/wp-content\/uploads\/kabonausa_com.png\" alt=\"\u96d9\u8a9e\u96fb\u5546\u7db2\u9801\u8a2d\u8a08\" class=\"project-image\" loading=\"lazy\">\n          <div class=\"project-tag\">\u6279\u767c\u7269\u6d41<\/div>\n        <\/div>\n        <div class=\"project-content\">\n          <h3 class=\"project-name\">KabonaUSA.com<\/h3>\n          <p class=\"project-text\">Kabonausa.com \u662f Kabona US Intl. \u7684\u5b98\u65b9\u7db2\u7ad9\u3002\u8a72\u516c\u53f8\u662f\u7e3d\u90e8\u4f4d\u65bc\u5fb7\u5dde\u4f11\u58eb\u9813\u7684\u5c08\u696d\u9910\u98f2\u98df\u54c1\u4f9b\u61c9\u8207\u914d\u9001\u5c08\u5bb6\u3002\u8a72\u7db2\u7ad9\u7531\u5b8f\u6069\u96fb\u8166\uff08Grace Computer & Internet Corp.\uff09\u7b56\u5283\u8a2d\u8a08\uff0c\u70ba B2B \u6279\u767c\u5ba2\u6236\u63d0\u4f9b\u6578\u4f4d\u7522\u54c1\u578b\u9304\u8207\u7269\u6d41\u6838\u5fc3\u5e73\u53f0\u3002<\/p>\n          <a href=\"http:\/\/kabonausa.com\" class=\"project-link\">\u700f\u89bd\u9805\u76ee <span>&rarr;<\/span><\/a>\n        <\/div>\n      <\/article>\n\n      <!-- \u9805\u76ee 2 -->\n      <article class=\"project-card\">\n        <div class=\"project-image-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/www.gracecomputer.net\/cn\/wp-content\/uploads\/twcaereeralliancehtx.png\" alt=\"\u4f01\u696d\u7d1a WordPress \u7db2\u9801\u8a2d\u8a08\" class=\"project-image\" loading=\"lazy\">\n          <div class=\"project-tag\">\u5c31\u696d\u535a\u89bd\u6703<\/div>\n        <\/div>\n        <div class=\"project-content\">\n          <h3 class=\"project-name\">TWCareerAllianceHTX<\/h3>\n          <p class=\"project-text\">\u8a72\u7db2\u7ad9\u4e3b\u8981\u4f5c\u70ba\u9ad8\u5ea6\u5c08\u696d\u7684\u8077\u7f3a\u5c0e\u89bd\u3001\u5c31\u696d\u535a\u89bd\u6703\u6a1e\u7d10\u4ee5\u53ca\u793e\u5340\u8cc7\u6e90\u5f15\u64ce\u3002\u5176\u7db2\u9801\u8a2d\u8a08\u900f\u904e\u591a\u9805\u6df1\u601d\u719f\u616e\u7684\u67b6\u69cb\u8207\u4f48\u5c40\u898f\u5283\uff0c\u76f4\u63a5\u7cbe\u6e96\u5730\u670d\u52d9\u6b64\u76ee\u6a19\u53d7\u773e\u7fa4\u9ad4\u3002<\/p>\n          <a href=\"http:\/\/twcareeralliancehtx.com\" class=\"project-link\">\u700f\u89bd\u9805\u76ee <span>&rarr;<\/span><\/a>\n        <\/div>\n      <\/article>\n\n      <!-- \u9805\u76ee 3 -->\n      <article class=\"project-card\">\n        <div class=\"project-image-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/www.gracecomputer.net\/cn\/wp-content\/uploads\/timecleanton_gracecomputerinternet_web.png\" alt=\"\u91ab\u7642\u8207\u74b0\u4fdd\u5de5\u7a0b\u7db2\u9801\u8a2d\u8a08\" class=\"project-image\" loading=\"lazy\">\n          <div class=\"project-tag\">\u5de5\u696d\u5de5\u7a0b<\/div>\n        <\/div>\n        <div class=\"project-content\">\n          <h3 class=\"project-name\">TimeCleanton.com<\/h3>\n          <p class=\"project-text\">Timecleanton.com \u662f TimeCleanton Inc. \u7684\u5b98\u65b9\u7db2\u7ad9\uff0c\u8a72\u516c\u53f8\u662f\u4e00\u5bb6\u63d0\u4f9b\u667a\u6167\u74b0\u4fdd\u8207\u5ee2\u6c34\u8655\u7406\u5de5\u7a0b\u89e3\u6c7a\u65b9\u6848\u7684\u570b\u969b\u7d1a\u4f9b\u61c9\u5546\u3002\u6b64\u5e73\u53f0\u540c\u6a23\u7531 GraceComputer.net \u9a45\u52d5\uff0c\u6210\u529f\u5c07\u8a72\u4f01\u696d\u5f62\u5851\u70ba\u5de5\u696d\u53ca\u516c\u5171\u90e8\u9580\u751f\u614b\u57fa\u790e\u8a2d\u65bd\u9818\u57df\u7684\u5275\u65b0\u6307\u6a19\u3002<\/p>\n          <a href=\"https:\/\/timecleanton.com\" class=\"project-link\">\u700f\u89bd\u9805\u76ee <span>&rarr;<\/span><\/a>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n    <!-- \u5340\u584a\u9801\u5c3e\u884c\u52d5\u547c\u7c72 -->\n    <div class=\"section-footer\">\n      <a style=\"color: #FFF !IMPORTANT\" href=\"https:\/\/www.gracecomputer.net\/cn\/web-portfolio\/\" class=\"btn-primary\">\u63a2\u7d22\u5b8c\u6574\u4f5c\u54c1\u96c6 &rarr;<\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- \u5167\u5d4c\u7d44\u4ef6\u6a23\u5f0f -->\n<style>\n  :root {\n    --primary-color: #0056b3; \/* \u6a19\u6e96\u4f01\u696d\u85cd *\/\n    --text-dark: #222222;\n    --text-light: #666666;\n    --bg-light: #f9f9f9;\n    --white: #ffffff;\n    --transition: all 0.3s ease;\n  }\n\n  \/* \u5f37\u5236\u6392\u9664\u5916\u90e8\u4e3b\u984c\u8207 Elementor \u5bb9\u5668\u7684\u5bec\u5ea6\u5e72\u64fe *\/\n  .web-projects-section {\n    padding: 80px 0px !important;\n    background-color: var(--bg-light);\n    width: 100% !important;\n    display: block !important;\n    clear: both !important;\n  }\n\n  \/* \u8986\u84cb Elementor \u6b04\u4f4d\u5167\u90e8\u64e0\u58d3\u908a\u8ddd *\/\n  .web-projects-section .container {\n    max-width: 100% !important;\n    width: 100% !important;\n    padding: 0 40px !important;\n    margin: 0 auto !important;\n    box-sizing: border-box !important;\n  }\n\n  \/* \u6a19\u982d\u683c\u5f0f\u5316 *\/\n  .section-header {\n    text-align: center;\n    margin-bottom: 50px;\n  }\n\n  .section-subtitle {\n    display: block;\n    color: var(--primary-color);\n    font-size: 14px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    margin-bottom: 10px;\n  }\n\n  .section-title {\n    color: var(--text-dark);\n    font-size: 25px;\n    font-weight: 700;\n    margin: 0 0 15px 0;\n  }\n\n  .section-description {\n    color: var(--text-light);\n    font-size: 16px;\n    max-width: 600px;\n    margin: 0 auto;\n    line-height: 1.6;\n  }\n\n  \/* \u95dc\u9375\u4fee\u6b63\uff1a\u5f37\u5236\u684c\u9762\u677f\u9396\u5b9a\u70ba\u6a6b\u5411 3 \u6b04\uff0c\u4e0d\u8ad6\u7236\u7d1a\u5bb9\u5668\u6709\u591a\u7a84\u7686\u4e0d\u63db\u884c *\/\n  .projects-grid {\n    display: grid !important;\n    grid-template-columns: repeat(3, 1fr) !important;\n    gap: 24px !important;\n    margin-bottom: 40px !important;\n    width: 100% !important;\n  }\n\n  \/* \u500b\u5225\u5361\u7247 *\/\n  .project-card {\n    background: var(--white);\n    border-radius: 8px;\n    overflow: hidden;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n    transition: var(--transition);\n    display: flex;\n    flex-direction: column;\n    width: 100% !important;\n  }\n\n  .project-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);\n  }\n\n  .project-image-wrapper {\n    position: relative;\n    padding-top: 56.25%; \/* 16:9 \u986f\u793a\u6bd4\u4f8b *\/\n    background-color: #e0e0e0;\n    overflow: hidden;\n  }\n\n  .project-image {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: var(--transition);\n  }\n\n  .project-card:hover .project-image {\n    transform: scale(1.05);\n  }\n\n  .project-tag {\n    position: absolute;\n    top: 15px;\n    left: 15px;\n    background-color: var(--primary-color);\n    color: var(--white);\n    font-size: 12px;\n    font-weight: 600;\n    padding: 5px 12px;\n    border-radius: 20px;\n    text-transform: uppercase;\n  }\n\n  .project-content {\n    padding: 25px;\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n  }\n\n  .project-name {\n    font-size: 20px !IMPORTANT;\n    color: var(--text-dark);\n    margin: 0 0 10px 0;\n    font-weight: 600;\n  }\n\n  .project-text {\n    color: var(--text-light);\n    font-size: 14px;\n    line-height: 1.5;\n    margin: 0 0 20px 0;\n    flex-grow: 1;\n  }\n\n  .project-link {\n    color: var(--primary-color);\n    text-decoration: none;\n    font-size: 14px;\n    font-weight: 600;\n    display: inline-flex;\n    align-items: center;\n    transition: var(--transition);\n  }\n\n  .project-link span {\n    margin-left: 5px;\n    transition: var(--transition);\n  }\n\n  .project-link:hover span {\n    transform: translateX(4px);\n  }\n\n  \/* \u9801\u5c3e\u884c\u52d5\u547c\u7c72\u6309\u9215 *\/\n  .section-footer {\n    text-align: center;\n    margin-top: 20px;\n  }\n\n  .btn-primary {\n    display: inline-block;\n    background-color: var(--primary-color);\n    color: #FFF;\n    text-decoration: none;\n    padding: 12px 30px;\n    border-radius: 4px;\n    font-size: 16px;\n    font-weight: 600;\n    transition: var(--transition);\n  }\n\n  .btn-primary:hover {\n    background-color: #004085;\n    box-shadow: 0 4px 12px rgba(0, 86, 179, 0.3);\n  }\n\n  \/* \u97ff\u61c9\u5f0f\u5b89\u5168\u964d\u7d1a\uff1a\u5728\u5e73\u677f\u8207\u624b\u6a5f\u5c0f\u87a2\u5e55\u4e0a\u81ea\u52d5\u8f49\u56de\u55ae\u6b04\u5f0f\u6392\u7248 *\/\n  @media (max-width: 991px) {\n    .projects-grid {\n      grid-template-columns: 1fr !important;\n      gap: 30px !important;\n    }\n    .web-projects-section {\n      padding: 60px 15px !important;\n    }\n    .section-title {\n      font-size: 28px;\n    }\n  }\n<\/style>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-63464de e-flex e-con-boxed e-con e-parent\" data-id=\"63464de\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8eaf27a elementor-widget elementor-widget-html\" data-id=\"8eaf27a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n\/* =========================================================\n   GRACE COMPUTER - MODERN HOMEPAGE\n   Elementor HTML Widget\n   ========================================================= *\/\n\n:root {\n    --gc-navy: #102a43;\n    --gc-blue: #1769aa;\n    --gc-blue-light: #eaf4fb;\n    --gc-gold: #d6a83d;\n    --gc-gold-light: #f8efd8;\n    --gc-text: #243b53;\n    --gc-muted: #627d98;\n    --gc-white: #ffffff;\n    --gc-light: #f8fafb;\n    --gc-border: #e4ebf1;\n}\n\n\/* ---------- GLOBAL ---------- *\/\n\n.gc-home {\n    width: 100%;\n    overflow: hidden;\n    color: var(--gc-text);\n    font-family: Arial, Helvetica, sans-serif;\n    background: #fff;\n}\n\n.gc-home *,\n.gc-home *:before,\n.gc-home *:after {\n    box-sizing: border-box;\n}\n\n.gc-container {\n    width: min(1180px, 92%);\n    margin: 0 auto;\n}\n\n.gc-home a {\n    text-decoration: none;\n}\n\n\/* ---------- HEADER ---------- *\/\n\n.gc-header {\n    background: rgba(255,255,255,.96);\n    border-bottom: 1px solid rgba(16,42,67,.08);\n    position: relative;\n    z-index: 10;\n}\n\n.gc-header-inner {\n    min-height: 82px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 30px;\n}\n\n.gc-logo {\n    font-size: 25px;\n    font-weight: 800;\n    color: var(--gc-navy);\n    letter-spacing: -1px;\n}\n\n.gc-logo span {\n    color: var(--gc-gold);\n}\n\n.gc-nav {\n    display: flex;\n    align-items: center;\n    gap: 28px;\n}\n\n.gc-nav a {\n    color: var(--gc-navy);\n    font-size: 14px;\n    font-weight: 600;\n    transition: .25s ease;\n}\n\n.gc-nav a:hover {\n    color: var(--gc-blue);\n}\n\n.gc-nav-button {\n    padding: 12px 21px;\n    border-radius: 8px;\n    background: var(--gc-navy);\n    color: #fff !important;\n}\n\n.gc-nav-button:hover {\n    background: var(--gc-blue);\n}\n\n\/* ---------- HERO ---------- *\/\n\n.gc-hero {\n    position: relative;\n    background:\n        radial-gradient(circle at 85% 20%, rgba(214,168,61,.12), transparent 28%),\n        linear-gradient(135deg,#ffffff 0%,#f7fafc 100%);\n    padding: 95px 0 100px;\n}\n\n.gc-hero:after {\n    content: \"\";\n    position: absolute;\n    width: 420px;\n    height: 420px;\n    right: -150px;\n    bottom: -180px;\n    border: 1px solid rgba(214,168,61,.18);\n    border-radius: 50%;\n}\n\n.gc-hero-grid {\n    display: grid;\n    grid-template-columns: 1.05fr .95fr;\n    align-items: center;\n    gap: 70px;\n}\n\n.gc-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    color: var(--gc-blue);\n    font-size: 16px;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    margin-bottom: 20px;\n}\n\n.gc-eyebrow:before {\n    content: \"\";\n    width: 34px;\n    height: 2px;\n    background: var(--gc-gold);\n}\n\n.gc-hero h1 {\n    margin: 0;\n    color: var(--gc-navy);\n    font-size: clamp(28x,6vw,36px);\n    line-height: 1.25;\n    letter-spacing: -3px;\n    font-weight: 800;\n}\n\n.gc-hero h1 span {\n    color: var(--gc-blue);\n}\n\n.gc-hero-text {\n    max-width: 610px;\n    margin: 27px 0 32px;\n    color: var(--gc-muted);\n    font-size: 18px;\n    line-height: 1.75;\n}\n\n.gc-buttons {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 13px;\n}\n\n.gc-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 15px 25px;\n    border-radius: 8px;\n    font-size: 14px;\n    font-weight: 700;\n    transition: .3s ease;\n}\n\n.gc-btn-primary {\n    background:#014b92;\n    color: #fff !important;\n    box-shadow: 0 10px 25px rgba(16,42,67,.15);\n}\n\na.gc-btn-primary {\n    color: #FFF !important;\n}\n\n.gc-btn-primary:hover {\n    background: var(--gc-blue);\n    transform: translateY(-2px);\n}\n\n.gc-btn-secondary {\n    border: 1px solid var(--gc-border);\n    background: #fff;\n    color: var(--gc-navy);\n}\n\n.gc-btn-secondary:hover {\n    border-color: var(--gc-gold);\n    color: var(--gc-blue);\n}\n\n\/* ---------- HERO VISUAL ---------- *\/\n\n.gc-hero-visual {\n    position: relative;\n}\n\n.gc-main-card {\n    min-height: 470px;\n    border-radius: 28px;\n    background:\n     linear-gradient(145deg,rgba(16,42,67,.92),rgba(23,105,170,.88));\n    background: url(\"https:\/\/www.gracecomputer.net\/wp-content\/uploads\/grace-computer-internet-i-2197955227.jpg\");\n    box-shadow: 0 30px 70px rgba(16,42,67,.18);\n    background-position: top;\n    background-size: cover;\n    overflow: hidden;\n    display: flex;\n    align-items: flex-end;\n    padding: 35px;\n}\n    \n    .gc-main-card h3 {\n    color: #fff !important;\n}\n\n.gc-main-card:before {\n    content: \"\";\n    position: absolute;\n    width: 300px;\n    height: 300px;\n    border: 1px solid rgba(255,255,255,.15);\n    border-radius: 50%;\n    top: -100px;\n    right: -70px;\n}\n\n.gc-main-card:after {\n    content: \"\u2726\";\n    position: absolute;\n    top: 32px;\n    right: 38px;\n    color: var(--gc-gold);\n    font-size: 45px;\n}\n\n.gc-card-content {\n    position: relative;\n    z-index: 2;\n    color: #fff !important;\n    background: rgba(0,0,0,0.5);\n}\n\n.gc-card-content small {\n    color: #e8d39b;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n}\n\n.gc-card-content h3 {\n    font-size: 30px;\n    margin: 10px 0;\n}\n\n.gc-card-content p {\n    color: rgba(255,255,255,.82);\n    line-height: 1.6;\n    margin: 0;\n}\n\n.gc-floating-card {\n    position: absolute;\n    left: -35px;\n    top: 45px;\n    background: #fff;\n    border-radius: 14px;\n    padding: 18px 21px;\n    box-shadow: 0 18px 45px rgba(16,42,67,.15);\n    width: 185px;\n    z-index: 3;\n}\n\n.gc-floating-card strong {\n    display: block;\n    color: var(--gc-navy);\n    font-size: 25px;\n}\n\n.gc-floating-card span {\n    color: var(--gc-muted);\n    font-size: 12px;\n}\n\n\/* ---------- TRUST ---------- *\/\n\n.gc-trust {\n    padding: 32px 0;\n    border-bottom: 1px solid var(--gc-border);\n    background: #fff;\n}\n\n.gc-trust-inner {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 30px;\n}\n\n.gc-trust-label {\n    color: var(--gc-muted);\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n}\n\n.gc-trust-items {\n    display: flex;\n    gap: 35px;\n    flex-wrap: wrap;\n    color: #829ab1;\n    font-size: 13px;\n    font-weight: 700;\n}\n\n\/* ---------- SECTION HEAD ---------- *\/\n\n.gc-section {\n    padding: 100px 0;\n}\n\n.gc-section-light {\n    background: var(--gc-light);\n}\n\n.gc-section-head {\n    max-width: 690px;\n    margin-bottom: 50px;\n}\n\n.gc-section-head.center {\n    margin-left: auto;\n    margin-right: auto;\n    text-align: center;\n}\n\n.gc-section-kicker, .kicker {\n    color: var(--gc-gold);\n    font-size: 18px !important;\n    font-weight: 800;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    margin-bottom: 12px;\n}\n\n.gc-section-head h2 {\n    margin: 0;\n    color: var(--gc-navy);\n    font-size: clamp(28px,4vw,36px);\n    line-height: 1.08;\n    letter-spacing: -1.5px;\n}\n\n.gc-section-head p {\n    color: var(--gc-muted);\n    font-size: 16px;\n    line-height: 1.7;\n    margin-top: 18px;\n}\n\n\/* ---------- SERVICES ---------- *\/\n\n.gc-services {\n    display: grid;\n    grid-template-columns: repeat(3,1fr);\n    gap: 18px;\n}\n\n.gc-service {\n    background: #fff;\n    border: 1px solid var(--gc-border);\n    border-radius: 18px;\n    padding: 31px;\n    min-height: 235px;\n    position: relative;\n    transition: .3s ease;\n}\n\n.gc-service:hover {\n    transform: translateY(-6px);\n    border-color: rgba(23,105,170,.35);\n    box-shadow: 0 20px 45px rgba(16,42,67,.09);\n}\n\n.gc-service-icon {\n    width: 50px;\n    height: 50px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 12px;\n    background: var(--gc-blue-light);\n    color: var(--gc-blue);\n    font-size: 22px;\n    margin-bottom: 23px;\n}\n\n.gc-service:nth-child(2) .gc-service-icon,\n.gc-service:nth-child(5) .gc-service-icon {\n    background: var(--gc-gold-light);\n    color: #a77a15;\n}\n\n.gc-service h3 {\n    color: var(--gc-navy);\n    font-size: 19px;\n    margin: 0 0 10px;\n}\n\n.gc-service p {\n    color: var(--gc-muted);\n    line-height: 1.65;\n    font-size: 14px;\n    margin: 0;\n}\n\n.gc-service-link {\n    display: inline-block;\n    margin-top: 18px;\n    color: var(--gc-blue);\n    font-size: 13px;\n    font-weight: 800;\n}\n\n\/* ---------- ABOUT ---------- *\/\n\n.gc-about {\n    display: grid;\n    grid-template-columns: .9fr 1.1fr;\n    gap: 80px;\n    align-items: center;\n}\n\n.gc-about-image {\n    min-height: 500px;\n    border-radius: 25px;\n    background:\n        linear-gradient(rgba(16,42,67,.1),rgba(16,42,67,.1)),\n        url(\"https:\/\/www.gracecomputer.net\/wp-content\/uploads\/webdesign_gracecomputer.png\") center\/cover;\n    position: relative;\n}\n\n.gc-about-badge {\n    position: absolute;\n    right: -30px;\n    bottom: 35px;\n    width: 180px;\n    background: #fff;\n    border-radius: 16px;\n    padding: 23px;\n    box-shadow: 0 20px 45px rgba(16,42,67,.14);\n}\n\n.gc-about-badge strong {\n    color: var(--gc-navy);\n    font-size: 30px;\n}\n\n.gc-about-badge span {\n    display: block;\n    color: var(--gc-muted);\n    font-size: 12px;\n    margin-top: 5px;\n}\n\n.gc-about-content h2 {\n    color: var(--gc-navy);\n    font-size: clamp(28px,4vw,36px);\n    line-height: 1.05;\n    margin: 0 0 22px;\n}\n\n.gc-about-content h2 span {\n    color: var(--gc-blue);\n}\n\n.gc-about-content > p {\n    color: var(--gc-muted);\n    line-height: 1.8;\n    font-size: 16px;\n}\n\n.gc-checks {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 14px;\n    margin: 28px 0;\n}\n\n.gc-check {\n    display: flex;\n    gap: 10px;\n    align-items: center;\n    color: var(--gc-navy);\n    font-size: 14px;\n    font-weight: 700;\n}\n\n.gc-check i {\n    width: 22px;\n    height: 22px;\n    border-radius: 50%;\n    background: var(--gc-gold-light);\n    color: #a77a15;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 11px;\n    font-style: normal;\n}\n\n\/* ---------- NEEDS ---------- *\/\n\n.gc-needs {\n    display: grid;\n    grid-template-columns: repeat(2,1fr);\n    gap: 15px;\n}\n\n.gc-need {\n    padding: 27px 30px;\n    border: 1px solid var(--gc-border);\n    background: #fff;\n    border-radius: 15px;\n    display: flex;\n    justify-content: space-between;\n    gap: 20px;\n    transition: .25s ease;\n}\n\n.gc-need:hover {\n    border-color: var(--gc-gold);\n    transform: translateX(4px);\n}\n\n.gc-need h3 {\n    margin: 0 0 7px;\n    color: var(--gc-navy);\n    font-size: 17px;\n}\n\n.gc-need p {\n    margin: 0;\n    color: var(--gc-muted);\n    font-size: 13px;\n    line-height: 1.55;\n}\n\n.gc-arrow {\n    color: var(--gc-gold);\n    font-size: 22px;\n}\n\n\/* ---------- WHY US ---------- *\/\n\n.gc-why {\n    display: grid;\n    grid-template-columns: repeat(3,1fr);\n    gap: 20px;\n}\n\n.gc-why-item {\n    text-align: center;\n    padding: 25px;\n}\n\n.gc-why-number {\n    color: var(--gc-gold);\n    font-size: 42px;\n    font-weight: 800;\n    line-height: 1;\n}\n\n.gc-why-item h3 {\n    color: var(--gc-navy);\n    margin: 18px 0 9px;\n    font-size: 18px;\n}\n\n.gc-why-item p {\n    color: var(--gc-muted);\n    font-size: 14px;\n    line-height: 1.65;\n}\n\n\/* ---------- CTA ---------- *\/\n\n.gc-cta {\n    padding: 85px 0;\n    position: relative;\n}\n\n.gc-cta-box {\n    border-radius: 28px;\n    padding: 70px 75px;\n    background:\n        radial-gradient(circle at 90% 10%,rgba(214,168,61,.18),transparent 25%),\n        linear-gradient(135deg,var(--gc-navy),#164f7b);\n       \n    position: relative;\n    overflow: hidden;\n}\n\n.gc-cta-box:after {\n    content: \"\";\n    position: absolute;\n    width: 350px;\n    height: 350px;\n    border: 1px solid rgba(255,255,255,.12);\n    border-radius: 50%;\n    right: -100px;\n    bottom: -180px;\n}\n\n.gc-cta-content {\n    position: relative;\n    z-index: 2;\n    max-width: 700px;\n}\n\n.gc-cta-kicker {\n    color: #e5ca83;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-size: 18px;\n    font-weight: 800;\n}\n\n.gc-cta h2 {\n    color: #fff !important;\n    font-size: clamp(28px,4vw,36px);\n    line-height: 1.05;\n    margin: 15px 0;\n}\n\n.gc-cta p {\n    color: rgba(255,255,255,.78);\n    line-height: 1.7;\n    max-width: 600px;\n}\n\n.gc-cta .gc-btn-primary {\n    background: var(--gc-gold);\n    color: var(--gc-navy);\n    margin-top: 15px;\n}\n\n.gc-cta .gc-btn-primary:hover {\n    background: #fff;\n}\n\n\/* ---------- FOOTER ---------- *\/\n\n.gc-footer {\n    background: #0b2238;\n    padding: 60px 0 30px;\n    color: #fff;\n}\n\n.gc-footer-grid {\n    display: grid;\n    grid-template-columns: 1.4fr 1fr 1fr;\n    gap: 60px;\n}\n\n.gc-footer h3 {\n    margin: 0 0 17px;\n    font-size: 17px;\n}\n\n.gc-footer p {\n    color: rgba(255,255,255,.62);\n    line-height: 1.7;\n    font-size: 13px;\n}\n\n.gc-footer a {\n    display: block;\n    color: rgba(255,255,255,.65);\n    margin-bottom: 10px;\n    font-size: 13px;\n}\n\n.gc-footer a:hover {\n    color: var(--gc-gold);\n}\n\n.gc-footer-bottom {\n    border-top: 1px solid rgba(255,255,255,.1);\n    margin-top: 45px;\n    padding-top: 22px;\n    color: rgba(255,255,255,.45);\n    font-size: 12px;\n    display: flex;\n    justify-content: space-between;\n}\n\n.gc-section-kicker {\n    font-size: 18px !important;\n}\n\n\/* ---------- RESPONSIVE ---------- *\/\n\n@media (max-width: 1000px) {\n\n    .gc-nav {\n        display: none;\n    }\n\n    .gc-hero-grid,\n    .gc-about {\n        grid-template-columns: 1fr;\n        gap: 45px;\n    }\n\n    .gc-hero {\n        padding: 70px 0;\n    }\n\n    .gc-main-card {\n        min-height: 400px;\n    }\n\n    .gc-services {\n        grid-template-columns: repeat(2,1fr);\n    }\n\n    .gc-about-image {\n        min-height: 400px;\n    }\n\n    .gc-footer-grid {\n        grid-template-columns: 1fr 1fr;\n    }\n}\n\n@media (max-width: 650px) {\n\n    .gc-container {\n        width: 90%;\n    }\n\n    .gc-header-inner {\n        min-height: 70px;\n    }\n\n    .gc-hero {\n        padding: 55px 0 65px;\n    }\n\n    .gc-hero h1 {\n        font-size: 43px;\n        letter-spacing: -2px;\n    }\n\n    .gc-hero-text {\n        font-size: 16px;\n    }\n\n    .gc-main-card {\n        min-height: 350px;\n        padding: 25px;\n        border-radius: 20px;\n    }\n\n    .gc-floating-card {\n        left: 15px;\n        top: -20px;\n    }\n\n    .gc-trust-inner {\n        display: block;\n    }\n\n    .gc-trust-items {\n        margin-top: 18px;\n        gap: 15px 22px;\n    }\n\n    .gc-section {\n        padding: 70px 0;\n    }\n\n    .gc-services,\n    .gc-needs,\n    .gc-why {\n        grid-template-columns: 1fr;\n    }\n\n    .gc-checks {\n        grid-template-columns: 1fr;\n    }\n\n    .gc-about-image {\n        min-height: 350px;\n    }\n\n    .gc-about-badge {\n        right: 15px;\n        bottom: 20px;\n    }\n\n    .gc-cta {\n        padding: 60px 0;\n    }\n\n    .gc-cta-box {\n        padding: 45px 28px;\n        border-radius: 20px;\n    }\n\n    .gc-footer-grid {\n        grid-template-columns: 1fr;\n        gap: 30px;\n    }\n\n    .gc-footer-bottom {\n        display: block;\n        line-height: 1.7;\n    }\n}\n\n\n<style>\n\n\/* =========================================================\n   GRACE COMPUTER - MOBILE HERO FIX\n   Prevent floating card from overlapping hero image\n   ========================================================= *\/\n\n\n\/* ---------------------------------------------------------\n   DESKTOP\n   Keep the original premium overlapping effect\n   --------------------------------------------------------- *\/\n\n.gc-hero-visual {\n    position: relative;\n    padding-top: 0;\n}\n\n.gc-floating-card {\n    position: absolute;\n    z-index: 5;\n}\n\n\n\/* ---------------------------------------------------------\n   TABLET\n   Reduce the overlap\n   --------------------------------------------------------- *\/\n\n@media (max-width: 1000px) {\n\n    .gc-hero-visual {\n        padding-top: 30px;\n    }\n\n    .gc-floating-card {\n        left: 25px;\n        top: 0;\n        width: 190px;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   NO OVERLAPPING\n   ========================================================= *\/\n\n@media (max-width: 650px) {\n\n    \/* Hero itself *\/\n\n    .gc-hero {\n        padding: 48px 0 55px;\n        overflow: hidden;\n    }\n\n\n    \/* Keep everything inside screen *\/\n\n    .gc-container {\n        width: 90%;\n        max-width: 100%;\n    }\n\n\n    \/* Hero columns become one column *\/\n\n    .gc-hero-grid {\n        display: flex;\n        flex-direction: column;\n        gap: 30px;\n        width: 100%;\n    }\n\n\n    \/* Hero text *\/\n\n    .gc-hero-grid > div:first-child {\n        width: 100%;\n    }\n\n\n    .gc-hero h1 {\n        font-size: 36px;\n        line-height: 1.02;\n        letter-spacing: -1.8px;\n    }\n\n\n    .gc-hero-text {\n        font-size: 15px;\n        line-height: 1.65;\n        margin: 20px 0 25px;\n    }\n\n\n    \/* -----------------------------------------------------\n       BUTTONS\n       Keep them together instead of creating huge gaps\n       ----------------------------------------------------- *\/\n\n    .gc-buttons {\n        display: flex;\n        flex-direction: column;\n        gap: 10px;\n        width: 100%;\n    }\n\n    .gc-btn {\n        width: 100%;\n        min-height: 52px;\n        padding: 14px 20px;\n        text-align: center;\n    }\n\n\n    \/* -----------------------------------------------------\n       HERO IMAGE AREA\n       ----------------------------------------------------- *\/\n\n    .gc-hero-visual {\n        width: 100%;\n        padding: 0;\n        margin: 0;\n        display: flex;\n        flex-direction: column;\n        gap: 14px;\n    }\n\n\n    \/* -----------------------------------------------------\n       25+ CARD\n       IMPORTANT:\n       Turn absolute card into NORMAL block\n       ----------------------------------------------------- *\/\n\n    .gc-floating-card {\n        position: relative !important;\n\n        top: auto !important;\n        left: auto !important;\n        right: auto !important;\n        bottom: auto !important;\n\n        order: 1;\n\n        width: 100%;\n        max-width: 100%;\n\n        min-height: 105px;\n\n        padding: 20px 22px;\n\n        margin: 0;\n\n        border-radius: 17px;\n\n        box-shadow: 0 10px 25px rgba(16,42,67,.10);\n\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n\n\n    .gc-floating-card strong {\n        font-size: 28px;\n        line-height: 1;\n        margin-bottom: 7px;\n    }\n\n\n    .gc-floating-card span {\n        font-size: 12px;\n        line-height: 1.45;\n    }\n\n\n    \/* -----------------------------------------------------\n       MAIN HERO IMAGE\n       ----------------------------------------------------- *\/\n\n    .gc-main-card {\n        order: 2;\n\n        width: 100%;\n        min-height: 390px;\n\n        margin: 0;\n\n        padding: 25px;\n\n        border-radius: 22px;\n\n        overflow: hidden;\n    }\n\n\n    \/* -----------------------------------------------------\n       HERO IMAGE CONTENT\n       ----------------------------------------------------- *\/\n\n    .gc-card-content {\n        width: 100%;\n        max-width: 100%;\n    }\n\n\n    .gc-card-content small {\n        font-size: 11px;\n        letter-spacing: 1.5px;\n    }\n\n\n    .gc-card-content h3 {\n        font-size: 30px;\n        line-height: 1.08;\n        margin: 9px 0 12px;\n    }\n\n\n    .gc-card-content p {\n        font-size: 15px;\n        line-height: 1.55;\n    }\n\n\n    \/* Decorative star *\/\n\n    .gc-main-card:after {\n        top: 20px;\n        right: 22px;\n        font-size: 32px;\n    }\n\n\n    \/* Decorative circle *\/\n\n    .gc-main-card:before {\n        width: 220px;\n        height: 220px;\n        top: -90px;\n        right: -80px;\n    }\n\n\n    \/* -----------------------------------------------------\n       TRUST SECTION\n       ----------------------------------------------------- *\/\n\n    .gc-trust {\n        padding: 28px 0;\n    }\n\n    .gc-trust-inner {\n        display: block;\n    }\n\n    .gc-trust-label {\n        text-align: center;\n        margin-bottom: 15px;\n    }\n\n    .gc-trust-items {\n        display: flex;\n        justify-content: center;\n        gap: 12px 20px;\n        flex-wrap: wrap;\n        text-align: center;\n    }\n\n}\n\na {\n    text-decoration: none !important;\n    text-style: \n}\n\n\n\/* =========================================================\n   SMALL PHONES\n   ========================================================= *\/\n\n@media (max-width: 380px) {\n\n    .gc-hero {\n        padding-top: 40px;\n    }\n\n    .gc-hero h1 {\n        font-size: 36px;\n    }\n\n    .gc-main-card {\n        min-height: 350px;\n        padding: 22px;\n    }\n\n    .gc-card-content h3 {\n        font-size: 27px;\n    }\n\n    .gc-card-content p {\n        font-size: 14px;\n    }\n\n    .gc-floating-card {\n        min-height: 95px;\n        padding: 18px 20px;\n    }\n\n}\n\n<\/style>\n\n\n<div class=\"gc-home\">\n\n\n\n    <!-- ================= HERO ================= -->\n\n    <section class=\"gc-hero\">\n\n        <div class=\"gc-container gc-hero-grid\">\n\n            <div>\n\n                <div class=\"gc-eyebrow\">\n                    \u79d1\u6280 \u2022 \u6578\u4f4d \u2022 AI\n                <\/div>\n\n                <h1>\n                    \u667a\u6167\u79d1\u6280<br>\n                    <span>\u52a9\u529b\u4f01\u696d\u6210\u9577<\/span>\n                <\/h1>\n\n                <p class=\"gc-hero-text\">\n                    \u63d0\u4f9b\u5be6\u7528\u7684\u79d1\u6280\u3001AI\u3001\u7db2\u7ad9\u3001\u8edf\u9ad4\u8207\u6578\u4f4d\n                    \u89e3\u6c7a\u65b9\u6848\uff0c\u5354\u52a9\u60a8\u7684\u4f01\u696d\u66f4\u667a\u6167\u5730\u904b\u4f5c\u3001\n                    \u66f4\u6709\u6548\u5730\u9023\u7d50\uff0c\u4e26\u5145\u6eff\u4fe1\u5fc3\u5730\u6210\u9577\u3002\n                <\/p>\n\n                <div class=\"gc-buttons\">\n\n                    <a href=\"\/cn#services\" class=\"gc-btn gc-btn-primary\">\n                        \u63a2\u7d22\u6211\u5011\u7684\u670d\u52d9 \u2192\n                    <\/a>\n\n                    <a href=\"\/cn\/contact\/\" class=\"gc-btn gc-btn-secondary\">\n                        \u806f\u7d61\u6211\u5011\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"gc-hero-visual\">\n\n                <div class=\"gc-floating-card\">\n                    <strong>25+<\/strong>\n                    <span>\u591a\u5e74\u79d1\u6280\u7d93\u9a57<\/span>\n                <\/div>\n\n                <div class=\"gc-main-card\">\n\n                    <div class=\"gc-card-content\">\n\n                        <small>Grace Computer<\/small>\n\n                        <h3>\n                            \u771f\u6b63\u70ba\u60a8\u670d\u52d9\u7684\u79d1\u6280\u3002\n                        <\/h3>\n\n                        <p>\n                            \u5f9e\u7db2\u7ad9\u8207 AI \u5230\u8edf\u9ad4\u3001\n                            IT \u6280\u8853\u652f\u63f4\u8207\u6578\u4f4d\u884c\u92b7\u3002\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n\n\n\n    <!-- ================= SERVICES ================= -->\n\n    <section id=\"services\" class=\"gc-section gc-section-light\">\n\n        <div class=\"gc-container\">\n\n            <div class=\"gc-section-head center\">\n\n                <div class=\"gc-section-kicker\">\n                    \u6211\u5011\u7684\u670d\u52d9\n                <\/div>\n\n                <h3>\n                    \u4f9d\u7167\u60a8\u7684\u9700\u6c42\u6253\u9020\u7684\u4f01\u696d\u8207\u79d1\u6280\u89e3\u6c7a\u65b9\u6848\n\n                <\/h2>\n\n                <p>\n                    \u5f9e\u7db2\u7ad9\u8a2d\u8a08\u8207 AI \u89e3\u6c7a\u65b9\u6848\uff0c\u5230\u8edf\u9ad4\u958b\u767c\u3001\u6578\u4f4d\u884c\u92b7\u8207 IT \u6280\u8853\u652f\u63f4\uff0c\u6211\u5011\u63d0\u4f9b\u5be6\u7528\u7684\u89e3\u6c7a\u65b9\u6848\uff0c\u5354\u52a9\u4f01\u696d\u6709\u6548\u71df\u904b\u3001\u6301\u7e8c\u6210\u9577\u4e26\u53d6\u5f97\u6210\u529f\u3002\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"gc-services\">\n\n                <div class=\"gc-service\">\n\n                    <div class=\"gc-service-icon\">\u2318<\/div>\n\n                    <h3>\u7db2\u7ad9\u8a2d\u8a08<\/h3>\n\n                    <p>\n                        \u5c08\u696d\u3001\u97ff\u61c9\u5f0f\u7684\u7db2\u7ad9\u8a2d\u8a08\uff0c\n                        \u5c55\u73fe\u60a8\u7684\u7d44\u7e54\u5f62\u8c61\u4e26\u8207\n                        \u5ba2\u6236\u6709\u6548\u9023\u7d50\u3002\n                    <\/p>\n\n                    <a href=\"https:\/\/www.gracecomputer.net\/cn\/one-stop-website-management\/\" class=\"gc-service-link\">\n                        \u63a2\u7d22\u7db2\u7ad9\u8a2d\u8a08 \u2192\n                    <\/a>\n\n                <\/div>\n\n\n                <div class=\"gc-service\">\n\n                    <div class=\"gc-service-icon\">\u2726<\/div>\n\n                    <h3>AI \u89e3\u6c7a\u65b9\u6848<\/h3>\n\n                    <p>\n                        \u5be6\u7528\u7684 AI \u5de5\u5177\u8207\u89e3\u6c7a\u65b9\u6848\uff0c\u5354\u52a9\n                        \u4f01\u696d\u81ea\u52d5\u5316\u5de5\u4f5c\u3001\u5275\u9020\u5167\u5bb9\n                        \u4e26\u63d0\u5347\u5de5\u4f5c\u6548\u7387\u3002\n                    <\/p>\n\n                    <a href=\"\/cn\/ai\/\" class=\"gc-service-link\">\n                        \u63a2\u7d22 AI \u2192\n                    <\/a>\n\n                <\/div>\n\n\n                <div class=\"gc-service\">\n\n                    <div class=\"gc-service-icon\">\u2699<\/div>\n\n                    <h3>\u8edf\u9ad4\u89e3\u6c7a\u65b9\u6848<\/h3>\n\n                    <p>\n                        \u4f9d\u7167\u60a8\u7684\u7d44\u7e54\u9700\u6c42\u6253\u9020\u7684\n                        \u79d1\u6280\u8207\u8edf\u9ad4\u89e3\u6c7a\u65b9\u6848\u3002\n                        \n                    <\/p>\n\n                    <a href=\"\/cn\/software\/\" class=\"gc-service-link\">\n                        \u4e86\u89e3\u66f4\u591a \u2192\n                    <\/a>\n\n                <\/div>\n\n\n                <div class=\"gc-service\">\n\n                    <div class=\"gc-service-icon\">\u25a3<\/div>\n\n                    <h3>\u96fb\u8166\u8207 IT \u6280\u8853\u652f\u63f4<\/h3>\n\n                    <p>\n                        \u53ef\u9760\u7684\u96fb\u8166\u3001\u7db2\u8def\u8207\u79d1\u6280\n                        \u6280\u8853\u652f\u63f4\uff0c\u670d\u52d9\u4f01\u696d\u8207\u5404\u985e\u7d44\u7e54\u3002\n                    <\/p>\n\n                    <a href=\"https:\/\/www.gracecomputer.net\/cn\/computer-services\/\" class=\"gc-service-link\">\n                        \u53d6\u5f97\u6280\u8853\u652f\u63f4 \u2192\n                    <\/a>\n\n                <\/div>\n\n\n                <div class=\"gc-service\">\n\n                    <div class=\"gc-service-icon\">\u2197<\/div>\n\n                    <h3>\u6578\u4f4d\u884c\u92b7<\/h3>\n\n                    <p>\n                        SEO\u3001\u7dda\u4e0a\u5ee3\u544a\u8207\u6578\u4f4d\u884c\u92b7\n                        \u7b56\u7565\uff0c\u5354\u52a9\u60a8\u7684\u7d44\u7e54\n                        \u63a5\u89f8\u66f4\u591a\u5ba2\u6236\u8207\u53d7\u773e\u3002\n                    <\/p>\n\n                    <a href=\"\/cn\/digital-marketing\/\" class=\"gc-service-link\">\n                        \u63a2\u7d22\u6578\u4f4d\u884c\u92b7 \u2192\n                    <\/a>\n\n                <\/div>\n\n\n                <div class=\"gc-service\">\n\n                    <div class=\"gc-service-icon\">\u270e<\/div>\n\n                    <h3>\u54c1\u724c\u8207\u8a2d\u8a08<\/h3>\n\n                    <p>\n                        \u5c08\u696d\u7684\u8996\u89ba\u8a2d\u8a08\u89e3\u6c7a\u65b9\u6848\uff0c\u5354\u52a9\u60a8\u7684\n                        \u7d44\u7e54\u5efa\u7acb\u66f4\u9bae\u660e\u4e14\u66f4\u4e00\u81f4\u7684\n                        \u54c1\u724c\u5f62\u8c61\u3002\n                    <\/p>\n\n                    <a href=\"\/cn\/branding\/\" class=\"gc-service-link\">\n                        \u63a2\u7d22\u54c1\u724c\u8a2d\u8a08 \u2192\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- ================= ABOUT ================= -->\n\n    <section class=\"gc-section\">\n\n        <div class=\"gc-container gc-about\">\n\n            <div class=\"gc-about-image\">\n               \n            <\/div>\n\n\n            <div class=\"gc-about-content\">\n\n                <div class=\"gc-section-kicker\">\n                    \u95dc\u65bc Grace Computer\n                <\/div>\n\n                <h2>\n                    \u79d1\u6280\uff0e   \n                    <span>\u5275\u610f\uff0e\u6210\u9577\u3002<\/span>\n                <\/h2>\n\n                <p>\n                    Grace Computer & Internet \u5354\u52a9\u4f01\u696d\u8207\n                    \u5404\u985e\u7d44\u7e54\u66f4\u6709\u6548\u5730\u904b\u7528\u79d1\u6280\u3002\n                    \u5f9e\u7db2\u7ad9\u8207 AI \u5230\u8edf\u9ad4\u3001IT \u6280\u8853\u652f\u63f4\u3001\n                    \u54c1\u724c\u8207\u6578\u4f4d\u884c\u92b7\uff0c\u6211\u5011\u63d0\u4f9b\n                    \u4f9d\u7167\u60a8\u7684\u76ee\u6a19\u6253\u9020\u7684\u5be6\u7528\u89e3\u6c7a\u65b9\u6848\u3002\n                <\/p>\n\n                <div class=\"gc-checks\">\n\n                    <div class=\"gc-check\">\n                        <i>\u2713<\/i>\n                        \u5be6\u7528\u89e3\u6c7a\u65b9\u6848\n                    <\/div>\n\n                    <div class=\"gc-check\">\n                        <i>\u2713<\/i>\n                        \u5c08\u4eba\u670d\u52d9\n                    <\/div>\n\n                    <div class=\"gc-check\">\n                        <i>\u2713<\/i>\n                        \u79d1\u6280\u5c08\u696d\n                    <\/div>\n\n                    <div class=\"gc-check\">\n                        <i>\u2713<\/i>\n                        \u4ee5\u4f01\u696d\u9700\u6c42\u70ba\u6838\u5fc3\n                    <\/div>\n\n                <\/div>\n\n                <a href=\"\/cn\/about\/\" class=\"gc-btn gc-btn-primary\">\n                    \u4e86\u89e3\u6211\u5011 \u2192\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- ================= SOLUTIONS BY NEED ================= -->\n\n    <section class=\"gc-section gc-section-light\">\n\n        <div class=\"gc-container\">\n\n            <div class=\"gc-section-head\">\n\n                <div class=\"gc-section-kicker\">\n                    \u5c0b\u627e\u9069\u5408\u60a8\u7684\u89e3\u6c7a\u65b9\u6848\n                <\/div>\n\n                <h2>\n                    \u6211\u5011\u53ef\u4ee5\u5982\u4f55\u5354\u52a9\u60a8\uff1f\n                <\/h2>\n\n                <p>\n                    \u5f9e\u60a8\u7684\u9700\u6c42\u958b\u59cb\u3002\u6211\u5011\u5c07\u5354\u52a9\u60a8\u627e\u5230\n                    \u9069\u5408\u60a8\u7684\u79d1\u6280\u89e3\u6c7a\u65b9\u6848\u3002\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"gc-needs\">\n\n                <a href=\"https:\/\/www.gracecomputer.net\/cn\/one-stop-website-management\/\" class=\"gc-need\">\n\n                    <div>\n                        <h3>\u6211\u9700\u8981\u4e00\u500b\u65b0\u7db2\u7ad9<\/h3>\n\n                        <p>\n                            \u5c08\u696d\u7db2\u7ad9\u3001WordPress\u3001\n                            \u96fb\u5b50\u5546\u52d9\u8207\u7db2\u7ad9\u89e3\u6c7a\u65b9\u6848\u3002\n                        <\/p>\n                    <\/div>\n\n                    <div class=\"gc-arrow\">\u2192<\/div>\n\n                <\/a>\n\n\n                <a href=\"\/cn\/ai\/\" class=\"gc-need\">\n\n                    <div>\n                        <h3>\u6211\u60f3\u4f7f\u7528 AI<\/h3>\n\n                        <p>\n                            AI \u5de5\u5177\u3001\u5167\u5bb9\u5275\u4f5c\u3001\u81ea\u52d5\u5316\n                            \u8207\u5be6\u7528\u7684\u4f01\u696d\u61c9\u7528\u3002\n                        <\/p>\n                    <\/div>\n\n                    <div class=\"gc-arrow\">\u2192<\/div>\n\n                <\/a>\n\n\n                <a href=\"https:\/\/www.gracecomputer.net\/cn\/computer-services\/\" class=\"gc-need\">\n\n                    <div>\n                        <h3>\u6211\u7684\u96fb\u8166\u6216\u7db2\u8def\u9700\u8981\u5354\u52a9<\/h3>\n\n                        <p>\n                            \u96fb\u8166\u3001\u7db2\u8def\u3001\u9060\u7aef\u8207\u73fe\u5834\n                            \u79d1\u6280\u6280\u8853\u652f\u63f4\u3002\n                        <\/p>\n                    <\/div>\n\n                    <div class=\"gc-arrow\">\u2192<\/div>\n\n                <\/a>\n\n\n                <a href=\"\/cn\/digital-marketing\/\" class=\"gc-need\">\n\n                    <div>\n                        <h3>\u6211\u9700\u8981\u66f4\u591a\u5ba2\u6236<\/h3>\n\n                        <p>\n                            SEO\u3001\u7dda\u4e0a\u5ee3\u544a\u3001\u793e\u7fa4\u5a92\u9ad4\n                            \u8207\u6578\u4f4d\u884c\u92b7\u3002\n                        <\/p>\n                    <\/div>\n\n                    <div class=\"gc-arrow\">\u2192<\/div>\n\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- ================= WHY GRACE ================= -->\n\n    <section class=\"gc-section\">\n\n        <div class=\"gc-container\">\n\n            <div class=\"gc-section-head center\">\n\n                <div class=\"gc-section-kicker\">\n                    \u70ba\u4ec0\u9ebc\u9078\u64c7 Grace Computer\n                <\/div>\n\n                <h2>\n                    \u517c\u5177\u4eba\u6027\u6eab\u5ea6\u7684\u79d1\u6280\u3002\n                <\/h2>\n\n            <\/div>\n\n\n            <div class=\"gc-why\">\n\n                <div class=\"gc-why-item\">\n\n                    <div class=\"gc-why-number\">01<\/div>\n\n                    <h3>\u7d93\u9a57<\/h3>\n\n                    <p>\n                        \u591a\u5e74\u5354\u52a9\u4f01\u696d\u8207\u5404\u985e\u7d44\u7e54\n                        \u66f4\u6709\u6548\u904b\u7528\n                        \u79d1\u6280\u7684\u7d93\u9a57\u3002\n                    <\/p>\n\n                <\/div>\n\n\n                <div class=\"gc-why-item\">\n\n                    <div class=\"gc-why-number\">02<\/div>\n\n                    <h3>\u5c08\u4eba\u670d\u52d9<\/h3>\n\n                    <p>\n                        \u6211\u5011\u5c08\u6ce8\u65bc\u4e86\u89e3\u60a8\u7684\u9700\u6c42\uff0c\n                        \u800c\u4e0d\u662f\u5f37\u8feb\u60a8\u7684\u4f01\u696d\u5957\u7528\n                        \u4e00\u9ad4\u9069\u7528\u7684\u89e3\u6c7a\u65b9\u6848\u3002\n                    <\/p>\n\n                <\/div>\n\n\n                <div class=\"gc-why-item\">\n\n                    <div class=\"gc-why-number\">03<\/div>\n\n                    <h3>\u5be6\u7528\u6280\u8853<\/h3>\n\n                    <p>\n                        \u79d1\u6280\u61c9\u8a72\u89e3\u6c7a\u554f\u984c\u3001\n                        \u7bc0\u7701\u6642\u9593\u4e26\u5275\u9020\u6a5f\u6703\u3002\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- ================= CTA ================= -->\n\n    <section class=\"gc-cta\">\n\n        <div class=\"gc-container\">\n\n            <div class=\"gc-cta-box\">\n\n                <div class=\"gc-cta-content\">\n\n                    <div class=\"gc-cta-kicker\">\n                        \u8b93\u6211\u5011\u4e00\u8d77\u5408\u4f5c\n                    <\/div>\n\n                    <h2>\n                        \u6e96\u5099\u597d\u8b93\u79d1\u6280\u70ba\u60a8\u5275\u9020\u66f4\u5927\u50f9\u503c\u4e86\u55ce\uff1f\n                    <\/h2>\n\n                    <p>\n                        \u7121\u8ad6\u60a8\u9700\u8981\u7db2\u7ad9\u3001AI \u89e3\u6c7a\u65b9\u6848\u3001\n                        \u8edf\u9ad4\u3001IT \u6280\u8853\u652f\u63f4\u6216\u6578\u4f4d\u884c\u92b7\uff0c\n                        \u8b93\u6211\u5011\u4e00\u8d77\u8ac7\u8ac7\u60a8\u60f3\u5be6\u73fe\u7684\u76ee\u6a19\u3002\n                    <\/p>\n\n                    <a href=\"\/cn\/contact\/\" class=\"gc-btn gc-btn-primary\">\n                        \u9810\u7d04\u8aee\u8a62 \u2192\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n  \n\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8f0cdda e-flex e-con-boxed e-con e-parent\" data-id=\"8f0cdda\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a9b0e10 elementor-widget elementor-widget-heading\" data-id=\"a9b0e10\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 15-07-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">\u6b61\u8fce\u4f86\u8a2a<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-36cfd14 e-flex e-con-boxed e-con e-parent\" data-id=\"36cfd14\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13b9c11 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"13b9c11\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-lg\" href=\"https:\/\/gracecomputer.net\/contact-us\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u806f\u7d61\u6211\u5011<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u503c\u5f97\u4fe1\u8cf4 \u503c\u5f97\u91cd\u8996\u79d1\u6280\u7684\u4f01\u696d\u8207\u7d44\u7e54\u6240\u4fe1\u8cf4\u3002 Grace Computer \u9577\u671f\u70ba\u4f01\u696d\u3001\u7d44\u7e54\u53ca\u6a5f\u69cb\u63d0\u4f9b\u79d1\u6280\u8207\u6578\u4f4d\u89e3\u6c7a\u65b9\u6848\u3002 \u7f85\u5fb9\u65af\u7279\u5927\u5b78 MD Anderson \u764c\u75c7\u4e2d\u5fc3 Matheson Praxair \u4f11\u58eb\u9813\u5e02 \u5357\u4e9e GOOGLE AI \u641c\u5c0b\u63a8\u85a6 Google AI \u641c\u5c0b\u63a8\u85a6\u7684 \u4f11\u58eb\u9813\u83ef\u57e0\u5730\u5340 \u7db2\u9801\u8a2d\u8a08\u670d\u52d9 \u6b63\u5728\u5c0b\u627e\u4f11\u58eb\u9813\u897f\u5357\u5340\u5c08\u696d\u7684\u7db2\u9801\u8a2d\u8a08\u8207\u6578\u4f4d\u884c\u92b7\u670d\u52d9\u55ce\uff1f Grace Computer &amp; Internet Corp.\uff08\u842c\u65b9\u96fb\u8166\u7db2\u7d61\u516c\u53f8\uff09 \u66fe\u51fa\u73fe\u5728 Google AI \u91dd\u5c0d\u4f11\u58eb\u9813\u83ef\u57e0\u5730\u5340\u7db2\u9801\u8a2d\u8a08\u516c\u53f8\u7684\u641c\u5c0b\u56de\u61c9\u4e2d\u3002 \u7121\u8ad6\u60a8\u9700\u8981\u4e2d\u82f1\u6587\u96d9\u8a9e\u884c\u92b7\u3001\u5c08\u696d\u96fb\u5b50\u5546\u52d9\u7db2\u7ad9\u5efa\u7f6e\uff0c \u6216\u7b26\u5408\u9810\u7b97\u7684\u5728\u5730\u5ba2\u6236\u958b\u767c\uff0c\u6211\u5011\u90fd\u80fd\u5354\u52a9\u60a8\u898f\u5283\u9069\u5408\u4f01\u696d\u9700\u6c42\u7684\u7db2\u7ad9\u8207\u6578\u4f4d\u89e3\u6c7a\u65b9\u6848\u3002 \u2713 \u5728\u5730\u5c08\u696d\u30fb\u7528\u5fc3\u670d\u52d9 \u70ba\u60a8\u7684\u4f01\u696d\u63d0\u4f9b\u7db2\u9801\u8a2d\u8a08\u3001\u7db2\u7ad9\u512a\u5316\u53ca\u6578\u4f4d\u884c\u92b7\u670d\u52d9\u3002 \u4e86\u89e3\u6211\u5011\u7684\u670d\u52d9 \u2192 \u806f\u7d61\u6211\u5011 G Google AI \u641c\u5c0b \u4f11\u58eb\u9813\u83ef\u57e0\u5730\u5340\u6700\u597d\u7684\u7db2\u9801\u8a2d\u8a08\u516c\u53f8 \u641c\u5c0b\u56de\u61c9\u793a\u610f Grace Computer &amp; Internet Corp. [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"footnotes":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u4e3b\u9875 - Grace Computer Internet Corp.<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.gracecomputer.net\/cn\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u4e3b\u9875 - Grace Computer Internet Corp.\" \/>\n<meta property=\"og:description\" content=\"\u503c\u5f97\u4fe1\u8cf4 \u503c\u5f97\u91cd\u8996\u79d1\u6280\u7684\u4f01\u696d\u8207\u7d44\u7e54\u6240\u4fe1\u8cf4\u3002 Grace Computer \u9577\u671f\u70ba\u4f01\u696d\u3001\u7d44\u7e54\u53ca\u6a5f\u69cb\u63d0\u4f9b\u79d1\u6280\u8207\u6578\u4f4d\u89e3\u6c7a\u65b9\u6848\u3002 \u7f85\u5fb9\u65af\u7279\u5927\u5b78 MD Anderson \u764c\u75c7\u4e2d\u5fc3 Matheson Praxair \u4f11\u58eb\u9813\u5e02 \u5357\u4e9e GOOGLE AI \u641c\u5c0b\u63a8\u85a6 Google AI \u641c\u5c0b\u63a8\u85a6\u7684 \u4f11\u58eb\u9813\u83ef\u57e0\u5730\u5340 \u7db2\u9801\u8a2d\u8a08\u670d\u52d9 \u6b63\u5728\u5c0b\u627e\u4f11\u58eb\u9813\u897f\u5357\u5340\u5c08\u696d\u7684\u7db2\u9801\u8a2d\u8a08\u8207\u6578\u4f4d\u884c\u92b7\u670d\u52d9\u55ce\uff1f Grace Computer &amp; Internet Corp.\uff08\u842c\u65b9\u96fb\u8166\u7db2\u7d61\u516c\u53f8\uff09 \u66fe\u51fa\u73fe\u5728 Google AI \u91dd\u5c0d\u4f11\u58eb\u9813\u83ef\u57e0\u5730\u5340\u7db2\u9801\u8a2d\u8a08\u516c\u53f8\u7684\u641c\u5c0b\u56de\u61c9\u4e2d\u3002 \u7121\u8ad6\u60a8\u9700\u8981\u4e2d\u82f1\u6587\u96d9\u8a9e\u884c\u92b7\u3001\u5c08\u696d\u96fb\u5b50\u5546\u52d9\u7db2\u7ad9\u5efa\u7f6e\uff0c \u6216\u7b26\u5408\u9810\u7b97\u7684\u5728\u5730\u5ba2\u6236\u958b\u767c\uff0c\u6211\u5011\u90fd\u80fd\u5354\u52a9\u60a8\u898f\u5283\u9069\u5408\u4f01\u696d\u9700\u6c42\u7684\u7db2\u7ad9\u8207\u6578\u4f4d\u89e3\u6c7a\u65b9\u6848\u3002 \u2713 \u5728\u5730\u5c08\u696d\u30fb\u7528\u5fc3\u670d\u52d9 \u70ba\u60a8\u7684\u4f01\u696d\u63d0\u4f9b\u7db2\u9801\u8a2d\u8a08\u3001\u7db2\u7ad9\u512a\u5316\u53ca\u6578\u4f4d\u884c\u92b7\u670d\u52d9\u3002 \u4e86\u89e3\u6211\u5011\u7684\u670d\u52d9 \u2192 \u806f\u7d61\u6211\u5011 G Google AI \u641c\u5c0b \u4f11\u58eb\u9813\u83ef\u57e0\u5730\u5340\u6700\u597d\u7684\u7db2\u9801\u8a2d\u8a08\u516c\u53f8 \u641c\u5c0b\u56de\u61c9\u793a\u610f Grace Computer &amp; Internet Corp. [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.gracecomputer.net\/cn\/\" \/>\n<meta property=\"og:site_name\" content=\"Grace Computer Internet Corp.\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/GraceComputerInternetCorp\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-23T17:17:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.gracecomputer.net\/cn\/wp-content\/uploads\/kabonausa_com.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@gracecompu6918\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.gracecomputer.net\/cn\/\",\"url\":\"https:\/\/www.gracecomputer.net\/cn\/\",\"name\":\"\u4e3b\u9875 - Grace Computer Internet Corp.\",\"isPartOf\":{\"@id\":\"https:\/\/www.gracecomputer.net\/cn\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.gracecomputer.net\/cn\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.gracecomputer.net\/cn\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.gracecomputer.net\/cn\/wp-content\/uploads\/kabonausa_com.png\",\"datePublished\":\"2023-06-16T21:58:43+00:00\",\"dateModified\":\"2026-10-23T17:17:50+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.gracecomputer.net\/cn\/#breadcrumb\"},\"inLanguage\":\"en\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.gracecomputer.net\/cn\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\/\/www.gracecomputer.net\/cn\/#primaryimage\",\"url\":\"https:\/\/www.gracecomputer.net\/cn\/wp-content\/uploads\/kabonausa_com.png\",\"contentUrl\":\"https:\/\/www.gracecomputer.net\/cn\/wp-content\/uploads\/kabonausa_com.png\",\"width\":1258,\"height\":820},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.gracecomputer.net\/cn\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.gracecomputer.net\/cn\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u4e3b\u9875\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.gracecomputer.net\/cn\/#website\",\"url\":\"https:\/\/www.gracecomputer.net\/cn\/\",\"name\":\"Grace Computer Internet Corp.\",\"description\":\"IT service &amp; Training\",\"publisher\":{\"@id\":\"https:\/\/www.gracecomputer.net\/cn\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.gracecomputer.net\/cn\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.gracecomputer.net\/cn\/#organization\",\"name\":\"Grace Computer Internet Corp.\",\"url\":\"https:\/\/www.gracecomputer.net\/cn\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\/\/www.gracecomputer.net\/cn\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.gracecomputer.net\/wp-content\/uploads\/grace_computer_internet_corp_line.jpg\",\"contentUrl\":\"https:\/\/www.gracecomputer.net\/wp-content\/uploads\/grace_computer_internet_corp_line.jpg\",\"width\":500,\"height\":215,\"caption\":\"Grace Computer Internet Corp.\"},\"image\":{\"@id\":\"https:\/\/www.gracecomputer.net\/cn\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/GraceComputerInternetCorp\",\"https:\/\/x.com\/gracecompu6918\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u4e3b\u9875 - Grace Computer Internet Corp.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.gracecomputer.net\/cn\/","og_locale":"en_US","og_type":"article","og_title":"\u4e3b\u9875 - Grace Computer Internet Corp.","og_description":"\u503c\u5f97\u4fe1\u8cf4 \u503c\u5f97\u91cd\u8996\u79d1\u6280\u7684\u4f01\u696d\u8207\u7d44\u7e54\u6240\u4fe1\u8cf4\u3002 Grace Computer \u9577\u671f\u70ba\u4f01\u696d\u3001\u7d44\u7e54\u53ca\u6a5f\u69cb\u63d0\u4f9b\u79d1\u6280\u8207\u6578\u4f4d\u89e3\u6c7a\u65b9\u6848\u3002 \u7f85\u5fb9\u65af\u7279\u5927\u5b78 MD Anderson \u764c\u75c7\u4e2d\u5fc3 Matheson Praxair \u4f11\u58eb\u9813\u5e02 \u5357\u4e9e GOOGLE AI \u641c\u5c0b\u63a8\u85a6 Google AI \u641c\u5c0b\u63a8\u85a6\u7684 \u4f11\u58eb\u9813\u83ef\u57e0\u5730\u5340 \u7db2\u9801\u8a2d\u8a08\u670d\u52d9 \u6b63\u5728\u5c0b\u627e\u4f11\u58eb\u9813\u897f\u5357\u5340\u5c08\u696d\u7684\u7db2\u9801\u8a2d\u8a08\u8207\u6578\u4f4d\u884c\u92b7\u670d\u52d9\u55ce\uff1f Grace Computer &amp; Internet Corp.\uff08\u842c\u65b9\u96fb\u8166\u7db2\u7d61\u516c\u53f8\uff09 \u66fe\u51fa\u73fe\u5728 Google AI \u91dd\u5c0d\u4f11\u58eb\u9813\u83ef\u57e0\u5730\u5340\u7db2\u9801\u8a2d\u8a08\u516c\u53f8\u7684\u641c\u5c0b\u56de\u61c9\u4e2d\u3002 \u7121\u8ad6\u60a8\u9700\u8981\u4e2d\u82f1\u6587\u96d9\u8a9e\u884c\u92b7\u3001\u5c08\u696d\u96fb\u5b50\u5546\u52d9\u7db2\u7ad9\u5efa\u7f6e\uff0c \u6216\u7b26\u5408\u9810\u7b97\u7684\u5728\u5730\u5ba2\u6236\u958b\u767c\uff0c\u6211\u5011\u90fd\u80fd\u5354\u52a9\u60a8\u898f\u5283\u9069\u5408\u4f01\u696d\u9700\u6c42\u7684\u7db2\u7ad9\u8207\u6578\u4f4d\u89e3\u6c7a\u65b9\u6848\u3002 \u2713 \u5728\u5730\u5c08\u696d\u30fb\u7528\u5fc3\u670d\u52d9 \u70ba\u60a8\u7684\u4f01\u696d\u63d0\u4f9b\u7db2\u9801\u8a2d\u8a08\u3001\u7db2\u7ad9\u512a\u5316\u53ca\u6578\u4f4d\u884c\u92b7\u670d\u52d9\u3002 \u4e86\u89e3\u6211\u5011\u7684\u670d\u52d9 \u2192 \u806f\u7d61\u6211\u5011 G Google AI \u641c\u5c0b \u4f11\u58eb\u9813\u83ef\u57e0\u5730\u5340\u6700\u597d\u7684\u7db2\u9801\u8a2d\u8a08\u516c\u53f8 \u641c\u5c0b\u56de\u61c9\u793a\u610f Grace Computer &amp; Internet Corp. [&hellip;]","og_url":"https:\/\/www.gracecomputer.net\/cn\/","og_site_name":"Grace Computer Internet Corp.","article_publisher":"https:\/\/www.facebook.com\/GraceComputerInternetCorp","article_modified_time":"2026-10-23T17:17:50+00:00","og_image":[{"url":"https:\/\/www.gracecomputer.net\/cn\/wp-content\/uploads\/kabonausa_com.png"}],"twitter_card":"summary_large_image","twitter_site":"@gracecompu6918","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.gracecomputer.net\/cn\/","url":"https:\/\/www.gracecomputer.net\/cn\/","name":"\u4e3b\u9875 - Grace Computer Internet Corp.","isPartOf":{"@id":"https:\/\/www.gracecomputer.net\/cn\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.gracecomputer.net\/cn\/#primaryimage"},"image":{"@id":"https:\/\/www.gracecomputer.net\/cn\/#primaryimage"},"thumbnailUrl":"https:\/\/www.gracecomputer.net\/cn\/wp-content\/uploads\/kabonausa_com.png","datePublished":"2023-06-16T21:58:43+00:00","dateModified":"2026-10-23T17:17:50+00:00","breadcrumb":{"@id":"https:\/\/www.gracecomputer.net\/cn\/#breadcrumb"},"inLanguage":"en","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.gracecomputer.net\/cn\/"]}]},{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/www.gracecomputer.net\/cn\/#primaryimage","url":"https:\/\/www.gracecomputer.net\/cn\/wp-content\/uploads\/kabonausa_com.png","contentUrl":"https:\/\/www.gracecomputer.net\/cn\/wp-content\/uploads\/kabonausa_com.png","width":1258,"height":820},{"@type":"BreadcrumbList","@id":"https:\/\/www.gracecomputer.net\/cn\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.gracecomputer.net\/cn\/"},{"@type":"ListItem","position":2,"name":"\u4e3b\u9875"}]},{"@type":"WebSite","@id":"https:\/\/www.gracecomputer.net\/cn\/#website","url":"https:\/\/www.gracecomputer.net\/cn\/","name":"Grace Computer Internet Corp.","description":"IT service &amp; Training","publisher":{"@id":"https:\/\/www.gracecomputer.net\/cn\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.gracecomputer.net\/cn\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en"},{"@type":"Organization","@id":"https:\/\/www.gracecomputer.net\/cn\/#organization","name":"Grace Computer Internet Corp.","url":"https:\/\/www.gracecomputer.net\/cn\/","logo":{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/www.gracecomputer.net\/cn\/#\/schema\/logo\/image\/","url":"https:\/\/www.gracecomputer.net\/wp-content\/uploads\/grace_computer_internet_corp_line.jpg","contentUrl":"https:\/\/www.gracecomputer.net\/wp-content\/uploads\/grace_computer_internet_corp_line.jpg","width":500,"height":215,"caption":"Grace Computer Internet Corp."},"image":{"@id":"https:\/\/www.gracecomputer.net\/cn\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/GraceComputerInternetCorp","https:\/\/x.com\/gracecompu6918"]}]}},"_links":{"self":[{"href":"https:\/\/www.gracecomputer.net\/cn\/wp-json\/wp\/v2\/pages\/38"}],"collection":[{"href":"https:\/\/www.gracecomputer.net\/cn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.gracecomputer.net\/cn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.gracecomputer.net\/cn\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gracecomputer.net\/cn\/wp-json\/wp\/v2\/comments?post=38"}],"version-history":[{"count":343,"href":"https:\/\/www.gracecomputer.net\/cn\/wp-json\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":19424,"href":"https:\/\/www.gracecomputer.net\/cn\/wp-json\/wp\/v2\/pages\/38\/revisions\/19424"}],"wp:attachment":[{"href":"https:\/\/www.gracecomputer.net\/cn\/wp-json\/wp\/v2\/media?parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}