@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:#122440;background:#f7f5f2;font-family:Noto Sans TC,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.dw-app{background:radial-gradient(circle at 74% 0,#e6fbfc 0,#0000 25rem),#f7f5f2;min-height:100vh}.dw-header{background:#fffdfaf0;border-bottom:1px solid #dfe3e8;justify-content:space-between;align-items:center;gap:18px;height:68px;padding:0 max(24px,50% - 660px);display:flex}.dw-brand{color:#122440;align-items:center;gap:10px;text-decoration:none;display:flex}.dw-logo{object-fit:contain;width:136px;height:auto;max-height:38px;display:block}.dw-brand em{color:#1768b6;border-left:1px solid #d9e0e8;padding-left:10px;font-size:13px;font-style:normal;font-weight:700}.dw-prototype{color:#08778d;background:#e5f8fb;border-radius:6px;margin-right:auto;padding:6px 9px;font-size:10px;font-weight:700}.dw-header-actions{align-items:center;gap:9px;display:flex}.dw-header-actions>a:not(.dw-publish){color:#657084;font-size:11px;text-decoration:none}.dw-header-actions button{color:#516075;background:#fff;border:1px solid #dce4ec;border-radius:7px;padding:9px 11px;font-size:12px}.dw-header-actions .dw-publish{color:#fff;background:#0b5bd3;border-color:#0b5bd3;align-items:center;gap:6px;text-decoration:none;display:flex}.dw-header-actions svg,.dw-generate svg,.inspector-edit svg{width:15px}.dw-shell{grid-template-columns:272px minmax(0,1fr) 292px;min-height:calc(100vh - 68px);display:grid}.dw-brief,.dw-inspector{background:#fffdfad1;padding:24px 18px}.dw-brief{border-right:1px solid #dfe3e8}.dw-inspector{border-left:1px solid #dfe3e8}.dw-side-title{border-bottom:1px solid #e4e7eb;margin-bottom:19px;padding-bottom:18px}.dw-side-title b,.dw-side-title span{display:block}.dw-side-title b{color:#122440;font-size:14px}.dw-side-title span{color:#788394;margin-top:4px;font-size:11px;line-height:1.5}.dw-brief label,.inspector-edit label{color:#59687d;margin-top:17px;font-size:12px;font-weight:700;display:block}.dw-brief textarea,.dw-brief select,.inspector-edit textarea,.dw-url-field,.dw-auth input{color:#263b58;background:#fff;border:1px solid #d9e0e7;border-radius:8px;width:100%;margin-top:7px;padding:10px;font-size:12px;line-height:1.7}.dw-url-field{font-family:DM Mono,monospace}.dw-url-field:focus,.dw-brief textarea:focus,.dw-brief select:focus,.inspector-edit textarea:focus,.dw-auth input:focus{border-color:#2c80d9;outline:0;box-shadow:0 0 0 3px #2c80d916}.dw-brief textarea{resize:vertical;height:132px}.dw-generate,.inspector-edit button{color:#fff;background:linear-gradient(110deg,#0d58cf,#087fa6);border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:24px;padding:11px 10px;font-size:12px;font-weight:700;display:flex;box-shadow:0 8px 18px #0b5bd322}.dw-brief>p{color:#718093;font-size:11px;line-height:1.7}.dw-auth{background:#effbfd;border:1px solid #d6e7ef;border-radius:10px;gap:11px;padding:15px;display:grid}.dw-auth b{color:#16304e;font-size:14px}.dw-auth p{color:#66788e;margin:0;font-size:11px;line-height:1.65}.dw-auth label{margin:0!important}.dw-auth .dw-generate{margin-top:4px}.dw-line-login{color:#fff;background:#06c755;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px 10px;font-size:12px;font-weight:700;text-decoration:none;display:flex;box-shadow:0 8px 18px #06c75524}.dw-line-login span{color:#06a846;letter-spacing:-.4px;background:#fff;border-radius:4px;place-items:center;width:27px;height:18px;font-size:8px;font-weight:800;display:grid}.dw-auth-divider{color:#8794a4;align-items:center;gap:8px;font-size:10px;display:flex}.dw-auth-divider:before,.dw-auth-divider:after{content:"";background:#d8e4eb;flex:1;height:1px}.dw-stage{min-width:0;padding:22px}.dw-stagebar{color:#6f7b8d;justify-content:space-between;align-items:center;margin:0 0 12px;font-size:11px;display:flex}.dw-stagebar>div{align-items:center;gap:5px;display:flex}.dw-stagebar button{color:#65758b;background:#fff;border:1px solid #d9e1e9;border-radius:6px;padding:6px 9px;font-size:10px}.dw-stagebar button.is-selected{color:#0954ae;background:#eaf5ff;border-color:#0c69d5;font-weight:700}.dw-stagebar b{color:#57708c;font:10px DM Mono,monospace}.web-preview{background:#fff;border:1px solid #dce3ea;border-radius:12px;transition:width .28s,box-shadow .28s;overflow:hidden;box-shadow:0 18px 48px #132b4b12}.web-preview nav{color:#52647a;align-items:center;gap:27px;height:48px;padding:0 30px;font-size:10px;display:flex}.web-preview nav strong{color:#163c68;letter-spacing:-.05em;margin-right:auto;font-size:16px}.web-preview nav button{color:#fff;background:#0a61cd;border:0;border-radius:5px;padding:7px 10px;font-size:10px}.preview-hero{background-position:50%;background-size:cover;align-items:center;min-height:330px;padding:59px 47px;display:flex}.preview-hero>div{max-width:410px}.preview-hero small,.preview-benefits>small{color:#087b99;font:11px DM Mono,monospace}.preview-hero h1{color:#122440;letter-spacing:-.08em;margin:11px 0;font-size:clamp(31px,3.5vw,49px);line-height:1.14}.preview-hero p{color:#435770;font-size:13px;line-height:1.75}.preview-hero button{color:#fff;background:#0b5bd3;border:0;border-radius:6px;align-items:center;gap:7px;padding:10px 12px;font-size:12px;display:flex}.preview-hero svg{width:15px}.preview-benefits{text-align:center;padding:46px 38px}.preview-benefits h2{color:#132946;letter-spacing:-.07em;margin:10px 0 26px;font-size:clamp(24px,2.7vw,38px);line-height:1.23}.preview-benefits>div{border:1px solid #e4e8ed;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.preview-benefits button{color:#283f5f;text-align:left;background:#fff;border:0;border-right:1px solid #e4e8ed;min-height:120px;padding:16px}.preview-benefits button.is-active{background:#eaf7fb}.preview-benefits button b,.preview-benefits button strong,.preview-benefits button span{display:block}.preview-benefits button b{color:#087e9b;font:10px DM Mono,monospace}.preview-benefits button strong{margin:13px 0 5px;font-size:14px}.preview-benefits button span{color:#738197;font-size:11px;line-height:1.55}.web-preview.is-mobile-preview{width:min(390px,100%);margin:0 auto;box-shadow:0 18px 48px #132b4b20}.web-preview.is-mobile-preview nav{gap:10px;padding:0 17px}.web-preview.is-mobile-preview nav span{display:none}.web-preview.is-mobile-preview .preview-hero{min-height:360px;padding:38px 24px;background-image:linear-gradient(#fffdfbf0 18%,#fffdfb65 100%)!important}.web-preview.is-mobile-preview .preview-hero h1{font-size:34px}.web-preview.is-mobile-preview .preview-benefits{padding:34px 16px}.web-preview.is-mobile-preview .preview-benefits>div{grid-template-columns:1fr}.web-preview.is-mobile-preview .preview-benefits button{border-bottom:1px solid #e4e8ed;border-right:0;min-height:0}.dw-version{color:#6d7d90;align-items:center;gap:10px;margin-top:12px;font-size:10px;display:flex}.dw-version i{background:linear-gradient(90deg,#05bdd0,#1472dc);border:1px solid #d8e3ea;border-radius:4px;width:56px;height:18px}.dw-version button{color:#075cbf;background:0 0;border:0;margin-left:auto;font-size:11px;font-weight:700}.dw-version .dw-version-action{color:#0b5bd3;white-space:nowrap;background:#fff;border:1px solid #0b5bd3;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:8px 12px;display:inline-flex;box-shadow:0 8px 18px #0b5bd316}.dw-version .dw-version-action svg{width:14px}.dw-tour-handoff{background:linear-gradient(135deg,#fffdfb,#edfafe);border:1px solid #bde6ec;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin-top:14px;padding:16px;display:grid;box-shadow:0 16px 34px #0b5bd318}.dw-tour-handoff small{color:#087c9d;letter-spacing:.12em;font:10px DM Mono,monospace}.dw-tour-handoff strong{color:#132946;letter-spacing:-.04em;margin-top:4px;font-size:16px;display:block}.dw-tour-handoff p{color:#52647a;margin:5px 0 0;font-size:12px;line-height:1.7}.dw-tour-handoff ol{color:#52647a;gap:5px;margin:0;padding:0;font-size:11px;list-style:none;display:grid}.dw-tour-handoff li{white-space:nowrap;align-items:center;gap:7px;display:flex}.dw-tour-handoff li:before{content:"";background:#0b93bd;border-radius:999px;width:7px;height:7px;box-shadow:0 0 0 4px #0b93bd14}.dw-tour-loader{background:linear-gradient(145deg,#0a5bd1,#09b4bd);border-radius:16px;place-items:center;width:52px;height:52px;display:grid;position:relative;box-shadow:0 12px 24px #0b5bd326}.dw-tour-loader span{--dot-x:0;width:8px;height:8px;transform:translateX(var(--dot-x));background:#fff;border-radius:999px;animation:1.05s ease-in-out infinite dw-pulse;position:absolute}.dw-tour-loader span:first-child{--dot-x:-13px;animation-delay:0s}.dw-tour-loader span:nth-child(2){animation-delay:.14s}.dw-tour-loader span:nth-child(3){--dot-x:13px;animation-delay:.28s}@keyframes dw-pulse{0%,80%,to{opacity:.36;transform:translateX(var(--dot-x)) translateY(0) scale(.82)}40%{opacity:1;transform:translateX(var(--dot-x)) translateY(-5px) scale(1)}}.block-list{gap:4px;display:grid}.block-list button{color:#4b6079;text-align:left;background:0 0;border:0;border-radius:7px;grid-template-columns:22px 1fr;gap:8px;width:100%;padding:10px 7px;display:grid}.block-list button.is-active{color:#075a98;background:#e8f5fa}.block-list b{color:#087c9d;font:10px DM Mono,monospace}.block-list strong,.block-list small{display:block}.block-list strong{font-size:12px}.block-list small{color:#7d8999;margin-top:3px;font-size:10px;line-height:1.4}.inspector-edit{border-top:1px solid #e4e7eb;margin-top:22px;padding-top:18px}.inspector-edit textarea{resize:vertical;height:110px}.inspector-edit button{background:linear-gradient(110deg,#0b6fb3,#08a0b4);margin-top:10px}.tour-plan-card{background:linear-gradient(135deg,#fffdfb,#f2f8fb);border:1px solid #dbe4ec;border-radius:10px;gap:9px;margin-top:18px;padding:15px;display:grid;box-shadow:0 10px 22px #14324d0a}.tour-plan-card small{color:#087c9d;letter-spacing:.08em;font:10px DM Mono,monospace}.tour-plan-card label{color:#59687d;gap:5px;margin:0;font-size:11px;font-weight:800;display:grid}.tour-plan-card input,.tour-plan-card textarea{color:#263b58;width:100%;font:inherit;background:#fff;border:1px solid #d9e0e7;border-radius:7px;padding:8px 9px;font-size:11px;line-height:1.55}.tour-plan-card textarea{resize:vertical;min-height:72px}.tour-plan-card input:focus,.tour-plan-card textarea:focus{border-color:#2c80d9;outline:0;box-shadow:0 0 0 3px #2c80d916}.dw-status,.dw-error{z-index:5;color:#fff;border-radius:8px;margin:0;padding:10px 14px;font-size:12px;position:fixed;bottom:19px;left:50%;transform:translate(-50%);box-shadow:0 9px 22px #17264133}.dw-status{background:#12345b}.dw-error{background:#9e3e31}.dw-header-actions button:disabled,.dw-version button:disabled{cursor:not-allowed;opacity:.5}@media (width<=980px){.dw-shell{grid-template-columns:230px minmax(0,1fr)}.dw-inspector{display:none}}@media (width<=900px){.dw-prototype{display:none}}@media (width<=700px){.dw-header{gap:8px;padding:0 16px}.dw-logo{width:120px;max-height:34px}.dw-brand em,.dw-header-actions>a:not(.dw-publish),.dw-header-actions>button:not(.dw-publish){display:none}.dw-header-actions .dw-publish{padding:9px 10px}.dw-shell{display:block}.dw-brief{border-bottom:1px solid #dfe3e8;border-right:0}.dw-brief textarea{height:92px}.dw-stage{padding:15px}.dw-stagebar>div{display:none}.web-preview nav{gap:10px;padding:0 17px}.web-preview nav span{display:none}.preview-hero{min-height:300px;padding:36px 22px;background-image:linear-gradient(90deg,#fffdfbf0 45%,#fffdfb44)!important}.preview-benefits{padding:34px 16px}.preview-benefits>div{grid-template-columns:1fr}.preview-benefits button{border-bottom:1px solid #e4e8ed;border-right:0;min-height:0}.dw-status,.dw-error{text-align:center;width:calc(100% - 34px)}.dw-brief label{margin-top:12px}.dw-version{flex-wrap:wrap;align-items:flex-start}.dw-version .dw-version-action{width:100%;margin-left:0}.dw-tour-handoff{grid-template-columns:1fr;gap:12px}.dw-tour-loader{width:46px;height:46px}.dw-tour-handoff li{white-space:normal}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}