:root{--black:#101112;--deep:#080909;--gold:#f0c775;--gold2:#dba94e;--ink:#151617;--muted:#737477;--line:#eee;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;font-family:"Noto Sans TC",sans-serif;color:var(--ink);font-size:14px;line-height:1.65;background:#fff}a{color:inherit;text-decoration:none}img{width:100%;display:block;object-fit:cover}button{font:inherit}.header{height:58px;position:absolute;z-index:10;top:0;left:0;right:0;background:#08090bdc;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1150px)/2),7%)}.logo{display:flex;gap:8px;align-items:center;color:#fff;white-space:nowrap}.logo b{font:700 16px "DM Sans",sans-serif;line-height:1;display:block}.logo small{font:600 8px "DM Sans",sans-serif;letter-spacing:.19em;display:block}.dumbbell{color:var(--gold);font-size:27px;font-weight:800;letter-spacing:-5px;transform:scaleX(1.1);display:block;margin-right:3px}.header nav{display:flex;align-items:center;gap:26px;font-size:11px;color:#efefef}.header nav a:hover{color:var(--gold)}.gold-button,.outline-button{border:0;border-radius:30px;padding:10px 21px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-size:12px;font-weight:700;transition:transform .2s,background .2s;cursor:pointer}.gold-button{background:linear-gradient(115deg,#f5d394,#eaba64);color:#17130b}.gold-button:hover{transform:translateY(-2px);background:#ffdc9a}.outline-button{border:1px solid #fff;color:white;background:#0d0d0d5c}.outline-button:hover{background:#fff;color:#111}.header>.gold-button{font-size:11px;padding:9px 17px}.menu-toggle{display:none;background:none;border:0;color:white;font-size:24px}.hero{height:374px;background:#101112;position:relative;color:white;overflow:hidden;padding-top:58px}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,#080909 0%,#080909ef 25%,#08090928 60%,#08090946 100%),url("fitness_website_images/01_首頁主視覺.png") center 39%/cover}.hero-copy{position:relative;width:min(1150px,78%);margin:auto;padding-top:31px}.eyebrow,.why-copy>span{color:var(--gold);font-size:14px;letter-spacing:.06em}.hero h1{font-size:48px;line-height:1.16;margin:6px 0 8px;letter-spacing:.025em}.hero h1 em{font-style:normal;color:var(--gold)}.hero-copy p{color:#d2d2d2;font-size:14px;line-height:1.6;margin:0}.actions{display:flex;gap:14px;margin-top:18px}.hero-slogan{position:absolute;right:8%;top:46%;transform:rotate(-10deg);font:italic 31px/1.05 "DM Sans",sans-serif;color:white;text-shadow:0 2px 10px #000}.partners{height:66px;display:flex;align-items:center;justify-content:space-evenly;gap:20px;padding:0 max(calc((100vw - 1130px)/2),5%);background:#fff;color:#3a3b3d}.partners small{font-size:9px;color:#85878a;white-space:nowrap}.partners b{font:700 15px "DM Sans",sans-serif;color:#454649;white-space:nowrap}.partners .italic{font-style:italic;font-weight:800}.partners .spaced{letter-spacing:.17em}.partners .outlined{font-size:11px;border:1.5px solid #555;padding:0 5px;border-radius:5px;font-style:italic}.partners .brand-mark{font-size:13px}.partners .under{font-size:20px}.section{width:min(1135px,90%);margin:auto}.features{padding:17px 0 18px}.heading{text-align:center;margin:0 0 14px}.heading>span{font-size:10px;color:#777}.heading h2{font-size:24px;line-height:1.4;margin:0;font-weight:700}.heading p{color:#7b7c7e;font-size:12px;margin:2px 0}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-grid>article{border-radius:9px;background:white;overflow:hidden;box-shadow:0 3px 12px #13131312}.feature-grid>article>img{height:97px}.feature-info{display:flex;align-items:center;gap:11px;padding:8px 10px 9px}.feature-info i{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#fff5e4;color:#181818;font-size:22px;font-style:normal;flex:none}.feature-info h3{font-size:13px;margin:0 0 2px}.feature-info p{font-size:10px;color:#818285;line-height:1.55;margin:0}.why{height:218px;background:#090a0b;color:white;position:relative;display:flex;align-items:center;padding:0 max(calc((100vw - 1135px)/2),6%);gap:25px;overflow:hidden}.why-photo{position:absolute;inset:0 auto 0 0;width:40%;background:linear-gradient(90deg,#090a0b00 60%,#090a0b 100%),linear-gradient(0deg,#090a0b24,#090a0b24),url("fitness_website_images/06_肌力訓練形象.png") center 42%/cover}.why-copy{position:relative;width:48%;z-index:1}.why-copy h2{font-size:25px;line-height:1.55;margin:4px 0}.why-copy h2 span{color:var(--gold)}.perks{margin-left:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;z-index:1;width:48%}.perks article{border:1px solid #ffffff36;border-radius:10px;min-height:126px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px}.perks b{font-size:30px;line-height:1.3;color:var(--gold)}.perks strong{font-size:12px}.perks small{font-size:9px;color:#c6c6c6;line-height:1.55;margin-top:4px}.members{padding:13px 0 8px}.members .heading{margin-bottom:10px}.members .heading h2{font-size:23px}.gold-rule{display:block;width:28px;height:2px;background:var(--gold);margin:5px auto}.member-grid{width:min(1050px,100%);display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:auto}.member-grid article{display:flex;align-items:center;gap:14px;border:1px solid #f0f0f0;border-radius:23px;padding:11px;box-shadow:0 4px 16px #1111;min-height:132px}.member-grid img{width:104px;height:108px;border-radius:19px;flex:none}.member-grid article>div{display:flex;flex-direction:column}.stars{font:15px "DM Sans",sans-serif;color:#f4ad18;letter-spacing:1px}.member-grid p{font-size:10px;line-height:1.55;margin:3px 0 4px;color:#4c4c4d}.member-grid strong{font:600 11px "DM Sans",sans-serif}.member-grid small{font-size:9px;color:#848588}.dots{display:flex;justify-content:center;gap:7px;margin:10px}.dots i{width:7px;height:7px;background:#d3d3d3;border-radius:50%}.dots i:first-child{background:#835625}.faq{width:min(1050px,90%);display:grid;grid-template-columns:1fr;gap:0;padding:7px 0 14px;margin:auto}.faq-intro{margin-bottom:9px}.faq-intro>span{font-size:10px;color:#777}.faq-intro h2{font-size:24px;margin:0;line-height:1.3}.faq-intro p{font-size:12px;color:#757679;margin:3px 0}.faq-list{display:grid;gap:5px}.faq-list details{background:#f3f3f3;border-radius:6px;padding:5px 12px;font-size:11px}.faq-list summary{cursor:pointer;list-style:none;font-weight:600;display:flex;justify-content:space-between;align-items:center}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";font-size:16px;font-weight:400}.faq-list details[open] summary:after{content:"−"}.faq-list details p{margin:5px 0 2px;color:#6b6c6d;line-height:1.65}.cta{width:min(1050px,90%);height:143px;border-radius:17px;overflow:hidden;margin:0 auto 7px;background:#0b0d0e;color:white;display:grid;grid-template-columns:50% 1fr;align-items:center;position:relative}.cta>img{height:100%;filter:brightness(.77)}.cta:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 30%,#080909 53%,#100e09 100%);pointer-events:none}.cta>div{z-index:1;padding:10px 20px 10px 0;margin-left:-4px}.cta>div>span{color:var(--gold);font-size:10px}.cta h2{font-size:22px;line-height:1.3;margin:0}.cta h2 span{color:var(--gold)}.cta p{font-size:11px;color:#d4d4d4;margin:3px 0 10px}.cta .gold-button{padding:8px 17px;font-size:11px}footer{background:#0b0c0d;color:#bebfc0;padding:16px max(calc((100vw - 1135px)/2),6%) 0}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.35fr;gap:27px;padding-bottom:14px;font-size:10px}.footer-grid>div{display:flex;flex-direction:column;gap:4px}.footer-grid>div>b{color:#ddd}.footer-brand p{font-size:10px;margin:7px 0}.footer-grid a:hover{color:var(--gold)}.footer-grid .social{font-size:16px;margin:4px 0}.copyright{border-top:1px solid #ffffff1c;text-align:center;padding:7px 0 8px;color:#8f9091;font:10px "DM Sans",sans-serif}.header nav a:focus-visible,.header a:focus-visible,.gold-button:focus-visible,.outline-button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:900px){.header{padding:0 4%}.header nav{gap:13px}.header nav a{font-size:10px}.hero-copy{width:86%}.hero-slogan{right:4%;font-size:25px}.partners{gap:12px}.partners b{font-size:12px}.feature-info{gap:7px;padding:7px}.feature-info i{width:37px;height:37px}.why{padding:0 5%;gap:14px}.perks{gap:7px}.perks article{min-height:115px}.why-copy h2{font-size:21px}.footer-grid{gap:14px}}
@media(max-width:680px){.header{height:58px;padding:0 5%;position:absolute}.menu-toggle{display:block;margin-left:auto}.header>.gold-button{margin-left:8px;padding:8px 10px;font-size:10px}.header nav{display:none;position:absolute;top:58px;left:0;right:0;background:#111;padding:8px 6%;flex-direction:column;align-items:stretch;gap:0}.header nav.open{display:flex}.header nav a{padding:9px 0;border-bottom:1px solid #ffffff22;font-size:12px}.hero{height:610px;padding-top:58px}.hero-bg{inset:315px 0 0;background-image:linear-gradient(180deg,#08090918 0%,#08090900 40%,#08090958 100%),url("fitness_website_images/01_首頁主視覺.png");background-position:61% top;background-size:cover}.hero-copy{width:88%;padding-top:20px}.hero h1{font-size:40px}.hero-copy p{font-size:12px}.hero-slogan{right:6%;top:auto;bottom:28px;font-size:22px}.actions{gap:8px}.gold-button,.outline-button{font-size:10px;padding:9px 13px}.partners{height:auto;min-height:78px;flex-wrap:wrap;justify-content:center;gap:9px 17px;padding:13px 5%}.partners small{width:100%;text-align:center}.partners b{font-size:11px}.partners .outlined{font-size:9px}.features{padding:20px 0}.heading h2{font-size:20px}.heading p{font-size:10px}.feature-grid{grid-template-columns:repeat(2,1fr);gap:10px}.feature-grid>article>img{height:106px}.feature-info{gap:7px}.feature-info h3{font-size:11px}.feature-info p{font-size:9px}.feature-info i{width:34px;height:34px;font-size:18px}.why{height:auto;min-height:430px;display:block;padding:26px 6%}.why-photo{width:100%;height:220px;inset:0 0 auto;background-image:linear-gradient(0deg,#090a0b 0%,#090a0b00 60%),url("fitness_website_images/06_肌力訓練形象.png");background-position:center 38%}.why-copy{padding-top:168px;width:100%;text-align:center}.why-copy h2{font-size:20px}.perks{width:100%;margin:15px auto 0;grid-template-columns:repeat(2,1fr);gap:8px}.perks article{min-height:90px}.perks b{font-size:22px}.perks small{font-size:8px}.members{padding:18px 0 10px}.members .heading h2{font-size:19px}.member-grid{grid-template-columns:1fr;gap:8px}.member-grid article{min-height:94px;border-radius:17px}.member-grid img{height:78px;width:76px;border-radius:14px}.member-grid p{font-size:10px}.faq{grid-template-columns:1fr;gap:8px;padding:7px 0 16px}.faq-intro{text-align:center}.faq-intro h2{font-size:23px}.faq-list details{font-size:10px}.cta{height:auto;min-height:275px;display:block;position:relative;margin-bottom:8px}.cta>img{position:absolute;inset:0;height:100%;object-position:35% center}.cta:after{background:linear-gradient(0deg,#080909 0%,#080909eb 30%,#08090920 100%)}.cta>div{position:relative;padding:145px 18px 18px;margin:0}.cta h2{font-size:21px}.cta p{font-size:10px}.footer-grid{grid-template-columns:1fr 1fr;gap:16px}.footer-brand{grid-column:span 2}.footer-grid>div:last-child{grid-column:span 2}.copyright{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}


/* Gentle motion: hero entry, scroll reveals, and small card lifts. */
@keyframes hero-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.hero-copy{animation:hero-enter .7s cubic-bezier(.2,.7,.25,1) both}
.js-reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.75,.25,1);transition-delay:var(--reveal-delay,0ms)}
.js-reveal.is-visible{opacity:1;transform:translateY(0)}
@media(hover:hover){.feature-grid>article,.perks article,.member-grid article{transition:transform .28s ease,box-shadow .28s ease;}.feature-grid>article:hover,.perks article:hover,.member-grid article:hover{transform:translateY(-4px);box-shadow:0 10px 24px #1112}.faq-list details{transition:background-color .25s ease}.faq-list details[open]{background:#fff7e8}.faq-list details p{animation:answer-enter .28s ease both}}
@keyframes answer-enter{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.js-reveal{opacity:1!important;transform:none!important}}