:root{--ink:#383838;--text:#252a32;--mut:#6f737a;--orange:#f58220;--orange-d:#d87314;--cream:#fffaf5;--soft:#fbfaf7;--line:#e8e5df;--r:22px;
--font:Inter,-apple-system,BlinkMacSystemFont,"PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font);color:var(--text);background:#fff;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img{max-width:100%}
button,input,select,textarea{font:inherit}button{cursor:pointer}
.wrap{max-width:1190px;margin:auto;padding:0 28px}
header.top{position:sticky;top:0;background:#ffffffee;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:20;border-bottom:1px solid #efefed}
.head{height:76px;display:flex;align-items:center;gap:22px}
.brand-logo{flex:0 0 185px;display:flex;align-items:center}.brand-logo img{height:50px;width:auto;max-width:100%;object-fit:contain}
.cn-logo{flex:0 0 auto;display:flex;align-items:center;margin-left:6px}.cn-logo img{height:40px;width:auto;object-fit:contain}
.nav{display:flex;align-items:center;gap:22px;margin-left:auto}
.nav a{font-size:14px;font-weight:650;color:#3b3d40;padding:6px 0}.nav a:hover,.nav a.on{color:var(--orange)}
.nav a.join{border:1px solid #e8ded1;padding:10px 17px;border-radius:50px}.nav a.join:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.menu{display:none;background:none;border:0;font-size:26px;margin-left:auto}
.hero{background:linear-gradient(115deg,#fff 45%,var(--cream) 100%);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:48% 52%;align-items:center;min-height:560px;gap:20px}
.eyebrow,.kicker{font-size:12px;letter-spacing:2.5px;font-weight:800;color:var(--orange-d);text-transform:uppercase}
.eyebrow{display:inline-block;margin-bottom:18px}
.hero h1{font-size:clamp(42px,5vw,68px);line-height:1.2;letter-spacing:-2px;margin:0 0 20px;font-weight:900;color:var(--ink)}
.hero h1 em{font-style:normal;color:var(--orange)}
.en{font-size:19px;color:var(--ink);font-weight:700;margin:0 0 18px}
.desc{line-height:1.9;color:#5d626a;font-size:16px;max-width:500px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-block;border:1px solid transparent;border-radius:99px;padding:14px 24px;font-size:14px;font-weight:800;transition:transform .15s}
.btn:hover{transform:translateY(-2px)}
.btn.primary{background:var(--ink);color:#fff}.btn.secondary{background:#fff;border-color:#d7d8d7;color:var(--ink)}.btn.orange{background:var(--orange);color:#202020}
.hero-art{position:relative;display:flex;justify-content:center}
.hero-art:before{content:"";position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:#fff1e2;top:8%;right:4%}
.hero-art img{position:relative;width:min(100%,520px);border-radius:28px;background:#fff;box-shadow:0 20px 60px #f5822022}
.stripe{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.strip-inner{display:flex;justify-content:space-around;gap:20px;flex-wrap:wrap;padding:20px 0;font-size:13px;color:#72757a;font-weight:750}
.strip-inner b{color:var(--orange);font-size:17px}
.section{padding:90px 0}.section.soft{background:var(--soft)}
.section h2{font-size:clamp(28px,3.6vw,44px);letter-spacing:-1px;margin:14px 0 13px;line-height:1.3;color:var(--ink)}
.lead{font-size:16px;line-height:1.9;color:#72767c;max-width:720px;margin:0 0 36px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{border:1px solid #e8e5e0;border-radius:var(--r);background:#fff;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.card:hover{box-shadow:0 15px 45px #22222212;transform:translateY(-4px)}
.card-art{background:#fff;padding:8px;border-bottom:1px solid #f0ece6}.card-art img{display:block;width:100%;aspect-ratio:1/0.82;object-fit:contain}
.card-body{padding:24px;flex:1;display:flex;flex-direction:column}
.tag{font-size:11px;letter-spacing:1.5px;font-weight:800;color:#b27b39}
.card h3{font-size:24px;margin:10px 0;color:var(--ink)}.card p{color:#6b7075;line-height:1.8;font-size:14.5px;flex:1;margin:0 0 10px}
.arrow{color:var(--ink);font-weight:850;font-size:14px;padding:6px 0}
.badge{display:inline-block;font-size:12px;font-weight:800;padding:3px 11px;border-radius:99px;background:#fff1e2;color:var(--orange-d)}
.badge.soon{background:#eee;color:#6e6e73}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.step{background:#fff;border:1px solid #e9e6e1;border-radius:18px;padding:24px 20px}
.step strong{color:var(--orange-d);font-size:14px;letter-spacing:.5px}.step h3{font-size:18px;margin:14px 0 8px;color:var(--ink)}.step p{color:#6e747a;font-size:13.5px;line-height:1.8;margin:0}
.laig .step{border-top:4px solid var(--orange)}
.quote{margin-top:36px;background:var(--ink);color:#fff;border-radius:24px;padding:38px;display:flex;justify-content:space-between;align-items:center;gap:30px}
.quote h3{font-size:25px;line-height:1.6;margin:0}.quote p{color:#f2f2f2;font-size:14px;margin:8px 0 0}
.panel{border:1px solid #e9e5de;border-radius:24px;padding:30px;background:#fff}
.modules{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}
.module{border:1px solid #e8e4dd;border-radius:14px;padding:16px;background:#fff}
.module b{color:#e08b26;font-size:12px}.module span{display:block;margin-top:6px;font-size:14px;font-weight:750;color:var(--ink)}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center}
.art-box{background:#fff;border:1px solid #eee;border-radius:20px;padding:12px}.art-box img{width:100%;display:block;border-radius:12px}
.back{color:var(--ink);font-weight:800;font-size:14px;display:inline-block;margin:30px 0 0}
.prose{max-width:760px}.prose h2{font-size:26px;margin:38px 0 8px}.prose p,.prose li{color:#454a51}.prose ul{padding-left:1.2em}
.list{list-style:none;padding:0;margin:18px 0 0}.list li{padding:13px 0;border-top:1px solid var(--line);display:flex;gap:14px}.list li b{min-width:46px;color:var(--orange-d)}
.field{display:block;margin:15px 0;font-size:13px;font-weight:800}
.field select,.field input,.field textarea{width:100%;margin-top:8px;padding:14px;border:1px solid #dcd9d3;border-radius:11px;background:#fff;color:#30343a;outline:none}
.field textarea{min-height:110px}
.result{background:#fff8ed;border-radius:18px;padding:26px;min-height:230px}.result h3{margin-top:0}.result p{line-height:1.9;color:#666}
.match{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.community{display:grid;grid-template-columns:1fr 1fr;gap:24px}.community article{border:1px solid #e8e4dd;border-radius:18px;padding:26px;background:#fff}
.note{font-size:13px;color:var(--mut)}
.page-head{padding:64px 0 10px}
.page-head h1{font-size:clamp(32px,4.8vw,56px);line-height:1.15;letter-spacing:-1.5px;margin:10px 0 12px;color:var(--ink)}
footer.foot{background:#fff;border-top:1px solid #e7e7e7;padding:44px 0 30px;color:#686868;font-size:13.5px;line-height:1.9}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:26px}
.foot h4{color:var(--ink);margin:0 0 8px;font-size:14px}.foot ul{list-style:none;margin:0;padding:0}.foot li{margin:4px 0}.foot a:hover{color:var(--orange)}
.foot-note{border-top:1px solid #e7e7e7;margin-top:30px;padding-top:16px;color:#888;font-size:12px}
.foot .logos{display:flex;align-items:center;gap:14px;margin-bottom:10px}.foot .logos img{height:36px;width:auto}
@media(max-width:900px){
 .hero-grid{grid-template-columns:1fr;min-height:unset;padding-top:50px}.hero-art{margin-top:10px}
 .cards{grid-template-columns:1fr 1fr}.flow{grid-template-columns:1fr 1fr}.modules{grid-template-columns:1fr 1fr}.split,.match,.community{grid-template-columns:1fr}
 .brand-logo{flex-basis:150px}.brand-logo img{height:42px}.cn-logo img{height:32px}
}
@media(max-width:700px){
 .wrap{padding:0 19px}.head{height:66px;gap:10px}.menu{display:block}
 .nav{display:none;position:absolute;top:66px;left:0;right:0;background:#fff;padding:16px 20px 20px;flex-direction:column;align-items:stretch;gap:4px;border-bottom:1px solid #eee;margin-left:0}
 .nav.open{display:flex}.nav a{padding:11px 4px}.nav a.join{text-align:center;margin-top:6px}
 .section{padding:62px 0}.cards,.flow{grid-template-columns:1fr}.quote{flex-direction:column;align-items:flex-start;padding:26px}.quote h3{font-size:21px}
 .foot-grid{grid-template-columns:1fr 1fr}.brand-logo{flex-basis:130px}.cn-logo{margin-left:auto}
}

.hero-art svg{position:relative;width:min(100%,600px);height:auto;display:block}
.hero-art:before{display:none}
@keyframes draw{to{stroke-dashoffset:0}}
.hero-art svg{overflow:visible;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 9%,#000 91%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 9%,#000 91%,transparent 100%)}

.cn-word{font-size:30px;font-weight:900;letter-spacing:3px;color:var(--orange);line-height:1}
.cn-logo .cn-word{font-size:26px}
@media(max-width:700px){.cn-logo .cn-word{font-size:22px}}