:root{--primary:#0b6e78;--primary-dark:#08555d;--text:#16201f;--muted:#556260;--line:#dde2de;--panel:#f4f5f2;--danger:#a3331f;--warn-bg:#fbf1dc;--warn:#6b4500;--ok-bg:#e3f0ec}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text);background:#fff;margin:0;font-family:Noto Sans TC,system-ui,sans-serif;font-size:15px;line-height:1.6}button,input,select,textarea{font-family:inherit;font-size:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:var(--primary)}a:hover{color:var(--primary-dark)}h1,h2,h3,p{margin:0}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.shell{background:var(--panel);flex-direction:column;min-height:100vh;display:flex}.shell>main{flex:1}.hdr{border-bottom:1px solid var(--line);background:#fff}.hdr-in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:1120px;margin:0 auto;padding:12px 24px;display:flex}.logo{color:var(--text);align-items:center;gap:10px;font-size:17px;font-weight:700;text-decoration:none;display:flex}.nav{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.nav a,.nav button.link{height:44px;color:var(--text);background:0 0;border:0;border-radius:10px;align-items:center;padding:0 12px;font-size:14px;text-decoration:none;display:inline-flex}.nav a:hover,.nav button.link:hover{background:var(--panel);color:var(--text)}.nav a.cta{background:var(--primary);color:#fff;padding:0 18px;font-weight:700}.nav a.cta:hover{background:var(--primary-dark);color:#fff}.ftr{text-align:center;max-width:1120px;margin:0 auto;padding:24px;font-size:13px}.ftr a{min-height:44px;color:var(--muted);align-items:center;display:inline-flex}.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 24px}.btn{border:1px solid var(--primary);min-height:44px;color:var(--primary);background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-dark);color:#fff}.btn.danger{border-color:var(--danger);color:var(--danger)}.btn.plain{border-color:var(--line);color:var(--text);font-weight:500}.btn.block{width:100%;min-height:48px}.btn.big{border-radius:12px;min-height:52px;padding:0 28px;font-size:16px}.btn:disabled{color:#6e7a77;background:#eef0ee;border-color:#eef0ee}.hero{flex-direction:column;align-items:flex-start;gap:20px;padding:72px 0 48px;display:flex}.hero h1{text-wrap:balance;max-width:760px;font-size:44px;font-weight:700;line-height:1.25}.hero p.lead{max-width:560px;color:var(--muted);font-size:17px;line-height:1.8}.row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.small{color:var(--muted);font-size:13px}.steps{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:32px;padding:16px 0 56px;display:grid}.demo{flex-direction:column;gap:24px;padding:0 0 56px;display:flex}.demo h2{font-size:22px;font-weight:700}.demo-grid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:32px;max-width:720px;display:grid}.demo-grid figure{flex-direction:column;gap:12px;margin:0;display:flex}.demo-grid video{aspect-ratio:9/16;background:#eef3f2;border-radius:16px;width:100%;max-width:320px}.demo-grid figcaption{color:var(--muted);flex-direction:column;gap:4px;font-size:15px;line-height:1.6;display:flex}.demo-grid figcaption b{color:var(--text);font-size:17px}.step{flex-direction:column;gap:6px;display:flex}.step .n{color:var(--primary);font-size:13px;font-weight:700}.step .t{font-size:20px;font-weight:700}.step .d{color:var(--muted);line-height:1.7}.plans h2,.sec-title{font-size:22px;font-weight:700}.plans{flex-direction:column;gap:20px;padding-bottom:48px;display:flex}.plan-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:16px;display:grid}.plan{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;gap:16px;padding:24px;display:flex}.plan.hot{border:2px solid var(--primary)}.plan .name{font-size:18px;font-weight:700}.plan .price{font-size:32px;font-weight:700}.plan .price small{color:var(--muted);font-size:14px;font-weight:400}.kv{flex-direction:column;flex:1;gap:10px;display:flex}.kv>div{justify-content:space-between;gap:12px;display:flex}.kv span:first-child{color:var(--muted)}.kv span:last-child{font-weight:700}.center{justify-content:center;padding:48px 16px;display:flex}.card{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;gap:16px;width:100%;padding:24px;display:flex}.card.narrow{max-width:420px}.card.mid{max-width:480px}.card h1{font-size:24px;font-weight:700}.card h2{font-size:18px;font-weight:700}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--muted);font-size:13px}.field input[type=email],.field input[type=password],.field input[type=text]{height:44px;color:var(--text);background:#fff;border:1px solid #b9c2be;border-radius:10px;width:100%;padding:0 12px}.field input[aria-invalid=true]{border-color:var(--danger)}.field .help{color:var(--muted);font-size:12px}.field .err{color:var(--danger);font-size:13px}.check{align-items:center;gap:10px;min-height:44px;font-size:14px;display:flex}.check input{width:20px;height:20px;accent-color:var(--primary);flex:none}.sep{color:var(--muted);align-items:center;gap:12px;font-size:13px;display:flex}.sep:before,.sep:after{content:"";background:var(--line);flex:1;height:1px}.links{flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:14px;display:flex}.links a{align-items:center;min-height:44px;display:inline-flex}.msg{border-radius:10px;padding:12px 14px;font-size:14px;line-height:1.7}.msg.err{color:#8a2b18;background:#f1e4e0}.msg.warn{background:var(--warn-bg);color:var(--warn)}.msg.ok{background:var(--ok-bg);color:#0b4f56}.msg.info{background:var(--panel);color:var(--muted)}.stack{flex-direction:column;gap:12px;display:flex}.hide{display:none}.icon-ok{background:var(--ok-bg);width:48px;height:48px;color:var(--primary);border-radius:24px;justify-content:center;align-items:center;display:flex}.icon-warn{background:var(--warn-bg);width:48px;height:48px;color:var(--warn);border-radius:24px;justify-content:center;align-items:center;display:flex}.page{flex-direction:column;gap:24px;width:100%;max-width:760px;margin:0 auto;padding:40px 16px 24px;display:flex}.page h1{font-size:28px;font-weight:700}.sum{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.sum .big{font-size:20px;font-weight:700}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:12px 8px}th{color:var(--muted);font-weight:500}.pager{justify-content:flex-end;align-items:center;gap:8px;display:flex}.legal h2{margin-bottom:6px;font-size:18px;font-weight:700}.legal p{color:var(--muted);line-height:1.8}.legal section{border:1px solid var(--line);background:#fff;border-radius:14px;padding:20px}.phone{background:#fff;max-width:480px;min-height:100vh;margin:0 auto}.phone-login{background:#fff;flex-direction:column;gap:20px;max-width:480px;min-height:100vh;margin:0 auto;padding:32px 20px;display:flex}.phone-login .card{border:0;padding:0}.menu-btn,.hdr-cta{display:none}@media (width<=640px){.hero{gap:16px;padding:32px 0 28px}.hero h1{font-size:30px}.hero p.lead{font-size:16px}.hero .row{gap:10px;width:100%}.hero .row .btn{width:100%}.hdr-in,.wrap{padding-left:16px;padding-right:16px}.hdr{z-index:10;position:sticky;top:0}.hdr-in{flex-wrap:nowrap;gap:8px;padding-top:8px;padding-bottom:8px}.logo{margin-right:auto}.hdr-cta{min-height:40px;padding:0 14px;font-size:14px;display:inline-flex}.menu-btn{width:44px;height:44px;color:var(--text);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.nav{border-bottom:1px solid var(--line);background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:4px 8px 8px;display:none;position:absolute;top:100%;left:0;right:0}.nav.open{display:flex}.nav a,.nav button.link{text-align:left;height:48px;padding:0 12px;font-size:16px}.nav a.cta{display:none}.hdr-in{position:relative}.steps{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:1fr;gap:0;width:auto;margin:0 16px;padding:0 16px}.step{border-bottom:1px solid var(--line);grid-template-columns:28px 1fr;gap:2px 12px;padding:14px 0;display:grid}.step:last-child{border-bottom:0}.step .n{background:var(--primary);color:#fff;border-radius:14px;grid-row:span 2;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.step .t{font-size:17px}.step .d{font-size:14px;line-height:1.6}.demo{gap:16px;padding-top:32px;padding-bottom:40px}.demo h2{font-size:20px}.demo-grid{grid-template-columns:1fr 1fr;gap:12px}.demo-grid video{border-radius:12px;max-width:none}.demo-grid figcaption{font-size:13px}.demo-grid figcaption b{font-size:15px}.plans{gap:16px;padding-bottom:32px}.plans h2,.sec-title{font-size:20px}.plan{gap:12px;padding:18px}.plan .price{font-size:28px}}