{"id":10,"date":"2025-06-16T00:22:06","date_gmt":"2025-06-15T16:22:06","guid":{"rendered":"http:\/\/whimsical.gztopboss.com\/?page_id=10"},"modified":"2025-06-23T06:04:53","modified_gmt":"2025-06-22T22:04:53","slug":"contact","status":"publish","type":"page","link":"https:\/\/ai.top-boss.com\/index.php\/contact\/","title":{"rendered":"\u806f\u7d61\u6211\u5011"},"content":{"rendered":"\n<div class=\"wp-block-cover alignfull\" style=\"padding-right:0;padding-left:0;min-height:300px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-nv-site-bg-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-group\" style=\"padding-right:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<div class=\"topboss-contact-page\">\n  <div class=\"contact-header-section\">\n    <h1>Top-BOSS\u5ba2\u6236\u670d\u52d9<\/h1>\n    <div class=\"header-divider\"><\/div>\n    <p>\u7acb\u5373\u8207\u6211\u5011\u806f\u7e6b<\/p>\n  <\/div>\n\n  <!-- \u4e3b\u8981\u806f\u7d61\u5340\u584a -->\n  <div class=\"contact-main-container\">\n    <!-- LINE\u806f\u7d61\u5361 -->\n    <div class=\"contact-card highlight-card\">\n      <div class=\"card-icon line-icon\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path d=\"M272.1 204.2v71.1c0 1.8-1.4 3.2-3.2 3.2H151c-1.8 0-3.2-1.4-3.2-3.2v-71.1c0-1.8 1.4-3.2 3.2-3.2h118c1.7 0 3.1 1.4 3.1 3.2zm-118-28.4h118c1.7 0 3.1-1.4 3.1-3.2v-71.1c0-1.8-1.4-3.2-3.2-3.2H151c-1.8 0-3.2 1.4-3.2 3.2v71.1c0 1.7 1.4 3.1 3.2 3.1zM394.6 102.5l49.2-49.2c3.1-3.1 3.1-8.2 0-11.3l-17.3-17.3c-3.1-3.1-8.2-3.1-11.3 0l-49.2 49.2-35.6-35.6c-3.1-3.1-8.2-3.1-11.3 0l-17.3 17.3c-3.1 3.1-3.1 8.2 0 11.3l35.6 35.6-49.2 49.2c-3.1 3.1-3.1 8.2 0 11.3l17.3 17.3c3.1 3.1 8.2 3.1 11.3 0l49.2-49.2 35.6 35.6c3.1 3.1 8.2 3.1 11.3 0l17.3-17.3c3.1-3.1 3.1-8.2 0-11.3l-35.5-35.7zM0 384.3V128h448v256.3c0 35.2-28.8 63.7-64 63.7H64c-35.2 0-64-28.5-64-63.7z\"\/><\/svg>\n      <\/div>\n      <h3>LINE@ \u5ba2\u670d<\/h3>\n      \n      <div class=\"line-qr-section\">\n        <div class=\"qr-code-wrapper\">\n          <!-- \u52d5\u614b\u751f\u6210QR Code (\u9700\u66ff\u63db\u5be6\u969b\u9023\u7d50) -->\n          <img decoding=\"async\" src=\"https:\/\/api.qrserver.com\/v1\/create-qr-code\/?size=150x150&#038;data=https:\/\/line.me\/R\/ti\/p\/@gwx8140u\" alt=\"Top-BOSS LINE QR Code\">\n        <\/div>\n        <div class=\"line-details\">\n          <p><strong>LINE ID:<\/strong> @top-boss<\/p>\n          <a href=\"https:\/\/line.me\/R\/ti\/p\/@gwx8140u\" class=\"line-link-button\">\u624b\u6a5f\u76f4\u63a5\u9ede\u6b64\u9023\u7d50<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u50b3\u7d71\u806f\u7d61\u65b9\u5f0f -->\n    <div class=\"contact-details-container\">\n      <div class=\"contact-card\">\n        <div class=\"card-icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z\"\/><\/svg>\n        <\/div>\n        <h3>\u96fb\u8a71\u806f\u7d61<\/h3>\n        <p>(02) 8911-0858<\/p>\n        <p class=\"contact-person\">\u9673\u5c0f\u59d0<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <div class=\"card-icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M464 64H48C21.5 64 0 85.5 0 112v288c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM48 96h416c8.8 0 16 7.2 16 16v41.4c-21.9 18.5-53.2 44-150.6 121.3-16.9 13.4-50.2 45.7-73.4 45.3-23.2.4-56.6-31.9-73.4-45.3C85.2 197.4 53.9 171.9 32 153.4V112c0-8.8 7.2-16 16-16zm416 320H48c-8.8 0-16-7.2-16-16V195c22.8 18.7 58.8 47.6 130.7 104.7 20.5 16.4 56.7 52.5 93.3 52.3 36.4.3 72.3-35.5 93.3-52.3 71.9-57.1 107.9-86 130.7-104.7v205c0 8.8-7.2 16-16 16z\"\/><\/svg>\n        <\/div>\n        <h3>\u96fb\u5b50\u90f5\u4ef6<\/h3>\n        <p>service@top-boss.com<\/p>\n      <\/div>\n\n      <div class=\"contact-card\">\n        <div class=\"card-icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M464 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM48 92c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H60c-6.6 0-12-5.4-12-12V92zm416 328c0 6.6-5.4 12-12 12H60c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h392c6.6 0 12 5.4 12 12v40zm0-328c0 6.6-5.4 12-12 12H172c-6.6 0-12-5.4-12-12V92c0-6.6 5.4-12 12-12h280c6.6 0 12 5.4 12 12v40z\"\/><\/svg>\n        <\/div>\n        <h3>\u50b3\u771f<\/h3>\n        <p>(02) 8911-0859<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <\/div>\n<\/div>\n\n<style>\n\/* \u57fa\u790e\u6a23\u5f0f *\/\n.topboss-contact-page {\n  font-family: 'Noto Sans TC', sans-serif;\n  color: #333;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 30px 15px;\n}\n\n\/* \u9801\u9996\u6a23\u5f0f *\/\n.contact-header-section {\n  text-align: center;\n  margin-bottom: 50px;\n}\n\n.contact-header-section h1 {\n  color: #2c3e50;\n  font-size: 36px;\n  margin-bottom: 15px;\n}\n\n.header-divider {\n  width: 80px;\n  height: 3px;\n  background: #00b900;\n  margin: 0 auto 15px;\n}\n\n.contact-header-section p {\n  color: #7f8c8d;\n  font-size: 18px;\n}\n\n\/* \u4e3b\u8981\u806f\u7d61\u5340\u584a *\/\n.contact-main-container {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 30px;\n  margin-bottom: 50px;\n}\n\n\/* \u806f\u7d61\u5361\u7247\u901a\u7528\u6a23\u5f0f *\/\n.contact-card {\n  background: white;\n  border-radius: 10px;\n  padding: 30px;\n  box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n  flex: 1;\n  min-width: 250px;\n  transition: transform 0.3s ease;\n}\n\n.contact-card:hover {\n  transform: translateY(-5px);\n}\n\n.highlight-card {\n  border-top: 4px solid #00b900;\n}\n\n.card-icon {\n  width: 60px;\n  height: 30px;\n  background: #f5f5f5;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 20px;\n}\n\n.card-icon svg {\n  width: 24px;\n  height: 24px;\n  fill: #00b900;\n}\n\n.line-icon {\n  background: rgba(0, 185, 0, 0.1);\n}\n\n.contact-card h3 {\n  color: #2c3e50;\n  font-size: 20px;\n  margin-bottom: 15px;\n}\n\n.contact-card p {\n  margin: 5px 0;\n  color: #555;\n}\n\n.contact-person {\n  font-style: italic;\n  color: #7f8c8d;\n}\n\n\/* LINE\u5c08\u5340\u6a23\u5f0f *\/\n.line-qr-section {\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  margin-top: 20px;\n}\n\n.qr-code-wrapper {\n  border: 1px solid #eee;\n  padding: 10px;\n  border-radius: 5px;\n}\n\n.qr-code-wrapper img {\n  display: block;\n  width: 150px;\n  height: 150px;\n}\n\n.line-details {\n  flex: 1;\n}\n\n.line-link-button {\n  display: inline-block;\n  background: #00b900;\n  color: white;\n  padding: 10px 20px;\n  border-radius: 5px;\n  text-decoration: none;\n  margin-top: 15px;\n  font-weight: 500;\n  transition: background 0.3s ease;\n}\n\n.line-link-button:hover {\n  background: #009700;\n}\n\n\/* \u806f\u7d61\u65b9\u5f0f\u6392\u5217 *\/\n.contact-details-container {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  flex: 1;\n  min-width: 250px;\n}\n\n\/* \u806f\u7d61\u8868\u55ae\u6a23\u5f0f *\/\n.contact-form-section {\n  background: #f9f9f9;\n  padding: 40px;\n  border-radius: 10px;\n}\n\n.contact-form-section h2 {\n  text-align: center;\n  color: #2c3e50;\n  margin-bottom: 30px;\n  font-size: 24px;\n}\n\n.contact-form {\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.form-row {\n  display: flex;\n  gap: 20px;\n}\n\n.form-group {\n  margin-bottom: 20px;\n  flex: 1;\n}\n\n.form-group label {\n  display: block;\n  margin-bottom: 8px;\n  font-weight: 500;\n  color: #2c3e50;\n}\n\n.form-group input,\n.form-group select,\n.form-group textarea {\n  width: 100%;\n  padding: 12px;\n  border: 1px solid #ddd;\n  border-radius: 5px;\n  font-family: inherit;\n  font-size: 16px;\n}\n\n.form-group textarea {\n  resize: vertical;\n  min-height: 120px;\n}\n\n.submit-button {\n  background: #00b900;\n  color: white;\n  border: none;\n  padding: 12px 30px;\n  border-radius: 5px;\n  font-size: 16px;\n  font-weight: 500;\n  cursor: pointer;\n  display: block;\n  margin: 0 auto;\n  transition: background 0.3s ease;\n}\n\n.submit-button:hover {\n  background: #009700;\n}\n\n\/* \u97ff\u61c9\u5f0f\u8a2d\u8a08 *\/\n@media (max-width: 992px) {\n  .contact-main-container {\n    flex-direction: column;\n  }\n  \n  .line-qr-section {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .qr-code-wrapper {\n    margin-bottom: 20px;\n  }\n}\n\n@media (max-width: 768px) {\n  .contact-header-section h1 {\n    font-size: 28px;\n  }\n  \n  .contact-card {\n    padding: 20px;\n  }\n  \n  .form-row {\n    flex-direction: column;\n    gap: 0;\n  }\n  \n  .contact-form-section {\n    padding: 20px;\n  }\n}\n\n@media (max-width: 480px) {\n  .contact-header-section h1 {\n    font-size: 24px;\n  }\n  \n  .header-divider {\n    width: 60px;\n  }\n  \n  .card-icon {\n    width: 50px;\n    height: 50px;\n    margin-bottom: 15px;\n  }\n  \n  .card-icon svg {\n    width: 20px;\n    height: 20px;\n  }\n  \n  .contact-card h3 {\n    font-size: 18px;\n  }\n  \n  .qr-code-wrapper img {\n    width: 120px;\n    height: 120px;\n  }\n}\n<\/style>\n<\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"on","neve_meta_content_width":100,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"on","footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ai.top-boss.com\/index.php\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ai.top-boss.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ai.top-boss.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ai.top-boss.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ai.top-boss.com\/index.php\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":8,"href":"https:\/\/ai.top-boss.com\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":206,"href":"https:\/\/ai.top-boss.com\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions\/206"}],"wp:attachment":[{"href":"https:\/\/ai.top-boss.com\/index.php\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}