:root{color-scheme:light;--ink:#332b43;--muted:#716980;--violet:#7445bd;--violet-dark:#54318d;--line:#e9e1f1;--paper:#fff;--soft:#f5efff;--soft-mint:#e7f7f1;--shadow:0 18px 54px rgba(82,49,129,.075)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(160deg,#f9f7ff 0,#fffdfb 32%,#f3faf7 100%);color:var(--ink);font:16px/1.7 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC",sans-serif;min-height:100vh;display:flex;flex-direction:column}
a{color:var(--violet);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:3px solid #ac84e8;outline-offset:4px;border-radius:4px}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--paper);padding:10px}.skip-link:focus{left:15px;top:10px;z-index:100}
.topbar{background:rgba(255,255,255,.84);border-bottom:1px solid var(--line)}.topbar-inner{max-width:1120px;margin:auto;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);font-weight:800;letter-spacing:-.025em;font-size:1.18rem}.brand:hover{text-decoration:none}.brand b{color:var(--violet)}.brand-symbol{width:39px;height:39px;background:var(--soft);border-radius:13px;display:grid;place-items:center;color:var(--violet);font-size:1.2rem}nav{display:flex;gap:22px;flex-wrap:wrap}nav a{color:var(--muted);font-weight:650;font-size:.94rem}
.container{width:100%;max-width:1120px;margin:0 auto;padding:52px 22px 90px;flex:1}.eyebrow{font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--violet);font-weight:850}.hero{padding:18px 0 35px}.hero h1{font-size:clamp(2.1rem,6vw,3.65rem);letter-spacing:-.06em;line-height:1.13;margin:14px 0 20px;max-width:900px}.lead{font-size:1.12rem;color:var(--muted);max-width:760px;margin:0 0 22px}.inline-link{font-weight:750}.section-title{font-size:1.5rem;letter-spacing:-.04em;margin:34px 0 15px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,305px),1fr));gap:20px}.card,.content-card,.feature{background:rgba(255,255,255,.92);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px}.card{display:block;padding:26px;color:inherit;transition:transform .15s,border-color .15s}.card:hover{transform:translateY(-3px);text-decoration:none;border-color:#c5afe5}.card h2{font-size:1.45rem;margin:13px 0 6px}.card p{color:var(--muted);margin:8px 0 0}.status{display:inline-block;background:#fff4d9;color:#745413;border-radius:99px;font-size:.78rem;font-weight:750;padding:4px 11px}.status.published{background:var(--soft-mint);color:#226f55}.icon-frame{width:84px;height:84px;border-radius:20px;background:#f8f3ff;padding:12px;display:flex;align-items:center;justify-content:center}.icon-frame img{width:100%;height:100%;object-fit:contain}.product-hero{display:flex;align-items:flex-start;gap:28px;flex-wrap:wrap}.product-hero .icon-frame{width:112px;height:112px;flex:none}.product-heading{flex:1;min-width:min(100%,300px)}.product-heading h1{font-size:clamp(2.2rem,5vw,3.4rem);letter-spacing:-.05em;line-height:1.12;margin:9px 0}.button,.button-muted{display:inline-block;border-radius:12px;padding:11px 18px;font-weight:750}.button{background:var(--violet);color:#fff}.button:hover{background:var(--violet-dark);text-decoration:none}.button-muted{background:var(--soft);color:var(--violet)}.action-row{display:flex;gap:11px;flex-wrap:wrap;align-items:center;margin-top:23px}.muted{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:14px;margin-top:18px}.feature{padding:16px 18px;box-shadow:none;font-weight:620}.content-card{padding:30px;max-width:860px;overflow-wrap:anywhere}.content-card h2{font-size:1.28rem;margin-top:28px}.content-card h2:first-child{margin-top:0}.content-card p{margin:12px 0}.content-card table{border-collapse:collapse;width:100%;font-size:.9rem;display:block;overflow-x:auto}.content-card th,.content-card td{border:1px solid var(--line);padding:12px;text-align:left;min-width:145px;vertical-align:top}.content-card th{background:#faf7ff}.breadcrumb{font-size:.88rem;margin:0 0 28px;color:var(--muted)}.breadcrumb a{color:var(--muted)}.subnav{display:flex;gap:9px;flex-wrap:wrap;padding:18px 0 0}.subnav a{background:var(--soft);border-radius:99px;padding:5px 13px;font-weight:650;font-size:.88rem}.note{padding:15px 19px;background:#fff7e4;border:1px solid #ffe0a4;border-radius:14px;color:#6c511f}.timeline-item{border-left:3px solid #d8c8f5;padding:3px 0 19px 18px;margin-left:5px}.timeline-item h2{font-size:1.05rem;margin:0}.timeline-item p{margin:5px 0;color:var(--muted)}.footer{border-top:1px solid var(--line);background:#fffdfc}.footer-inner{max-width:1120px;margin:0 auto;padding:22px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:var(--muted);font-size:.88rem}
@media(max-width:640px){.topbar-inner{align-items:flex-start;flex-direction:column}nav{gap:14px}.container{padding:35px 17px 60px}.content-card{padding:20px 17px}.product-hero{gap:15px}.hero h1{font-size:2.25rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}.card:hover{transform:none}}

/* Public ImageFlow launch: clear, accessible Chrome Web Store action. */
.product-hero .button{background:#0d665f;border:2px solid #0d665f}
.product-hero .button:hover{background:#084f49;border-color:#084f49;color:#fff}
.product-hero .button:focus-visible{outline:3px solid #40c6a9;outline-offset:4px}
.product-hero .icon-frame{background:#e8f5f0}
.install-guide{margin:25px 0 30px;background:#f2faf7;border:1px solid #c8e8d9;border-radius:22px;padding:20px 26px}
.install-guide h2{font-size:1.3rem;margin:0 0 12px;letter-spacing:-.03em}
.install-guide ol{margin:0 0 11px;padding-left:24px}
.install-guide li{margin:7px 0;padding-left:5px}
.install-guide p{margin:10px 0 0;color:#486b60;font-size:.91rem}
@media(max-width:640px){.install-guide{padding:17px 19px;margin-top:19px}.product-hero .button{display:block;text-align:center;width:100%}}