:root{--bg:#f7fbff;--panel:rgba(255,255,255,.74);--text:#293241;--muted:#718096;--line:rgba(88,127,156,.18);--blue:#8fc7e8;--blue2:#dff2ff;--pink:#ffd8e6;--shadow:0 24px 80px rgba(80,125,160,.18);--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:'Noto Sans TC',system-ui,sans-serif;background:linear-gradient(135deg,#f8fcff 0%,#eef8ff 46%,#fff7fb 100%);overflow-x:hidden}a{color:inherit;text-decoration:none}.bg-grid{position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:radial-gradient(#9dcde9 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}.bg-orb{position:fixed;border-radius:999px;filter:blur(10px);pointer-events:none;opacity:.72}.orb-1{width:360px;height:360px;background:var(--blue2);right:-120px;top:80px}.orb-2{width:320px;height:320px;background:var(--pink);left:-120px;bottom:100px}.site-header{width:min(1180px,calc(100% - 32px));position:sticky;top:14px;z-index:10;margin:14px auto 0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.68);backdrop-filter:blur(18px);box-shadow:0 10px 40px rgba(80,125,160,.11)}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-family:Nunito,'Noto Sans TC',sans-serif;font-size:20px}.brand img{width:42px;height:42px;object-fit:contain;border-radius:14px}nav{display:flex;align-items:center;gap:8px;font-size:14px;color:#526173}nav a{padding:10px 14px;border-radius:999px}nav a:hover,.nav-cta{background:#fff;box-shadow:0 8px 22px rgba(80,125,160,.1)}.section{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:74px 0;position:relative}.hero{display:grid;grid-template-columns:1.02fr .98fr;gap:38px;align-items:center;min-height:calc(100vh - 88px);padding-top:44px}.status{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid rgba(69,173,122,.2);background:rgba(224,249,236,.75);border-radius:999px;color:#2b7b56;font-size:13px;font-weight:800}.status i{width:9px;height:9px;border-radius:50%;background:#35c777;box-shadow:0 0 0 5px rgba(53,199,119,.13)}h1{margin:20px 0 14px;font-size:clamp(46px,7vw,86px);line-height:.96;letter-spacing:-.05em;font-family:Nunito,'Noto Sans TC',sans-serif}h1 span{color:#68abd5}.hero-copy p{max-width:560px;font-size:18px;line-height:1.9;color:#58687a;margin:0 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;font-weight:900;transition:.2s transform,.2s box-shadow}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg,#7dbfe4,#a9ddf7);color:#fff;box-shadow:0 14px 30px rgba(105,177,218,.34)}.btn.ghost{background:#fff;color:#5b7185;border:1px solid var(--line)}.hero-card,.template-card,.info-card,.contact-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.hero-card{padding:18px;transform:rotate(1.2deg)}.hero-card video,.template-media video{width:100%;display:block;border-radius:28px;background:#fff;aspect-ratio:1/1;object-fit:contain;overflow:hidden}.template-media{border-radius:30px;overflow:hidden}.hero-card-label{margin-top:12px;text-align:center;font-weight:900;color:#5d7890}.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-top:0}.feature{min-height:96px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.72);border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.52),rgba(255,255,255,.24));box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 18px 50px rgba(80,125,160,.12);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-weight:900;text-align:center;padding:18px;transition:.22s transform,.22s box-shadow}.feature:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 24px 58px rgba(80,125,160,.16)}.section-title{text-align:center;margin-bottom:28px}.section-title p,.mini-title{text-transform:uppercase;letter-spacing:.18em;color:#78b7db;font-size:12px;font-weight:900}.section-title h2,.info-card h2,.contact-card h2{font-size:clamp(30px,4vw,48px);margin:8px 0 0;letter-spacing:-.04em;font-family:Nunito,'Noto Sans TC',sans-serif}.template-grid{display:grid;gap:22px}.template-card{display:grid;grid-template-columns:420px 1fr;gap:24px;padding:18px;align-items:center}.template-body{padding:10px 8px}.price-row{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.price-row h3{font-size:30px;margin:0;letter-spacing:.06em}.price-row strong{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:999px;background:rgba(255,255,255,.82);border:1px solid var(--line);box-shadow:0 12px 34px rgba(80,125,160,.1);color:#559fca;font-size:24px}.price-banner strong{color:#559fca;font-size:24px}.template-body p{color:var(--muted);line-height:1.8}.chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.chip{border:1px solid var(--line);background:#fff;color:#587086;border-radius:999px;padding:10px 14px;font-weight:800;cursor:pointer}.chip:hover,.chip.active{background:linear-gradient(135deg,#e7f6ff,#fff);border-color:#8fc7e8;color:#3f8db8}.price-banner{display:flex;justify-content:center;align-items:center;gap:16px;margin:0 auto 22px;padding:18px 24px;width:fit-content;border-radius:999px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 34px rgba(80,125,160,.1);font-weight:900}.price-banner span{color:#5d7890}.gif-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gif-grid img{width:100%;aspect-ratio:1/1;object-fit:contain;background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:24px;padding:14px;box-shadow:0 14px 42px rgba(80,125,160,.11);transition:.2s transform}.gif-grid img:hover{transform:translateY(-5px) scale(1.015)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.info-card{padding:28px}.steps,.notice-list{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:12px}.steps li{display:flex;align-items:center;gap:14px;padding:14px;border-radius:18px;background:rgba(255,255,255,.68);border:1px solid var(--line)}.steps b{color:#80bddf;font-family:Nunito,sans-serif}.notice-list li{position:relative;padding:14px 14px 14px 38px;border-radius:18px;background:rgba(255,255,255,.68);border:1px solid var(--line);line-height:1.65}.notice-list li:before{content:'✓';position:absolute;left:15px;color:#63abd2;font-weight:900}.contact-card{display:grid;grid-template-columns:120px 1fr auto;gap:24px;align-items:center;padding:34px;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,255,255,.54))}.contact-card img{width:94px;height:94px;object-fit:contain;border-radius:25px}.contact-card p{color:var(--muted);line-height:1.8;margin:12px 0 0;font-size:17px}.contact-card h2{font-size:clamp(28px,3.5vw,42px)}footer{text-align:center;color:#789;padding:24px 16px 46px;font-size:13px}@media (max-width:900px){nav a:not(.nav-cta){display:none}.hero,.template-card,.info-grid,.contact-card{grid-template-columns:1fr}.hero{min-height:auto}.feature-strip{grid-template-columns:1fr 1fr}.template-media video{max-height:520px}.contact-card{text-align:center;justify-items:center}.gif-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.section{width:min(100% - 22px,1180px);padding:54px 0}.site-header{width:calc(100% - 20px)}.brand span{font-size:16px}h1{font-size:46px}.feature-strip,.gif-grid{grid-template-columns:1fr}.price-row h3{font-size:25px}.hero-card{transform:none}.template-card,.info-card,.contact-card{border-radius:22px;padding:14px}.price-banner{width:100%;border-radius:22px;flex-direction:column;gap:4px}}