{"id":189,"date":"2024-11-19T14:58:46","date_gmt":"2024-11-19T05:58:46","guid":{"rendered":"http:\/\/hakuun.ai\/?page_id=189"},"modified":"2026-03-22T01:48:21","modified_gmt":"2026-03-21T16:48:21","slug":"about-2","status":"publish","type":"page","link":"https:\/\/hakuun.ai\/index.php\/about-2\/","title":{"rendered":"\u4f1a\u793e\u6848\u5185\u3000About"},"content":{"rendered":"\n<style>\n\/* ============================================================\n   \u535a\u8fd0\u793e\u540d\u7531\u6765 (Bento Cloud v3) - \u539f\u6587\u5c0a\u91cd + \u5b57\u4f53\u653e\u5927\u7248\n   ============================================================ *\/\n\n.hk-origin-container-v3 {\n    max-width: 1100px;\n    margin: 60px auto 120px;\n    padding: 0 20px;\n    font-family: \"Helvetica Neue\", Arial, \"Hiragino Kaku Gothic ProN\", sans-serif;\n    color: #1e293b;\n    line-height: 1.8; \/* \u63d0\u5347\u884c\u9ad8\uff0c\u589e\u52a0\u547c\u5438\u611f *\/\n}\n\n\/* Bento Grid \u5e03\u5c40 *\/\n.hk-grid-v3 {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 30px; \/* \u589e\u5927\u95f4\u8ddd *\/\n}\n\n\/* \u901a\u7528\u5361\u7247\u6837\u5f0f *\/\n.hk-card-v3 {\n    background: #ffffff;\n    border-radius: 32px; \/* \u66f4\u5927\u7684\u5706\u89d2 *\/\n    padding: 50px 40px; \/* \u589e\u52a0\u5185\u8fb9\u8ddd *\/\n    border: 1px solid #f1f5f9;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.02);\n    transition: all 0.4s ease;\n    position: relative;\n    overflow: hidden;\n}\n\n.hk-card-v3:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 20px 50px rgba(37, 99, 235, 0.08);\n    border-color: #bfdbfe;\n}\n\n\/* \u9876\u90e8\u5168\u5bbd\u5361\u7247\uff1a\u6de1\u8272\u67d4\u548c\u6e10\u53d8 *\/\n.hk-hero-v3 {\n    grid-column: span 2;\n    background: linear-gradient(135deg, #f0f9ff 0%, #ffffff 100%);\n    border-left: 10px solid #3b82f6;\n}\n.hk-hero-v3 h2 { \n    font-size: 32px; \/* \u6807\u9898\u653e\u5927 *\/\n    font-weight: 800; \n    color: #1e3a8a; \n    margin-bottom: 25px; \n}\n.hk-hero-v3 p { \n    font-size: 20px; \/* \u6b63\u6587\u653e\u5927 *\/\n    color: #475569; \n    font-weight: 500;\n}\n\n\/* \u5b57\u7b26\u5361\u7247\u5e03\u5c40 *\/\n.hk-char-card-v3 {\n    padding-top: 60px;\n}\n.hk-char-card-v3 h3 {\n    font-size: 24px;\n    font-weight: 800;\n    color: #0f172a;\n    margin-bottom: 20px;\n}\n.hk-char-card-v3 p {\n    font-size: 18px; \/* \u6b63\u6587\u653e\u5927\u81f3 18px *\/\n    color: #64748b;\n}\n\n\/* \u53f3\u4e0a\u89d2\u7cbe\u81f4\u56fe\u6807 *\/\n.hk-top-right-icon {\n    position: absolute;\n    top: 30px;\n    right: 30px;\n    width: 40px;\n    height: 40px;\n    fill: none;\n    stroke: #3b82f6;\n    stroke-width: 1.5;\n}\n\n\/* \u5e95\u90e8\u613f\u666f\u5361\u7247 *\/\n.hk-vision-v3 {\n    grid-column: span 2;\n    background: #f8fafc;\n    border: none;\n    padding: 40px 50px;\n}\n.hk-vision-v3 h4 { font-size: 22px; color: #1e40af; margin-bottom: 15px; }\n.hk-vision-v3 p { font-size: 18px; color: #475569; }\n\n\/* \u54cd\u5e94\u5f0f\u8c03\u6574 *\/\n@media (max-width: 850px) {\n    .hk-grid-v3 { grid-template-columns: 1fr; }\n    .hk-hero-v3, .hk-char-card-v3, .hk-vision-v3 { grid-column: span 1; }\n    .hk-hero-v3 h2 { font-size: 24px; }\n    .hk-hero-v3 p, .hk-char-card-v3 p, .hk-vision-v3 p { font-size: 16px; }\n}\n<\/style>\n\n<div class=\"hk-origin-container-v3\">\n    <div class=\"hk-grid-v3\">\n        \n        <div class=\"hk-card-v3 hk-hero-v3\">\n            <h2>\u535a\u904b\u3068\u3044\u3046\u793e\u540d\u306e\u7531\u6765<\/h2>\n            <p>\u300c\u535a\u904b\u300d\u3068\u3044\u3046\u793e\u540d\u306b\u306f\u3001\u300c\u5e83\u5927\u306a\u5e78\u904b\u300d\u3068\u3044\u3046\u610f\u5473\u304c\u8fbc\u3081\u3089\u308c\u3066\u3044\u307e\u3059\u3002\u8fd9\u662f\u3001\u5f53\u793e\u304c\u304a\u5ba2\u69d8\u306b\u5927\u304d\u306a\u5e78\u305b\u3068\u6210\u529f\u3092\u3082\u305f\u3089\u3059\u5b58\u5728\u3067\u3042\u308a\u305f\u3044\u3068\u3044\u3046\u5207\u306a\u308b\u9858\u3044\u3092\u5f62\u306b\u3057\u305f\u3082\u306e\u3067\u3059\u3002<\/p>\n        <\/div>\n\n        <div class=\"hk-card-v3 hk-char-card-v3\">\n            <svg class=\"hk-top-right-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n            <h3>\u535a (Vast &#038; Broad)<\/h3>\n            <p>\u300c\u535a\u300d\u306e\u4e00\u6587\u5b57\u306f\u3001\u77e5\u8b58\u3084\u7d4c\u9a13\u306e\u5e83\u5927\u3055\u3001\u305d\u3057\u3066\u591a\u69d8\u6027\u3092\u8c61\u5fb4\u3057\u3066\u3044\u307e\u3059\u3002\u3042\u3089\u3086\u308b\u5206\u91ce\u306b\u304a\u3044\u3066\u5c02\u9580\u6027\u3092\u767a\u63ee\u3057\u3001\u304a\u5ba2\u69d8\u306e\u591a\u7a2e\u591a\u69d8\u306a\u30cb\u30fc\u30ba\u306b\u771f\u646f\u306b\u5fdc\u3048\u3066\u3044\u304f\u3068\u3044\u3046\u5f53\u793e\u306e\u51b3\u610f\u306e\u8868\u308c\u3067\u3059\u3002<\/p>\n        <\/div>\n\n        <div class=\"hk-card-v3 hk-char-card-v3\">\n            <svg class=\"hk-top-right-icon\" viewBox=\"0 0 24 24\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\n            <h3>\u904b (Opportunity)<\/h3>\n            <p>\u300c\u904b\u300d\u306e\u4e00\u6587\u5b57\u306f\u3001\u5358\u306a\u308b\u5e78\u904b\u306b\u3068\u3069\u307e\u3089\u305a\u3001\u81ea\u3089\u5207\u308a\u62d3\u304f\u30c1\u30e3\u30f3\u30b9\u3084\u672a\u6765\u3078\u306e\u5e0c\u671b\u3092\u610f\u5473\u3057\u3066\u3044\u307e\u3059\u3002\u81ea\u3089\u904b\u547d\u3092\u52d5\u304b\u3057\u3066\u3044\u304f\u80fd\u52d5\u7684\u306a\u529b\u3092\u8c61\u5fb4\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n        <\/div>\n\n        <div class=\"hk-card-v3 hk-vision-v3\">\n            <h4>\u672a\u6765\u3092\u5171\u306b\u5275\u9020\u3059\u308b\u30d1\u30fc\u30c8\u30ca\u30fc\u3068\u3057\u3066<\/h4>\n            <p>\u79c1\u305f\u3061\u306f\u300c\u535a\u904b\u300d\u306e\u540d\u306e\u3082\u3068\u306b\u3001\u304a\u5ba2\u69d8\u3068\u5171\u306b\u6b69\u307f\u3001\u4e00\u4eba\u3072\u3068\u308a\u306e\u53ef\u80fd\u6027\u3092\u6700\u5927\u9650\u306b\u5f15\u304d\u51fa\u3059\u30d1\u30fc\u30c8\u30ca\u30fc\u3068\u3057\u3066\u3001\u3088\u308a\u8f1d\u304b\u3057\u3044\u672a\u6765\u3092\u5171\u306b\u5275\u9020\u3057\u3066\u3044\u304f\u3053\u3068\u3092\u76ee\u6307\u3057\u3066\u304a\u308a\u307e\u3059\u3002<\/p>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n\n\n<style>\n\/* \u535a\u8fd0\u682a\u5f0f\u4f1a\u793e\u4e13\u5c5e\u5b9a\u5236\u5361\u7247\u98ce - \u6700\u7ec8\u4f18\u5316\u7248 *\/\n.by-about-container-final {\n    font-family: \"Helvetica Neue\", Arial, \"Hiragino Kaku Gothic ProN\", \"Microsoft YaHei\", sans-serif;\n    max-width: 950px;\n    margin: 40px auto;\n    padding: 20px;\n    display: flex;\n    flex-wrap: wrap; \/* \u4f7f\u7528 flex \u5e03\u5c40\u5b9e\u73b0\u66f4\u7075\u6d3b\u7684\u5206\u6210 *\/\n    gap: 20px;\n}\n\n.by-about-card {\n    background: #ffffff;\n    border-radius: 12px;\n    padding: 24px;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);\n    transition: all 0.3s ease;\n    border: 1px solid #f3f4f6;\n    flex: 1 1 calc(50% - 20px); \/* \u9ed8\u8ba4\u5360\u636e 50% \u5bbd\u5ea6 *\/\n    box-sizing: border-box;\n}\n\n\/* \u5168\u5bbd\u5361\u7247\u8bbe\u7f6e (\u516c\u53f8\u540d\u3001\u5730\u5740\u3001\u4e1a\u52a1) *\/\n.by-about-card.full-width {\n    flex: 1 1 100%;\n}\n\n.by-about-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 10px 30px rgba(37, 99, 235, 0.1);\n    border-color: rgba(37, 99, 235, 0.2);\n}\n\n.by-about-label {\n    display: block;\n    color: #6b7280;\n    font-size: 13px;\n    font-weight: 500;\n    margin-bottom: 8px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}\n\n.by-about-value {\n    display: block;\n    color: #111827;\n    font-size: 18px;\n    font-weight: 600;\n    line-height: 1.5;\n}\n\n\/* \u82f1\u6587\u540d\u79f0\u5c0f\u6807\u9898\u6837\u5f0f *\/\n.by-about-sub-value {\n    display: block;\n    color: #3b82f6; \/* \u54c1\u724c\u84dd\u8272 *\/\n    font-size: 14px;\n    font-weight: 500;\n    margin-top: 4px;\n}\n\n\/* \u79fb\u52a8\u7aef\u54cd\u5e94\u5f0f\u4f18\u5316 *\/\n@media (max-width: 600px) {\n    .by-about-container-final {\n        padding: 10px;\n        gap: 15px;\n    }\n    \/* \u5728\u975e\u5e38\u5c0f\u7684\u5c4f\u5e55\u4e0a\uff0c\u521b\u4e1a\u548c\u8bbe\u7acb\u4f9d\u7136\u4fdd\u6301\u5e73\u5747\u5206\u914d\uff0c\u4e0d\u6362\u884c *\/\n    .by-about-card {\n        padding: 15px;\n        flex: 1 1 calc(50% - 15px);\n    }\n    .by-about-value {\n        font-size: 15px;\n    }\n    \/* \u5176\u4ed6\u5361\u7247\u5728\u624b\u673a\u4e0a\u5207\u56de\u5168\u5bbd *\/\n    .by-about-card.mobile-full {\n        flex: 1 1 100%;\n    }\n}\n<\/style>\n\n<div class=\"by-about-container-final\">\n    <div class=\"by-about-card full-width\">\n        <span class=\"by-about-label\">Company Name \/ \u4f1a\u793e\u540d<\/span>\n        <span class=\"by-about-value\">\u535a\u8fd0\u682a\u5f0f\u4f1a\u793e<\/span>\n        <span class=\"by-about-sub-value\">HAKUUN CO., LTD.<\/span>\n    <\/div>\n\n    <div class=\"by-about-card\">\n        <span class=\"by-about-label\">Founded \/ \u5275\u696d<\/span>\n        <span class=\"by-about-value\">2014\u5e743\u670827\u65e5<\/span>\n    <\/div>\n    \n    <div class=\"by-about-card\">\n        <span class=\"by-about-label\">Established \/ \u8a2d\u7acb<\/span>\n        <span class=\"by-about-value\">2018\u5e746\u670813\u65e5<\/span>\n    <\/div>\n    \n    <div class=\"by-about-card mobile-full\">\n        <span class=\"by-about-label\">Director \/ \u4ee3\u8868\u53d6\u7de0\u5f79<\/span>\n        <span class=\"by-about-value\">\u53f2 \u5049\u535a<\/span>\n    <\/div>\n    \n    <div class=\"by-about-card mobile-full\">\n        <span class=\"by-about-label\">Capital \/ \u8cc7\u672c\u91d1<\/span>\n        <span class=\"by-about-value\">6,000,000\u5186<\/span>\n    <\/div>\n    \n    <div class=\"by-about-card full-width\">\n        <span class=\"by-about-label\">Located \/ \u6240\u5728\u5730<\/span>\n        <span class=\"by-about-value\">\u3012123-0864 \u6771\u4eac\u90fd\u8db3\u7acb\u533a\u9e7f\u6d5c3\u4e01\u76ee15-16<\/span>\n    <\/div>\n    \n    <div class=\"by-about-card full-width\">\n        <span class=\"by-about-label\">Business Content \/ \u4e8b\u696d\u5185\u5bb9<\/span>\n        <span class=\"by-about-value\">\u8d8a\u5883EC\u4e8b\u696d\u3001IT\u30b7\u30b9\u30c6\u30e0\u958b\u767a\u3001\u56fd\u969b\u7269\u6d41\u30b5\u30fc\u30d3\u30b9<\/span>\n    <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u535a\u904b\u3068\u3044\u3046\u793e\u540d\u306e\u7531\u6765 \u300c\u535a\u904b\u300d\u3068\u3044\u3046\u793e\u540d\u306b\u306f\u3001\u300c\u5e83\u5927\u306a\u5e78\u904b\u300d\u3068\u3044\u3046\u610f\u5473\u304c\u8fbc\u3081\u3089\u308c\u3066\u3044\u307e\u3059\u3002\u8fd9\u662f\u3001\u5f53\u793e\u304c\u304a\u5ba2\u69d8\u306b [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-189","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hakuun.ai\/index.php\/wp-json\/wp\/v2\/pages\/189","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hakuun.ai\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hakuun.ai\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hakuun.ai\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hakuun.ai\/index.php\/wp-json\/wp\/v2\/comments?post=189"}],"version-history":[{"count":53,"href":"https:\/\/hakuun.ai\/index.php\/wp-json\/wp\/v2\/pages\/189\/revisions"}],"predecessor-version":[{"id":547,"href":"https:\/\/hakuun.ai\/index.php\/wp-json\/wp\/v2\/pages\/189\/revisions\/547"}],"wp:attachment":[{"href":"https:\/\/hakuun.ai\/index.php\/wp-json\/wp\/v2\/media?parent=189"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}