{"id":2187,"date":"2026-04-01T14:16:41","date_gmt":"2026-04-01T06:16:41","guid":{"rendered":"https:\/\/2013.webk.svipwebs.com\/?page_id=2187"},"modified":"2026-04-01T16:58:42","modified_gmt":"2026-04-01T08:58:42","slug":"%e5%85%b3%e4%ba%8e%e6%88%91%e4%bb%ac","status":"publish","type":"page","link":"https:\/\/2013.webk.svipwebs.com\/en\/%e5%85%b3%e4%ba%8e%e6%88%91%e4%bb%ac\/","title":{"rendered":"About Us"},"content":{"rendered":"<style>\r\n  \/* =========================================\r\n     ABOUT US - SECTION 1 (\u97f3\u4e50\u5f8b\u52a8\u753b\u5377 \/ \u975e\u5bf9\u79f0\u7f8e\u5b66)\r\n     ========================================= *\/\r\n\r\n  .aboutone-section {\r\n    position: relative;\r\n    padding: 70px 5% 150px 5%;\r\n    \/* \u6781\u81f4\u6e29\u6696\u7684\u4e1d\u7ef8\u611f\u5e95\u8272\uff0c\u7f13\u89e3\u6df1\u8272\u7ad9\u70b9\u7684\u89c6\u89c9\u538b\u529b *\/\r\n    background: #FDFBF8;\r\n    color: #1A1715; \r\n    font-family: 'Helvetica Neue', Arial, 'PingFang SC', sans-serif;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* \u6c1b\u56f4\u88c5\u9970\uff1a\u6d41\u52a8\u7684\u5149\u611f\u7c92\u5b50\uff08\u6a21\u62df\u58f0\u97f3\u5728\u7a7a\u6c14\u4e2d\u7684\u6ce2\u52a8\uff09 *\/\r\n  .aboutone-ambient-glow {\r\n    position: absolute;\r\n    top: -10%; right: -5%;\r\n    width: 600px; height: 600px;\r\n    background: radial-gradient(circle, rgba(166, 124, 82, 0.08) 0%, transparent 70%);\r\n    filter: blur(80px);\r\n    animation: floating-glow 12s infinite alternate ease-in-out;\r\n    pointer-events: none;\r\n  }\r\n\r\n  @keyframes floating-glow {\r\n    0% { transform: translate(0, 0) scale(1); }\r\n    100% { transform: translate(-100px, 50px) scale(1.2); }\r\n  }\r\n\r\n  .aboutone-container {\r\n    max-width: 1300px; \r\n    margin: 0 auto;\r\n    display: flex;\r\n    align-items: center; \/* \u5782\u76f4\u5c45\u4e2d\u5bf9\u9f50 *\/\r\n    justify-content: space-between;\r\n    gap: 60px;\r\n    position: relative;\r\n    z-index: 5;\r\n  }\r\n\r\n  \/* ================= \u5de6\u4fa7\uff1a\u6587\u5b57\u53d9\u8ff0\u533a ================= *\/\r\n  .aboutone-content {\r\n    flex: 1;\r\n    position: relative;\r\n  }\r\n\r\n  \/* \u9876\u90e8\u52a8\u6001\u5747\u8861\u5668\u88c5\u9970 *\/\r\n  .aboutone-eq-loader {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    gap: 3px;\r\n    margin-bottom: 25px;\r\n    height: 30px;\r\n  }\r\n  .aboutone-eq-loader span {\r\n    width: 2px;\r\n    background: #A67C52;\r\n    border-radius: 1px;\r\n    animation: eq-pulse 1.5s ease-in-out infinite alternate;\r\n  }\r\n  .aboutone-eq-loader span:nth-child(1) { height: 10px; animation-delay: 0.1s; }\r\n  .aboutone-eq-loader span:nth-child(2) { height: 25px; animation-delay: 0.3s; }\r\n  .aboutone-eq-loader span:nth-child(3) { height: 15px; animation-delay: 0.5s; }\r\n  .aboutone-eq-loader span:nth-child(4) { height: 20px; animation-delay: 0.2s; }\r\n\r\n  @keyframes eq-pulse {\r\n    0% { transform: scaleY(1); opacity: 0.4; }\r\n    100% { transform: scaleY(0.4); opacity: 1; }\r\n  }\r\n\r\n  .aboutone-tag {\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    color: #A67C52;\r\n    letter-spacing: 5px;\r\n    text-transform: uppercase;\r\n    margin-bottom: 12px;\r\n    display: block;\r\n  }\r\n\r\n  .aboutone-title {\r\n    font-size: 44px;\r\n    font-weight: 900;\r\n    line-height: 1.25;\r\n    margin: 0 0 40px 0;\r\n    letter-spacing: -1px;\r\n    color: #1A1715;\r\n    position: relative;\r\n  }\r\n\r\n  .aboutone-desc p {\r\n    font-size: 17px;\r\n    line-height: 2.1;\r\n    color: #554F4A; \r\n    margin-bottom: 28px;\r\n    font-weight: 400;\r\n  }\r\n\r\n  \/* \u5173\u952e\u8bcd\u52a8\u6001\u9ad8\u4eae *\/\r\n  .accent-word {\r\n    color: #A67C52;\r\n    font-weight: 700;\r\n    border-bottom: 1.5px solid rgba(166, 124, 82, 0.3);\r\n    padding-bottom: 2px;\r\n  }\r\n\r\n  .aboutone-footer-quote {\r\n    margin-top: 50px;\r\n    font-size: 19px;\r\n    font-weight: 800;\r\n    font-style: italic;\r\n    color: #A67C52;\r\n    letter-spacing: 1px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n  }\r\n  .aboutone-footer-quote::after {\r\n    content: '';\r\n    flex-grow: 1;\r\n    height: 1px;\r\n    background: linear-gradient(to right, rgba(166, 124, 82, 0.3), transparent);\r\n  }\r\n\r\n  \/* ================= \u53f3\u4fa7\uff1a\u56fe\u7247\u5448\u73b0\u533a ================= *\/\r\n  .aboutone-visual {\r\n    flex: 1;\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    position: relative;\r\n  }\r\n\r\n  \/* \u76f8\u6846\u5bb9\u5668\uff1a\u81ea\u52a8\u9002\u5e94\u56fe\u7247\u6bd4\u4f8b *\/\r\n  .aboutone-img-anchor {\r\n    position: relative;\r\n    max-width: 100%; \/* \u786e\u4fdd\u56fe\u7247\u5b8c\u6574\u663e\u793a *\/\r\n    transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n  }\r\n\r\n  .aboutone-img-anchor img {\r\n    \/* \u6838\u5fc3\u4fee\u6539\uff1a\u4fdd\u6301\u539f\u59cb\u6bd4\u4f8b\u5b8c\u6574\u663e\u793a *\/\r\n    display: block;\r\n    width: 100%;\r\n    height: auto; \r\n    border-radius: 8px;\r\n    \/* \u6a21\u62df\u9ad8\u7aef\u97f3\u54cd\u5668\u6750\u7684\u62c9\u4e1d\u9634\u5f71 *\/\r\n    box-shadow: \r\n      25px 25px 60px rgba(166, 124, 82, 0.12),\r\n      -10px -10px 40px rgba(255, 255, 255, 0.8);\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* \u88c5\u9970\u80cc\u666f\u6846\uff08\u5728\u56fe\u7247\u540e\u9762\u9519\u4f4d\u663e\u793a\uff0c\u589e\u52a0\u7acb\u4f53\u611f\uff09 *\/\r\n  .aboutone-img-anchor::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 20px; left: -20px;\r\n    width: 100%; height: 100%;\r\n    border: 1px solid rgba(166, 124, 82, 0.2);\r\n    border-radius: 8px;\r\n    z-index: 1;\r\n    pointer-events: none;\r\n    transition: transform 0.6s ease;\r\n  }\r\n\r\n  .aboutone-visual:hover .aboutone-img-anchor {\r\n    transform: translateY(-8px) scale(1.02);\r\n  }\r\n  .aboutone-visual:hover .aboutone-img-anchor::before {\r\n    transform: translate(-10px, -10px);\r\n    border-color: rgba(166, 124, 82, 0.5);\r\n  }\r\n\r\n  \/* \u53f3\u4e0b\u89d2\u6781\u7b80\u88c5\u9970\u6807\u7b7e *\/\r\n  .aboutone-img-tag {\r\n    position: absolute;\r\n    bottom: -20px;\r\n    right: 40px;\r\n    background: #1A1715;\r\n    color: #fff;\r\n    padding: 10px 20px;\r\n    font-size: 11px;\r\n    letter-spacing: 2px;\r\n    font-weight: 700;\r\n    z-index: 3;\r\n    box-shadow: 0 10px 20px rgba(0,0,0,0.1);\r\n  }\r\n\r\n  \/* \u54cd\u5e94\u5f0f\u8c03\u6574 *\/\r\n  @media (max-width: 1024px) {\r\n    .aboutone-container { flex-direction: column; text-align: center; }\r\n    .aboutone-visual { justify-content: center; width: 100%; }\r\n    .aboutone-img-anchor { max-width: 85%; }\r\n    .aboutone-eq-loader { justify-content: center; }\r\n    .aboutone-title { font-size: 34px; }\r\n    .aboutone-footer-quote::after { display: none; }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .aboutone-section { padding: 80px 6%; }\r\n    .aboutone-title { font-size: 28px; }\r\n    .aboutone-desc p { font-size: 16px; text-align: left; }\r\n    .aboutone-img-anchor { max-width: 100%; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"aboutone-section\">\r\n  <!-- \u6c1b\u56f4\u7c92\u5b50\u5149\u5f71 -->\r\n  <div class=\"aboutone-ambient-glow\"><\/div>\r\n\r\n  <div class=\"aboutone-container\">\r\n\r\n    <!-- \u5de6\u4fa7\uff1a\u5bcc\u6709\u8282\u594f\u611f\u7684\u6587\u6848 -->\r\n    <div class=\"aboutone-content\">\r\n      <div class=\"aboutone-eq-loader\">\r\n        <span><\/span><span><\/span><span><\/span><span><\/span>\r\n      <\/div>\r\n      <span class=\"aboutone-tag\">Musical Connection<\/span>\r\n      \r\n      <h2 class=\"aboutone-title\">\r\n        StarSoundJoy: Here it is!<br>\r\n        In Search of the Ultimate Hold on the Art of the Vocal\r\n      <\/h2>\r\n      \r\n      <div class=\"aboutone-desc\">\r\n        <p>\r\n          STAR SOUND JOY MUSIC STUDIO was founded in <span class=\"accent-word\">2020<\/span>is a company that specializes in <span class=\"accent-word\">A Cappella<\/span> and vocal instruction, supplemented by a comprehensive program of popular dance.\r\n        <\/p>\r\n        \r\n        <p>\r\n          We believe that music is the language that breaks down barriers. In addition to professional teaching, we write and rehearse a cappella songs tailor-made for major corporations, schools, performances and concerts. Through our efforts, we are able to bring the purest vocal choral singing to all levels of society, so that every love can be vocalized under the spotlight.\r\n        <\/p>\r\n        \r\n        <p>\r\n          Here you can learn firsthand and experience what a cappella can bring to <span class=\"accent-word\">Highest harmonic beauty<\/span>. Heavenly music is made up of you, and deep bonds between people are remade here.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"aboutone-footer-quote\">\r\n        Let the music move you, move me, move him\/her!\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u53f3\u4fa7\uff1a\u5b8c\u6574\u6bd4\u4f8b\u7684\u56fe\u7247\u5c55\u793a -->\r\n    <div class=\"aboutone-visual\">\r\n      <div class=\"aboutone-img-anchor\">\r\n        <!-- \u91cd\u70b9\uff1a\u56fe\u7247\u5c06\u6839\u636e\u539f\u59cb\u6bd4\u4f8b\u5b8c\u6574\u663e\u793a\uff0c\u4e0d\u4f1a\u88c1\u526a -->\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/08043939868.png\" alt=\"Photos of Star Sound Hyatt Space\">\r\n        <!-- \u88c5\u9970\u5c0f\u6807\u7b7e -->\r\n        <div class=\"aboutone-img-tag\">A CAPPELLA LIFE<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\n<style>\r\n  \/* =========================================\r\n     ABOUT US - SECTION 2 (\u56e2\u961f\u5bfc\u5e08\uff1a\u5e73\u5b9e\/\u4e13\u4e1a\/\u5b66\u9662\u8d28\u611f)\r\n     ========================================= *\/\r\n\r\n  .abouttwo-section {\r\n    padding: 100px 5% 140px 5%;\r\n    background-color: #FDFBF8; \/* \u5ef6\u7eed\u71d5\u9ea6\u8272\u57fa\u8c03 *\/\r\n    font-family: -apple-system, BlinkMacSystemFont, \"PingFang SC\", \"Microsoft YaHei\", sans-serif;\r\n    position: relative;\r\n  }\r\n\r\n  .abouttwo-container {\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* \u5934\u90e8\u6807\u9898\u533a\uff1a\u7b80\u6d01\u6709\u529b *\/\r\n  .abouttwo-header {\r\n    text-align: center;\r\n    margin-bottom: 70px;\r\n  }\r\n\r\n  .abouttwo-tag {\r\n    font-size: 13px;\r\n    color: #A67C52;\r\n    letter-spacing: 4px;\r\n    text-transform: uppercase;\r\n    display: block;\r\n    margin-bottom: 15px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .abouttwo-title {\r\n    font-size: 32px;\r\n    font-weight: 800;\r\n    color: #1A1715; \r\n    margin: 0;\r\n  }\r\n\r\n  \/* \u56e2\u961f\u5361\u7247\u7f51\u683c *\/\r\n  .abouttwo-grid {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 50px;\r\n  }\r\n\r\n  \/* \u5bfc\u5e08\u5361\u7247 *\/\r\n  .abouttwo-card {\r\n    background: #FFFFFF;\r\n    border-radius: 12px;\r\n    padding: 25px;\r\n    width: 480px; \/* \u56fa\u5b9a\u5bbd\u5ea6\uff0c\u786e\u4fdd\u5185\u5bb9\u7248\u5f0f\u6574\u9f50 *\/\r\n    border: 1px solid rgba(166, 124, 82, 0.1);\r\n    box-shadow: 0 15px 35px rgba(138, 115, 95, 0.05);\r\n    transition: all 0.4s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .abouttwo-card:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 25px 50px rgba(138, 115, 95, 0.1);\r\n    border-color: rgba(166, 124, 82, 0.3);\r\n  }\r\n\r\n  \/* \u5bfc\u5e08\u7167\u7247\u5c55\u793a *\/\r\n  .abouttwo-img-box {\r\n    width: 100%;\r\n    aspect-ratio: 4 \/ 5;\r\n    border-radius: 8px;\r\n    overflow: hidden;\r\n    margin-bottom: 25px;\r\n    background-color: #F5F0E8;\r\n  }\r\n\r\n  .abouttwo-img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n  }\r\n\r\n  \/* \u6838\u5fc3\u4fe1\u606f\u533a *\/\r\n  .abouttwo-info {\r\n    flex-grow: 1;\r\n  }\r\n\r\n  .abouttwo-name-row {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .abouttwo-name {\r\n    font-size: 24px;\r\n    font-weight: 700;\r\n    color: #1A1715;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* EQ \u8df3\u52a8\u7684\u5c0f\u52a8\u6548\uff0c\u589e\u52a0\u4e00\u70b9\u97f3\u4e50\u5fae\u7ec6\u8282 *\/\r\n  .abouttwo-eq {\r\n    display: flex;\r\n    gap: 3px;\r\n    height: 15px;\r\n    align-items: flex-end;\r\n  }\r\n  .abouttwo-eq span {\r\n    width: 2px;\r\n    background: #A67C52;\r\n    animation: eq-mini 1s ease-in-out infinite alternate;\r\n  }\r\n  .abouttwo-eq span:nth-child(2) { animation-delay: 0.2s; }\r\n  .abouttwo-eq span:nth-child(3) { animation-delay: 0.4s; }\r\n  @keyframes eq-mini { 100% { height: 5px; opacity: 0.5; } }\r\n\r\n  .abouttwo-role {\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    color: #A67C52;\r\n    letter-spacing: 1px;\r\n    margin-bottom: 15px;\r\n    display: block;\r\n  }\r\n\r\n  .abouttwo-tags {\r\n    margin-bottom: 20px;\r\n    display: flex;\r\n    gap: 8px;\r\n  }\r\n\r\n  .abouttwo-tag-item {\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    color: #8A8175;\r\n    background: #F5F0E8;\r\n    padding: 4px 10px;\r\n    border-radius: 4px;\r\n  }\r\n\r\n  \/* \u63cf\u8ff0\u6587\u6848\uff1a\u5e73\u5b9e\u4e13\u4e1a *\/\r\n  .abouttwo-desc {\r\n    font-size: 14.5px;\r\n    line-height: 1.8;\r\n    color: #554F4A;\r\n    font-weight: 400;\r\n    margin: 0;\r\n    text-align: justify;\r\n  }\r\n\r\n  \/* \u54cd\u5e94\u5f0f *\/\r\n  @media (max-width: 991px) {\r\n    .abouttwo-grid { flex-direction: column; align-items: center; }\r\n    .abouttwo-card { width: 100%; max-width: 450px; }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .abouttwo-section { padding: 80px 6%; }\r\n    .abouttwo-title { font-size: 26px; }\r\n    .abouttwo-name { font-size: 20px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"abouttwo-section\">\r\n  <div class=\"abouttwo-container\">\r\n    \r\n    <div class=\"abouttwo-header\">\r\n      <span class=\"abouttwo-tag\">FACULTY<\/span>\r\n      <h2 class=\"abouttwo-title\">Team Core Mentor<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"abouttwo-grid\">\r\n      \r\n      <!-- \u5bfc\u5e08 1\uff1a\u5218\u5bb8 -->\r\n      <div class=\"abouttwo-card\">\r\n        <div class=\"abouttwo-img-box\">\r\n          <img decoding=\"async\" src=\"https:\/\/2013.webk.svipwebs.com\/wp-content\/uploads\/2026\/04\/10021808765-scaled.jpg\" alt=\"Mr. Chen Liu\" class=\"abouttwo-img\">\r\n        <\/div>\r\n        <div class=\"abouttwo-info\">\r\n          <div class=\"abouttwo-name-row\">\r\n            <h3 class=\"abouttwo-name\">Mr. Chen Liu<\/h3>\r\n            <div class=\"abouttwo-eq\">\r\n              <span><\/span><span><\/span><span><\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"abouttwo-role\">A Cappella Tutor<\/span>\r\n          \r\n          <div class=\"abouttwo-tags\">\r\n            <span class=\"abouttwo-tag-item\">a cappella (music)<\/span>\r\n            <span class=\"abouttwo-tag-item\">popular singing<\/span>\r\n          <\/div>\r\n          \r\n          <p class=\"abouttwo-desc\">\r\n            Graduated from Xinghai Conservatory of Music majoring in Pop Music Performance, specializing in Pop Singing, Trapeze Dance and Piano. She is the founder of the Vocal A Cappella Ensemble and the director of the Star Music Studio, specializing in a cappella teaching and performance arrangement.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- \u5bfc\u5e08 2\uff1a\u66fe\u5353 -->\r\n      <div class=\"abouttwo-card\">\r\n        <div class=\"abouttwo-img-box\">\r\n          <img decoding=\"async\" src=\"https:\/\/2013.webk.svipwebs.com\/wp-content\/uploads\/2026\/04\/10022211712.png\" alt=\"Mr. Zeng Zhuo\" class=\"abouttwo-img\">\r\n        <\/div>\r\n        <div class=\"abouttwo-info\">\r\n          <div class=\"abouttwo-name-row\">\r\n            <h3 class=\"abouttwo-name\">Mr. Tsang Cheuk (THIRASH)<\/h3>\r\n            <div class=\"abouttwo-eq\">\r\n              <span><\/span><span><\/span><span><\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"abouttwo-role\">Beatbox Tutors<\/span>\r\n\r\n          <div class=\"abouttwo-tags\">\r\n            <span class=\"abouttwo-tag-item\">Beatbox<\/span>\r\n            <span class=\"abouttwo-tag-item\">vocal percussion<\/span>\r\n          <\/div>\r\n\r\n          <p class=\"abouttwo-desc\">\r\n            Graduated from Wuhan Conservatory of Music. In high school, she was exposed to and studied the art of vocal rhythm through her school Beatbox club. During her college years, she joined the A Cappella Choir, and has served as the Vocal Percussion (VP) section of the team for a long period of time, accumulating a wealth of experience in live performances, competitions, and teaching, and specializing in arranging and instructing vocal percussion in A Cappella.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\n<style>\r\n  \/* =========================================\r\n     ABOUT US - SECTION 3 (\u4f60\u80fd\u83b7\u5f97\u4ec0\u4e48\uff1a\u4eb2\u548c\u529b \/ \u97f3\u4e50\u6c14\u606f)\r\n     ========================================= *\/\r\n\r\n  \/* \u57fa\u7840\u5bb9\u5668\uff1a\u7528\u6781\u5176\u5e72\u51c0\u7684\u6696\u767d\u8272\uff0c\u50cf\u5d2d\u65b0\u7684\u539a\u5e95\u7d20\u63cf\u7eb8 *\/\r\n  .aboutthree-section {\r\n    padding: 120px 5%;\r\n    background-color: #FFFDF9; \/* \u6bd4\u4e0a\u4e00\u90e8\u5206\u7a0d\u5fae\u4eae\u4e00\u70b9\uff0c\u589e\u52a0\u5c42\u6b21 *\/\r\n    font-family: -apple-system, BlinkMacSystemFont, \"PingFang SC\", \"Microsoft YaHei\", sans-serif;\r\n    position: relative;\r\n    overflow: hidden; \/* \u9632\u6b62\u80cc\u666f\u88c5\u9970\u6ea2\u51fa *\/\r\n  }\r\n\r\n  \/* \u80cc\u666f\u88c5\u9970\uff1a\u6d41\u52a8\u7684\u4e94\u7ebf\u8c31\u5149\u5e26 - \u8f7b\u67d4\u3001\u52a8\u6001\u7684\u97f3\u4e50\u5143\u7d20 *\/\r\n  .aboutthree-section::before,\r\n  .aboutthree-section::after {\r\n    content: '';\r\n    position: absolute;\r\n    height: 1px; \/* \u7ec6\u7ebf\u8425\u9020\u4e94\u7ebf\u8c31\u611f *\/\r\n    background: rgba(166, 124, 82, 0.1);\r\n    animation: flow-line 25s linear infinite; \/* \u7f13\u6162\u6d41\u52a8 *\/\r\n    pointer-events: none;\r\n    z-index: 1; \/* \u786e\u4fdd\u5728\u5185\u5bb9\u4e4b\u4e0b *\/\r\n  }\r\n\r\n  .aboutthree-section::before {\r\n    top: 25%; left: -50%; width: 200%;\r\n    transform: rotate(-3deg); \/* \u5fae\u5fae\u503e\u659c\uff0c\u66f4\u81ea\u7136 *\/\r\n    animation-delay: 0s;\r\n  }\r\n\r\n  .aboutthree-section::after {\r\n    top: 65%; left: -50%; width: 200%;\r\n    background: rgba(0, 0, 0, 0.03); \/* \u53e6\u4e00\u6761\u7ebf\u4f5c\u4e3a\u5bf9\u6bd4 *\/\r\n    transform: rotate(2deg);\r\n    animation-delay: 12s; \/* \u9519\u5f00\u52a8\u753b *\/\r\n  }\r\n\r\n  @keyframes flow-line {\r\n    0% { transform: translateX(0); }\r\n    100% { transform: translateX(100%); }\r\n  }\r\n\r\n  .aboutthree-container {\r\n    max-width: 950px; \/* \u7a0d\u5fae\u6536\u7a84\uff0c\u8ba9\u9605\u8bfb\u89c6\u7ebf\u66f4\u96c6\u4e2d *\/\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 5; \/* \u786e\u4fdd\u5185\u5bb9\u5728\u80cc\u666f\u4e4b\u4e0a *\/\r\n  }\r\n\r\n  \/* \u5934\u90e8\u6807\u9898\u533a *\/\r\n  .aboutthree-header {\r\n    text-align: center;\r\n    margin-bottom: 80px;\r\n  }\r\n\r\n  .aboutthree-tag {\r\n    font-size: 13px;\r\n    color: #A67C52;\r\n    letter-spacing: 4px;\r\n    text-transform: uppercase;\r\n    display: block;\r\n    margin-bottom: 15px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .aboutthree-title {\r\n    font-size: 38px;\r\n    font-weight: 800;\r\n    color: #1A1715; \/* \u6df1\u6696\u5496\u8272 *\/\r\n    margin: 0 0 20px 0;\r\n    letter-spacing: -1px; \/* \u7d27\u51d1\u6807\u9898 *\/\r\n  }\r\n\r\n  .aboutthree-subtitle {\r\n    font-size: 17px;\r\n    color: #8A8175;\r\n    font-weight: 400;\r\n    max-width: 600px;\r\n    margin: 0 auto;\r\n    line-height: 1.8;\r\n  }\r\n\r\n  \/* \u4ef7\u503c\u70b9\u5217\u8868\uff1a\u5782\u76f4\u6392\u5217\uff0c\u6742\u5fd7\u611f\u9519\u843d\u5e03\u5c40 *\/\r\n  .aboutthree-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 70px; \/* \u589e\u52a0\u95f4\u8ddd\u611f *\/\r\n  }\r\n\r\n  \/* \u6bcf\u4e00\u4e2a\u4ef7\u503c\u70b9 Item *\/\r\n  .aboutthree-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 45px;\r\n    padding: 30px; \/* \u5185\u90e8\u7559\u767d\uff0c\u589e\u52a0\u547c\u5438\u611f *\/\r\n    border-radius: 18px;\r\n    background: #FFFFFF; \/* \u6f02\u6d6e\u5361\u7247\u611f *\/\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.03);\r\n    transition: all 0.4s ease;\r\n  }\r\n\r\n  .aboutthree-item:hover {\r\n    box-shadow: 0 15px 40px rgba(0,0,0,0.06);\r\n    transform: translateY(-5px);\r\n  }\r\n\r\n  \/* \u5145\u6ee1\u827a\u672f\u611f\u7684\u88c5\u9970\u6027\u6570\u5b57 *\/\r\n  .aboutthree-num {\r\n    flex-shrink: 0;\r\n    font-size: 80px;\r\n    font-weight: 900;\r\n    line-height: 0.9;\r\n    letter-spacing: -3px;\r\n    color: #F0EBE1; \/* \u6781\u6de1\u7684\u71d5\u9ea6\u8272\uff0c\u50cf\u7eb8\u5f20\u4e0a\u7684\u538b\u7eb9 *\/\r\n    transition: color 0.4s ease;\r\n  }\r\n\r\n  .aboutthree-item:hover .aboutthree-num {\r\n    color: #E6D8C3; \/* \u60ac\u505c\u65f6\u6570\u5b57\u7a0d\u5fae\u53d8\u6df1\u4e00\u70b9\u70b9 *\/\r\n  }\r\n\r\n  \/* \u6587\u5b57\u5185\u5bb9\u533a *\/\r\n  .aboutthree-content {\r\n    flex: 1;\r\n    padding-top: 10px; \/* \u4e0e\u6570\u5b57\u9876\u90e8\u5bf9\u9f50 *\/\r\n  }\r\n\r\n  .aboutthree-item-title {\r\n    font-size: 24px;\r\n    font-weight: 700;\r\n    color: #1A1715;\r\n    margin: 0 0 18px 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n  }\r\n\r\n  \/* \u6807\u9898\u524d\u7684\u97f3\u7b26\u70b9\u7f00 - \u5c0f\u5de7\u800c\u7cbe\u81f4\u7684\u97f3\u4e50\u7b26\u53f7 *\/\r\n  .aboutthree-item-title::before {\r\n    content: '\u266c'; \/* \u97f3\u7b26\u7b26\u53f7 *\/\r\n    font-family: serif; \/* \u786e\u4fdd\u663e\u793a\u4e3a\u7b26\u53f7 *\/\r\n    font-size: 1.2em;\r\n    color: #A67C52; \/* \u7126\u7cd6\u8272 *\/\r\n    line-height: 1; \/* \u786e\u4fdd\u5782\u76f4\u5c45\u4e2d *\/\r\n  }\r\n\r\n  .aboutthree-item-desc {\r\n    font-size: 16px;\r\n    line-height: 1.9;\r\n    color: #5C554D;\r\n    margin: 0;\r\n    font-weight: 300; \/* \u66f4\u8f7b\u7684\u5b57\u4f53\u91cd\u91cf\uff0c\u589e\u52a0\u9605\u8bfb\u8212\u9002\u5ea6 *\/\r\n    text-align: justify;\r\n  }\r\n\r\n  \/* \u54cd\u5e94\u5f0f\u9002\u914d *\/\r\n  @media (max-width: 768px) {\r\n    .aboutthree-section { padding: 80px 5%; }\r\n    .aboutthree-title { font-size: 30px; }\r\n    .aboutthree-list { gap: 50px; }\r\n    .aboutthree-item {\r\n      flex-direction: column;\r\n      gap: 25px;\r\n      padding: 25px 20px;\r\n    }\r\n    .aboutthree-num {\r\n      font-size: 60px;\r\n      margin-bottom: -15px; \/* \u8ba9\u6570\u5b57\u548c\u6587\u5b57\u4ea7\u751f\u4e00\u70b9\u53e0\u538b\u6548\u679c *\/\r\n      text-align: center;\r\n      width: 100%;\r\n    }\r\n    .aboutthree-content { padding-top: 0; }\r\n    .aboutthree-item-title { font-size: 20px; text-align: left; }\r\n    .aboutthree-item-title::before { margin-right: 5px; } \/* \u8c03\u6574\u95f4\u8ddd *\/\r\n  }\r\n<\/style>\r\n\r\n<section class=\"aboutthree-section\">\r\n  <div class=\"aboutthree-container\">\r\n    \r\n    <!-- \u5934\u90e8\u5f15\u5bfc\u8bed -->\r\n    <div class=\"aboutthree-header\">\r\n      <span class=\"aboutthree-tag\">DISCOVER<\/span>\r\n      <h2 class=\"aboutthree-title\">Come to Star Sound Joy, you will have these benefits<\/h2>\r\n      <p class=\"aboutthree-subtitle\">\r\n        We hope to let you feel the charm of music in the most authentic way. Here, you can learn professional skills, find partners with empathy, and more importantly, experience this purity and connection that music brings.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- \u6838\u5fc3\u4ef7\u503c\u5217\u8868 -->\r\n    <div class=\"aboutthree-list\">\r\n      \r\n      <!-- \u6536\u83b7 1\uff1a\u4e13\u4e1a\u5b66\u4e60\u4e0e\u4f53\u9a8c -->\r\n      <div class=\"aboutthree-item\">\r\n        <div class=\"aboutthree-num\">01<\/div>\r\n        <div class=\"aboutthree-content\">\r\n          <h3 class=\"aboutthree-item-title\">Discover your vocal potential<\/h3>\r\n          <p class=\"aboutthree-item-desc\">\r\n            You will experience first hand the unique harmonic beauty of a cappella a cappella clear singing. We have professional teachers who are not only experienced, but more importantly, teach very responsibly. They will guide you step by step to learn this skill, so that you can no longer just look up to the a cappella team on TV programs, but can be part of the \"heavenly voice\" yourself.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- \u6536\u83b7 2\uff1a\u97f3\u4e50\u7684\u63a8\u5e7f\u4e0e\u666e\u53ca -->\r\n      <div class=\"aboutthree-item\">\r\n        <div class=\"aboutthree-num\">02<\/div>\r\n        <div class=\"aboutthree-content\">\r\n          <h3 class=\"aboutthree-item-title\">Bringing music into more life scenarios<\/h3>\r\n          <p class=\"aboutthree-item-desc\">\r\n            Since its inception in 2020, Star Sound Joy Music Studio has been dedicated to bringing a cappella, a form of music, to all levels of society. We customize and rehearse a cappella songs for businesses, schools, shows and even concerts. This means that you will learn more than just classroom knowledge here, but will also have the opportunity to participate in the broader popularization of music and make a cappella accessible to a wider audience.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- \u6536\u83b7 3\uff1a\u60c5\u611f\u4e0e\u4eba\u9645\u8fde\u63a5 -->\r\n      <div class=\"aboutthree-item\">\r\n        <div class=\"aboutthree-num\">03<\/div>\r\n        <div class=\"aboutthree-content\">\r\n          <h3 class=\"aboutthree-item-title\">Creating a sincere musical bond<\/h3>\r\n          <p class=\"aboutthree-item-desc\">\r\n            This is not only a place to learn, but also a gathering place for lovers of popular music culture. We believe that music can connect each other and move you and me. In chorus, you will listen and cooperate with your partners, and this co-creative experience will bring a special interpersonal bond and sense of accomplishment. In Star Sound Joy, let the music touch you, touch me, and touch him\/her!\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template\/page.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2187","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/2013.webk.svipwebs.com\/en\/wp-json\/wp\/v2\/pages\/2187","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/2013.webk.svipwebs.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/2013.webk.svipwebs.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/2013.webk.svipwebs.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/2013.webk.svipwebs.com\/en\/wp-json\/wp\/v2\/comments?post=2187"}],"version-history":[{"count":4,"href":"https:\/\/2013.webk.svipwebs.com\/en\/wp-json\/wp\/v2\/pages\/2187\/revisions"}],"predecessor-version":[{"id":2195,"href":"https:\/\/2013.webk.svipwebs.com\/en\/wp-json\/wp\/v2\/pages\/2187\/revisions\/2195"}],"wp:attachment":[{"href":"https:\/\/2013.webk.svipwebs.com\/en\/wp-json\/wp\/v2\/media?parent=2187"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}