:root{--ink:#111014;--muted:#706a7c;--paper:#f6f3fb;--surface:#fff;--red:#ef3f57;--line:rgba(17,16,20,.14);--shadow:0 24px 70px rgba(42,20,93,.12);--radius:8px;--font:"Noto Sans TC","Microsoft JhengHei","PingFang TC","Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink);font:16px/1.5 var(--font)}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{border:0;cursor:pointer}.skip-link{position:fixed;top:-60px;left:16px;z-index:40;padding:10px 14px;background:var(--ink);color:white}.skip-link:focus{top:16px}.ticker{overflow:hidden;background:var(--ink);color:white}.ticker-track{display:flex;gap:38px;width:max-content;padding:9px 0;animation:marquee 30s linear infinite}.ticker-track span{font-size:.82rem;font-weight:850;white-space:nowrap}@keyframes marquee{from{transform:translateX(100vw)}to{transform:translateX(-100%)}}
.site-header{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:auto minmax(260px,440px) 1fr auto;align-items:center;gap:22px;min-height:76px;padding:12px clamp(18px,4vw,54px);background:rgba(246,243,251,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.brand,.main-nav,.header-actions,.search-box,.hero-actions,.section-head,.rail-controls,.bottom-nav,.site-footer{display:flex;align-items:center}.brand{gap:12px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;background:var(--ink);color:white;border-radius:var(--radius);font-weight:950}.brand small{display:block;color:var(--muted);font-size:.74rem;font-weight:750}.search-box{min-height:44px;gap:10px;padding:0 14px;background:rgba(255,255,255,.76);border:1px solid var(--line);border-radius:var(--radius);color:var(--muted)}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent}.search-box svg{width:20px}.main-nav{justify-content:center;gap:20px;color:var(--muted);font-size:.9rem;font-weight:850}.header-actions{justify-content:flex-end;gap:12px}.text-link,.outline-link{background:transparent;color:var(--ink);font-weight:900}.text-link{color:var(--muted)}.outline-link{min-height:40px;padding:8px 14px;border:1px solid var(--ink);border-radius:var(--radius)}
.hero{display:flex;align-items:flex-end;min-height:720px;background:linear-gradient(90deg,rgba(17,16,20,.78),rgba(17,16,20,.22) 46%,rgba(246,243,251,.1)),url("assets/hero-top.webp") center/cover no-repeat;color:white;border-bottom:1px solid var(--line)}.hero-content{width:min(880px,calc(100% - 72px));margin:0 0 72px clamp(22px,6vw,86px)}.hero h1{margin:0;max-width:820px;color:white;font-size:6.5rem;line-height:.92;font-weight:950;text-shadow:0 4px 18px rgba(0,0,0,.72),0 1px 2px rgba(0,0,0,.9)}.hero h1 span{display:block;color:white;-webkit-text-stroke:0;text-shadow:0 4px 18px rgba(0,0,0,.72),0 1px 2px rgba(0,0,0,.9)}.hero-name{margin:22px 0 0;color:white;font-size:1.8rem;font-weight:950;text-shadow:0 3px 14px rgba(0,0,0,.78),0 1px 2px rgba(0,0,0,.95)}.hero-copy{max-width:670px;margin:18px 0 30px;color:rgba(255,255,255,.9);font-size:1.08rem;text-shadow:0 2px 10px rgba(0,0,0,.72)}.hero-actions{gap:22px;flex-wrap:wrap}.arrow-link{display:inline-flex;align-items:center;min-height:42px;padding:0;background:transparent;color:inherit;font-weight:950;text-align:left}.arrow-link:before{content:"→";display:inline-grid;place-items:center;width:34px;height:34px;margin-right:10px;background:white;border:1px solid var(--line);border-radius:50%;color:var(--red)}.arrow-link.primary:before{background:var(--red);color:white;border-color:var(--red)}
.feature-band{display:grid;grid-template-columns:repeat(4,1fr);width:min(1240px,calc(100% - 36px));margin:-34px auto 0;overflow:hidden;background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.feature-btn{display:grid;gap:12px;min-height:118px;padding:20px;background:transparent;border-right:1px solid var(--line);color:var(--ink);font-size:1.02rem;font-weight:950;text-align:left}.feature-btn:last-child{border-right:0}.feature-btn span{color:var(--muted);font-size:.76rem}.feature-btn.is-active{background:var(--ink);color:white}.feature-btn.is-active span{color:var(--red)}
.section,.smartclip-section,.master-strip{width:min(1240px,calc(100% - 36px));margin:0 auto;padding:74px 0 0}.section-head,.master-head{justify-content:space-between;gap:22px;margin-bottom:26px}.section-index,.plan-code{margin:0 0 10px;color:var(--red);font-size:.76rem;font-weight:950;text-transform:uppercase}h2{margin:0;font-size:3.2rem;line-height:1;font-weight:950}.rail-controls{gap:8px}.icon-btn,.float-tools button{display:grid;place-items:center;width:44px;height:44px;background:white;border:1px solid var(--line);border-radius:50%;color:var(--ink);font-size:1.4rem}.video-shell{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:24px 2px 28px}.video-card{overflow:hidden;background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 14px 44px rgba(42,20,93,.08)}.video-card[hidden]{display:none}.thumb{position:relative;min-height:134px;background:linear-gradient(135deg,rgba(42,20,93,.82),rgba(22,119,255,.26)),var(--thumb-image) center/cover}.thumb:after{content:"▶";position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:42px;height:42px;background:rgba(255,255,255,.92);border-radius:50%;color:var(--red);font-size:.85rem}.video-body{padding:15px 16px 16px}.video-meta,.video-footer,.video-actions{display:flex;align-items:center}.video-meta,.video-footer{justify-content:space-between;gap:10px;color:var(--muted);font-size:.84rem;font-weight:850}.video-card h3{min-height:52px;margin:10px 0 18px;font-size:1.08rem;line-height:1.28}.video-actions{gap:8px;flex-shrink:0}.buy-btn,.watch-btn{min-height:34px;padding:0 12px;border-radius:var(--radius);font-weight:900}.buy-btn{background:white;border:1px solid var(--line);color:var(--ink)}.watch-btn{background:var(--ink);color:white}
.smartclip-shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;padding:28px;background:#0b1016;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);color:#eef4ff;box-shadow:0 24px 80px rgba(0,0,0,.22)}.smartclip-head{align-self:start;position:sticky;top:112px}.smartclip-head h2{color:white}.smartclip-head p:not(.section-index){color:#9eabba}.smartclip-form{display:grid;gap:18px}.smartclip-form label{display:grid;gap:8px;color:#9eabba;font-size:.9rem;font-weight:850}.smartclip-form textarea,.smartclip-form input,.smartclip-form select{width:100%;min-height:48px;padding:12px;background:#0f151d;border:1px solid #29313b;border-radius:var(--radius);color:#eef4ff;outline:0}.smartclip-form textarea{min-height:92px;resize:vertical}.smartclip-run{min-height:48px;background:#6264f4;border-radius:var(--radius);color:white;font-weight:950}.upload-zone{place-items:center;min-height:160px;padding:28px;border:2px dashed #2e3743;border-radius:var(--radius);text-align:center}.upload-zone input{display:none}.upload-zone span{color:white;font-weight:950}.upload-zone small{color:#9eabba}.smartclip-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.master-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(680px,76%);gap:18px;overflow-x:auto;padding-bottom:18px;scroll-snap-type:x mandatory}.master-card{scroll-snap-align:start;overflow:hidden;min-height:390px;background:white;border:1px solid var(--line);border-radius:var(--radius)}.master-card img{display:block;width:100%;height:100%;min-height:390px;object-fit:cover}.master-copy{display:flex;flex-direction:column;justify-content:center;padding:34px;background:var(--ink);color:white}.master-copy span{color:var(--red);font-size:.76rem;font-weight:950;text-transform:uppercase}.master-copy h3{max-width:560px;margin:16px 0;font-size:3rem;line-height:1}.master-copy p{max-width:560px;color:rgba(255,255,255,.72)}
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.price-card{display:flex;flex-direction:column;min-height:350px;padding:22px;background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 16px 46px rgba(42,20,93,.08)}.price-card h3{margin:18px 0;font-size:1.28rem}.price-card strong{display:block;font-size:3rem;line-height:.95}.price-card strong span{display:block;margin-top:6px;color:var(--muted);font-size:.82rem}.price-card p{flex:1;margin:22px 0;color:var(--muted)}.faq-section{display:grid;grid-template-columns:.72fr 1.28fr;gap:44px;padding-bottom:110px}.faq-list{display:grid;gap:12px}.faq-list details{padding:18px 20px;background:white;border:1px solid var(--line);border-radius:var(--radius)}.faq-list summary{cursor:pointer;color:var(--ink);font-weight:950}.faq-list p{color:var(--muted)}
.float-tools{position:fixed;right:18px;top:48%;z-index:18;display:grid;gap:10px}.bottom-nav{position:fixed;left:50%;bottom:18px;z-index:18;gap:4px;padding:6px;background:rgba(17,16,20,.86);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);color:white;transform:translateX(-50%);backdrop-filter:blur(18px)}.bottom-nav a{padding:10px 14px;border-radius:6px;color:rgba(255,255,255,.72);font-size:.82rem;font-weight:950}.member-dialog{width:min(560px,calc(100% - 32px));padding:0;background:transparent;border:0}.member-dialog::backdrop{background:rgba(17,16,20,.6);backdrop-filter:blur(12px)}.member-panel{position:relative;display:grid;gap:16px;padding:28px;background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.member-panel h2{font-size:3rem}.member-panel p{margin:0;color:var(--muted)}.member-panel label{display:grid;gap:8px;color:var(--muted);font-size:.88rem;font-weight:850}.member-panel input{min-height:46px;padding:0 12px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}.member-submit{min-height:48px;background:var(--ink);border-radius:var(--radius);color:white;font-weight:950}.dialog-close{position:absolute;top:12px;right:12px;width:36px;height:36px;background:transparent;color:var(--ink);font-size:1.8rem}.site-footer{justify-content:space-between;gap:18px;padding:34px clamp(18px,4vw,54px) 92px;background:var(--ink);color:white}.site-footer span{color:rgba(255,255,255,.62)}
@media (max-width:1180px){.site-header{grid-template-columns:auto 1fr auto}.main-nav{display:none}.feature-band,.pricing-grid{grid-template-columns:repeat(2,1fr)}.smartclip-shell,.faq-section{grid-template-columns:1fr}.smartclip-head{position:static}}@media (max-width:760px){.site-header{grid-template-columns:1fr;gap:12px;padding:10px 14px}.search-box,.header-actions{display:none}.hero{min-height:620px;background-position:center}.hero-content{width:calc(100% - 36px);margin:0 18px 54px}.hero h1{font-size:3.45rem}.hero-name{font-size:1.35rem}h2,.master-copy h3{font-size:2.35rem}.feature-band,.pricing-grid,.video-grid,.smartclip-grid{grid-template-columns:1fr}.feature-band{margin-top:0}.feature-btn{min-height:86px;border-right:0;border-bottom:1px solid var(--line)}.section-head,.master-head{align-items:flex-start;flex-direction:column}.master-rail{grid-auto-columns:minmax(300px,92%)}.master-card,.master-card img{min-height:220px}.float-tools,.bottom-nav{display:none}}