.device-viewport{color:#23343a;background:#dce5e7;flex-direction:column;min-width:0;height:100%;min-height:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.device-viewport-controls{z-index:3;background:#eef3f4;border-bottom:1px solid #ccd8db;flex:none;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:7px 12px;display:flex;position:relative;box-shadow:0 4px 14px #0b394514}.device-viewport-controls label{color:#526970;letter-spacing:0;align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex}.device-viewport-controls select,.device-viewport-controls input{color:#173942;height:34px;font:inherit;letter-spacing:0;background:#fff;border:1px solid #b8c7ca;border-radius:6px;outline:none;font-size:13px;font-weight:750}.device-viewport-controls select{min-width:142px;padding:0 30px 0 10px}.device-viewport-controls input{text-align:center;width:76px;padding:0 8px}.device-viewport-controls select:focus-visible,.device-viewport-controls input:focus-visible{border-color:#00a6b2;box-shadow:0 0 0 3px #00a6b22e}.device-viewport-custom{align-items:center;gap:8px;display:flex}.device-viewport-custom label span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.device-viewport-dimensions{color:#5e7379;text-align:left;min-width:105px;font-size:12px;font-weight:800}.device-viewport-canvas{background:#cbd7da;flex:1;justify-content:center;align-items:flex-start;min-width:0;min-height:0;padding:12px;display:flex;overflow:auto}.device-viewport-scaler{background:#fff;border:1px solid #0b39452e;border-radius:8px;flex:none;position:relative;box-shadow:0 14px 40px #0b39452e}.device-viewport-surface{transform-origin:0 0;background:#fff;border-radius:7px;position:absolute;top:0;left:0;overflow:hidden}.device-viewport-scaler.is-responsive{width:100%;height:100%;box-shadow:none;border:0;border-radius:0}.device-viewport-scaler.is-responsive .device-viewport-surface{border-radius:0;width:100%;height:100%;inset:0;transform:none}.device-viewport-canvas.is-normal{padding:0}@media (width<=560px){.device-viewport-controls{flex-wrap:wrap;gap:5px 10px;min-height:72px;padding:7px 8px}.device-viewport-controls label>span{display:none}.device-viewport-controls select{min-width:132px}.device-viewport-dimensions{min-width:94px}.device-viewport-canvas{padding:8px}}.website-frame{visibility:hidden;pointer-events:none;background:#fff;position:absolute;inset:0}.website-frame.is-visible{visibility:visible;pointer-events:auto;z-index:1}.website-frame>iframe{background:#fff;border:0;width:100%;height:100%;display:block}.website-frame-status{z-index:2;color:#0b3945;text-align:center;background:#eef5f5;place-content:center;justify-items:center;gap:12px;padding:24px;display:grid;position:absolute;inset:0}.website-frame-status img{width:170px;max-width:65%}.website-frame-status strong{font-size:16px}.website-frame-status button{color:#0b3945;font:inherit;cursor:pointer;background:#fff;border:1px solid #78bfc5;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:700}:root{--review-brand:#00a6b2;--review-deep:#0b3945;--review-red:#a6323d;--review-green:#176b43}*{box-sizing:border-box}body{margin:0}.visual-review-shell{color:#23343a;background:#dce5e7;height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.visual-review-topbar{z-index:4;background:#fff;border-bottom:1px solid #d6e0e2;align-items:center;gap:18px;height:68px;padding:10px 22px;display:flex;position:relative;box-shadow:0 5px 22px #0b39451a}.visual-review-topbar img{object-fit:contain;object-position:left center;width:142px;height:42px}.visual-review-title{flex-direction:column;min-width:190px;display:flex}.visual-review-title span{color:#718188;letter-spacing:.11em;text-transform:uppercase;font-size:11px;font-weight:900}.visual-review-title strong{color:var(--review-deep);font-size:15px}.visual-review-progress{background:#e7edef;border-radius:999px;flex:1;height:7px;overflow:hidden}.visual-review-progress span{border-radius:inherit;background:var(--review-brand);height:100%;transition:width .25s;display:block}.visual-review-stage{background:#fff;width:100%;height:calc(100vh - 68px);position:relative}.visual-review-frame{opacity:0;visibility:hidden;pointer-events:none;background:#fff;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.visual-review-frame.is-visible{z-index:1;opacity:1;visibility:visible;pointer-events:auto}.visual-review-frame-state{z-index:2;color:var(--review-deep);text-align:center;background:#eef5f5;place-content:center;justify-items:center;gap:12px;padding:24px;display:grid;position:absolute;inset:0}.visual-review-frame-state img{width:170px;max-width:65%}.visual-review-frame-state strong{font-size:16px}.visual-review-frame-state button{color:var(--review-deep);font:inherit;cursor:pointer;background:#fff;border:1px solid #78bfc5;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:850}.visual-review-frame-state button:hover{background:#dff2f3}.visual-review-frame-state.is-loading{pointer-events:none}.visual-review-dock,.visual-review-complete{z-index:5;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b2831f0;border:1px solid #ffffff73;border-radius:18px;align-items:center;gap:18px;width:min(1040px,100vw - 32px);padding:14px 16px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 18px 55px #0000004d}.visual-review-change{flex:1;min-width:260px}.visual-review-change nav{color:#b9c9cd;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:4px;font-size:11px;font-weight:800;display:flex}.visual-review-change nav button{color:#fff;cursor:pointer;background:0 0;border:1px solid #567078;border-radius:7px;width:24px;height:24px;padding:0;font-size:19px;line-height:1}.visual-review-change strong,.visual-review-change small{display:block}.visual-review-change strong{font-size:16px}.visual-review-change small{color:#b9c9cd;text-overflow:ellipsis;white-space:nowrap;max-width:560px;margin-top:3px;font-size:12px;overflow:hidden}.visual-review-heading{align-items:center;gap:8px;display:flex}.visual-review-info{color:#dce9eb;cursor:pointer;background:#143a45;border:1px solid #6c858c;border-radius:50%;width:21px;height:21px;padding:0;font:italic 800 12px/1 Georgia,serif}.visual-review-info:hover,.visual-review-info[aria-expanded=true]{background:var(--review-brand);color:#fff;border-color:#82d2d8}.visual-review-cue{border:1px solid;border-radius:999px;margin-top:7px;padding:5px 9px;font-size:11px;font-weight:850;display:inline-flex}.cue-after{color:#d9ffea;background:#123d2a;border-color:#6dc995}.cue-before{color:#ffd9dc;background:#3b2027;border-color:#e2838c}.visual-review-toggle{background:#071f27;border:1px solid #4c656c;border-radius:12px;padding:4px;display:flex}.visual-review-toggle button{color:#c7d3d6;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px 15px;font-size:13px;font-weight:850}.visual-review-toggle .is-before{background:var(--review-red);color:#fff}.visual-review-toggle .is-after{background:var(--review-green);color:#fff}.visual-review-actions{gap:9px;display:flex}.visual-decision{font:inherit;cursor:pointer;border:1px solid;border-radius:11px;padding:11px 15px;font-size:13px;font-weight:850}.visual-decision:disabled{cursor:wait;opacity:.55}.visual-decision-reject{color:#ffd9dc;background:#3b2027;border-color:#db8189}.visual-decision-approve{color:#d9ffea;background:#123d2a;border-color:#74bd94}.visual-decision-reject:hover{background:var(--review-red);color:#fff}.visual-decision-approve:hover{background:var(--review-green);color:#fff}.visual-practice-finish{background:var(--review-brand);color:#fff;font:inherit;cursor:pointer;border:1px solid #5fd4d0;border-radius:11px;padding:11px 15px;font-size:13px;font-weight:850}.visual-practice-finish:hover{background:#078d98}.visual-review-error{z-index:7;color:var(--review-red);background:#fff0f1;border-radius:10px;margin:0;padding:10px 16px;position:fixed;top:82px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000002e}.visual-review-detail{color:#294047;background:#fff;border:1px solid #cbdadd;border-radius:16px;width:min(480px,100vw - 64px);padding:18px;position:absolute;bottom:calc(100% + 12px);left:16px;box-shadow:0 18px 48px #00000047}.visual-review-detail header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.visual-review-detail header span{color:var(--review-brand);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:900;display:block}.visual-review-detail header strong{color:var(--review-deep);margin-top:3px;font-size:18px;display:block}.visual-review-detail header button{color:#4a6269;cursor:pointer;background:#edf3f4;border:0;border-radius:50%;width:28px;height:28px;padding:0;font-size:20px}.visual-review-detail ul{gap:8px;margin:14px 0 0;padding-left:20px;display:grid}.visual-review-detail li{color:#526970;padding-left:3px;font-size:13px;line-height:1.45}.visual-review-complete{justify-content:space-between}.visual-review-complete>div:first-child{flex-direction:column;gap:4px;display:flex}.visual-review-complete span{color:#c7d3d6;font-size:13px}.visual-review-complete a{background:var(--review-brand);color:#fff;border-radius:999px;flex:none;padding:11px 16px;font-weight:900;text-decoration:none}.visual-review-complete-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.visual-review-complete-actions button{color:#e7f0f2;font:inherit;cursor:pointer;background:#143a45;border:1px solid #668087;border-radius:10px;padding:10px 13px;font-size:12px;font-weight:850}.visual-review-complete-actions button:hover{background:#22515d}.visual-review-complete-actions .is-primary{background:var(--review-brand);color:#fff;border-color:#5fd4d0}.visual-review-complete-actions .is-primary:hover{background:#078d98}.visual-review-loading{min-height:100vh;color:var(--review-deep);text-align:center;background:#eef5f5;place-content:center;justify-items:center;padding:30px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;display:grid}.visual-review-loading img{width:220px;max-width:80vw}.visual-review-loading h1{margin:22px 0 4px}@media (width<=780px){.visual-review-topbar{height:60px;padding:8px 12px}.visual-review-topbar img{width:104px}.visual-review-title{flex:1;min-width:0}.visual-review-title span{display:none}.visual-review-title strong{font-size:13px}.visual-review-progress{max-width:70px}.visual-review-stage{height:calc(100vh - 60px)}.visual-review-dock{grid-template-columns:1fr auto;gap:10px;padding:12px;display:grid;bottom:10px}.visual-review-change{grid-column:1/-1;min-width:0}.visual-review-toggle button{padding:9px 12px}.visual-review-actions{justify-content:flex-end}.visual-review-actions.has-finish{flex-wrap:wrap;grid-column:1/-1}.visual-decision,.visual-practice-finish{padding:10px 15px}.visual-review-detail{width:100%;bottom:calc(100% + 8px);left:0}.visual-review-complete{flex-direction:column;align-items:stretch;bottom:10px}.visual-review-complete a{text-align:center}.visual-review-complete-actions{grid-template-columns:1fr 1fr;display:grid}.visual-review-complete-actions .is-primary{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.visual-review-progress span{transition:none}}.visual-review-shell{flex-direction:column;height:100dvh;display:flex}.visual-review-topbar{flex:none}.visual-review-stage{flex:1;height:auto;min-height:0}.visual-review-dock,.visual-review-complete{width:100%;box-shadow:none;border-radius:0;flex:none;position:relative;bottom:auto;left:auto;transform:none}.visual-review-highlights{color:#d6e5e7;align-items:center;gap:6px;margin-top:6px;font-size:12px;display:flex}.visual-review-highlights input{accent-color:#00a6b2}@media (width<=780px){.visual-review-dock,.visual-review-complete{bottom:auto}.visual-review-stage{height:auto}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.nav-trigger.dynamic-route-link:after{content:none}.nav-trigger.dynamic-route-link[aria-current=page]{color:var(--brand,#00a6b2)}.site-loader{color:#0b3945;background:radial-gradient(circle at 50% 38%,#fff 0,#eef8f8 45%,#dceff0 100%);place-items:center;min-height:100vh;padding:24px;font-family:Noto Sans TC,Microsoft JhengHei,Arial,sans-serif;display:grid}.loader-card{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;border:1px solid #00a6b221;border-radius:30px;width:min(440px,100%);padding:42px 28px;box-shadow:0 24px 70px #0b39451f}.loader-orbit{background:conic-gradient(from 0deg,transparent 0 18%,#00a6b2 42%,transparent 68%);border-radius:50%;width:148px;height:148px;margin:0 auto 24px;padding:5px;animation:1.15s linear infinite loader-spin}.loader-profile{background:#fff;border-radius:50%;place-items:center;width:100%;height:100%;padding:26px 18px;animation:1.15s linear infinite loader-counter-spin;display:grid;box-shadow:inset 0 0 0 1px #00a6b21f}.loader-profile img{object-fit:contain;width:100%;height:auto}.loader-card h1{margin:0;font-size:24px}.loader-card p{color:#6e7c82;overflow-wrap:anywhere;margin:8px 0 0;line-height:1.6}.loader-card button{color:#fff;font:inherit;cursor:pointer;background:#00a6b2;border:0;border-radius:999px;margin-top:20px;padding:11px 20px;font-weight:800}@keyframes loader-spin{to{transform:rotate(360deg)}}@keyframes loader-counter-spin{to{transform:rotate(-360deg)}}@media (prefers-reduced-motion:reduce){.loader-orbit,.loader-profile{animation-duration:2.8s}}.site-preview-toolbar{z-index:10000;color:#eafafa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#072b33f5;border:1px solid #7ae7de47;border-radius:18px;grid-template-columns:minmax(260px,1fr) auto;align-items:center;gap:12px;width:min(1040px,100vw - 28px);padding:12px 14px;font-family:Inter,system-ui,sans-serif;display:grid;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 16px 50px #01191f4d}.site-preview-summary{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 10px;min-width:0;display:grid}.site-preview-status{color:#052f34;letter-spacing:.04em;text-transform:uppercase;background:#76e4d7;border-radius:11px;grid-row:1/span 2;align-self:stretch;place-items:center;padding:7px 11px;font-size:12px;font-weight:900;display:grid}.site-preview-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;overflow:hidden}.site-preview-revision{color:#a8c7ca;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.site-preview-toolbar button,.site-preview-toolbar a{font:inherit;cursor:pointer;border:0;border-radius:10px;font-size:12px;font-weight:850;text-decoration:none}.site-preview-toolbar button:disabled{cursor:wait;opacity:.62}.site-preview-exit{color:#fff;background:#ffffff1a;padding:10px 12px}.site-preview-exit:hover{background:#ffffff2b}@media (width<=800px){.site-preview-toolbar{grid-template-columns:1fr auto;bottom:10px}.site-preview-summary{grid-column:1}.site-preview-exit{grid-area:1/2}}@media (width<=520px){.site-preview-status{display:none}.site-preview-summary{grid-template-columns:1fr}.site-preview-name,.site-preview-revision{white-space:normal;overflow-wrap:anywhere}}.site-preview-workspace{background:#dce5e7;flex-direction:column;width:100%;min-width:0;height:100vh;min-height:0;display:flex;overflow:hidden}.site-preview-header{z-index:4;background:#fff;border-bottom:1px solid #d6e0e2;flex:none;justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:10px 18px;font-family:Inter,system-ui,sans-serif;display:flex;position:relative;box-shadow:0 5px 22px #0b39451a}.site-preview-header .site-preview-summary{flex:1;min-width:0}.site-preview-header .site-preview-name{color:#173942}.site-preview-header .site-preview-revision{color:#61777d}.site-preview-header .site-preview-exit{color:#173942;background:#e8f0f1;flex:none}.site-preview-header .site-preview-exit:hover{background:#dbe7e9}.site-preview-device{flex:1;height:auto}.site-preview-frame{background:#fff;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}@media (width<=560px){.site-preview-header{min-height:60px;padding:8px 10px}.site-preview-header .site-preview-status{display:grid}.site-preview-header .site-preview-name{white-space:nowrap}.site-preview-header .site-preview-revision{display:none}}.practice-result-toolbar{z-index:10000;color:#eafafa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#072b33f0;border:1px solid #7ae7de47;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;width:min(820px,100vw - 28px);padding:14px 16px;font-family:Inter,system-ui,sans-serif;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 16px 50px #01191f4d}.practice-result-toolbar>div{flex-direction:column;gap:3px;min-width:0;display:flex}.practice-result-toolbar span{color:#76e4d7;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:900}.practice-result-toolbar strong{color:#fff;font-size:15px}.practice-result-toolbar small{color:#a8c7ca;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.practice-result-toolbar nav{flex:none;gap:8px;display:flex}.practice-result-toolbar button,.practice-result-toolbar a{color:#e7f0f2;font:inherit;cursor:pointer;background:#143a45;border:1px solid #668087;border-radius:10px;padding:10px 13px;font-size:12px;font-weight:850;text-decoration:none}.practice-result-toolbar button:hover,.practice-result-toolbar a:hover{background:#22515d}@media (width<=640px){.practice-result-toolbar{flex-direction:column;align-items:stretch;bottom:10px}.practice-result-toolbar small{white-space:normal}.practice-result-toolbar nav{grid-template-columns:1fr 1fr;display:grid}.practice-result-toolbar button,.practice-result-toolbar a{text-align:center}}
