@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+TC:wght@400;500;600;700;800&display=swap";:root{color:#14213a;font-synthesis:none;background:#fbf8f4;font-family:Noto Sans TC,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#fbf8f4;margin:0}button,a{font:inherit}button{cursor:pointer}.qm-page{overflow:hidden}.qm-nav,.qm-hero,.qm-routes,.qm-templates,.qm-footer{width:min(1320px,100% - 72px);margin:auto}.qm-nav{border-bottom:1px solid #ded8cf;justify-content:space-between;align-items:center;height:92px;display:flex}.qm-brand{color:#13213b;align-items:center;gap:9px;text-decoration:none;display:inline-flex}.qm-brand strong{letter-spacing:-.06em;font-size:21px}.qm-brand em{color:#8c8790;font-size:12px;font-style:normal}.qm-mark{align-items:end;gap:3px;width:22px;height:25px;display:flex}.qm-mark i{background:#d65c37;border-radius:4px;width:5px;display:block}.qm-mark i:first-child{height:22px}.qm-mark i:nth-child(2){background:#7375cf;height:14px}.qm-mark i:nth-child(3){background:#a9abdd;height:9px}.qm-nav nav{gap:31px;display:flex}.qm-nav nav a{color:#555c6c;font-size:14px;text-decoration:none}.qm-nav-cta,.qm-primary{color:#fff;background:#10213d;border:0;border-radius:9px;align-items:center;gap:8px;padding:13px 17px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.qm-nav-cta svg,.qm-primary svg,.qm-secondary svg,.section-head>a svg,.template-rail a svg,.qm-footer>a svg{width:17px}.qm-hero{grid-template-columns:.8fr 1.2fr;align-items:center;gap:72px;padding:108px 0 126px;display:grid}.qm-hero h1,.section-head h2,.qm-workflow h2,.qm-pricing h2{letter-spacing:-.08em;margin:0;font-size:clamp(42px,5vw,72px);font-weight:700;line-height:1.14}.qm-hero h1 span{color:#c85734}.qm-hero-copy>p{color:#5a6170;max-width:510px;margin:28px 0;line-height:1.9}.qm-actions{align-items:center;gap:12px;display:flex}.qm-secondary{color:#33476b;font-size:14px;font-weight:600;text-decoration:none}.qm-proof{color:#848997;align-items:center;gap:11px;margin-top:27px;font-size:12px;display:flex}.qm-proof i{background:#d5d0ca;width:1px;height:13px}.qm-hero-product{background:#fffdfb;border:1px solid #ded8cf;border-radius:21px;padding:15px;transform:perspective(1200px)rotateY(-2deg);box-shadow:0 28px 70px #26365a16}.product-top{color:#596275;align-items:center;gap:12px;padding:1px 3px 13px;font:11px DM Mono,monospace;display:flex}.product-top b{font-weight:400}.product-top button{color:#4b5364;background:#fff;border:1px solid #d9d5d1;border-radius:6px;padding:5px 9px;font-size:11px}.product-top button:first-of-type{margin-left:auto}.product-top button:last-child{color:#fff;background:#14223d;border-color:#14223d}.product-body{grid-template-columns:66px 1fr 140px;gap:10px;min-height:340px;display:grid}.product-body>aside{color:#747987;border:1px solid #e4dfd8;border-radius:11px;flex-direction:column;gap:16px;padding:18px 11px;font-size:10px;display:flex}.product-body>aside b{color:#d45f3c;font-size:10px}.product-body>aside span{padding-left:0;position:relative}.product-media{color:#fff;background-position:50%;background-size:cover;border-radius:12px;flex-direction:column;justify-content:end;padding:25px;display:flex;position:relative;overflow:hidden}.product-media small{color:#ffc3af;letter-spacing:.09em;font:10px DM Mono,monospace}.product-media strong{letter-spacing:-.07em;max-width:390px;margin:9px 0;font-size:clamp(24px,2.6vw,39px);line-height:1.2}.product-media i{color:#ecedf0;font-size:10px;font-style:normal}.product-settings{background:#fbf9f7}.product-settings label{line-height:1.4}.product-settings label span{color:#1d2941;margin-top:4px;display:block}.mini-wave{color:#807ed5;letter-spacing:-3px;overflow:hidden}.product-timeline{color:#818695;align-items:center;gap:6px;padding:14px 2px 1px;font:10px DM Mono,monospace;display:flex}.product-timeline i{background:linear-gradient(135deg,#e89f7f,#ded7ee);border-radius:3px;flex:1;height:18px}.qm-routes{padding:118px 0}.section-head{justify-content:space-between;align-items:end;gap:50px;margin-bottom:55px;display:flex}.section-head h2{max-width:720px;font-size:clamp(34px,4.2vw,60px)}.section-head>p,.section-head div>p{color:#5e6573;max-width:440px;margin:0;line-height:1.85}.section-head>a{color:#ad4c31;white-space:nowrap;align-items:center;gap:8px;font-size:14px;text-decoration:none;display:flex}.route-list{border-top:1px solid #dcd6cf}.route-list article{border-bottom:1px solid #dcd6cf;grid-template-columns:1fr 255px;transition:all .25s;display:grid}.route-list article.is-active{background:#f1edf8}.route-list article>button{text-align:left;color:#15213a;background:0 0;border:0;grid-template-columns:48px 34px 1fr 22px;align-items:center;gap:18px;padding:27px 22px;display:grid}.route-list article>button>svg{color:#be5634;width:19px}.route-list h3{letter-spacing:-.05em;margin:4px 0;font-size:25px}.route-list small{color:#6974c8;font-size:11px;font-weight:700}.route-list p{color:#666d78;margin:0;font-size:13px;line-height:1.65}.route-number{color:#a29ca1;font:11px DM Mono,monospace}.route-icon{color:#fff;background:#c75836;border-radius:12px;place-items:center;width:43px;height:43px;font-weight:700;display:grid}.route-icon.motion{background:#7073cc}.route-icon.web{background:#1c3155;font-size:12px}.route-image{background-position:50%;background-size:cover}.qm-workflow{color:#fff;background:#14223d;grid-template-columns:.78fr 1.22fr;gap:90px;padding:120px max(36px,50vw - 660px);display:grid}.workflow-copy h2{font-size:clamp(37px,4.4vw,63px)}.workflow-copy p{color:#bbc2d0;max-width:420px;margin:25px 0 31px;line-height:1.9}.workflow-copy .qm-primary{background:#dc6a45}.workflow-demo{color:#16223a;background:#f8f6f4;border-radius:15px;padding:13px}.demo-tabs{grid-template-columns:repeat(4,1fr);gap:5px;padding-bottom:11px;display:grid}.demo-tabs button{color:#767b84;background:#ece9e5;border:0;border-radius:7px;padding:9px 6px;font-size:11px}.demo-tabs button.is-active{color:#252873;background:#dfe0fa;font-weight:700}.demo-canvas{background:#fff;border:1px solid #ddd8d2;border-radius:10px;min-height:314px;padding:34px;position:relative}.demo-canvas>b{letter-spacing:-.055em;font-size:23px}.demo-canvas>p{color:#5d6574;max-width:480px;font-size:14px;line-height:1.8}.demo-canvas>span,.demo-canvas em{color:#817a89;font-size:12px;font-style:normal;position:absolute;bottom:27px}.scene-lines{gap:9px;margin-top:22px;display:grid}.scene-lines span{color:#596175;border:1px solid #e4dfdb;border-radius:7px;padding:12px;font-size:12px}.preview-image{background-position:50%;background-size:cover;border-radius:8px;place-items:center;height:175px;margin-bottom:18px;display:grid}.preview-image i{color:#fff;background:#14223ddd;border-radius:50%;place-items:center;width:43px;height:43px;font-style:normal;display:grid}.revision-list{gap:10px;margin:26px 0;display:grid}.revision-list label{color:#565e6e;border-bottom:1px solid #e6e1dd;padding:11px 0;font-size:13px}.qm-dark{color:#fff;background:#16243f;border:0;border-radius:7px;padding:11px 15px;font-size:13px}.qm-templates{padding:124px 0}.template-rail{border-top:1px solid #dcd6cf;border-left:1px solid #dcd6cf;grid-template-columns:repeat(3,1fr);display:grid}.template-rail article{border-bottom:1px solid #dcd6cf;border-right:1px solid #dcd6cf;padding-bottom:21px}.template-photo{background-position:50%;background-size:cover;height:200px;position:relative}.template-photo span{color:#fff;background:#14223dd0;padding:4px 6px;font:10px DM Mono,monospace;position:absolute;top:13px;left:13px}.template-rail small,.template-rail h3,.template-rail p,.template-rail a{margin-left:18px;margin-right:18px}.template-rail small{color:#6c71bd;margin-top:18px;font:11px DM Mono,monospace;display:block}.template-rail h3{letter-spacing:-.05em;margin-top:8px;margin-bottom:6px;font-size:22px}.template-rail p{color:#606775;min-height:43px;margin-top:0;font-size:13px;line-height:1.65}.template-rail a{color:#b04e31;align-items:center;gap:7px;font-size:12px;text-decoration:none;display:flex}.qm-pricing{background:#eee8df;grid-template-columns:.9fr 1.1fr;gap:70px;padding:105px max(36px,50vw - 660px);display:grid}.qm-pricing h2{font-size:clamp(34px,4vw,58px)}.qm-pricing p{color:#5f6470;max-width:460px;line-height:1.85}.qm-pricing ol{border-top:1px solid #c9c1b7;margin:0;padding:0;list-style:none}.qm-pricing li{border-bottom:1px solid #c9c1b7;grid-template-columns:58px 1fr;gap:5px;padding:22px 0;display:grid}.qm-pricing b{color:#ca5e3b;font:12px DM Mono,monospace}.qm-pricing strong{letter-spacing:-.04em;font-size:19px}.qm-pricing span{color:#616675;grid-column:2;font-size:13px}.qm-footer{color:#69707d;justify-content:space-between;align-items:center;padding:38px 0 55px;font-size:13px;display:flex}.qm-footer>p{margin:0}.qm-footer>a:last-child{color:#b14f32;align-items:center;gap:8px;font-weight:700;text-decoration:none;display:flex}@media (width<=950px){.qm-hero{gap:38px}.product-body{grid-template-columns:48px 1fr}.product-settings{display:none}.qm-workflow{grid-template-columns:1fr;gap:45px}.template-rail{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.qm-nav,.qm-hero,.qm-routes,.qm-templates,.qm-footer{width:min(100% - 40px,610px)}.qm-nav{height:72px}.qm-nav nav{display:none}.qm-nav-cta{padding:10px 12px;font-size:12px}.qm-hero{grid-template-columns:1fr;padding:68px 0 76px}.qm-hero-product{transform:none}.product-body{min-height:280px}.product-media{padding:19px}.product-media strong{font-size:28px}.section-head{margin-bottom:36px;display:block}.section-head>p,.section-head div>p{margin-top:18px}.section-head>a{margin-top:20px}.qm-routes{padding:75px 0}.route-list article{grid-template-columns:1fr}.route-image{display:none}.route-list article>button{grid-template-columns:43px 25px 1fr 18px;padding:21px 5px}.route-list h3{font-size:20px}.qm-workflow{padding:77px 20px}.demo-tabs{grid-template-columns:1fr 1fr}.demo-canvas{min-height:300px;padding:23px}.qm-templates{padding:78px 0}.template-rail{grid-template-columns:1fr}.template-photo{height:230px}.qm-pricing{grid-template-columns:1fr;gap:35px;padding:76px 20px}.qm-footer{flex-direction:column;align-items:flex-start;gap:20px}.qm-footer>p{max-width:280px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.route-image{position:relative}.route-image a{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#16243e;background:#fffdfbe8;border-radius:7px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:12px;font-weight:700;text-decoration:none;display:flex;position:absolute;bottom:13px;left:13px;right:13px}.route-image a svg{color:#bd5636;width:15px}.qm-pricing{position:relative}.qm-pricing-link{color:#273b5d;align-items:center;gap:8px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex;position:absolute;bottom:34px;left:50%}.qm-pricing-link svg{width:15px}@media (width<=720px){.qm-pricing-link{margin-top:8px;position:static}}.qm-brand{gap:0}.qm-logo{object-fit:contain;width:154px;height:auto;max-height:43px;display:block}@media (width<=720px){.qm-logo{width:126px;max-height:35px}}.qm-nav-actions{align-items:center;gap:9px;display:flex}.qm-line-login,.qm-account-link{color:#47566d;white-space:nowrap;background:#fffdfb;border:1px solid #d9d4ce;border-radius:9px;justify-content:center;align-items:center;min-height:42px;padding:0 13px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.qm-line-login{color:#fff;background:#06c755;border-color:#06c755;box-shadow:0 8px 18px #06c75525}.qm-line-login:hover{background:#05b74e}.qm-account-link:hover{color:#162743;border-color:#97a1b4}.qm-line-success{color:#26704a;background:#effaf3;border:1px solid #b8e4cb;border-radius:8px;width:min(1320px,100% - 72px);margin:12px auto -12px;padding:10px 13px;font-size:13px;font-weight:700}.public-page{background:radial-gradient(circle at 10% 10%,#fff4e8 0,#0000 28%),radial-gradient(circle at 88% 8%,#eaf8f4 0,#0000 25%),#fffaf4}.public-hero,.public-template-section,.public-usecases,.public-seo-block{width:min(1220px,100% - 72px);margin:auto}.public-hero{padding:86px 0 54px}.public-hero small,.public-template-card small{color:#3f9486;letter-spacing:.12em;font:11px DM Mono,monospace}.public-hero h1{color:#182235;letter-spacing:-.08em;max-width:820px;margin:12px 0 18px;font-size:clamp(42px,7vw,84px);line-height:.98}.public-hero p{color:#667386;max-width:760px;margin:0;font-size:18px;line-height:1.85}.public-hero>div{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.public-template-section,.public-usecases,.public-seo-block{padding:34px 0}.public-catalog-version{color:#28786b;white-space:nowrap;background:#eef7f4;border:1px solid #d9e5e2;border-radius:999px;align-self:start;padding:7px 10px;font:10px DM Mono,monospace}.public-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.public-template-card{background:#fffdf9;border:1px solid #e2dbd2;border-radius:28px;grid-template-columns:minmax(220px,.85fr) minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 22px 60px #1d2a3d10}.public-template-image{background-position:50%;background-size:cover;min-height:320px;position:relative}.public-template-image span,.public-template-image em{color:#132139;background:#ffffffd9;border-radius:999px;padding:7px 10px;font:11px DM Mono,monospace;position:absolute}.public-template-image span{top:18px;left:18px}.public-template-image em{bottom:18px;right:18px}.public-template-body{flex-direction:column;min-width:0;padding:24px;display:flex}.public-template-body h3{color:#1d293d;letter-spacing:-.06em;margin:8px 0 10px;font-size:25px;line-height:1.16}.public-template-body p{color:#667386;margin:0 0 14px;font-size:14px;line-height:1.75}.public-template-body b{color:#9a5f36;margin-top:4px;font-size:12px}.public-template-meta{gap:8px;margin:2px 0 18px;display:grid}.public-template-meta div{border-top:1px solid #ebe4dc;grid-template-columns:72px 1fr;gap:8px;padding-top:8px;display:grid}.public-template-meta dt{color:#9a5f36;font-size:11px;font-weight:800}.public-template-meta dd{color:#687487;margin:0;font-size:11px;line-height:1.55}.public-template-tags{flex-wrap:wrap;gap:7px;margin:auto 0 17px;display:flex}.public-template-tags span{color:#785e48;background:#f3eee8;border-radius:999px;padding:6px 8px;font-size:11px;font-weight:700}.public-template-body a{color:#fff;background:#132139;border-radius:999px;align-items:center;gap:8px;width:max-content;padding:11px 15px;font-size:13px;font-weight:850;text-decoration:none;display:inline-flex}.public-template-body a svg{width:16px}.public-usecases{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.public-usecases article{background:#fffdf9;border:1px solid #e2dbd2;border-radius:24px;overflow:hidden}.public-usecases article div{background-position:50%;background-size:cover;min-height:180px}.public-usecases h2,.public-usecases p{margin-left:18px;margin-right:18px}.public-usecases h2{color:#1d293d;letter-spacing:-.05em;margin-top:18px;font-size:20px}.public-usecases p{color:#667386;margin-bottom:20px;font-size:13px;line-height:1.75}.public-seo-block{margin-top:26px;margin-bottom:40px}.public-seo-block h2{color:#1d293d;letter-spacing:-.06em;margin:0 0 12px;font-size:30px}.public-seo-block p{color:#667386;max-width:920px;margin:0;font-size:15px;line-height:1.9}@media (width<=950px){.public-template-grid,.public-usecases,.public-template-card{grid-template-columns:1fr}.public-template-image{min-height:240px}}@media (width<=720px){.public-hero,.public-template-section,.public-usecases,.public-seo-block{width:min(100% - 40px,610px)}.public-hero{padding:58px 0 34px}.public-hero p{font-size:15px}.public-template-card{border-radius:20px}.public-template-body{padding:20px}.public-catalog-version{margin-top:16px;display:inline-flex}.public-template-section .section-head{display:block}}.qm-access-panel{background:linear-gradient(135deg,#fffdf9,#f4efe7);border:1px solid #e0d8ce;border-radius:24px;grid-template-columns:.9fr 1.1fr;align-items:center;gap:24px;width:min(1320px,100% - 72px);margin:-54px auto 0;padding:24px;display:grid;box-shadow:0 24px 70px #26365a12}.qm-access-panel small{color:#2c9384;letter-spacing:.1em;font:11px DM Mono,monospace}.qm-access-panel h2{color:#18243b;letter-spacing:-.06em;margin:8px 0 10px;font-size:clamp(26px,3vw,42px);line-height:1.18}.qm-access-panel p{color:#657083;max-width:620px;margin:0;font-size:14px;line-height:1.8}.qm-access-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.qm-access-line,.qm-access-primary,.qm-access-secondary{color:#17243d;background:#fffdfb;border:1px solid #dcd5cc;border-radius:16px;align-content:center;gap:5px;min-height:96px;padding:15px;text-decoration:none;display:grid;position:relative;overflow:hidden}.qm-access-line{color:#fff;background:#06c755;border-color:#06c755;grid-template-columns:40px 1fr;box-shadow:0 15px 34px #06c75524}.qm-access-line span{color:#06a846;letter-spacing:-.08em;background:#fff;border-radius:50%;grid-row:1/3;place-items:center;width:34px;height:34px;font:700 8px DM Mono,monospace;display:grid}.qm-access-line small,.qm-access-primary small,.qm-access-secondary small{letter-spacing:0;color:inherit;opacity:.72;font-family:Noto Sans TC,system-ui,sans-serif}.qm-access-line b,.qm-access-primary b,.qm-access-secondary b{font-size:15px}.qm-access-primary{color:#fff;background:#17243d;border-color:#17243d}.qm-access-primary svg{width:18px;position:absolute;bottom:15px;right:15px}.qm-access-secondary{cursor:pointer;text-align:left}.qm-routes{padding-top:88px}@media (width<=950px){.qm-access-panel{grid-template-columns:1fr;margin-top:-34px}.qm-access-actions{grid-template-columns:1fr 1fr}.qm-access-line{grid-column:1/-1}}@media (width<=720px){.qm-access-panel{border-radius:18px;width:min(100% - 40px,610px);margin-top:-32px;padding:18px}.qm-access-actions{grid-template-columns:1fr}.qm-access-line,.qm-access-primary,.qm-access-secondary{min-height:82px}.qm-routes{padding-top:58px}}.qm-beta-status{color:#17233b;background:#f5f1eb;grid-template-columns:.77fr 1.23fr;gap:68px;padding:112px max(36px,50vw - 660px);display:grid}.beta-status-copy>small{color:#c35b3b;letter-spacing:.08em;font:11px DM Mono,monospace}.beta-status-copy h2{letter-spacing:-.075em;margin:14px 0;font-size:clamp(35px,4vw,57px);line-height:1.16}.beta-status-copy p{color:#5d6575;max-width:470px;margin:0 0 27px;line-height:1.85}.beta-status-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:12px;display:grid}.beta-status-grid article{background:#fffdfb;border:1px solid #d8d2ca;border-radius:13px;flex-direction:column;min-height:355px;padding:22px;display:flex;box-shadow:0 15px 32px #26365a0b}.beta-status-grid article>div{grid-template-columns:auto 1fr;align-items:center;column-gap:7px;display:grid}.beta-status-grid article small{color:#7470b6;letter-spacing:.06em;font:10px DM Mono,monospace}.beta-status-grid article b{color:#253754;grid-column:1/-1;margin-top:17px;font-size:12px}.beta-dot{background:#50a486;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #50a48622}.beta-dot-planning{background:#d49a48;box-shadow:0 0 0 4px #d49a4822}.beta-status-grid h3{letter-spacing:-.055em;margin:31px 0 11px;font-size:21px;line-height:1.3}.beta-status-grid p{color:#626a79;margin:0;font-size:13px;line-height:1.75}.beta-status-grid ul{color:#536075;border-top:1px solid #e9e3dc;gap:7px;margin:auto 0 0;padding:20px 0 0;font-size:11px;list-style:none;display:grid}.beta-status-grid li:before{content:"✓";color:#c45d3d;margin-right:7px;font-weight:800}@media (width<=950px){.qm-beta-status{grid-template-columns:1fr;gap:38px}.beta-status-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=720px){.qm-beta-status{padding:76px 20px}.beta-status-grid{grid-template-columns:1fr}.beta-status-grid article{min-height:0}.beta-status-grid h3{margin-top:24px}}