{"id":1888,"date":"2026-07-10T19:41:05","date_gmt":"2026-07-10T11:41:05","guid":{"rendered":"https:\/\/musicsteven.com\/?page_id=1888"},"modified":"2026-07-12T19:40:32","modified_gmt":"2026-07-12T11:40:32","slug":"%e8%81%af%e7%b9%ab%e6%88%91","status":"publish","type":"page","link":"https:\/\/musicsteven.com\/en\/%e8%81%af%e7%b9%ab%e6%88%91\/","title":{"rendered":"Contact me"},"content":{"rendered":"<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&#038;family=Noto+Serif+TC:wght@400;500;600;700&#038;family=Noto+Sans+TC:wght@300;400;500&#038;display=swap\" rel=\"stylesheet\">\n<style> :root{ --ebony:#000000;        \/* \u9ed1\u9375 *\/ --ebony-2:#121212; --ivory:#F7F3EA;        \/* \u767d\u9375 *\/ --ivory-dim:#CFC9BC; --brass:#C2963C;        \/* \u8e0f\u677f\u9ec3\u9285 *\/ --brass-soft:#D8B96A; --muted:#8A8378; --line:rgba(247,243,234,.14); --maxw:1080px; } *{margin:0;padding:0;box-sizing:border-box} html{scroll-behavior:smooth} body{ background:var(--ebony); color:var(--ivory); font-family:'Noto Sans TC',sans-serif; font-weight:300; line-height:1.8; -webkit-font-smoothing:antialiased; } h1,h2,h3{font-family:'Noto Serif TC','Cormorant Garamond',serif;font-weight:600;line-height:1.35} a{color:inherit;text-decoration:none} img{max-width:100%;display:block} .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px} .eyebrow{ font-family:'Cormorant Garamond',serif; font-size:13px;letter-spacing:.32em;text-transform:uppercase; color:var(--brass);margin-bottom:14px; } :focus-visible{outline:2px solid var(--brass);outline-offset:3px;border-radius:2px} \/* \u2500\u2500 Hero\uff1a\u4e94\u7dda\u8b5c\u7c3d\u540d \u2500\u2500 *\/ header{ min-height:100svh;display:flex;align-items:center;position:relative;overflow:hidden; background:var(--ebony); } .staff{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:200px;pointer-events:none;opacity:.5} .staff span{position:absolute;left:0;right:0;height:1px;background:var(--line)} .staff span:nth-child(1){top:0}.staff span:nth-child(2){top:25%}.staff span:nth-child(3){top:50%}.staff span:nth-child(4){top:75%}.staff span:nth-child(5){top:100%} .note{ position:absolute;width:14px;height:10px;border-radius:50%; background:var(--brass);transform:rotate(-18deg);opacity:0; animation:drift 14s linear infinite; } .note::after{content:'';position:absolute;right:-1px;top:-26px;width:1.5px;height:28px;background:var(--brass)} @keyframes drift{ 0%{left:-4%;opacity:0} 8%{opacity:.55} 92%{opacity:.55} 100%{left:104%;opacity:0} } .hero-in{position:relative;z-index:2;padding:60px 0 80px} .hero-split{display:block;width:100%} .hero-text{position:relative;z-index:2;max-width:56%} .hero-portrait{ position:absolute;top:0;right:0;bottom:0;left:auto; z-index:1;margin:0;border:none;background:transparent; display:flex;justify-content:flex-end;align-items:flex-end;pointer-events:none; } .hero-portrait img{ height:100%;width:auto;max-width:none;display:block;object-fit:cover;object-position:right top; transform:translateX(20%); } .hero-in h1{font-size:clamp(34px,5.4vw,58px);letter-spacing:.04em;max-width:14em} .hero-in h1 em{font-style:normal;color:var(--brass)} .hero-sub{margin-top:22px;color:var(--ivory-dim);font-size:16px;max-width:34em} \/* Blog\uff1a\u97f3\u6a02\u8a8c *\/ .posts{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:56px} .post{ border:1px solid var(--line);background:var(--ebony-2);padding:32px 28px; display:flex;flex-direction:column;gap:12px;transition:border-color .3s; } .post:hover{border-color:var(--brass)} .post time{font-family:'Cormorant Garamond',serif;font-size:13px;letter-spacing:.2em;color:var(--brass)} .post h3{font-size:19px;color:var(--ivory)} .post p{font-size:14.5px;color:var(--ivory-dim);flex:1} .post a{font-size:13px;letter-spacing:.12em;color:var(--brass)} .cta-row{margin-top:44px;display:flex;gap:16px;flex-wrap:wrap} .btn{ display:inline-block;padding:14px 34px;font-size:14px;letter-spacing:.14em; border:1px solid var(--brass);color:var(--brass);transition:all .3s; } .btn:hover{background:var(--brass);color:var(--ebony)} .btn.solid{background:var(--brass);color:var(--ebony)} .btn.solid:hover{background:transparent;color:var(--brass)} \/* \u2500\u2500 Sections \u2500\u2500 *\/ section{padding:110px 0;border-top:1px solid var(--line)} h2{font-size:clamp(26px,4vw,38px);margin-bottom:18px} .lead{color:var(--ivory-dim);max-width:38em} \/* About *\/ .about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center} .portrait{ aspect-ratio:4\/5;background:linear-gradient(160deg,var(--ebony-2),#2A2620); border:1px solid var(--line);display:flex;align-items:center;justify-content:center; color:var(--muted);font-size:13px;letter-spacing:.2em; } \/* Services\uff1a\u7434\u9375\u5361\u7247 *\/ .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:56px} .card{background:var(--ebony);padding:44px 32px;position:relative;transition:background .3s} .card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:transparent;transition:background .3s} .card:hover{background:var(--ebony-2)} .card:hover::before{background:var(--brass)} .card h3{font-size:21px;margin:0 0 12px;color:var(--ivory)} .card p{color:var(--ivory-dim);font-size:15px} .card .k{font-family:'Cormorant Garamond',serif;color:var(--brass);font-size:15px;letter-spacing:.24em;display:block;margin-bottom:18px} .card a.more{display:inline-block;margin-top:22px;font-size:13px;letter-spacing:.14em;color:var(--brass);border-bottom:1px solid transparent;transition:border-color .25s} .card a.more:hover{border-color:var(--brass)} \/* Exam boards *\/ .boards{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px} .boards span{ font-size:12.5px;letter-spacing:.06em;color:var(--ivory-dim); border:1px solid var(--line);padding:6px 12px; } \/* Works *\/ .video-frame{margin-top:48px;aspect-ratio:16\/9;border:1px solid var(--line);background:var(--ebony-2)} .video-frame iframe{width:100%;height:100%;border:0} .works-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px} .works-grid .video-frame{margin-top:0} .yt-cta{margin-top:36px;text-align:center} \/* Store\uff1a\u6a02\u8b5c\u5546\u57ce *\/ .shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:56px} .score{ border:1px solid var(--line);background:var(--ebony-2); display:flex;flex-direction:column;transition:border-color .3s; } .score:hover{border-color:var(--brass)} .score .cover{ aspect-ratio:3\/4;position:relative;overflow:hidden; background: repeating-linear-gradient(180deg,transparent 0 18px,var(--line) 18px 19px), linear-gradient(160deg,#242019,#181510); display:flex;align-items:flex-end;padding:22px; } .score .cover h3{font-size:20px;color:var(--ivory);text-shadow:0 2px 8px rgba(0,0,0,.6)} .score .body{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1} .score .meta{font-size:13px;color:var(--muted);letter-spacing:.08em} .score .price-row{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:16px} .score .price{font-family:'Cormorant Garamond',serif;font-size:22px;color:var(--brass)} .score .buy{ font-size:13px;letter-spacing:.12em;padding:10px 20px; border:1px solid var(--brass);color:var(--brass);transition:all .3s; } .score .buy:hover{background:var(--brass);color:var(--ebony)} .store-note{margin-top:28px;font-size:13px;color:var(--muted)} \/* Contact *\/ .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start} .social{display:flex;flex-direction:column;gap:16px;margin-top:28px} .social a{ display:flex;align-items:center;gap:14px;padding:16px 20px; border:1px solid var(--line);color:var(--ivory-dim);font-size:15px;letter-spacing:.06em; transition:all .3s; } .social a:hover{border-color:var(--brass);color:var(--ivory)} .social .dot{width:8px;height:8px;border-radius:50%;background:var(--brass)} footer{padding:44px 0;border-top:1px solid var(--line);color:var(--muted);font-size:13px;letter-spacing:.08em;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px} @media(prefers-reduced-motion:reduce){.note{animation:none;display:none}} @media(max-width:820px){ .menu{display:none} .burger{display:block} .m-menu.open{display:flex;flex-direction:column;position:fixed;top:64px;left:0;right:0;background:rgba(20,18,15,.97);border-bottom:1px solid var(--line);z-index:49} .m-menu a{padding:18px 24px;border-top:1px solid var(--line);color:var(--ivory-dim);font-size:15px;letter-spacing:.1em} .about-grid,.contact-grid,.works-grid{grid-template-columns:1fr;gap:44px} .hero-in{padding:48px 0 0} .hero-text{max-width:100%} .hero-portrait{position:static;display:block;margin:36px -24px 0;pointer-events:auto} .hero-portrait img{height:auto;width:100%;object-fit:unset;transform:none} header{min-height:auto} .posts{grid-template-columns:1fr} .cards{grid-template-columns:1fr} .shelf{grid-template-columns:1fr 1fr;gap:16px} .score .cover{padding:14px} .score .cover h3{font-size:16px} .score .body{padding:14px} section{padding:80px 0} } \/* \u2550\u2550 \u4e3b\u984c\u6a23\u5f0f\u9632\u8b77\u7f69\uff08\u9632\u6b62 Blocksy \u8986\u84cb\uff09 \u2550\u2550 *\/ body{background:var(--ebony)!important;color:var(--ivory)!important} h1,h2,h3,.hero-in h1{color:var(--ivory)!important} .hero-in h1 em{color:var(--brass)!important} .eyebrow{color:var(--brass)!important} a{text-decoration:none!important} .wrap{padding-left:24px!important;padding-right:24px!important} section,header,footer,nav{max-width:none!important} \/* \u96b1\u85cf\u4e3b\u984c\u81ea\u5df1\u7684\u9801\u9996\u9801\u5c3e\uff08Canvas \u6c92\u751f\u6548\u6642\u7684\u4fdd\u96aa\uff09 *\/ #masthead,.site-header,header.ct-header,[data-header],footer.ct-footer,.site-footer{display:none!important} #admin-bar-offset{display:none} \/* \u2550\u2550 \u5167\u9801\u6a23\u5f0f \u2550\u2550 *\/ .page-head{padding:70px 0 60px;border-bottom:1px solid var(--line)} .page-head h1{font-size:clamp(32px,5vw,50px)} .page-head .lead{margin-top:16px} .duo{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start} .info-line{color:var(--ivory-dim);font-size:15px;margin-top:10px} .info-line b{color:var(--ivory);font-weight:500} @media(max-width:820px){.duo{grid-template-columns:1fr;gap:40px}.page-head{padding:56px 0 48px}} \/* \u8a02\u88fd\u8868\u55ae *\/ .sform{display:flex;flex-direction:column;gap:16px;margin-top:8px} .sform label{font-size:13px;letter-spacing:.08em;color:var(--ivory-dim);display:block;margin-bottom:6px} .sform input,.sform textarea,.sform select{ width:100%;background:var(--ebony-2);border:1px solid var(--line);color:var(--ivory); padding:13px 14px;font-family:'Noto Sans TC',sans-serif;font-size:15px;border-radius:0; -webkit-appearance:none;appearance:none; } .sform input:focus,.sform textarea:focus,.sform select:focus{border-color:var(--brass);outline:none} .sform textarea{min-height:120px;resize:vertical} .type-row{display:flex;flex-wrap:wrap;gap:8px} .type-row input{display:none} .type-row span{ display:inline-block;padding:9px 16px;border:1px solid var(--line);color:var(--ivory-dim); font-size:13.5px;letter-spacing:.06em;cursor:pointer;transition:all .25s; } .type-row input:checked+span{border-color:var(--brass);color:var(--brass)} .sform .send{ background:var(--brass);color:var(--ebony);border:1px solid var(--brass); padding:14px 34px;font-size:14px;letter-spacing:.14em;cursor:pointer;transition:all .3s; font-family:'Noto Sans TC',sans-serif; } .sform .send:hover{background:transparent;color:var(--brass)} .sform .hint{font-size:12.5px;color:var(--muted)} <\/style>\n<header class=\"page-head\" style=\"min-height:auto;display:block\">\n<div class=\"wrap\">\n<div class=\"eyebrow\">Contact<\/div>\n<h1>Contact me<\/h1>\n<p class=\"lead\">\u8ab2\u7a0b\u8aee\u8a62\u3001\u6aa2\u5b9a\u5b89\u6392\u3001\u6a02\u8b5c\u6388\u6b0a\u6216\u6f14\u51fa\u5408\u4f5c\uff0c\u6b61\u8fce\u900f\u904e\u4ee5\u4e0b\u4efb\u4e00\u65b9\u5f0f\u8207\u6211\u806f\u7e6b\uff0c\u6211\u6703\u76e1\u5feb\u56de\u8986\u3002<\/p>\n<\/div>\n<\/header>\n<section>\n<div class=\"wrap duo\">\n<div>\n<div class=\"eyebrow\">Channels<\/div>\n<h2>\u806f\u7d61\u65b9\u5f0f<\/h2>\n<p class=\"info-line\"><b>\u8ab2\u7a0b\u8aee\u8a62<\/b>\uff1aWhatsApp \u56de\u8986\u6700\u5feb<\/p>\n<p class=\"info-line\"><b>\u5408\u4f5c\u9080\u7d04<\/b>\uff1a\u6b61\u8fce\u900f\u904e\u8868\u55ae\u6216\u793e\u7fa4\u79c1\u8a0a<\/p>\n<div class=\"social\" style=\"margin-top:28px\"><a href=\"https:\/\/wa.me\/message\/BQVAH2NWVJUEB1\" target=\"_blank\" rel=\"noopener\"><span class=\"dot\"><\/span>WhatsApp\u3000\u8ab2\u7a0b\u8aee\u8a62<\/a><a href=\"https:\/\/www.youtube.com\/@stevenmusica\" target=\"_blank\" rel=\"noopener\"><span class=\"dot\"><\/span>YouTube\u3000@stevenmusica<\/a><a href=\"https:\/\/www.facebook.com\/steventsaimusic\" target=\"_blank\" rel=\"noopener\"><span class=\"dot\"><\/span>Facebook\u3000Steven Tsai Music<\/a><\/div>\n<\/div>\n<div>\n<div class=\"eyebrow\">Message<\/div>\n<h2>\u7559\u8a00\u7d66\u6211<\/h2>\n<p class=\"info-line\" style=\"margin-bottom:20px\">\u586b\u5beb\u5f8c\u6309\u9001\u51fa\uff0c\u8a0a\u606f\u6703\u76f4\u63a5\u5e36\u5230 WhatsApp \u50b3\u7d66\u6211\uff0c\u56de\u8986\u6700\u5feb\u3002<\/p>\n<div class=\"sform\">\n<div><label>\u8aee\u8a62\u985e\u578b<\/label><\/p>\n<div class=\"type-row\"><label><input type=\"radio\" name=\"ctype\" value=\"\u8ab2\u7a0b\u8aee\u8a62\" checked><span>\u8ab2\u7a0b\u8aee\u8a62<\/span><\/label><label><input type=\"radio\" name=\"ctype\" value=\"\u6aa2\u5b9a\u8f14\u5c0e\"><span>\u6aa2\u5b9a\u8f14\u5c0e<\/span><\/label><label><input type=\"radio\" name=\"ctype\" value=\"\u6a02\u8b5c\u8cfc\u8cb7\"><span>\u6a02\u8b5c\u8cfc\u8cb7<\/span><\/label><label><input type=\"radio\" name=\"ctype\" value=\"\u5408\u4f5c\u9080\u7d04\"><span>\u5408\u4f5c\u9080\u7d04<\/span><\/label><\/div>\n<\/div>\n<div><label>\u600e\u9ebc\u7a31\u547c\u4f60<\/label><input type=\"text\" id=\"c-name\" placeholder=\"\u4f60\u7684\u540d\u5b57\"><\/div>\n<div><label>\u60f3\u8aaa\u7684\u8a71<\/label><textarea id=\"c-msg\" placeholder=\"\u4f8b\u5982\uff1a\u60f3\u8a62\u554f\u6210\u4eba\u92fc\u7434\u8ab2\u7a0b\u7684\u6642\u6bb5\u8207\u8cbb\u7528\"><\/textarea><\/div>\n<p><button class=\"send\" type=\"button\" onclick=\"sendWA()\">\u9001\u51fa\uff0c\u958b\u555f WhatsApp<\/button><\/p>\n<p class=\"hint\">\u6309\u4e0b\u5f8c\u6703\u958b\u555f WhatsApp\uff0c\u8a0a\u606f\u5df2\u81ea\u52d5\u586b\u597d\uff0c\u78ba\u8a8d\u5f8c\u6309\u50b3\u9001\u5373\u53ef\u3002<\/p>\n<\/div>\n<p><script> function sendWA(){ var t=document.querySelector('input[name=ctype]:checked').value; var n=document.getElementById('c-name').value.trim(); var m=document.getElementById('c-msg').value.trim(); if(!n&&!m){alert('\u8acb\u81f3\u5c11\u586b\u5beb\u540d\u5b57\u6216\u60f3\u8aaa\u7684\u8a71');return;} var msg='\u3010'+t+'\u3011\\n\u59d3\u540d\uff1a'+(n||'\u672a\u586b')+'\\n\u5167\u5bb9\uff1a'+(m||'\uff08\u7121\uff09')+'\\n\u2014 \u4f86\u81ea musicsteven.com'; if(navigator.clipboard){navigator.clipboard.writeText(msg).catch(function(){});} window.open('https:\/\/wa.me\/6588938853?text='+encodeURIComponent(msg),'_blank'); } <\/script><\/div>\n<\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Contact \u806f\u7e6b\u6211 \u8ab2\u7a0b\u8aee\u8a62\u3001\u6aa2\u5b9a\u5b89\u6392\u3001\u6a02\u8b5c\u6388\u6b0a\u6216\u6f14\u51fa\u5408\u4f5c\uff0c\u6b61\u8fce\u900f\u904e\u4ee5\u4e0b\u4efb\u4e00\u65b9\u5f0f\u8207\u6211\u806f\u7e6b\uff0c\u6211\u6703\u76e1\u5feb\u56de\u8986\u3002  [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1888","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/musicsteven.com\/en\/wp-json\/wp\/v2\/pages\/1888","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/musicsteven.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/musicsteven.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/musicsteven.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/musicsteven.com\/en\/wp-json\/wp\/v2\/comments?post=1888"}],"version-history":[{"count":5,"href":"https:\/\/musicsteven.com\/en\/wp-json\/wp\/v2\/pages\/1888\/revisions"}],"predecessor-version":[{"id":1933,"href":"https:\/\/musicsteven.com\/en\/wp-json\/wp\/v2\/pages\/1888\/revisions\/1933"}],"wp:attachment":[{"href":"https:\/\/musicsteven.com\/en\/wp-json\/wp\/v2\/media?parent=1888"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}