/*
 * 软件展厅 V1.1.1 · 无外部字体、图片、框架或 CDN 依赖。
 * 设计令牌集中于 :root；移动端、减少动态效果和键盘焦点见文件末尾。
 */
:root{--accent:hsl(calc(var(--theme-hue, 87.64) + -0.06) 86.11% 71.76% / 1.0000);--accent-ink:hsl(calc(var(--theme-hue, 87.64) + 6.65) 44.68% 9.22% / 1.0000);--bg:hsl(calc(var(--theme-hue, 87.64) + 32.36) 11.11% 7.06% / 1.0000);--bg-deep:hsl(calc(var(--theme-hue, 87.64) + 47.36) 13.33% 5.88% / 1.0000);--surface:hsl(calc(var(--theme-hue, 87.64) + 32.36) 11.11% 10.59% / 1.0000);--surface-raised:hsl(calc(var(--theme-hue, 87.64) + 32.36) 9.86% 13.92% / 1.0000);--ink:hsl(calc(var(--theme-hue, 87.64) + -7.64) 29.03% 93.92% / 1.0000);--muted:hsl(calc(var(--theme-hue, 87.64) + 6.65) 8.97% 69.41% / 1.0000);--quiet:hsl(calc(var(--theme-hue, 87.64) + 14.71) 6.77% 50.78% / 1.0000);--line:hsl(calc(var(--theme-hue, 87.64) + 4.50) 37.84% 85.49% / 0.1300);--paper:hsl(calc(var(--theme-hue, 87.64) + -20.97) 25.71% 93.14% / 1.0000);--paper-ink:hsl(calc(var(--theme-hue, 87.64) + 32.36) 13.51% 14.51% / 1.0000);--radius:18px;--container:1280px;--ease:cubic-bezier(.22,1,.36,1);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.55}a{color:inherit;text-decoration:none}button{border:0}img,svg{display:block}button svg,a svg{flex-shrink:0}p,h1,h2,h3,h4{margin:0}fieldset{padding:0;margin:0;border:0}legend{padding:0}button,input,select,textarea{outline:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--accent)!important;box-shadow:0 0 0 3px hsl(calc(var(--theme-hue, 87.64) + -0.06) 86.11% 71.76% / 0.1000)}[hidden]{display:none!important}::selection{background:var(--accent);color:hsl(calc(var(--theme-hue, 87.64) + 14.36) 26.32% 7.45% / 1.0000)}.icon{width:22px;height:22px;flex-shrink:0}.container{width:min(var(--container),calc(100% - 112px));margin-inline:auto}.accent-text{color:var(--accent)}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:600;line-height:1.5}.section-index{color:var(--quiet);margin-bottom:24px}.section-dark{background:var(--bg)}.section-light{color-scheme:light;background:var(--paper);color:var(--paper-ink)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block;box-shadow:0 0 13px hsl(calc(var(--theme-hue, 87.64) + -0.06) 86.11% 71.76% / 0.2700);flex-shrink:0}.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:48px;padding:12px 21px;border-radius:7px;font-size:14px;font-weight:600;white-space:nowrap;transition:background .2s,transform .2s,box-shadow .2s;border:1px solid transparent}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)}.button-lime{color:var(--accent-ink);background:var(--accent)}.button-lime:hover{box-shadow:0 4px 25px hsl(calc(var(--theme-hue, 87.64) + -0.06) 86.11% 71.76% / 0.1700);filter:brightness(1.035)}.button-outline{background:transparent;border-color:var(--line);color:var(--ink)}.button-outline:hover{background:rgba(255,255,255,.04);border-color:var(--quiet)}.button-ink{color:var(--paper);background:var(--paper-ink)}.button-ink:hover{background:hsl(calc(var(--theme-hue, 87.64) + 22.36) 15.52% 22.75% / 1.0000)}.button-small{min-height:41px;padding:8px 16px;font-size:13px;gap:24px}.button-large{min-height:54px;padding:13px 23px}.button .icon{width:19px;height:19px}.icon-button{background:transparent;width:44px;height:44px;display:grid;place-items:center;border-radius:8px;border:1px solid var(--line)}.icon-button:hover{background:var(--surface-raised)}.skip-link{position:fixed;left:20px;top:-60px;background:var(--accent);color:hsl(calc(var(--theme-hue, 87.64) + 13.27) 47.83% 9.02% / 1.0000);padding:12px;z-index:100}.skip-link:focus{top:14px}.micro-label{font:9px/1.5 Consolas,"SFMono-Regular",monospace;letter-spacing:1.2px;color:var(--quiet)}
/* 顶部与首屏：图形全部由本地 DOM / SVG / Canvas 构成。 */
.site-header{position:sticky;top:0;z-index:30;background:hsl(calc(var(--theme-hue, 87.64) + 44.36) 14.29% 6.86% / 0.9100);border-bottom:1px solid var(--line);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:var(--accent);color:var(--accent-ink)}.brand-mark svg{width:39px;height:39px}.brand-type{display:flex;flex-direction:column}.brand-type strong{font-size:20px;line-height:1.4;letter-spacing:3px;font-weight:650}.brand-type>span{font-size:9px;letter-spacing:4px;line-height:1.7;color:var(--muted)}.desktop-nav{display:flex;align-items:center;gap:32px;margin-left:auto;margin-right:auto}.desktop-nav a{font-size:13px;color:hsl(calc(var(--theme-hue, 87.64) + 6.65) 9.59% 71.37% / 1.0000);position:relative;transition:color .2s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--ink)}.desktop-nav a.active:after{content:"";position:absolute;width:12px;left:50%;bottom:-16px;height:2px;background:var(--accent);transform:translateX(-50%)}.header-actions{display:flex;gap:10px;align-items:center}.menu-toggle{display:none}.mobile-nav{padding:10px 24px 24px;border-top:1px solid var(--line);background:hsl(calc(var(--theme-hue, 87.64) + 32.36) 13.04% 9.02% / 1.0000)}.mobile-nav a{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.hero{background:radial-gradient(ellipse at 77% 39%,hsl(calc(var(--theme-hue, 87.64) + -1.17) 40.48% 32.94% / 0.1300) 0%,transparent 44%),var(--bg-deep);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(hsl(calc(var(--theme-hue, 87.64) + 6.32) 25.36% 59.02% / 0.0350) 1px,transparent 1px),linear-gradient(90deg,hsl(calc(var(--theme-hue, 87.64) + 6.32) 25.36% 59.02% / 0.0350) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent,black);pointer-events:none}#hero-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.46}.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:24px;min-height:680px;align-items:center;padding-block:69px 55px}.hero-copy{z-index:2}.hero-eyebrow{display:flex;align-items:center;gap:10px;letter-spacing:1.6px;font-size:11px;color:hsl(calc(var(--theme-hue, 87.64) + 4.67) 18.57% 72.55% / 1.0000);margin-bottom:32px}.hero-eyebrow .status-dot{animation:breathe 3s ease-in-out infinite}.edition{font:10px Consolas,monospace;color:hsl(calc(var(--theme-hue, 87.64) + 13.27) 10.38% 41.57% / 1.0000);letter-spacing:1px;border-left:1px solid var(--line);padding-left:12px;margin-left:1px}.hero h1{font-size:clamp(48px,4.6vw,68px);line-height:1.24;letter-spacing:-2.2px;font-weight:650;max-width:690px}.hero-mobile-break{display:none}.hero-description{font-size:15px;line-height:1.95;color:var(--muted);margin-top:26px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:33px}.hero-assurances{display:flex;gap:23px;margin-top:25px;font-size:12px;color:hsl(calc(var(--theme-hue, 87.64) + 8.36) 9.09% 56.86% / 1.0000)}.hero-assurances>span{display:flex;align-items:center;gap:6px}.hero-assurances .icon{width:13px;height:13px;color:var(--accent)}.hero-visual{height:498px;position:relative;min-width:0;isolation:isolate}.visual-kicker{position:absolute;left:37px;top:6px;right:0;font:9px Consolas,monospace;letter-spacing:2px;color:hsl(calc(var(--theme-hue, 87.64) + 7.65) 15.04% 44.31% / 1.0000);display:flex;justify-content:space-between;align-items:center}.tiny-cross{font-size:20px;font-weight:200;color:hsl(calc(var(--theme-hue, 87.64) + 7.36) 14.75% 52.16% / 1.0000)}.orbit{position:absolute;border:1px solid hsl(calc(var(--theme-hue, 87.64) + -0.06) 86.11% 71.76% / 0.0800);border-radius:50%;z-index:-1;pointer-events:none}.orbit-one{width:550px;height:550px;left:32px;top:-32px}.orbit-two{width:670px;height:670px;left:-28px;top:-92px;border-style:dashed;opacity:.6}.hero-console{position:absolute;top:56px;left:13px;width:calc(100% - 36px);max-width:553px;background:linear-gradient(160deg,hsl(calc(var(--theme-hue, 87.64) + 21.45) 13.58% 15.88% / 1.0000),hsl(calc(var(--theme-hue, 87.64) + 40.93) 14.29% 9.61% / 1.0000) 62%);border:1px solid hsl(calc(var(--theme-hue, 87.64) + 3.79) 14.89% 27.65% / 1.0000);border-radius:13px;box-shadow:0 28px 70px #0007,0 0 70px hsl(calc(var(--theme-hue, 87.64) + -6.56) 53.62% 40.59% / 0.0627);transform:perspective(1400px) rotateY(-9deg) rotateX(5deg) rotateZ(-3deg);transform-origin:center;overflow:hidden;animation:console-in 1s var(--ease) both}.console-chrome{height:38px;border-bottom:1px solid #ffffff0c;display:flex;align-items:center;gap:15px;padding:0 13px;background:hsl(calc(var(--theme-hue, 87.64) + 20.36) 11.36% 17.25% / 0.5647);color:hsl(calc(var(--theme-hue, 87.64) + 7.81) 8.73% 50.59% / 1.0000);font:8px Consolas,monospace;letter-spacing:1px}.window-dots{display:flex;gap:4px}.window-dots i{width:5px;height:5px;border-radius:50%;background:hsl(calc(var(--theme-hue, 87.64) + 8.36) 11.24% 34.90% / 1.0000)}.window-dots i:first-child{background:hsl(calc(var(--theme-hue, 87.64) + -5.97) 17.48% 59.61% / 1.0000)}.console-chrome-tag{margin-left:auto;border:1px solid hsl(calc(var(--theme-hue, 87.64) + 2.36) 21.98% 35.69% / 0.4392);padding:2px 6px;border-radius:3px;color:hsl(calc(var(--theme-hue, 87.64) + 5.36) 22.22% 64.71% / 1.0000);font-size:8px;letter-spacing:0}.console-layout{display:flex;min-height:342px}.console-sidebar{width:53px;background:hsl(calc(var(--theme-hue, 87.64) + 25.69) 16.36% 10.78% / 0.5020);display:flex;flex-direction:column;gap:14px;align-items:center;border-right:1px solid #ffffff08;padding:16px 0 13px;flex-shrink:0}.console-app-logo{font-size:22px;line-height:1;font-weight:800;color:var(--accent);margin-bottom:7px}.console-nav{width:29px;height:29px;border-radius:7px;display:grid;place-items:center;color:hsl(calc(var(--theme-hue, 87.64) + 13.90) 13.00% 39.22% / 1.0000)}.console-nav .icon{width:15px;height:15px}.console-nav.selected{color:var(--accent);background:hsl(calc(var(--theme-hue, 87.64) + -0.06) 86.11% 71.76% / 0.0706);border:1px solid hsl(calc(var(--theme-hue, 87.64) + -0.06) 86.11% 71.76% / 0.1333)}.console-nav.bottom{margin-top:auto}.console-content{padding:22px 21px 12px;flex:1;min-width:0}.console-heading{display:flex;justify-content:space-between;align-items:center}.console-heading h3{font-size:17px;font-weight:500;margin-top:3px;display:flex;align-items:center;gap:7px;letter-spacing:.4px}.small-dot{width:4px;height:4px;border-radius:50%;background:var(--accent)}.mini-avatar{font-size:9px;color:hsl(calc(var(--theme-hue, 87.64) + 0.69) 48.65% 85.49% / 1.0000);border:1px solid hsl(calc(var(--theme-hue, 87.64) + 3.27) 16.26% 39.80% / 1.0000);width:27px;height:27px;border-radius:50%;display:grid;place-items:center}.console-stats{display:flex;gap:40px;margin-top:17px;padding-bottom:13px;border-bottom:1px solid #ffffff0a}.console-stats>div>span{font-size:9px;color:hsl(calc(var(--theme-hue, 87.64) + 6.27) 9.39% 51.96% / 1.0000)}.console-stats strong{display:flex;align-items:center;font-size:27px;line-height:1.3;letter-spacing:-1px;font-weight:500;gap:12px}.console-stats em{font-style:normal;letter-spacing:0;font-size:7px;color:hsl(calc(var(--theme-hue, 87.64) + 2.36) 10.48% 48.63% / 1.0000);padding:2px 5px;border-radius:3px;background:#ffffff05;font-weight:400;white-space:nowrap}.console-stats em.lime-note{color:var(--accent);background:hsl(calc(var(--theme-hue, 87.64) + -0.06) 86.11% 71.76% / 0.0471)}.hero-chart{padding-top:12px}.mini-chart-heading{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:hsl(calc(var(--theme-hue, 87.64) + 3.94) 13.10% 71.57% / 1.0000)}.mini-chart-heading small{font-size:7px;color:hsl(calc(var(--theme-hue, 87.64) + 4.86) 10.81% 43.53% / 1.0000);margin-left:5px}.chart-period{display:flex;gap:2px;background:hsl(calc(var(--theme-hue, 87.64) + 24.86) 19.05% 8.24% / 1.0000);border-radius:4px;padding:2px}.chart-period button{background:transparent;font-size:8px;color:hsl(calc(var(--theme-hue, 87.64) + 6.11) 12.90% 51.37% / 1.0000);padding:3px 8px;border-radius:3px;min-height:24px}.chart-period button.active{background:hsl(calc(var(--theme-hue, 87.64) + 8.36) 22.94% 21.37% / 1.0000);color:hsl(calc(var(--theme-hue, 87.64) + 3.51) 50.98% 80.00% / 1.0000)}.chart-area{height:108px;position:relative;margin-top:10px;padding-bottom:17px}.chart-area>svg{height:86px;width:100%;position:relative}.chart-grid{position:absolute;inset:0 0 17px;background:repeating-linear-gradient(0deg,transparent 0,transparent 27px,hsl(calc(var(--theme-hue, 87.64) + 4.58) 24.55% 43.14% / 0.1490) 28px)}.chart-labels{display:flex;justify-content:space-between;font:7px Consolas,monospace;color:hsl(calc(var(--theme-hue, 87.64) + 4.23) 13.22% 47.45% / 1.0000);margin-top:9px}.mini-order{border-top:1px solid #ffffff0c;display:flex;align-items:center;gap:10px;padding-top:12px;margin-top:5px}.mini-project-icon{width:28px;height:28px;background:hsl(calc(var(--theme-hue, 87.64) + 17.36) 14.81% 21.18% / 1.0000);color:hsl(calc(var(--theme-hue, 87.64) + 2.36) 25.40% 75.29% / 1.0000);display:grid;place-items:center;border-radius:6px}.mini-project-icon .icon{width:14px;height:14px}.mini-order b,.mini-order small{display:block}.mini-order b{font-size:9px;font-weight:500}.mini-order small{font-size:7px;color:hsl(calc(var(--theme-hue, 87.64) + 5.96) 10.04% 48.82% / 1.0000)}.mini-progress{width:66px;height:4px;background:hsl(calc(var(--theme-hue, 87.64) + 7.65) 15.89% 20.98% / 1.0000);border-radius:9px;margin-left:auto}.mini-progress i{display:block;height:4px;width:72%;background:var(--accent);border-radius:9px}.mini-percent{font:8px Consolas,monospace;color:hsl(calc(var(--theme-hue, 87.64) + 4.67) 18.84% 72.94% / 1.0000);margin-right:58px}.hero-phone{position:absolute;z-index:2;width:158px;height:302px;right:-10px;top:171px;border-radius:27px;background:hsl(calc(var(--theme-hue, 87.64) + 17.36) 13.79% 11.37% / 1.0000);padding:5px;border:1px solid hsl(calc(var(--theme-hue, 87.64) + -2.93) 14.66% 54.51% / 1.0000);box-shadow:-12px 18px 36px #0005;transform:rotate(8deg);animation:phone-in 1.2s var(--ease) both;overflow:hidden}.phone-status{position:absolute;z-index:2;top:10px;left:16px;right:13px;display:flex;justify-content:space-between;font-size:7px;line-height:15px;color:hsl(calc(var(--theme-hue, 87.64) + 9.86) 23.08% 20.39% / 1.0000)}.phone-status span{font-size:6px;letter-spacing:1px}.phone-camera{position:absolute;z-index:3;width:43px;height:12px;border-radius:12px;background:hsl(calc(var(--theme-hue, 87.64) + 17.36) 13.79% 11.37% / 1.0000);left:50%;transform:translateX(-50%);top:9px}.phone-content{background:hsl(calc(var(--theme-hue, 87.64) + -13.79) 27.66% 90.78% / 1.0000);min-height:290px;color:hsl(calc(var(--theme-hue, 87.64) + 5.09) 28.21% 15.29% / 1.0000);border-radius:23px;padding:40px 13px 7px;overflow:hidden}.phone-greeting{font-size:6px;color:hsl(calc(var(--theme-hue, 87.64) + 0.22) 11.48% 47.84% / 1.0000);letter-spacing:.5px}.phone-content h3{font-size:16px;font-weight:600;line-height:1.5;margin-top:4px}.phone-graphic{height:74px;margin-top:0;display:grid;place-items:center;position:relative}.phone-graphic>.icon{width:42px;height:42px;stroke-width:1.2;transform:rotate(-13deg);color:hsl(calc(var(--theme-hue, 87.64) + -1.76) 29.14% 34.31% / 1.0000);background:hsl(calc(var(--theme-hue, 87.64) + -3.89) 42.86% 78.04% / 1.0000);border-radius:10px;padding:7px;box-sizing:content-box}.phone-spark{position:absolute;right:16px;top:4px;font-size:23px;color:hsl(calc(var(--theme-hue, 87.64) + -6.04) 29.88% 49.22% / 1.0000)}.phone-booking{background:#fff9;border:1px solid hsl(calc(var(--theme-hue, 87.64) + -6.64) 18.18% 78.43% / 1.0000);border-radius:8px;padding:7px 9px;margin-top:3px}.phone-booking>span{font-size:7px;display:block;color:hsl(calc(var(--theme-hue, 87.64) + 1.33) 12.24% 46.47% / 1.0000)}.phone-booking b{font-size:14px;font-weight:650;display:flex;justify-content:space-between;align-items:center;line-height:1.5}.phone-booking em{font:6px Consolas,monospace;color:hsl(calc(var(--theme-hue, 87.64) + -1.49) 15.92% 48.04% / 1.0000)}.phone-fake-button{display:flex;justify-content:space-between;align-items:center;background:hsl(calc(var(--theme-hue, 87.64) + 7.92) 31.76% 16.67% / 1.0000);color:hsl(calc(var(--theme-hue, 87.64) + -4.31) 50.00% 92.94% / 1.0000);font-size:7px;padding:7px 9px;margin-top:7px;border-radius:5px}.phone-fake-button .icon{width:11px;height:11px}.phone-tab{display:flex;justify-content:space-around;color:hsl(calc(var(--theme-hue, 87.64) + -3.09) 18.03% 52.16% / 1.0000);font-size:11px;margin-top:7px}.phone-home{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);width:44px;height:3px;background:hsl(calc(var(--theme-hue, 87.64) + 1.45) 24.81% 26.08% / 1.0000);border-radius:3px}.floating-note{position:absolute;z-index:4;bottom:25px;left:-20px;display:flex;align-items:center;gap:11px;background:hsl(calc(var(--theme-hue, 87.64) + 12.36) 18.52% 15.88% / 0.9100);border:1px solid hsl(calc(var(--theme-hue, 87.64) + -2.76) 22.40% 35.88% / 0.3373);border-radius:10px;padding:12px 16px;box-shadow:0 16px 30px #0003;backdrop-filter:blur(16px);transform:rotate(-3deg)}.floating-check{width:30px;height:30px;background:hsl(calc(var(--theme-hue, 87.64) + -0.06) 86.11% 71.76% / 0.0824);color:var(--accent);display:grid;place-items:center;border-radius:50%;border:1px solid hsl(calc(var(--theme-hue, 87.64) + -0.06) 86.11% 71.76% / 0.2196)}.floating-check .icon{width:17px;height:17px}.floating-note strong{font-size:11px;font-weight:500;display:block}.floating-note div>span{font:7px Consolas,monospace;letter-spacing:1.3px;color:hsl(calc(var(--theme-hue, 87.64) + 3.06) 19.28% 56.27% / 1.0000);display:block;margin-top:4px}.visual-demo-link{position:absolute;right:4px;bottom:-14px;padding:6px 0;background:transparent;color:hsl(calc(var(--theme-hue, 87.64) + 7.53) 11.74% 48.43% / 1.0000);font-size:9px;display:flex;gap:15px;align-items:center}.visual-demo-link>span{display:flex;gap:5px;align-items:center;color:hsl(calc(var(--theme-hue, 87.64) + 3.33) 23.66% 74.31% / 1.0000)}.visual-demo-link .icon{width:13px;height:13px}.hero-bottom{position:relative;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:65px;color:hsl(calc(var(--theme-hue, 87.64) + 7.36) 9.84% 47.84% / 1.0000);font-size:10px}.hero-bottom>a{display:flex;align-items:center;gap:18px;color:hsl(calc(var(--theme-hue, 87.64) + 6.27) 13.45% 66.47% / 1.0000)}.hero-bottom>a span{font-size:17px}.hero-bottom-code{font:9px Consolas,monospace;letter-spacing:1.3px}
/* 业务目录与交互演示。 */
.services{padding:104px 0 86px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:44px}.section-heading h2,.upgrade h2,.process h2{font-size:38px;line-height:1.4;font-weight:550;letter-spacing:-.8px}.section-heading-aside{padding-bottom:4px;color:var(--muted);min-width:285px;font-size:13px;line-height:1.9}.subtle-label{display:flex;align-items:center;gap:15px;color:hsl(calc(var(--theme-hue, 87.64) + 8.88) 9.16% 49.22% / 1.0000);font-size:11px;margin-top:15px}.subtle-label .icon{width:14px;height:14px}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:12px;overflow:hidden;gap:1px;background:var(--line)}.service-card{background:var(--bg);border:0;padding:28px 25px 22px;text-align:left;position:relative;min-height:239px;display:flex;flex-direction:column;align-items:stretch;transition:background .25s}.service-card.featured{background:hsl(calc(var(--theme-hue, 87.64) + 19.03) 16.98% 10.39% / 1.0000)}.service-card:hover{background:hsl(calc(var(--theme-hue, 87.64) + 16.36) 19.48% 15.10% / 1.0000)}.service-card:focus-visible{outline-offset:-5px}.service-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:27px}.service-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid hsl(calc(var(--theme-hue, 87.64) + 3.43) 23.14% 47.45% / 0.2902);border-radius:10px;color:hsl(calc(var(--theme-hue, 87.64) + 5.36) 32.79% 76.08% / 1.0000);background:hsl(calc(var(--theme-hue, 87.64) + -0.11) 38.46% 56.67% / 0.0627)}.featured .service-icon{color:var(--accent);border-color:hsl(calc(var(--theme-hue, 87.64) + 1.53) 38.30% 63.14% / 0.2314)}.service-icon .icon{width:22px;height:22px}.service-card-number{font:10px Consolas,monospace;color:hsl(calc(var(--theme-hue, 87.64) + 9.28) 12.75% 40.00% / 1.0000)}.service-card h3{font-size:18px;font-weight:550;line-height:1.6;letter-spacing:.2px}.service-card p{font-size:11px;color:hsl(calc(var(--theme-hue, 87.64) + 7.36) 10.17% 53.73% / 1.0000);margin-top:6px;line-height:1.6}.service-tags{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:10px;color:hsl(calc(var(--theme-hue, 87.64) + 4.86) 12.63% 62.75% / 1.0000);margin-top:16px;padding-right:15px}.service-card-arrow{position:absolute;right:20px;bottom:24px;width:17px;height:17px;color:hsl(calc(var(--theme-hue, 87.64) + 8.72) 13.81% 53.14% / 1.0000);transition:transform .25s}.service-card:hover .service-card-arrow{transform:translate(3px,-3px);color:var(--accent)}.service-footnote{display:flex;align-items:center;gap:11px;margin-top:23px;font-size:11px;color:hsl(calc(var(--theme-hue, 87.64) + 6.27) 10.04% 55.10% / 1.0000)}.footnote-mark{color:hsl(calc(var(--theme-hue, 87.64) + 4.79) 14.98% 48.43% / 1.0000)}.footnote-mark .icon{width:17px;height:17px}.service-footnote a{color:hsl(calc(var(--theme-hue, 87.64) + 3.66) 28.40% 84.12% / 1.0000);border-bottom:1px solid hsl(calc(var(--theme-hue, 87.64) + 2.36) 13.91% 45.10% / 1.0000);margin-left:4px}.service-footnote>span:last-child{margin-left:auto;font-size:10px;color:hsl(calc(var(--theme-hue, 87.64) + 9.28) 12.38% 41.18% / 1.0000)}.showcase{padding:27px 0 98px}.demo-disclaimer{font-size:10px;display:flex;align-items:center;gap:7px;color:hsl(calc(var(--theme-hue, 87.64) + 4.50) 14.74% 62.75% / 1.0000);margin-top:15px}.demo-disclaimer .status-dot{width:4px;height:4px}.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.demo-card{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:hsl(calc(var(--theme-hue, 87.64) + 23.79) 14.89% 9.22% / 1.0000);transition:transform .3s var(--ease),border-color .3s}.demo-card:hover{transform:translateY(-5px);border-color:hsl(calc(var(--theme-hue, 87.64) + -5.14) 23.14% 47.45% / 0.3765)}.demo-preview{height:246px;position:relative;overflow:hidden}.order-preview{padding:25px 24px 0;background:radial-gradient(ellipse at 20% 0,hsl(calc(var(--theme-hue, 87.64) + 13.27) 19.64% 21.96% / 0.5020),transparent 80%),hsl(calc(var(--theme-hue, 87.64) + 21.45) 17.46% 12.35% / 1.0000)}.preview-browser{display:flex;align-items:center;gap:9px;font-size:10px;color:hsl(calc(var(--theme-hue, 87.64) + 5.46) 18.24% 68.82% / 1.0000);border-bottom:1px solid hsl(calc(var(--theme-hue, 87.64) + 3.06) 34.40% 75.49% / 0.0863);padding-bottom:12px}.preview-logo{font-size:21px;line-height:20px;color:var(--accent);font-weight:750}.preview-browser i{font:7px Consolas,monospace;color:hsl(calc(var(--theme-hue, 87.64) + 11.73) 15.24% 41.18% / 1.0000);border:1px solid hsl(calc(var(--theme-hue, 87.64) + 2.36) 26.88% 63.53% / 0.1765);padding:1px 5px;border-radius:3px;margin-left:auto}.preview-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px;margin-bottom:10px}.preview-stats>div{background:hsl(calc(var(--theme-hue, 87.64) + 13.61) 19.51% 16.08% / 1.0000);border:1px solid hsl(calc(var(--theme-hue, 87.64) + -3.89) 30.38% 69.02% / 0.0824);border-radius:7px;padding:8px 13px}.preview-stats span{font-size:8px;color:hsl(calc(var(--theme-hue, 87.64) + 5.89) 15.45% 56.86% / 1.0000);display:block}.preview-stats b{font-size:23px;font-weight:500;line-height:1.4;color:hsl(calc(var(--theme-hue, 87.64) + 2.36) 35.71% 89.02% / 1.0000);display:flex;justify-content:space-between;align-items:center}.preview-stats .mini-up{font-size:18px;color:var(--accent);background:hsl(calc(var(--theme-hue, 87.64) + -0.06) 86.11% 71.76% / 0.0627);display:grid;place-items:center;width:22px;height:22px;border-radius:50%}.preview-row{display:flex;align-items:center;gap:9px;padding:8px 1px;border-top:1px solid hsl(calc(var(--theme-hue, 87.64) + 6.83) 29.56% 68.82% / 0.0510);font-size:9px;color:hsl(calc(var(--theme-hue, 87.64) + 5.69) 19.71% 73.14% / 1.0000)}.preview-avatar{background:hsl(calc(var(--theme-hue, 87.64) + 10.14) 24.77% 21.37% / 1.0000);border:1px solid hsl(calc(var(--theme-hue, 87.64) + -0.02) 33.33% 62.94% / 0.1098);width:21px;height:21px;border-radius:6px;display:grid;place-items:center;font:8px Consolas,monospace;color:hsl(calc(var(--theme-hue, 87.64) + 7.72) 32.94% 66.67% / 1.0000)}.status{font-size:9px;font-style:normal;line-height:1.7;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;padding:3px 7px;white-space:nowrap;font-weight:400}.preview-row .status{margin-left:auto;padding:1px 5px;font-size:7px}.status.pending{color:#e3c27d;background:#cfaf5c13}.status.working{color:hsl(calc(var(--theme-hue, 87.64) + 7.60) 49.61% 75.10% / 1.0000);background:hsl(calc(var(--theme-hue, 87.64) + -0.06) 86.11% 71.76% / 0.0706)}.status.done{color:#9ecbd4;background:#82bcca15}.booking-preview{background:radial-gradient(circle at 60% 50%,hsl(calc(var(--theme-hue, 87.64) + -1.69) 49.33% 85.29% / 1.0000),hsl(calc(var(--theme-hue, 87.64) + -4.31) 31.58% 77.65% / 1.0000));display:flex;justify-content:center;align-items:center;padding-top:10px}.appointment-mini{width:236px;background:hsl(calc(var(--theme-hue, 87.64) + -21.64) 33.33% 94.12% / 1.0000);border:1px solid hsl(calc(var(--theme-hue, 87.64) + -0.64) 29.13% 59.61% / 0.2000);border-radius:12px;padding:17px 18px 15px;color:hsl(calc(var(--theme-hue, 87.64) + 17.36) 25.00% 15.69% / 1.0000);transform:rotate(-5deg);box-shadow:0 17px 28px hsl(calc(var(--theme-hue, 87.64) + 1.29) 52.83% 20.78% / 0.1569)}.appointment-top{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:hsl(calc(var(--theme-hue, 87.64) + 3.22) 14.29% 48.04% / 1.0000)}.appointment-top .icon{width:14px;height:14px}.appointment-mini h4{font-size:16px;font-weight:600;margin-top:9px}.mini-week{display:flex;justify-content:space-between;margin-top:14px;gap:4px}.mini-week>span{font-size:7px;color:hsl(calc(var(--theme-hue, 87.64) + 5.26) 12.65% 51.96% / 1.0000);text-align:center;padding:5px 0;width:34px;border-radius:6px}.mini-week b{font-size:12px;display:block;margin-top:4px;color:hsl(calc(var(--theme-hue, 87.64) + 9.13) 22.96% 26.47% / 1.0000)}.mini-week .selected{background:hsl(calc(var(--theme-hue, 87.64) + -3.45) 57.41% 78.82% / 1.0000);color:hsl(calc(var(--theme-hue, 87.64) + 4.86) 25.26% 37.25% / 1.0000)}.mini-times{display:flex;gap:5px;margin-top:8px}.mini-times>span{display:flex;align-items:center;gap:3px;justify-content:center;font-size:8px;flex:1;padding:5px 3px;border:1px solid hsl(calc(var(--theme-hue, 87.64) + -7.64) 21.43% 83.53% / 1.0000);border-radius:4px;color:hsl(calc(var(--theme-hue, 87.64) + 3.27) 14.80% 43.73% / 1.0000)}.mini-times .selected{background:hsl(calc(var(--theme-hue, 87.64) + -7.64) 45.45% 87.06% / 1.0000);color:hsl(calc(var(--theme-hue, 87.64) + 2.95) 30.54% 32.75% / 1.0000);border-color:hsl(calc(var(--theme-hue, 87.64) + -2.72) 30.52% 58.24% / 1.0000)}.mini-times .icon{width:9px;height:9px}.mini-booking-submit{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;font-size:8px;background:hsl(calc(var(--theme-hue, 87.64) + 7.92) 29.03% 18.24% / 1.0000);color:hsl(calc(var(--theme-hue, 87.64) + 2.36) 34.78% 90.98% / 1.0000);margin-top:12px;border-radius:4px}.mini-booking-submit .icon{width:13px;height:13px}.preview-floating-tag{position:absolute;right:13px;bottom:17px;display:flex;align-items:center;gap:5px;font-size:9px;color:hsl(calc(var(--theme-hue, 87.64) + 3.61) 26.37% 35.69% / 1.0000);background:hsl(calc(var(--theme-hue, 87.64) + -14.78) 46.67% 94.12% / 1.0000);padding:7px 11px;border-radius:6px;box-shadow:0 5px 14px hsl(calc(var(--theme-hue, 87.64) + 1.29) 52.83% 20.78% / 0.1020);transform:rotate(4deg)}.preview-floating-tag .icon{width:13px;height:13px}.game-preview{background:radial-gradient(ellipse at 50% 55%,hsl(calc(var(--theme-hue, 87.64) + 32.36) 5.69% 24.12% / 1.0000),hsl(calc(var(--theme-hue, 87.64) + 32.36) 10.81% 14.51% / 1.0000) 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.game-preview-label{font:7px Consolas,monospace;letter-spacing:1.3px;color:hsl(calc(var(--theme-hue, 87.64) + 14.71) 14.53% 54.12% / 1.0000)}.preview-game-tiles{display:grid;grid-template-columns:repeat(4,43px);gap:8px;transform:rotate(6deg)}.preview-game-tiles span{display:grid;place-items:center;width:43px;height:46px;font-size:23px;background:hsl(calc(var(--theme-hue, 87.64) + -0.06) 86.11% 71.76% / 1.0000);color:hsl(calc(var(--theme-hue, 87.64) + 6.65) 42.17% 16.27% / 1.0000);border-radius:7px;box-shadow:0 3px 0 hsl(calc(var(--theme-hue, 87.64) + -0.89) 38.25% 42.55% / 1.0000)}.preview-game-tiles span:nth-child(2),.preview-game-tiles span:nth-child(4),.preview-game-tiles span:nth-child(5),.preview-game-tiles span:nth-child(7){background:hsl(calc(var(--theme-hue, 87.64) + 18.07) 13.91% 29.61% / 1.0000);border:1px solid hsl(calc(var(--theme-hue, 87.64) + 3.06) 18.14% 46.47% / 0.2196);color:hsl(calc(var(--theme-hue, 87.64) + 6.91) 16.92% 61.76% / 1.0000);box-shadow:0 3px 0 hsl(calc(var(--theme-hue, 87.64) + 17.36) 27.59% 11.37% / 1.0000);font-size:20px}.game-preview-bottom{font-size:9px;color:hsl(calc(var(--theme-hue, 87.64) + 1.25) 16.36% 67.65% / 1.0000);display:flex;gap:6px;align-items:center}.game-preview-bottom .status-dot{width:4px;height:4px}.demo-info{padding:24px 24px 25px}.demo-number{display:flex;align-items:center;gap:12px;font:8px Consolas,monospace;letter-spacing:1.2px;color:hsl(calc(var(--theme-hue, 87.64) + 7.20) 12.25% 49.61% / 1.0000)}.demo-number i{font-family:inherit;font-size:9px;letter-spacing:.5px;font-style:normal;color:hsl(calc(var(--theme-hue, 87.64) + 1.16) 13.66% 64.12% / 1.0000);border-left:1px solid var(--line);padding-left:12px}.demo-info h3{font-size:18px;line-height:1.6;font-weight:550;margin-top:14px;letter-spacing:-.2px}.demo-info>p{font-size:12px;line-height:1.9;color:hsl(calc(var(--theme-hue, 87.64) + 4.86) 11.88% 60.39% / 1.0000);margin-top:10px}.text-action{font-size:12px;display:flex;width:100%;align-items:center;justify-content:space-between;color:var(--accent);background:transparent;border-top:1px solid var(--line);padding:17px 0 0;margin-top:23px}.text-action .icon{width:18px;height:18px;transition:transform .2s}.text-action:hover .icon{transform:translate(3px,-3px)}.showcase-note{font-size:10px;color:hsl(calc(var(--theme-hue, 87.64) + 10.76) 10.73% 45.69% / 1.0000);margin-top:20px}
/* 新旧界面对比：同一画布裁切，滑块可键盘操作。 */
.upgrade{padding:96px 0}.upgrade-grid{display:grid;grid-template-columns:.82fr 1.3fr;gap:66px;align-items:center}.upgrade .section-index{color:hsl(calc(var(--theme-hue, 87.64) + 0.22) 11.20% 50.98% / 1.0000)}.upgrade h2{font-size:39px;line-height:1.45}.ink-underline{background:linear-gradient(transparent 68%,hsl(calc(var(--theme-hue, 87.64) + -4.50) 52.24% 73.73% / 1.0000) 68%,hsl(calc(var(--theme-hue, 87.64) + -4.50) 52.24% 73.73% / 1.0000) 89%,transparent 89%);padding-right:6px}.upgrade-copy>p:not(.eyebrow){color:hsl(calc(var(--theme-hue, 87.64) + 3.66) 9.31% 48.43% / 1.0000);font-size:13px;line-height:1.95;margin-top:21px}.upgrade-points{margin:28px 0 30px}.upgrade-points>div{display:flex;align-items:center;gap:17px;border-bottom:1px solid hsl(calc(var(--theme-hue, 87.64) + -5.53) 16.24% 77.06% / 1.0000);padding:12px 0}.upgrade-points>div>span{font:10px Consolas,monospace;color:hsl(calc(var(--theme-hue, 87.64) + 0.48) 14.41% 56.47% / 1.0000)}.upgrade-points p{flex:1}.upgrade-points strong{font-size:12px;font-weight:550;display:block}.upgrade-points small{font-size:10px;color:hsl(calc(var(--theme-hue, 87.64) + 2.36) 9.76% 51.76% / 1.0000);display:block;margin-top:2px}.upgrade-points .icon{width:15px;height:15px;color:hsl(calc(var(--theme-hue, 87.64) + 0.05) 17.49% 56.27% / 1.0000)}.compare-column{min-width:0}.compare-toolbar{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:hsl(calc(var(--theme-hue, 87.64) + 2.36) 12.82% 45.88% / 1.0000);margin-bottom:15px;gap:16px}.compare-toolbar span:last-child{font-size:9px;color:hsl(calc(var(--theme-hue, 87.64) + 0.69) 16.22% 56.47% / 1.0000)}.compare-shell{height:368px;width:100%;background:hsl(calc(var(--theme-hue, 87.64) + 2.36) 28.57% 97.25% / 1.0000);position:relative;border:1px solid hsl(calc(var(--theme-hue, 87.64) + -1.93) 19.18% 71.37% / 1.0000);border-radius:12px;overflow:hidden;box-shadow:0 22px 50px hsl(calc(var(--theme-hue, 87.64) + 30.05) 24.07% 21.18% / 0.1020);user-select:none;touch-action:pan-y;cursor:ew-resize}.compare-view{position:absolute;inset:0;overflow:hidden;pointer-events:none}.compare-after{display:flex;background:hsl(calc(var(--theme-hue, 87.64) + 2.36) 28.57% 97.25% / 1.0000)}.after-side{width:48px;flex-shrink:0;background:hsl(calc(var(--theme-hue, 87.64) + -1.93) 22.58% 93.92% / 1.0000);border-right:1px solid hsl(calc(var(--theme-hue, 87.64) + 0.05) 18.84% 86.47% / 1.0000);display:flex;flex-direction:column;align-items:center;gap:15px;padding:16px 0}.after-logo{font-size:24px;line-height:1;color:hsl(calc(var(--theme-hue, 87.64) + 5.42) 35.77% 26.86% / 1.0000);font-weight:750;margin-bottom:12px}.after-nav{width:28px;height:28px;border-radius:6px;display:grid;place-items:center;color:hsl(calc(var(--theme-hue, 87.64) + 3.94) 16.52% 54.90% / 1.0000)}.after-nav.active{background:hsl(calc(var(--theme-hue, 87.64) + -7.19) 52.38% 83.53% / 1.0000);color:hsl(calc(var(--theme-hue, 87.64) + 3.66) 26.14% 34.51% / 1.0000)}.after-nav .icon{width:14px;height:14px}.after-content{padding:22px 19px;width:calc(100% - 48px)}.after-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.after-heading small{font-size:8px;color:hsl(calc(var(--theme-hue, 87.64) + -1.39) 14.41% 56.47% / 1.0000)}.after-heading h3{font-size:17px;font-weight:600;display:flex;align-items:center;gap:8px;color:hsl(calc(var(--theme-hue, 87.64) + 10.36) 30.61% 19.22% / 1.0000);margin-top:1px}.after-heading h3 span{font:6px Consolas,monospace;border:1px solid hsl(calc(var(--theme-hue, 87.64) + -2.19) 27.73% 76.67% / 1.0000);border-radius:2px;padding:2px 4px;color:hsl(calc(var(--theme-hue, 87.64) + 2.36) 16.36% 56.86% / 1.0000)}.after-new{font-size:8px;background:hsl(calc(var(--theme-hue, 87.64) + -3.20) 61.36% 82.75% / 1.0000);color:hsl(calc(var(--theme-hue, 87.64) + 3.03) 26.63% 33.14% / 1.0000);padding:6px 9px;border-radius:5px;white-space:nowrap}.after-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:19px}.after-stats>div{padding:9px 11px;background:white;border:1px solid hsl(calc(var(--theme-hue, 87.64) + 0.36) 24.59% 88.04% / 1.0000);border-radius:6px}.after-stats>div>span{font-size:8px;color:hsl(calc(var(--theme-hue, 87.64) + 0.49) 13.68% 54.12% / 1.0000)}.after-stats b{display:block;font-size:24px;color:hsl(calc(var(--theme-hue, 87.64) + 9.13) 30.10% 20.20% / 1.0000);font-weight:500;line-height:1.4}.after-stats small{font-size:8px;color:hsl(calc(var(--theme-hue, 87.64) + 0.93) 11.11% 62.94% / 1.0000);margin-left:5px;font-weight:400}.after-filters{display:flex;gap:19px;border-bottom:1px solid hsl(calc(var(--theme-hue, 87.64) + -3.64) 24.59% 88.04% / 1.0000);margin-top:19px;font-size:8px;color:hsl(calc(var(--theme-hue, 87.64) + -1.39) 14.55% 56.86% / 1.0000);padding-bottom:8px}.after-filters .selected{color:hsl(calc(var(--theme-hue, 87.64) + 3.51) 31.33% 32.55% / 1.0000);border-bottom:2px solid hsl(calc(var(--theme-hue, 87.64) + 0.46) 35.43% 56.27% / 1.0000);margin-bottom:-9px;padding-bottom:8px}.after-row{display:grid;grid-template-columns:1.8fr 1fr .7fr;align-items:center;font-size:8px;color:hsl(calc(var(--theme-hue, 87.64) + 3.94) 15.32% 48.63% / 1.0000);padding:8px 0;border-bottom:1px solid hsl(calc(var(--theme-hue, 87.64) + -5.14) 21.05% 92.55% / 1.0000);gap:4px}.after-row.heading{font-size:7px;color:hsl(calc(var(--theme-hue, 87.64) + 2.36) 11.46% 62.35% / 1.0000);padding:8px 0 6px}.after-row>span:first-child{display:flex;align-items:center;gap:6px;white-space:nowrap}.after-project-icon{width:18px;height:18px;display:grid;place-items:center;background:hsl(calc(var(--theme-hue, 87.64) + 0.36) 38.46% 92.35% / 1.0000);color:hsl(calc(var(--theme-hue, 87.64) + 2.36) 20.18% 55.29% / 1.0000);font:7px Consolas,monospace;border-radius:4px}.after-project-icon.blue{background:#edf3f7;color:#7b9fb4}.after-project-icon.peach{background:#f8f0e6;color:#c3a77e}.after-status{font-size:7px;font-style:normal;width:fit-content;padding:2px 5px;border-radius:3px;background:hsl(calc(var(--theme-hue, 87.64) + -3.64) 42.86% 93.14% / 1.0000);color:hsl(calc(var(--theme-hue, 87.64) + -0.10) 27.11% 55.88% / 1.0000)}.after-status.done{background:hsl(calc(var(--theme-hue, 87.64) + 66.65) 24.14% 94.31% / 1.0000);color:hsl(calc(var(--theme-hue, 87.64) + 65.52) 17.76% 58.04% / 1.0000)}.after-footer{display:flex;justify-content:space-between;font-size:7px;color:hsl(calc(var(--theme-hue, 87.64) + 2.36) 12.77% 63.14% / 1.0000);margin-top:12px}.compare-before{clip-path:inset(0 calc(100% - var(--split)) 0 0);background:#e6e9ee;color:#394a5b;font-family:SimSun,"Noto Serif CJK SC",serif}.legacy-title{height:33px;background:linear-gradient(#3979b0,#215284);display:flex;align-items:center;justify-content:space-between;padding:0 9px;font-size:11px;font-weight:700;color:#fff}.legacy-title>span{font-size:7px;font-weight:400}.legacy-menu{padding:4px 8px;background:linear-gradient(#f5f6f7,#dce1e6);font-size:8px;border-bottom:1px solid #aab7c3;line-height:1.7;color:#46586b}.legacy-body{display:flex;height:calc(100% - 70px)}.legacy-sidebar{width:91px;flex-shrink:0;background:#e1e7ef;border-right:1px solid #9fadc0;font-size:8px;line-height:2.6;padding-top:6px}.legacy-sidebar b{display:block;background:#ccd9e8;border-bottom:1px solid #aab9ca;padding-left:7px;font-weight:500}.legacy-sidebar span{display:block;padding-left:5px}.legacy-sidebar .selected{background:#afcce7;color:#163f70}.legacy-content{flex:1;min-width:0;padding:8px;font-size:8px}.legacy-breadcrumb{padding:4px 0;border-bottom:1px solid #b1c0cf}.legacy-search{display:flex;align-items:center;gap:4px;padding:15px 0 11px;white-space:nowrap;font-size:7px}.legacy-search i{display:inline-block;height:16px;width:50px;background:white;border:1px solid #a7b3be}.legacy-search em{font-style:normal;background:linear-gradient(white,#d4dae2);border:1px solid #acb9c9;padding:1px 8px}.legacy-buttons{display:flex;gap:4px;margin-bottom:9px}.legacy-buttons span{padding:1px 8px;border:1px solid #afbac8;background:linear-gradient(white,#d8dfe6);font-size:7px;line-height:1.8}.legacy-table{border-collapse:collapse;white-space:nowrap;font-size:8px;width:100%;text-align:left;background:white;color:#556675}.legacy-table th{background:#c9d9e9;font-weight:400}.legacy-table th,.legacy-table td{border:1px solid #adc0d1;padding:8px 5px}.legacy-table tbody tr:nth-child(even){background:#edf3f8}.legacy-pagination{font-size:7px;color:#65788d;background:#e1e8ef;border:1px solid #b7c4d1;padding:8px 4px;margin-top:9px}.legacy-statusbar{font-size:7px;position:absolute;bottom:0;background:#d6dfe9;border-top:1px solid #aebfd1;width:100%;padding:3px 9px;color:#687e91}.compare-label{position:absolute;bottom:13px;z-index:3;font-size:8px;padding:3px 8px;border-radius:4px;font-weight:600;pointer-events:none}.before-label{left:12px;color:#355d7c;background:#e2edf8}.after-label{right:12px;color:hsl(calc(var(--theme-hue, 87.64) + 5.09) 31.43% 34.31% / 1.0000);background:hsl(calc(var(--theme-hue, 87.64) + -3.26) 50.00% 87.45% / 1.0000)}.compare-divider{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:hsl(calc(var(--theme-hue, 87.64) + -0.52) 31.33% 45.69% / 1.0000);transform:translateX(-50%);pointer-events:none;z-index:2;box-shadow:0 0 20px hsl(calc(var(--theme-hue, 87.64) + 32.36) 31.03% 22.75% / 0.1216)}.compare-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:hsl(calc(var(--theme-hue, 87.64) + 22.76) 29.41% 16.67% / 1.0000);color:hsl(calc(var(--theme-hue, 87.64) + 0.93) 56.76% 85.49% / 1.0000);border:2px solid hsl(calc(var(--theme-hue, 87.64) + 6.65) 39.62% 89.61% / 1.0000);box-shadow:0 3px 12px hsl(calc(var(--theme-hue, 87.64) + 22.76) 29.41% 16.67% / 0.1882);font-size:18px;letter-spacing:4px;white-space:nowrap;padding-left:3px}.compare-controls{display:flex;align-items:center;gap:15px;margin-top:23px}.compare-controls button{font-size:10px;background:transparent;color:hsl(calc(var(--theme-hue, 87.64) + 0.69) 14.52% 51.37% / 1.0000);padding:8px 0;flex-shrink:0}.compare-controls button:hover{color:hsl(calc(var(--theme-hue, 87.64) + 8.36) 38.46% 20.39% / 1.0000)}.compare-controls input{width:100%;accent-color:hsl(calc(var(--theme-hue, 87.64) + 6.83) 31.13% 29.61% / 1.0000);cursor:ew-resize;height:22px;box-shadow:none!important}.compare-hint{text-align:center;color:hsl(calc(var(--theme-hue, 87.64) + 2.36) 12.75% 60.00% / 1.0000);font-size:9px;margin-top:5px}.section-light :focus-visible{outline-color:hsl(calc(var(--theme-hue, 87.64) + 12.79) 28.40% 31.76% / 1.0000)}
/* 合作流程、需求表单和页脚。 */
.process{padding:100px 0 75px}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:29px}.process-grid article{position:relative}.process-number{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font:42px/1.3 Consolas,monospace;letter-spacing:-3px;color:hsl(calc(var(--theme-hue, 87.64) + 11.18) 14.41% 46.27% / 1.0000);padding-bottom:20px;margin-bottom:22px}.process-number>span{font:16px/1 Consolas,monospace;letter-spacing:0;color:hsl(calc(var(--theme-hue, 87.64) + 4.12) 13.39% 50.20% / 1.0000)}.process-grid article:first-child .process-number{color:var(--accent)}.process-grid h3{font-size:18px;font-weight:500}.process-grid p{font-size:11px;color:hsl(calc(var(--theme-hue, 87.64) + 7.92) 11.49% 53.92% / 1.0000);margin-top:10px;line-height:2}.process-output{display:block;margin-top:19px;font-size:9px;letter-spacing:.3px;color:hsl(calc(var(--theme-hue, 87.64) + 3.56) 14.79% 66.86% / 1.0000)}.collaboration-note{margin-top:36px;font-size:10px;color:hsl(calc(var(--theme-hue, 87.64) + 6.65) 11.57% 47.45% / 1.0000);display:flex;gap:8px;align-items:center}.collaboration-note .icon{width:14px;height:14px}.contact{padding:76px 0 100px;position:relative;overflow:hidden}.contact:before{content:"";position:absolute;pointer-events:none;background:radial-gradient(circle,hsl(calc(var(--theme-hue, 87.64) + 0.93) 52.50% 31.37% / 0.1882),transparent 62%);width:780px;height:780px;left:-360px;top:-130px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;position:relative}.contact-copy{padding-top:13px}.contact-copy h2{font-size:49px;line-height:1.45;letter-spacing:-1px;font-weight:550;position:relative}.contact-star{display:inline-block;font-size:72px;line-height:1;vertical-align:middle;color:hsl(calc(var(--theme-hue, 87.64) + -0.06) 86.11% 71.76% / 0.1490);margin-left:14px;font-family:Arial,sans-serif;font-weight:400;animation:slow-spin 32s linear infinite}.contact-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;color:hsl(calc(var(--theme-hue, 87.64) + 3.47) 12.00% 55.88% / 1.0000);margin-top:25px}.contact-channel{margin-top:38px;display:flex;gap:13px;align-items:center}.contact-channel-icon{width:44px;height:44px;border:1px solid hsl(calc(var(--theme-hue, 87.64) + -0.70) 21.78% 44.12% / 0.2549);border-radius:10px;display:grid;place-items:center;color:hsl(calc(var(--theme-hue, 87.64) + 2.89) 36.31% 69.22% / 1.0000);background:hsl(calc(var(--theme-hue, 87.64) + -0.64) 34.19% 54.12% / 0.0392);flex-shrink:0}.contact-channel strong{font-size:12px;font-weight:500;display:block}.contact-channel div>span{font-size:10px;color:hsl(calc(var(--theme-hue, 87.64) + 8.36) 14.89% 46.08% / 1.0000);display:block;margin-top:2px}.contact-channel a{color:var(--accent)}.public-contact-row{margin-top:9px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px}.contact-meta{display:flex;gap:17px;align-items:center;margin-top:28px;font-size:10px;color:hsl(calc(var(--theme-hue, 87.64) + 3.33) 12.45% 51.18% / 1.0000);flex-wrap:wrap}.contact-meta span{display:flex;gap:5px;align-items:center}.contact-meta .icon{width:12px;height:12px}.contact-form-card{padding:27px 29px 23px;background:hsl(calc(var(--theme-hue, 87.64) + 14.36) 17.24% 11.37% / 1.0000);border:1px solid hsl(calc(var(--theme-hue, 87.64) + 0.22) 25.23% 43.53% / 0.2510);border-radius:13px;min-width:0}.form-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px;gap:15px}.form-heading h3{font-size:18px;font-weight:550}.form-heading>span{font:8px Consolas,monospace;letter-spacing:1px;color:hsl(calc(var(--theme-hue, 87.64) + 8.04) 15.48% 46.86% / 1.0000);border:1px solid hsl(calc(var(--theme-hue, 87.64) + 1.06) 18.40% 50.98% / 0.1922);padding:3px 5px;border-radius:3px;white-space:nowrap}.inquiry-type legend{font-size:11px;color:hsl(calc(var(--theme-hue, 87.64) + 2.36) 18.75% 68.63% / 1.0000);margin-bottom:8px}.type-options{display:flex;gap:7px}.type-options>label{position:relative;flex:1;cursor:pointer}.type-options input{position:absolute;opacity:0;width:1px;height:1px}.type-options span{padding:9px 3px;display:block;text-align:center;border:1px solid hsl(calc(var(--theme-hue, 87.64) + 0.78) 21.84% 34.12% / 0.2471);background:hsl(calc(var(--theme-hue, 87.64) + 13.90) 22.03% 11.57% / 1.0000);border-radius:5px;font-size:10px;color:hsl(calc(var(--theme-hue, 87.64) + 3.27) 17.10% 62.16% / 1.0000);white-space:nowrap}.type-options input:checked+span{color:hsl(calc(var(--theme-hue, 87.64) + 4.07) 62.50% 78.04% / 1.0000);background:hsl(calc(var(--theme-hue, 87.64) + -0.97) 38.46% 54.12% / 0.0745);border-color:hsl(calc(var(--theme-hue, 87.64) + 2.36) 33.61% 46.67% / 0.6000)}.type-options input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:block;position:relative;font-size:11px;color:hsl(calc(var(--theme-hue, 87.64) + 3.47) 18.37% 71.18% / 1.0000);margin-top:17px;min-width:0}.field .optional{color:hsl(calc(var(--theme-hue, 87.64) + 6.41) 16.44% 44.12% / 1.0000);font-size:9px;margin-left:4px}.field select,.field input,.field textarea{width:100%;background:hsl(calc(var(--theme-hue, 87.64) + 12.36) 26.09% 9.02% / 1.0000);border:1px solid hsl(calc(var(--theme-hue, 87.64) + 2.36) 21.25% 31.37% / 0.4588);border-radius:5px;color:hsl(calc(var(--theme-hue, 87.64) + 2.36) 19.30% 77.65% / 1.0000);font-size:11px;margin-top:7px;padding:10px 11px;transition:border-color .2s;min-width:0;min-height:39px}.field textarea{resize:vertical;line-height:1.9;min-height:116px;display:block}.field input::placeholder,.field textarea::placeholder{color:hsl(calc(var(--theme-hue, 87.64) + 5.46) 12.45% 45.69% / 1.0000);opacity:1}.field select{cursor:pointer;padding-right:7px}.required-indicator{color:hsl(calc(var(--theme-hue, 87.64) + 4.82) 34.08% 64.90% / 1.0000);margin-left:4px}.field-helper{display:flex;gap:7px;justify-content:space-between;font-size:8px;color:hsl(calc(var(--theme-hue, 87.64) + 5.89) 13.93% 47.84% / 1.0000);margin-top:6px;line-height:1.5}.field-helper output{font-family:Consolas,monospace;white-space:nowrap}.legacy-extra{margin-top:12px;padding:0 12px 10px;background:hsl(calc(var(--theme-hue, 87.64) + 8.36) 26.32% 14.90% / 1.0000);border:1px solid hsl(calc(var(--theme-hue, 87.64) + 5.96) 31.65% 30.98% / 0.2118);border-radius:6px}.legacy-extra .field{margin-top:9px}.legacy-extra>p{font-size:9px;color:hsl(calc(var(--theme-hue, 87.64) + -0.37) 15.21% 57.45% / 1.0000);margin-top:7px}.form-local-note{font-size:9px;color:hsl(calc(var(--theme-hue, 87.64) + 1.45) 15.07% 57.06% / 1.0000);line-height:1.85;display:flex;align-items:flex-start;gap:7px;margin-top:18px}.form-local-note .icon{width:12px;height:12px;margin-top:3px}.form-submit{width:100%;margin-top:15px;justify-content:space-between;min-height:47px;padding:10px 16px;font-size:12px}.draft-actions{display:flex;align-items:center;gap:17px;margin-top:14px;font-size:9px;color:hsl(calc(var(--theme-hue, 87.64) + 10.07) 14.89% 46.08% / 1.0000)}.draft-actions button{font-size:9px;padding:3px 0;background:transparent;color:hsl(calc(var(--theme-hue, 87.64) + 3.86) 19.61% 60.00% / 1.0000)}.draft-actions button:hover{color:var(--accent)}.draft-actions>span{margin-left:auto}.faq{padding:13px 0 86px}.faq-grid{display:grid;grid-template-columns:1fr 1.43fr;gap:80px}.faq h2{font-size:27px;font-weight:500;line-height:1.5}.faq .section-index{font-size:9px;margin-bottom:20px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 0;font-size:12px;color:hsl(calc(var(--theme-hue, 87.64) + 2.36) 17.86% 78.04% / 1.0000)}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:18px;font-weight:300;color:hsl(calc(var(--theme-hue, 87.64) + 5.09) 18.18% 52.55% / 1.0000);transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details>p{font-size:11px;color:hsl(calc(var(--theme-hue, 87.64) + 6.91) 14.67% 55.88% / 1.0000);padding:0 20px 20px 0;line-height:2}.site-footer{border-top:1px solid var(--line);background:hsl(calc(var(--theme-hue, 87.64) + 32.36) 17.24% 5.69% / 1.0000);padding:32px 0 23px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-top .brand-mark{width:34px;height:34px;border-radius:9px}.footer-top .brand-mark svg{width:32px;height:32px}.footer-top .brand-type strong{font-size:16px;letter-spacing:2px}.footer-top .brand-type>span{font-size:7px;letter-spacing:3.5px}.footer-top>p{font-size:11px;color:hsl(calc(var(--theme-hue, 87.64) + 8.36) 12.30% 47.84% / 1.0000)}.back-top{display:flex;align-items:center;gap:22px;font-size:10px;color:hsl(calc(var(--theme-hue, 87.64) + 4.23) 16.33% 61.57% / 1.0000)}.back-top .icon{width:14px;height:14px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid hsl(calc(var(--theme-hue, 87.64) + 0.60) 23.29% 42.94% / 0.1529);padding-top:23px;margin-top:27px;color:hsl(calc(var(--theme-hue, 87.64) + 9.42) 16.19% 41.18% / 1.0000);font-size:9px;flex-wrap:wrap}.footer-preview-label{color:hsl(calc(var(--theme-hue, 87.64) + 10.07) 17.77% 38.63% / 1.0000)}.footer-controls{display:flex;align-items:center;gap:18px}.footer-controls button{font-size:9px;color:hsl(calc(var(--theme-hue, 87.64) + 8.72) 13.69% 52.75% / 1.0000);background:transparent;padding:5px 0}.footer-controls button:hover{color:hsl(calc(var(--theme-hue, 87.64) + 8.07) 38.18% 78.43% / 1.0000)}.noscript-notice{color:#d8c498;border:1px solid #9d88495a;border-radius:6px;padding:16px;margin-top:20px}
/* 弹窗、实际可操作的订单 / 预约 / 游戏。原生 dialog 提供焦点与遮罩。 */
.app-dialog{color-scheme:dark;padding:0;width:min(940px,calc(100% - 40px));max-height:90dvh;border:1px solid hsl(calc(var(--theme-hue, 87.64) + 3.13) 22.54% 33.92% / 1.0000);background:hsl(calc(var(--theme-hue, 87.64) + 14.36) 22.73% 8.63% / 1.0000);color:var(--ink);border-radius:16px;box-shadow:0 30px 120px #0009;overflow:auto;margin:auto}.app-dialog::backdrop{background:hsl(calc(var(--theme-hue, 87.64) + 32.36) 20.00% 3.92% / 0.8118);backdrop-filter:blur(8px)}.app-dialog[open]{animation:dialog-in .22s var(--ease)}.dialog-chrome{padding:22px 27px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);background:hsl(calc(var(--theme-hue, 87.64) + 10.93) 23.33% 11.76% / 1.0000);position:sticky;top:0;z-index:5}.dialog-chrome h2{font-size:22px;line-height:1.6;font-weight:550;margin-top:4px}.dialog-chrome .micro-label{color:hsl(calc(var(--theme-hue, 87.64) + 4.45) 18.14% 53.53% / 1.0000)}.dialog-chrome .icon-button{background:hsl(calc(var(--theme-hue, 87.64) + 9.50) 25.93% 15.88% / 1.0000);border-color:hsl(calc(var(--theme-hue, 87.64) + -3.09) 27.05% 47.84% / 0.2510);color:hsl(calc(var(--theme-hue, 87.64) + -0.54) 22.30% 72.75% / 1.0000);width:38px;height:38px}.dialog-body{padding:27px}.demo-banner{background:hsl(calc(var(--theme-hue, 87.64) + 7.36) 30.00% 15.69% / 1.0000);border:1px solid hsl(calc(var(--theme-hue, 87.64) + 0.60) 30.91% 32.35% / 0.2392);border-radius:6px;padding:11px 13px;font-size:11px;color:hsl(calc(var(--theme-hue, 87.64) + 3.79) 24.71% 66.67% / 1.0000);display:flex;align-items:flex-start;gap:8px;line-height:1.8;margin-bottom:24px}.demo-banner .icon{width:15px;height:15px;margin-top:2px}.service-detail-lead{font-size:26px;font-weight:500;line-height:1.5;margin-bottom:15px;color:hsl(calc(var(--theme-hue, 87.64) + 3.79) 39.62% 89.61% / 1.0000)}.service-detail-description{font-size:14px;line-height:2;color:hsl(calc(var(--theme-hue, 87.64) + 4.67) 15.48% 67.06% / 1.0000)}.service-detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin:21px 0}.service-detail-tags span{font-size:11px;color:hsl(calc(var(--theme-hue, 87.64) + 4.12) 36.69% 72.75% / 1.0000);padding:5px 10px;border:1px solid hsl(calc(var(--theme-hue, 87.64) + 2.36) 26.61% 42.75% / 0.2667);border-radius:5px;background:hsl(calc(var(--theme-hue, 87.64) + 7.81) 26.19% 16.47% / 1.0000)}.deliverables{padding:20px 0;border-top:1px solid var(--line);margin-top:20px}.deliverables h3{font-size:13px;color:hsl(calc(var(--theme-hue, 87.64) + 3.39) 34.94% 83.73% / 1.0000);margin-bottom:14px;font-weight:550}.deliverables>p{display:flex;align-items:center;gap:10px;font-size:12px;margin:10px 0;color:hsl(calc(var(--theme-hue, 87.64) + 4.23) 16.67% 62.35% / 1.0000)}.deliverables .icon{width:15px;height:15px;color:var(--accent)}.boundary-note{padding:14px 16px;background:hsl(calc(var(--theme-hue, 87.64) + 8.36) 22.39% 13.14% / 1.0000);border-radius:7px;font-size:11px;color:hsl(calc(var(--theme-hue, 87.64) + 4.45) 19.46% 56.67% / 1.0000);line-height:1.9;margin-top:0}.service-detail-actions{display:flex;gap:12px;margin-top:25px;flex-wrap:wrap}.service-detail-actions .button{font-size:12px}.demo-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}.demo-metric{background:hsl(calc(var(--theme-hue, 87.64) + 10.25) 27.54% 13.53% / 1.0000);border:1px solid hsl(calc(var(--theme-hue, 87.64) + 4.06) 28.65% 36.27% / 0.2078);border-radius:8px;padding:15px 16px;min-width:0}.demo-metric>span{display:block;color:hsl(calc(var(--theme-hue, 87.64) + 3.17) 18.41% 60.59% / 1.0000);font-size:11px}.demo-metric strong{display:block;font-size:28px;font-weight:500;color:hsl(calc(var(--theme-hue, 87.64) + 4.97) 52.27% 82.75% / 1.0000);line-height:1.7;overflow-wrap:anywhere}.demo-metric strong.amount{font-size:24px}.demo-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:13px;flex-wrap:wrap}.demo-search{display:flex;align-items:center;gap:8px;background:hsl(calc(var(--theme-hue, 87.64) + 16.00) 31.43% 6.86% / 1.0000);border:1px solid hsl(calc(var(--theme-hue, 87.64) + 1.16) 29.07% 33.73% / 0.4000);border-radius:6px;padding:0 11px;flex:1;min-width:170px}.demo-search .icon{width:16px;height:16px;color:hsl(calc(var(--theme-hue, 87.64) + 1.16) 19.69% 50.20% / 1.0000)}.demo-search input{background:transparent;border:none;min-width:0;width:100%;color:hsl(calc(var(--theme-hue, 87.64) + 5.26) 29.52% 79.41% / 1.0000);padding:9px 0;font-size:12px;box-shadow:none!important}.demo-search:focus-within{border-color:var(--accent)}.demo-toolbar select{font-size:12px;color:hsl(calc(var(--theme-hue, 87.64) + 1.50) 25.55% 73.14% / 1.0000);padding:9px 8px;background:hsl(calc(var(--theme-hue, 87.64) + 8.36) 29.41% 13.33% / 1.0000);border:1px solid hsl(calc(var(--theme-hue, 87.64) + -2.38) 26.51% 42.16% / 0.3765);border-radius:6px}.demo-toolbar .button{font-size:11px;min-height:39px;padding:8px 12px;gap:7px}.demo-toolbar .button .icon{width:15px;height:15px}.table-scroll{overflow-x:auto;border:1px solid hsl(calc(var(--theme-hue, 87.64) + 0.22) 28.57% 38.43% / 0.2471);border-radius:8px}.order-table{width:100%;min-width:650px;border-collapse:collapse;font-size:12px}.order-table thead{background:hsl(calc(var(--theme-hue, 87.64) + 8.36) 29.41% 16.67% / 1.0000);color:hsl(calc(var(--theme-hue, 87.64) + 2.97) 27.37% 64.90% / 1.0000)}.order-table th{font-size:10px;font-weight:500;text-align:left;white-space:nowrap;padding:12px 13px}.order-table td{padding:13px;border-top:1px solid hsl(calc(var(--theme-hue, 87.64) + -3.64) 26.55% 44.31% / 0.1216);color:hsl(calc(var(--theme-hue, 87.64) + 1.50) 27.56% 75.10% / 1.0000);max-width:200px;overflow-wrap:anywhere}.order-table td small{display:block;font:9px/1.9 Consolas,monospace;color:hsl(calc(var(--theme-hue, 87.64) + 5.96) 23.36% 41.96% / 1.0000)}.order-table .amount-cell{font:12px Consolas,monospace;white-space:nowrap;color:hsl(calc(var(--theme-hue, 87.64) + -0.04) 30.49% 67.84% / 1.0000)}.order-table .row-action{background:hsl(calc(var(--theme-hue, 87.64) + 6.41) 35.92% 20.20% / 1.0000);font-size:10px;color:hsl(calc(var(--theme-hue, 87.64) + 2.36) 50.00% 74.90% / 1.0000);border:1px solid hsl(calc(var(--theme-hue, 87.64) + 7.14) 29.87% 45.29% / 0.2667);border-radius:4px;padding:5px 8px;white-space:nowrap}.order-table .row-action:hover{background:hsl(calc(var(--theme-hue, 87.64) + 4.86) 34.78% 27.06% / 1.0000)}.order-table .row-action:disabled{background:hsl(calc(var(--theme-hue, 87.64) + 9.86) 32.43% 14.51% / 1.0000);color:hsl(calc(var(--theme-hue, 87.64) + 6.48) 20.99% 47.65% / 1.0000)}.order-table .status{font-size:9px}.empty-state{text-align:center;padding:35px!important;color:hsl(calc(var(--theme-hue, 87.64) + 1.00) 18.97% 54.51% / 1.0000)!important}.demo-table-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:hsl(calc(var(--theme-hue, 87.64) + 8.83) 20.16% 49.61% / 1.0000);margin-top:13px;flex-wrap:wrap}.demo-reset{background:transparent;font-size:11px;color:hsl(calc(var(--theme-hue, 87.64) + 4.74) 36.84% 66.47% / 1.0000);display:flex;align-items:center;gap:6px;padding:6px 0}.demo-reset .icon{width:13px;height:13px}.inline-order-form{padding:18px;background:hsl(calc(var(--theme-hue, 87.64) + 9.86) 29.27% 16.08% / 1.0000);border:1px solid hsl(calc(var(--theme-hue, 87.64) + 0.60) 29.57% 45.10% / 0.3333);border-radius:8px;margin-bottom:18px}.inline-order-form h3{font-size:14px;font-weight:500}.inline-order-fields{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:12px}.inline-order-form .field{margin-top:10px}.inline-order-actions{display:flex;gap:10px;margin-top:14px}.inline-order-actions .button{font-size:11px;padding:8px 13px;min-height:36px}.booking-layout{display:grid;grid-template-columns:1fr .82fr;gap:28px}.booking-layout h3{font-size:15px;font-weight:500;margin-bottom:14px;color:hsl(calc(var(--theme-hue, 87.64) + 3.86) 45.45% 82.75% / 1.0000)}.booking-options{display:grid;gap:8px;margin-bottom:25px}.booking-choice{border:1px solid hsl(calc(var(--theme-hue, 87.64) + 2.36) 30.21% 37.65% / 0.2902);border-radius:7px;display:flex;align-items:center;gap:11px;padding:12px;background:hsl(calc(var(--theme-hue, 87.64) + 9.50) 34.43% 11.96% / 1.0000);cursor:pointer}.booking-choice:has(input:checked){border-color:hsl(calc(var(--theme-hue, 87.64) + 0.82) 37.86% 59.61% / 0.6000);background:hsl(calc(var(--theme-hue, 87.64) + 6.02) 35.65% 22.55% / 0.1843)}.booking-choice input{accent-color:var(--accent)}.booking-choice>span{flex:1;color:hsl(calc(var(--theme-hue, 87.64) + 3.17) 29.60% 75.49% / 1.0000);font-size:12px}.booking-choice small{display:block;color:hsl(calc(var(--theme-hue, 87.64) + 4.76) 21.37% 54.12% / 1.0000);font-size:10px;margin-top:3px}.booking-choice em{font-size:9px;font-style:normal;color:hsl(calc(var(--theme-hue, 87.64) + 5.17) 32.99% 61.96% / 1.0000)}.booking-days{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:23px}.booking-day{border:1px solid hsl(calc(var(--theme-hue, 87.64) + 0.48) 31.07% 40.39% / 0.3020);border-radius:7px;text-align:center;background:hsl(calc(var(--theme-hue, 87.64) + 8.36) 34.48% 11.37% / 1.0000);color:hsl(calc(var(--theme-hue, 87.64) + 2.91) 24.23% 55.49% / 1.0000);font-size:10px;padding:11px 5px}.booking-day b{display:block;color:hsl(calc(var(--theme-hue, 87.64) + 1.72) 42.34% 78.24% / 1.0000);font-size:18px;line-height:1.5;margin-top:4px;font-weight:500}.booking-day small{font-size:9px;display:block}.booking-day.active{border-color:var(--accent);background:hsl(calc(var(--theme-hue, 87.64) + 6.83) 42.34% 21.76% / 1.0000)}.booking-day:disabled{background:hsl(calc(var(--theme-hue, 87.64) + 8.36) 29.41% 10.00% / 1.0000);color:hsl(calc(var(--theme-hue, 87.64) + 5.69) 21.53% 40.98% / 1.0000);opacity:.65}.booking-times{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.booking-time{padding:9px 8px;border:1px solid hsl(calc(var(--theme-hue, 87.64) + -1.07) 33.98% 40.39% / 0.3020);background:hsl(calc(var(--theme-hue, 87.64) + 9.50) 35.59% 11.57% / 1.0000);color:hsl(calc(var(--theme-hue, 87.64) + 3.94) 30.16% 62.94% / 1.0000);font-size:12px;border-radius:6px}.booking-time.active{background:hsl(calc(var(--theme-hue, 87.64) + 6.83) 42.34% 21.76% / 1.0000);border-color:hsl(calc(var(--theme-hue, 87.64) + 1.33) 45.08% 62.16% / 1.0000);color:hsl(calc(var(--theme-hue, 87.64) + 5.22) 50.00% 83.53% / 1.0000)}.booking-time:disabled{text-decoration:line-through;color:hsl(calc(var(--theme-hue, 87.64) + 5.42) 28.99% 33.14% / 1.0000);background:hsl(calc(var(--theme-hue, 87.64) + 6.65) 28.00% 9.80% / 1.0000)}.booking-summary{align-self:start;background:linear-gradient(150deg,hsl(calc(var(--theme-hue, 87.64) + -0.54) 42.47% 85.69% / 1.0000),hsl(calc(var(--theme-hue, 87.64) + 2.36) 30.00% 92.16% / 1.0000));border:1px solid hsl(calc(var(--theme-hue, 87.64) + -0.83) 36.43% 74.71% / 1.0000);border-radius:12px;padding:23px;color:hsl(calc(var(--theme-hue, 87.64) + 8.68) 33.93% 21.96% / 1.0000);position:sticky;top:132px}.booking-summary .eyebrow{font-size:9px;color:hsl(calc(var(--theme-hue, 87.64) + 2.36) 17.24% 54.51% / 1.0000);margin-bottom:14px}.booking-summary h3{font-size:24px;color:hsl(calc(var(--theme-hue, 87.64) + 8.68) 33.93% 21.96% / 1.0000);line-height:1.5;font-weight:550;margin-bottom:23px}.booking-summary dl{font-size:11px;margin:0}.booking-summary dl>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid hsl(calc(var(--theme-hue, 87.64) + 1.00) 24.72% 65.10% / 0.3333);padding:10px 0}.booking-summary dt{color:hsl(calc(var(--theme-hue, 87.64) + 3.00) 19.03% 51.57% / 1.0000)}.booking-summary dd{margin:0;text-align:right}.booking-summary p{font-size:10px;color:hsl(calc(var(--theme-hue, 87.64) + 3.17) 16.74% 56.67% / 1.0000);line-height:1.9;margin-top:17px}.booking-confirm{width:100%;background:hsl(calc(var(--theme-hue, 87.64) + 8.95) 36.28% 22.16% / 1.0000);color:hsl(calc(var(--theme-hue, 87.64) + 0.78) 57.58% 93.53% / 1.0000);font-size:12px;min-height:45px;margin-top:23px}.booking-confirm:hover{background:hsl(calc(var(--theme-hue, 87.64) + 6.32) 36.05% 28.82% / 1.0000)}.booking-result{padding:22px;border:1px solid hsl(calc(var(--theme-hue, 87.64) + -1.79) 29.95% 42.55% / 0.3333);background:hsl(calc(var(--theme-hue, 87.64) + 7.98) 36.36% 17.25% / 1.0000);border-radius:10px;color:hsl(calc(var(--theme-hue, 87.64) + 1.90) 41.94% 69.61% / 1.0000);margin-top:22px;line-height:1.9}.booking-result h3{font-size:16px;color:hsl(calc(var(--theme-hue, 87.64) + 4.67) 49.37% 84.51% / 1.0000);display:flex;align-items:center;gap:8px}.booking-result p{font-size:12px;margin-top:10px}.booking-result .icon{color:var(--accent)}.booking-result .button{font-size:11px;margin-top:15px}.game-layout{max-width:550px;margin-inline:auto}.game-scorebar{display:flex;justify-content:space-between;align-items:center;gap:15px;color:hsl(calc(var(--theme-hue, 87.64) + 4.45) 19.46% 56.67% / 1.0000);font-size:12px;margin-bottom:22px}.game-scorebar strong{color:var(--accent);font-weight:600;font-size:17px;margin-left:5px}.game-board{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.game-card{aspect-ratio:1/1.1;background:linear-gradient(145deg,hsl(calc(var(--theme-hue, 87.64) + 8.36) 28.93% 23.73% / 1.0000),hsl(calc(var(--theme-hue, 87.64) + 13.01) 37.35% 16.27% / 1.0000));border:1px solid hsl(calc(var(--theme-hue, 87.64) + 4.79) 33.04% 43.92% / 0.4000);color:hsl(calc(var(--theme-hue, 87.64) + 3.22) 47.30% 70.98% / 1.0000);border-radius:12px;display:grid;place-items:center;position:relative;box-shadow:0 4px 0 hsl(calc(var(--theme-hue, 87.64) + 13.41) 46.34% 8.04% / 1.0000);font-family:Arial,sans-serif;transition:transform .2s,background .2s}.game-card>span{font-size:37px;transition:transform .25s}.game-card.flipped{background:var(--accent);color:hsl(calc(var(--theme-hue, 87.64) + 5.09) 47.83% 18.04% / 1.0000);transform:rotateY(0deg);border-color:hsl(calc(var(--theme-hue, 87.64) + 1.93) 64.49% 79.02% / 1.0000)}.game-card.matched{background:hsl(calc(var(--theme-hue, 87.64) + 1.09) 32.42% 57.06% / 1.0000);color:hsl(calc(var(--theme-hue, 87.64) + 15.44) 41.94% 18.24% / 1.0000);border-color:hsl(calc(var(--theme-hue, 87.64) + 0.60) 35.42% 62.35% / 1.0000);opacity:.85;cursor:default}.game-card:not(.flipped):not(.matched):hover{transform:translateY(-3px);background:hsl(calc(var(--theme-hue, 87.64) + 7.58) 32.86% 27.45% / 1.0000)}.game-instruction{margin-top:25px;font-size:12px;color:hsl(calc(var(--theme-hue, 87.64) + 4.58) 24.77% 57.25% / 1.0000);line-height:1.9;text-align:center}.game-result{background:hsl(calc(var(--theme-hue, 87.64) + 7.48) 39.81% 20.20% / 1.0000);color:hsl(calc(var(--theme-hue, 87.64) + 3.47) 50.00% 78.82% / 1.0000);border:1px solid hsl(calc(var(--theme-hue, 87.64) + 3.76) 37.07% 45.49% / 0.4392);border-radius:8px;padding:14px 17px;text-align:center;margin-top:19px}.game-result p{font-size:12px;margin-top:3px}.summary-text{width:100%;min-height:320px;resize:vertical;background:hsl(calc(var(--theme-hue, 87.64) + 13.90) 37.14% 6.86% / 1.0000);border:1px solid hsl(calc(var(--theme-hue, 87.64) + 3.94) 31.49% 35.49% / 0.5020);border-radius:8px;padding:16px;font-size:12px;line-height:1.85;color:hsl(calc(var(--theme-hue, 87.64) + 4.67) 33.33% 77.06% / 1.0000);font-family:Consolas,"Microsoft YaHei",monospace}.summary-actions{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}.summary-actions .button{font-size:12px}.privacy-copy h3{font-size:15px;margin:21px 0 7px;color:hsl(calc(var(--theme-hue, 87.64) + 3.33) 32.63% 81.37% / 1.0000);font-weight:500}.privacy-copy p{font-size:12px;line-height:2;color:hsl(calc(var(--theme-hue, 87.64) + 4.03) 18.95% 62.75% / 1.0000)}.privacy-copy code{background:hsl(calc(var(--theme-hue, 87.64) + 11.67) 32.58% 17.45% / 1.0000);padding:2px 5px;border-radius:3px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:1000;max-width:calc(100% - 32px);padding:12px 20px;border-radius:9px;border:1px solid hsl(calc(var(--theme-hue, 87.64) + 0.67) 48.11% 63.73% / 0.6000);background:hsl(calc(var(--theme-hue, 87.64) + 4.67) 48.15% 89.41% / 1.0000);color:hsl(calc(var(--theme-hue, 87.64) + 10.19) 38.98% 23.14% / 1.0000);font-size:12px;box-shadow:0 12px 30px #0004;line-height:1.7;text-align:center}.toast.on-dialog{position:sticky;bottom:16px;left:auto;transform:none;margin:0 auto 16px;width:fit-content;max-width:calc(100% - 40px)}
/* 轻动效与可访问性。 */
@keyframes breathe{0%,100%{opacity:.5}50%{opacity:1;box-shadow:0 0 17px hsl(calc(var(--theme-hue, 87.64) + -0.06) 86.11% 71.76% / 0.4667)}}@keyframes console-in{from{opacity:0;transform:perspective(1400px) rotateY(-9deg) rotateX(5deg) rotateZ(-3deg) translateY(20px)}to{opacity:1;transform:perspective(1400px) rotateY(-9deg) rotateX(5deg) rotateZ(-3deg) translateY(0)}}@keyframes phone-in{from{opacity:0;transform:rotate(8deg) translateY(27px)}to{opacity:1;transform:rotate(8deg) translateY(0)}}@keyframes slow-spin{to{transform:rotate(360deg)}}@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
body.reduce-motion *,body.reduce-motion *:before,body.reduce-motion *:after{animation:none!important;transition:none!important}html.reduce-motion{scroll-behavior:auto}body.reduce-motion #hero-particles{opacity:.16}
@media(min-width:1600px){.hero-grid{min-height:728px}.hero-visual{transform:scale(1.05)}}
@media(max-width:1200px){.container{width:calc(100% - 72px)}.desktop-nav{gap:20px}.hero h1{font-size:54px}.hero-grid{gap:12px;min-height:625px}.hero-visual{transform:scale(.93);transform-origin:right center}.hero-phone{right:-12px}.hero-assurances{gap:14px}.hero-description{font-size:13px}.hero-actions .button{font-size:12px;padding:12px 17px;gap:12px}.service-card{padding:25px 20px;min-height:242px}.service-card h3{font-size:16px}.service-card p{font-size:10px}.service-tags{font-size:9px;gap:4px 8px}.demo-grid{gap:18px}.demo-info{padding:22px 20px}.demo-info h3{font-size:16px}.demo-info>p{font-size:11px}.upgrade-grid{gap:40px;grid-template-columns:.78fr 1.25fr}.upgrade h2{font-size:34px}.compare-shell{height:351px}.after-content{padding:18px 14px}.after-new{font-size:7px;padding:5px}.contact-grid{gap:50px}.contact-copy h2{font-size:43px}.contact-star{font-size:58px}.contact-form-card{padding:25px 22px}.console-stats{gap:24px}.mini-percent{margin-right:44px}.visual-demo-link{right:0;font-size:9px;bottom:-5px}.hero-console{left:-1px;width:calc(100% - 6px)}.floating-note{left:-4px;bottom:23px}.hero-visual{height:473px}.hero-phone{top:170px}.hero-bottom-code{font-size:8px;letter-spacing:.6px}}
@media(max-width:1023px){.container{width:calc(100% - 56px)}.header-inner{height:76px;gap:20px}.brand-type strong{font-size:18px}.brand-type>span{font-size:8px}.brand-mark{width:38px;height:38px;border-radius:10px}.desktop-nav{gap:15px}.desktop-nav a{font-size:11px}.header-cta{font-size:11px;padding:8px 10px;gap:10px}.hero-grid{padding-top:50px;min-height:575px;grid-template-columns:1fr .98fr}.hero-eyebrow{font-size:9px;letter-spacing:.7px;margin-bottom:26px;gap:7px}.edition{font-size:8px;padding-left:8px}.hero h1{font-size:46px;letter-spacing:-1.8px}.hero-description{font-size:12px;line-height:2}.hero-actions{gap:8px;margin-top:25px}.hero-actions .button{font-size:11px;padding:10px 13px;gap:10px;min-height:46px}.hero-assurances{font-size:10px;gap:11px;margin-top:23px}.hero-visual{height:440px;transform:scale(.93);margin-right:-10px}.hero-console{top:65px;left:-4px;width:100%}.console-content{padding:18px 13px 13px}.console-layout{min-height:317px}.console-sidebar{width:41px}.console-heading h3{font-size:14px}.console-stats{gap:20px}.console-stats strong{font-size:23px;gap:6px}.console-stats>div>span{font-size:8px}.console-stats em{font-size:6px}.hero-phone{width:133px;height:254px;top:199px;right:-2px;border-radius:23px;padding:4px}.phone-content{transform:scale(.83);transform-origin:top left;width:148px;height:292px;border-radius:22px;min-height:292px}.phone-status{transform:scale(.85);transform-origin:top left;width:124px;top:7px;left:12px}.phone-camera{width:36px;height:10px;top:7px}.phone-home{bottom:6px;height:2px;width:34px}.mini-percent{margin-right:32px}.floating-note{bottom:0;left:-25px;gap:8px;padding:10px 11px}.floating-note strong{font-size:9px}.floating-note div>span{font-size:6px;letter-spacing:1px}.floating-check{width:25px;height:25px}.visual-kicker{font-size:7px;letter-spacing:1px;top:28px}.visual-demo-link{bottom:-31px;font-size:8px}.visual-demo-link>span{gap:3px}.hero-bottom{font-size:9px}.hero-bottom-code{display:none}.hero-bottom>a{margin-left:auto}.section-heading h2,.process h2{font-size:32px}.section-heading-aside{font-size:11px;min-width:235px}.services{padding:78px 0 65px}.section-heading{margin-bottom:34px}.section-index{font-size:9px;margin-bottom:20px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card{min-height:203px;padding:24px}.service-card-top{margin-bottom:16px}.service-card h3{font-size:18px}.service-tags{font-size:10px;gap:5px 12px}.service-card p{font-size:11px}.demo-preview{height:209px}.order-preview{padding:18px 13px 0}.preview-stats{margin-top:10px;gap:6px}.preview-stats>div{padding:7px 9px}.preview-stats b{font-size:19px}.preview-row{font-size:8px;gap:5px;padding:6px 0}.preview-row .status{font-size:6px}.demo-info{padding:18px 15px}.demo-info h3{font-size:15px;line-height:1.8}.demo-info p{font-size:10px}.demo-number{font-size:7px;letter-spacing:.7px;gap:8px}.demo-number i{font-size:8px;letter-spacing:0;padding-left:8px}.appointment-mini{width:calc(100% - 32px);padding:13px;transform:rotate(-5deg) scale(.94)}.appointment-mini h4{font-size:12px;white-space:nowrap}.mini-week{margin-top:8px;gap:1px}.mini-week>span{width:25px}.mini-times>span{font-size:7px}.preview-floating-tag{font-size:7px;right:8px;bottom:8px;padding:6px 8px}.preview-game-tiles{grid-template-columns:repeat(4,34px);gap:5px}.preview-game-tiles span{width:34px;height:39px;font-size:21px;border-radius:5px}.game-preview-label{font-size:5px;letter-spacing:.8px}.game-preview-bottom{font-size:7px}.upgrade{padding:74px 0}.upgrade-grid{gap:30px;grid-template-columns:.85fr 1.35fr}.upgrade h2{font-size:29px}.upgrade-copy>p:not(.eyebrow){font-size:11px}.upgrade-points{margin:20px 0 22px}.upgrade-points>div{gap:12px;padding:10px 0}.upgrade-points strong{font-size:11px}.upgrade-points small{font-size:8px}.upgrade-copy .button{font-size:11px;padding:10px 14px;min-height:43px}.compare-shell{height:322px}.compare-toolbar{font-size:9px}.compare-toolbar span:last-child{font-size:7px}.after-content{padding:16px 10px}.after-side{width:36px}.after-content{width:calc(100% - 36px)}.after-heading h3{font-size:14px}.after-heading small{font-size:6px}.after-heading h3 span{display:none}.after-new{font-size:6px;padding:4px}.after-stats{gap:4px;margin-top:14px}.after-stats>div{padding:8px 7px}.after-stats>div>span{font-size:6px}.after-stats b{font-size:19px}.after-filters{margin-top:15px;font-size:7px;gap:15px}.after-row{font-size:7px;padding:8px 0;grid-template-columns:1.6fr .8fr .65fr}.after-row.heading{font-size:6px}.after-project-icon{width:15px;height:15px;font-size:6px}.after-status{font-size:6px;padding:2px 3px}.after-footer{font-size:6px}.legacy-sidebar{width:67px;font-size:7px}.legacy-content{padding:6px}.legacy-title{font-size:9px}.legacy-title>span{font-size:5px}.legacy-menu{font-size:6px}.legacy-search{font-size:5px;gap:3px}.legacy-search i{width:29px;height:13px}.legacy-search em{padding:1px 4px}.legacy-buttons span{font-size:6px;padding:1px 6px}.legacy-table{font-size:6px}.legacy-table th,.legacy-table td{padding:7px 3px}.legacy-breadcrumb{font-size:6px}.legacy-pagination{font-size:5px}.process{padding:76px 0 54px}.process-grid{gap:20px}.process-grid h3{font-size:16px}.process-grid p{font-size:10px}.process-output{font-size:8px}.contact-grid{gap:31px}.contact-copy h2{font-size:37px}.contact-copy>p:not(.eyebrow){font-size:11px}.contact-star{font-size:48px;margin-left:5px}.contact-form-card{padding:22px 18px}.contact-form-card .field{font-size:10px}.form-heading h3{font-size:16px}.form-heading>span{font-size:7px;letter-spacing:.5px}.type-options{gap:4px}.type-options span{font-size:9px}.field select,.field input,.field textarea{font-size:10px;padding:9px}.form-row{gap:9px}.contact-meta{gap:10px;font-size:9px}.faq-grid{gap:50px;grid-template-columns:1fr 1.55fr}.faq h2{font-size:25px}.faq-list summary{font-size:11px}.footer-preview-label{display:none}.footer-top>p{font-size:10px}.process-number{font-size:37px}.hero-visual .orbit-one{width:410px;height:410px}.hero-visual .orbit-two{width:510px;height:510px}.desktop-break{display:none}}
@media(max-width:767px){html{scroll-padding-top:85px}.container{width:calc(100% - 40px)}.header-inner{height:71px;gap:14px}.brand-mark{width:35px;height:35px;border-radius:9px}.brand-mark svg{width:32px;height:32px}.brand-type strong{font-size:17px;letter-spacing:2px}.brand-type>span{font-size:7px;letter-spacing:3px}.brand{gap:9px}.desktop-nav{display:none}.menu-toggle{display:grid;width:36px;height:36px;border:1px solid hsl(calc(var(--theme-hue, 87.64) + -3.23) 24.08% 48.04% / 0.2000)}.menu-toggle .icon{width:18px;height:18px}.header-cta{font-size:10px;padding:6px 10px;min-height:36px;gap:11px}.header-cta .icon{width:14px;height:14px}.header-actions{gap:8px}.hero-grid{display:flex;flex-direction:column;min-height:0;padding:48px 0 34px;gap:31px}.hero-copy{width:100%}.hero-eyebrow{font-size:9px;letter-spacing:.5px;margin-bottom:24px;gap:7px}.edition{font-size:7px;margin-left:4px}.hero h1{font-size:48px;line-height:1.28;letter-spacing:-1.8px;max-width:550px}.hero-mobile-break{display:none}.hero-description{font-size:12px;margin-top:21px;line-height:1.95;max-width:430px}.hero-actions{margin-top:23px;gap:10px}.hero-actions .button{font-size:12px;padding:11px 16px;min-height:46px;gap:17px}.hero-assurances{font-size:10px;gap:22px;margin-top:18px}.hero-visual{transform:none;width:100%;max-width:470px;height:420px;margin:0 auto}.hero-console{top:40px;left:5px;width:calc(100% - 27px);transform:perspective(1400px) rotateY(-6deg) rotateX(3deg) rotateZ(-3deg);animation:none}.console-content{padding:18px 16px 15px}.console-layout{min-height:297px}.console-sidebar{width:41px}.console-chrome{height:33px;font-size:6px;gap:11px}.console-chrome-tag{font-size:6px}.console-heading h3{font-size:14px}.console-heading .micro-label{font-size:7px}.mini-avatar{width:22px;height:22px;font-size:7px}.console-stats{margin-top:15px;padding-bottom:10px;gap:28px}.console-stats strong{font-size:24px;gap:10px}.console-stats em{font-size:6px}.console-stats>div>span{font-size:8px}.hero-chart{padding-top:10px}.chart-area{height:94px;margin-top:9px}.chart-area>svg{height:74px}.mini-chart-heading{font-size:8px}.chart-period button{font-size:7px;padding:3px 7px;min-height:24px}.chart-labels{font-size:6px}.mini-chart-heading small{font-size:6px}.mini-order{padding-top:10px;margin-top:6px;gap:8px}.mini-order b{font-size:8px}.mini-order small{font-size:6px}.mini-project-icon{width:24px;height:24px}.mini-percent{margin-right:37px}.mini-progress{width:47px}.hero-phone{width:139px;height:266px;right:0;top:157px;border-radius:24px;animation:none}.phone-content{transform:scale(.87);width:148px;height:294px;min-height:294px}.phone-status{transform:scale(.9);width:124px;top:8px}.phone-home{width:36px;height:2px;bottom:7px}.phone-camera{width:37px;height:10px;top:8px}.floating-note{bottom:20px;left:0;padding:10px 12px;gap:9px}.floating-note strong{font-size:9px}.floating-note div>span{font-size:6px}.visual-kicker{top:0;left:9px;right:5px;font-size:7px;letter-spacing:1.3px}.visual-demo-link{bottom:-19px;right:0;font-size:8px;gap:10px}.hero-bottom{min-height:59px;font-size:8px;gap:10px}.hero-bottom>a{font-size:9px}.hero-bottom>a span{font-size:14px}.hero-visual .orbit-one{width:400px;height:400px;left:0;top:10px}.hero-visual .orbit-two{width:510px;height:510px;left:-55px;top:-45px}.services{padding:66px 0 47px}.section-heading{display:block;margin-bottom:26px}.section-index{font-size:8px;letter-spacing:1.5px;margin-bottom:18px}.section-heading h2,.process h2{font-size:29px;line-height:1.45;letter-spacing:-.6px}.section-heading-aside{min-width:0;font-size:11px;margin-top:19px;line-height:1.95}.section-heading-aside p br{display:none}.subtle-label{font-size:9px;margin-top:10px;gap:10px}.subtle-label .icon{width:12px;height:12px}.service-grid{border-radius:9px}.service-card{padding:19px 16px 20px;min-height:222px}.service-card-top{margin-bottom:20px}.service-icon{width:33px;height:33px;border-radius:9px}.service-icon .icon{width:18px;height:18px}.service-card-number{font-size:8px}.service-card h3{font-size:15px;line-height:1.65}.service-card p{font-size:10px;line-height:1.7;margin-top:6px;max-width:160px}.service-tags{font-size:8px;gap:4px 8px;margin-top:13px;padding-right:5px;max-width:133px}.service-card-arrow{right:13px;bottom:17px;width:13px;height:13px}.service-footnote{font-size:9px;gap:7px;align-items:flex-start;margin-top:18px}.service-footnote>span:last-child{display:none}.footnote-mark .icon{width:14px;height:14px;margin-top:3px}.service-footnote a{margin-left:0}.showcase{padding:22px 0 63px}.demo-grid{grid-template-columns:1fr;gap:22px}.demo-preview{height:250px}.order-preview{padding:24px 24px 0}.preview-browser{font-size:11px}.preview-stats{margin-top:13px;margin-bottom:10px;gap:10px}.preview-stats>div{padding:10px 13px}.preview-stats>div>span{font-size:9px}.preview-stats b{font-size:25px}.preview-row{padding:8px 0;font-size:10px;gap:10px}.preview-row .status{font-size:8px}.demo-info{padding:23px 24px}.demo-number{font-size:8px;gap:12px;letter-spacing:1px}.demo-number i{font-size:9px;padding-left:12px}.demo-info h3{font-size:19px;line-height:1.7;margin-top:13px}.demo-info p{font-size:12px}.text-action{font-size:12px;padding-top:16px;margin-top:20px}.appointment-mini{width:246px;padding:18px 20px;transform:rotate(-5deg)}.appointment-mini h4{font-size:16px}.mini-week{margin-top:13px;gap:3px}.mini-week>span{width:34px;font-size:8px}.mini-week b{font-size:12px}.mini-times>span{font-size:8px}.mini-booking-submit{font-size:8px;padding:8px 10px}.preview-floating-tag{right:20px;bottom:17px;font-size:9px;padding:8px 11px}.game-preview{gap:23px}.preview-game-tiles{grid-template-columns:repeat(4,43px);gap:9px}.preview-game-tiles span{width:43px;height:47px;font-size:25px;border-radius:6px}.game-preview-label{font-size:7px;letter-spacing:1px}.game-preview-bottom{font-size:9px}.demo-disclaimer{font-size:9px;margin-top:10px}.showcase-note{font-size:9px;line-height:1.9;margin-top:18px}.upgrade{padding:64px 0 57px}.upgrade-grid{display:block}.upgrade h2{font-size:31px;line-height:1.5}.upgrade-copy>p:not(.eyebrow){font-size:12px;margin-top:17px}.upgrade-points{margin:24px 0}.upgrade-points>div{padding:12px 0;gap:18px}.upgrade-points strong{font-size:12px}.upgrade-points small{font-size:10px}.upgrade-copy .button{font-size:12px;padding:10px 17px;min-height:46px;gap:22px}.compare-column{margin-top:33px}.compare-toolbar{font-size:10px;margin-bottom:12px}.compare-toolbar span:last-child{font-size:8px}.compare-shell{height:322px;border-radius:9px}.after-side{width:33px;padding-top:14px}.after-logo{font-size:21px}.after-nav{width:24px;height:24px}.after-nav .icon{width:13px;height:13px}.after-content{width:calc(100% - 33px);padding:15px 10px}.after-heading h3{font-size:14px}.after-heading small{font-size:6px}.after-new{font-size:6px;padding:5px}.after-stats>div{padding:8px 7px}.after-stats b{font-size:21px}.after-filters{font-size:7px;gap:16px}.after-row{font-size:7px}.after-row.heading{font-size:6px}.after-footer{font-size:6px}.legacy-title{font-size:9px;padding:0 7px}.legacy-menu{font-size:6px;padding-inline:6px}.legacy-sidebar{width:63px;font-size:7px}.legacy-content{padding:6px}.legacy-search{gap:2px;font-size:5px}.legacy-search i{width:25px}.legacy-search em{padding:1px 4px}.legacy-buttons{gap:3px}.legacy-buttons span{font-size:6px;padding:1px 5px}.legacy-table{font-size:6px}.legacy-table th,.legacy-table td{padding:8px 3px}.legacy-pagination{font-size:5px;line-height:1.8}.compare-label{font-size:7px;padding:2px 6px}.compare-divider>span{width:31px;height:31px;font-size:17px}.compare-controls{margin-top:16px;gap:12px}.compare-controls button{font-size:9px}.compare-hint{font-size:8px;margin-top:5px}.process{padding:63px 0 35px}.process-grid{grid-template-columns:repeat(2,1fr);gap:32px 21px}.process-number{font-size:36px;padding-bottom:15px;margin-bottom:16px}.process-number>span{font-size:14px}.process-grid h3{font-size:16px}.process-grid p{font-size:10px;line-height:1.9;margin-top:9px}.process-grid p br{display:none}.process-output{font-size:8px;margin-top:14px}.collaboration-note{font-size:9px;line-height:1.8;align-items:flex-start;margin-top:27px}.collaboration-note .icon{margin-top:3px;width:13px;height:13px}.contact{padding:40px 0 62px}.contact-grid{display:block}.contact-copy{padding-top:6px}.contact-copy h2{font-size:36px;line-height:1.45}.contact-star{font-size:56px;margin-left:20px}.contact-copy>p:not(.eyebrow){font-size:12px;margin-top:21px}.contact-copy>p br{display:none}.contact-channel{margin-top:24px}.contact-channel strong{font-size:12px}.contact-channel div>span{font-size:9px}.contact-meta{font-size:9px;margin-top:20px;gap:18px}.contact-form-card{margin-top:30px;padding:23px 19px 19px;border-radius:10px}.form-heading{margin-bottom:20px}.form-heading h3{font-size:18px}.form-heading>span{font-size:7px}.type-options{gap:6px}.type-options span{font-size:10px;padding:10px 3px}.contact-form-card .field{font-size:11px;margin-top:17px}.field select,.field input,.field textarea{font-size:12px;padding:10px;min-height:43px}.field textarea{font-size:12px;min-height:130px;line-height:1.85}.field select{padding-right:2px;font-size:11px}.form-row{gap:11px}.field-helper{font-size:8px}.form-local-note{font-size:9px;margin-top:17px}.form-submit{font-size:12px;min-height:47px}.draft-actions{gap:16px;font-size:9px}.draft-actions button{font-size:9px;padding:5px 0}.faq{padding:4px 0 55px}.faq-grid{display:block}.faq h2{font-size:26px}.faq .section-index{font-size:8px;margin-bottom:14px}.faq-list{margin-top:25px}.faq-list summary{font-size:11px;padding:18px 0;line-height:1.8}.faq-list details>p{font-size:11px;line-height:2;padding-right:10px}.site-footer{padding:25px 0 20px}.footer-top{flex-wrap:wrap;gap:22px}.footer-top>p{order:3;width:100%;font-size:10px;margin-top:-5px}.footer-top .brand-type strong{font-size:16px}.footer-top .brand-mark{width:33px;height:33px}.back-top{font-size:9px;gap:15px}.footer-bottom{gap:14px;font-size:8px;margin-top:22px;padding-top:18px;align-items:flex-start}.footer-controls{gap:17px;font-size:9px}.footer-controls button{font-size:9px;padding:0}.app-dialog{width:calc(100% - 24px);max-height:92dvh;border-radius:12px}.dialog-chrome{padding:16px 18px;gap:13px}.dialog-chrome h2{font-size:19px}.dialog-chrome .micro-label{font-size:8px}.dialog-chrome .icon-button{width:34px;height:34px}.dialog-body{padding:19px 17px}.demo-banner{font-size:10px;padding:10px 11px;gap:6px;margin-bottom:18px}.service-detail-lead{font-size:23px;line-height:1.65;margin-bottom:12px}.service-detail-description{font-size:12px;line-height:2}.service-detail-tags{gap:6px;margin:18px 0}.service-detail-tags span{font-size:10px;padding:4px 8px}.deliverables{padding:16px 0}.deliverables h3{font-size:12px}.deliverables>p{font-size:11px;gap:8px;align-items:flex-start}.deliverables .icon{margin-top:2px}.boundary-note{font-size:10px;padding:12px;line-height:2}.service-detail-actions{margin-top:20px;gap:9px}.service-detail-actions .button{font-size:11px;min-height:42px;padding:10px 12px;gap:9px}.demo-metrics{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:17px}.demo-metric{padding:10px 12px}.demo-metric>span{font-size:10px}.demo-metric strong{font-size:24px;line-height:1.5}.demo-metric strong.amount{font-size:22px}.demo-toolbar{gap:8px}.demo-search{width:100%;flex-basis:100%;min-width:0}.demo-search input{font-size:12px;padding:10px 0}.demo-toolbar select{font-size:11px;padding:10px 7px;flex:1}.demo-toolbar .button{font-size:11px;min-height:39px}.order-table{font-size:11px;min-width:582px}.order-table th{padding:10px;font-size:9px}.order-table td{padding:11px 10px}.demo-table-footer{font-size:9px;gap:8px}.demo-reset{font-size:10px}.inline-order-form{padding:14px}.inline-order-fields{grid-template-columns:1fr}.inline-order-form .field{margin-top:10px;font-size:10px}.inline-order-actions .button{min-height:40px;font-size:11px}.booking-layout{grid-template-columns:1fr;gap:25px}.booking-layout h3{font-size:14px;margin-bottom:12px}.booking-choice{padding:11px;gap:10px}.booking-choice>span{font-size:11px}.booking-choice small{font-size:9px}.booking-choice em{font-size:8px}.booking-options{margin-bottom:21px}.booking-days{gap:6px}.booking-day{font-size:9px;padding:10px 3px}.booking-day b{font-size:17px}.booking-day small{font-size:8px}.booking-times{gap:7px}.booking-time{font-size:12px;padding:10px 6px}.booking-summary{position:static;padding:21px}.booking-summary h3{font-size:22px;margin-bottom:15px}.booking-summary dl{font-size:11px}.booking-summary dl>div{padding:9px 0}.booking-confirm{font-size:12px;margin-top:20px}.booking-result{padding:17px;margin-top:20px}.booking-result h3{font-size:15px}.booking-result p{font-size:11px}.game-scorebar{font-size:10px;gap:10px;margin-bottom:18px}.game-scorebar strong{font-size:15px;margin-left:3px}.game-board{gap:9px}.game-card{border-radius:9px}.game-card>span{font-size:30px}.game-instruction{font-size:11px;margin-top:20px}.summary-text{font-size:11px;padding:12px;min-height:310px}.summary-actions{gap:9px}.summary-actions .button{font-size:11px;padding:10px 13px;gap:9px;min-height:43px}.toast{font-size:11px;padding:11px 16px}.privacy-copy h3{font-size:14px}.privacy-copy p{font-size:11px}.service-grid,.demo-grid{scroll-margin-top:90px}}
@media(min-width:520px) and (max-width:767px){.hero h1{font-size:61px}.hero-grid{padding-top:56px}.hero-visual{margin-top:0}.service-card{min-height:214px;padding:22px}.service-card h3{font-size:18px}.service-tags{max-width:200px;font-size:10px}.service-card p{max-width:none;font-size:11px}.demo-grid{grid-template-columns:1fr}.demo-card{display:grid;grid-template-columns:1fr 1fr}.demo-preview{height:100%;min-height:266px}.demo-info{padding:23px 19px}.demo-info h3{font-size:17px}.demo-info>p{font-size:11px}.appointment-mini{width:220px;padding:16px;transform:rotate(-5deg) scale(.92)}.game-preview-label{font-size:6px}.preview-game-tiles{grid-template-columns:repeat(4,35px);gap:6px}.preview-game-tiles span{width:35px;height:41px}.preview-floating-tag{right:8px;bottom:17px;font-size:8px}.compare-shell{height:357px}.after-side{width:44px}.after-content{width:calc(100% - 44px);padding:20px 16px}.after-heading h3{font-size:17px}.after-heading small{font-size:8px}.after-new{font-size:8px}.after-stats{gap:8px}.after-stats>div{padding:10px}.after-stats>div>span{font-size:8px}.after-stats b{font-size:24px}.after-row{font-size:9px}.after-row.heading{font-size:8px}.after-filters{font-size:8px;margin-top:18px}.after-status{font-size:7px}.legacy-title{font-size:11px}.legacy-menu{font-size:8px}.legacy-sidebar{width:87px;font-size:8px}.legacy-content{padding:8px}.legacy-breadcrumb{font-size:8px}.legacy-search{font-size:7px;gap:4px}.legacy-search i{width:40px;height:17px}.legacy-buttons span{font-size:8px}.legacy-table{font-size:8px}.legacy-pagination{font-size:7px}.contact-grid{display:grid;grid-template-columns:1fr;gap:0}.contact-copy h2{font-size:43px}.contact-copy h2 br:nth-of-type(2){display:none}.contact-star{font-size:59px}}
@media(max-width:374px){.container{width:calc(100% - 32px)}.brand-type strong{font-size:15px}.brand-type>span{font-size:6px;letter-spacing:2.9px}.brand-mark{width:31px;height:31px}.brand-mark svg{width:29px;height:29px}.brand{gap:7px}.header-cta{font-size:9px;padding:6px 8px;gap:7px}.menu-toggle{width:33px;height:34px}.header-actions{gap:6px}.hero h1{font-size:42px;letter-spacing:-1.5px}.hero-eyebrow{font-size:8px}.hero-description{font-size:11px}.hero-actions .button{font-size:11px;padding:10px 12px;gap:11px;min-height:44px}.hero-assurances{font-size:9px;gap:17px}.hero-visual{height:393px}.hero-console{left:-2px;width:calc(100% - 16px);top:40px}.console-content{padding:15px 10px 14px}.console-sidebar{width:34px}.console-layout{min-height:286px}.console-stats{gap:18px}.console-stats strong{font-size:22px;gap:5px}.console-stats em{font-size:5px}.console-heading h3{font-size:12px}.hero-phone{width:126px;height:243px;right:-2px;top:151px;padding:4px;border-radius:22px}.phone-content{transform:scale(.78);width:148px;height:296px;min-height:296px}.phone-status{transform:scale(.78);top:7px;width:122px}.phone-camera{width:31px;height:9px;top:8px}.phone-home{bottom:7px;width:29px}.floating-note{padding:9px 10px;left:-2px;bottom:13px}.floating-note strong{font-size:8px}.floating-note div>span{font-size:5px;letter-spacing:1px}.floating-check{width:23px;height:23px}.visual-demo-link{font-size:7px;gap:7px;bottom:-18px}.visual-kicker{font-size:6px;letter-spacing:1px}.mini-percent{margin-right:36px}.mini-progress{width:29px}.mini-order{gap:6px}.mini-order b{font-size:7px}.mini-order small{font-size:5px}.hero-bottom{font-size:7px}.section-heading h2,.process h2{font-size:26px}.service-card{padding:17px 12px;min-height:215px}.service-card h3{font-size:14px}.service-card p{font-size:9px}.service-tags{font-size:8px;gap:4px 6px;max-width:116px}.service-card-arrow{right:11px;bottom:16px;width:11px;height:11px}.demo-info h3{font-size:17px}.demo-info{padding:21px}.upgrade h2{font-size:29px}.compare-shell{height:310px}.legacy-sidebar{width:53px;font-size:6px}.legacy-title{font-size:8px}.legacy-table{font-size:5px}.legacy-table th,.legacy-table td{padding:8px 2px}.legacy-search i{width:19px}.legacy-search{font-size:4px}.legacy-menu{font-size:5px}.after-heading h3{font-size:12px}.after-new{font-size:5px}.after-row{font-size:6px}.after-row>span:first-child{gap:4px}.after-row.heading{font-size:5px}.after-project-icon{width:13px;height:13px;font-size:5px}.after-stats>div{padding:7px 5px}.after-filters{font-size:6px}.after-status{font-size:5px}.after-content{padding:15px 8px}.contact-copy h2{font-size:32px}.contact-star{font-size:49px;margin-left:14px}.contact-form-card{padding:21px 15px 17px}.form-heading h3{font-size:16px}.form-heading>span{font-size:6px}.type-options span{font-size:9px;padding:10px 2px}.field select{font-size:10px}.form-row{gap:9px}.field-helper{font-size:7px}.draft-actions{gap:13px}.game-board{gap:7px}.game-card>span{font-size:27px}}
/* V1.1.1：无 JS / auto 仍遵循系统；显式 on 不受这条兜底样式锁定。 */
@media(prefers-reduced-motion:reduce){html:not([data-motion-preference="on"]){scroll-behavior:auto}html:not([data-motion-preference="on"]) *,html:not([data-motion-preference="on"]) *:before,html:not([data-motion-preference="on"]) *:after{animation:none!important;transition:none!important}html:not([data-motion-preference="on"]) .hero-console,html:not([data-motion-preference="on"]) .hero-phone{opacity:1}}
@media print{.site-header,.hero-visual,.hero-bottom,.services,.showcase,.upgrade,.process,.faq,.site-footer,.contact-copy,#hero-particles{display:none!important}body,.contact,.contact-form-card{background:white!important;color:#111!important}.contact{padding:0}.container{width:100%}.contact-grid{display:block}.contact-form-card{border:1px solid #777}.field{color:#222!important}.field select,.field input,.field textarea{background:white!important;color:#111!important}.draft-actions,.form-submit,.contact-star{display:none}.app-dialog[open]{position:static;max-height:none;width:100%;color:#111;background:white}.dialog-chrome,.demo-banner{background:white;color:#333}.summary-text{color:#111;background:white;border:0;min-height:550px}.summary-actions{display:none}}
/* 最后一轮窄屏校正：完整保留“软件”一词，避免标题孤字断行。 */
@media(max-width:519px){.hero h1{font-size:clamp(35px,10.75vw,48px);letter-spacing:-1.5px}.hero h1>span:last-child{white-space:nowrap}.service-card p{font-size:11px}.service-tags{font-size:9px;line-height:1.8}.service-card{min-height:227px}}
.field textarea.summary-text{min-height:320px;font-family:Consolas,"Microsoft YaHei",monospace;line-height:1.85}
@media(max-width:767px){.field textarea.summary-text{min-height:310px}}
/* 首屏装饰不能挡住真实操作；时间切换靠近趋势标题，避开手机模型。 */
.hero-phone,.floating-note{pointer-events:none}.mini-chart-heading{justify-content:flex-start;gap:13px}.chart-period{margin-right:auto}
@media(max-width:767px){.mini-chart-heading{gap:8px}}

/*
 * 软件展厅 V1.1.1 · 外观与交互增强层
 * 基础几何沿用 V1.0；绿色系基础色经 theme-hue 统一变换。
 * 新组件只使用语义令牌；品牌标志固定原始颜色，不随体验换肤改变。
 */
:root {
  --theme-hue:87.64;
  --accent:#bcf579;
  --accent-ink:#16220d;
  --accent-soft:hsl(var(--theme-hue) 50% 60% / .10);
  --accent-border:hsl(var(--theme-hue) 45% 70% / .23);
  --header-glass:hsl(calc(var(--theme-hue) + 32) 15% 6% / .9);
  --backdrop:rgba(3,8,9,.76);
  --shadow-soft:0 14px 50px rgba(0,0,0,.14);
  --particle-rgb:168,200,132;
  --dock-height:72px;
}
:root[data-theme="aurora"]{--theme-hue:190;--accent:#7de8f5;--accent-ink:#09242d;--particle-rgb:109,209,236}
:root[data-theme="violet"]{--theme-hue:263;--accent:#c8b0ff;--accent-ink:#261643;--particle-rgb:195,166,243}
:root[data-theme="amber"]{--theme-hue:39;--accent:#f4cc78;--accent-ink:#30200a;--particle-rgb:225,185,108}
:root[data-theme="daylight"]{
  --theme-hue:213;--accent:#235cc1;--accent-ink:#fff;
  --bg:#f5f7fc;--bg-deep:#edf2fa;--surface:#fff;--surface-raised:#e8eef9;
  --ink:#182d4d;--muted:#4d6381;--quiet:#677d98;--line:rgba(31,62,107,.15);
  --paper:#e7edf7;--paper-ink:#1a3458;--header-glass:rgba(249,251,255,.92);
  --accent-soft:rgba(35,92,193,.075);--accent-border:rgba(35,92,193,.23);
  --backdrop:rgba(21,36,60,.42);--shadow-soft:0 14px 50px rgba(30,66,119,.10);
  --particle-rgb:83,116,170;color-scheme:light;
}
html{scroll-padding-top:110px}
body{overflow-x:clip}
.brand-mark{background:#bcf579!important;color:#16220d!important}
.site-header{background:var(--header-glass)}
.header-inner{gap:22px}
.desktop-nav{gap:26px}
.desktop-nav a{color:var(--muted)}
.desktop-nav a:hover,.desktop-nav a.active{color:var(--ink)}
.desktop-nav a.active:after{width:20px;border-radius:4px}
.appearance-trigger{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:9px;min-height:42px;padding:8px 12px;color:var(--ink);font-size:12px;white-space:nowrap;transition:border-color .22s,background .22s}
.appearance-trigger .icon{width:17px;height:17px}
.appearance-trigger:hover{border-color:var(--accent-border);background:var(--accent-soft)}
.theme-live-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;display:inline-block;box-shadow:0 0 9px var(--accent-soft)}
.mobile-nav{background:var(--surface)}
.reading-progress{position:fixed;left:0;top:0;width:100%;height:2px;z-index:45;pointer-events:none}
.reading-progress>span{display:block;background:var(--accent);width:100%;height:100%;transform:scaleX(0);transform-origin:0 50%}
.release-badge{font:10px Consolas,monospace;border:1px solid var(--line);border-radius:4px;padding:3px 5px;color:var(--accent);margin-right:5px}
/* 首屏的即时换肤入口，比藏在设置中更容易被访客发现。 */
.hero-theme-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:27px;max-width:430px}
.theme-bar-caption{font-size:11px;color:var(--quiet);margin-right:2px}
.quick-swatches{display:flex;gap:2px;align-items:center}
.quick-swatch{width:32px;height:36px;display:grid;place-items:center;position:relative;background:transparent;border-radius:9px;padding:0}
.quick-swatch>span{width:16px;height:16px;background:var(--swatch);border:1px solid rgba(128,145,170,.2);border-radius:50%;position:relative;transition:transform .25s var(--ease),box-shadow .25s}
.quick-swatch:hover>span{transform:scale(1.2)}
.quick-swatch[aria-pressed="true"]>span{box-shadow:0 0 0 3px var(--bg-deep),0 0 0 4px var(--accent)}
.theme-name{font-size:10px;color:var(--muted);min-width:4em}
.hero-eyebrow,.hero-assurances{color:var(--muted)}
.edition{color:var(--quiet)}
/* 真实控件短促反馈，装饰层不截获点击。 */
.button,.icon-button,.row-action,.booking-time,.booking-day,.demo-switcher button{position:relative;isolation:isolate}
.button{transition:background .24s,border-color .24s,color .24s,transform .24s var(--ease),box-shadow .24s}
.button .icon{transition:transform .25s var(--ease)}
.button:hover .icon{transform:translateX(2px)}
.button:active,.appearance-trigger:active{transform:scale(.975)}
.tap-ripple{position:absolute;border-radius:50%;background:currentColor;pointer-events:none;opacity:0;inset:auto;width:1px;height:1px;z-index:2;animation:tap-ripple .48s ease-out forwards}
@keyframes tap-ripple{0%{transform:scale(0);opacity:.17}100%{transform:scale(1);opacity:0}}
.button,.row-action,.booking-time,.booking-day,.quick-swatch{overflow:hidden}
.service-card,.demo-card{transition:background .25s,border-color .25s,transform .32s var(--ease),box-shadow .32s var(--ease)}
.service-card{overflow:hidden}
.service-card:before{content:"";position:absolute;inset:0;background:radial-gradient(320px circle at var(--pointer-x,50%) var(--pointer-y,50%),var(--accent-soft),transparent 70%);opacity:0;pointer-events:none;transition:opacity .25s}
@media(hover:hover) and (pointer:fine){.service-card:hover:before{opacity:1}.demo-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-soft)}}
.chart-period{position:relative;isolation:isolate}
.chart-period:before{content:"";position:absolute;top:2px;bottom:2px;left:2px;width:calc((100% - 6px)/2);background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:3px;z-index:-1;transition:transform .3s var(--ease)}
.chart-period[data-period="month"]:before{transform:translateX(calc(100% + 2px))}
.chart-period button.active{background:transparent;color:var(--accent)}
/* 页面式演示容器。关闭动画只影响外观，不拖延业务状态写入。 */
.app-dialog{background:var(--bg-deep);border-color:var(--accent-border);color:var(--ink);overscroll-behavior:contain;color-scheme:inherit;max-height:90vh;max-height:90dvh;scrollbar-width:thin;scrollbar-color:var(--quiet) transparent}
.app-dialog::backdrop{background:var(--backdrop);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.app-dialog[open]{animation:panel-enter .3s var(--ease)}
.app-dialog.is-closing{animation:panel-exit .16s ease-in forwards;pointer-events:none}
.app-dialog.is-closing::backdrop{animation:backdrop-exit .16s ease-out forwards}
.dialog-chrome{background:var(--surface);padding:18px 25px}
.dialog-chrome h2{font-size:21px}
.dialog-chrome .micro-label{color:var(--quiet)}
.dialog-chrome .icon-button{background:var(--surface-raised);border-color:var(--line);color:var(--ink);width:44px;height:44px;min-width:44px}
.demo-switcher{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:9px 25px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:var(--dialog-chrome-height,100px);z-index:4}
.demo-switcher button{min-height:41px;padding:8px 5px;background:transparent;font-size:12px;border-radius:7px;color:var(--muted);transition:background .25s,color .25s}
.demo-switcher button[aria-pressed="true"]{background:var(--accent-soft);color:var(--accent)}
.demo-switcher button[aria-pressed="true"]:after{content:"";position:absolute;bottom:4px;width:18px;height:2px;left:calc(50% - 9px);background:var(--accent);border-radius:3px}
@keyframes panel-enter{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes panel-exit{to{opacity:0;transform:translateY(14px) scale(.988)}}
@keyframes backdrop-exit{to{opacity:0}}
/* 外观面板 */
.app-dialog[data-kind="appearance"]{width:min(710px,calc(100% - 32px))}
.appearance-intro{font-size:13px;color:var(--muted);line-height:1.9;max-width:540px;margin-bottom:22px}
.theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.theme-option{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px;text-align:left;min-width:0;position:relative;transition:border-color .25s,transform .25s,background .25s}
.theme-option:hover{transform:translateY(-2px);border-color:var(--accent-border)}
.theme-option[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}
.theme-sample{height:82px;border-radius:7px;display:grid;grid-template-columns:16px 1fr;gap:6px;padding:10px;background:var(--sample-bg);overflow:hidden;position:relative;border:1px solid rgba(125,143,166,.12)}
.sample-rail{border-radius:3px;background:var(--sample-surface);position:relative}
.sample-rail:before{content:"";position:absolute;top:5px;left:4px;width:7px;height:7px;background:var(--swatch);border-radius:2px}
.sample-body{display:flex;flex-direction:column;gap:5px;padding-top:3px}
.sample-line{width:60%;height:4px;background:var(--sample-ink);opacity:.72;border-radius:2px}
.sample-line.short{width:34%;opacity:.23}
.sample-chart{flex:1;background:linear-gradient(0deg,var(--sample-surface),transparent);position:relative;overflow:hidden;border-radius:4px;margin-top:4px}
.sample-chart svg{width:100%;height:100%;color:var(--swatch);position:absolute;inset:0}
.theme-option-label{display:flex;justify-content:space-between;gap:6px;align-items:center;padding:9px 2px 3px;font-size:12px;color:var(--ink)}
.theme-option-label small{font-size:9px;color:var(--muted)}
.theme-check{width:17px;height:17px;opacity:0;color:var(--accent)}
.theme-option[aria-pressed="true"] .theme-check{opacity:1}
.motion-option{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.motion-option strong{font-size:13px;font-weight:550;display:block}
.motion-option p{font-size:11px;color:var(--muted);margin-top:4px;line-height:1.75}
.motion-description{min-width:0;flex:1}
.motion-follow-system{display:inline-flex;align-items:center;min-height:44px;padding:4px 10px;margin:6px 0 -5px -10px;border-radius:8px;background:transparent;color:var(--accent);font-size:12px}
.motion-follow-system:hover{background:var(--accent-soft)}
.motion-follow-system[aria-pressed="true"]{color:var(--muted)}
.motion-option .switch-control{flex-shrink:0}
/* 扩大点按热区，不把视觉开关拉长；不遮挡左侧文本按钮。 */
.motion-option .switch-control:after{content:"";position:absolute;inset:-9px -3px}
.switch-control{border:1px solid var(--line);min-width:49px;height:28px;background:var(--surface-raised);border-radius:18px;padding:3px;position:relative}
.switch-control:before{content:"";display:block;width:20px;height:20px;background:var(--muted);border-radius:50%;transition:transform .25s var(--ease),background .25s}
.switch-control[aria-checked="true"]{background:var(--accent);border-color:var(--accent)}
.switch-control[aria-checked="true"]:before{transform:translateX(20px);background:var(--accent-ink)}
.appearance-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:18px}
.appearance-footer p{font-size:10px;color:var(--quiet);max-width:375px;line-height:1.8}
.appearance-footer button{background:transparent;padding:10px 0;color:var(--accent);font-size:11px;white-space:nowrap}
.preference-notice{font-size:11px;color:var(--muted);margin-top:15px;min-height:1.8em}
.mobile-dock{display:none}
.faq-list details[open]>p{animation:faq-reveal .25s var(--ease)}
@keyframes faq-reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
/* 浅色版本主界面。演示预览保留深色工作台和浅色手机的层次。 */
:root[data-theme="daylight"] .hero{background:radial-gradient(ellipse at 75% 35%,rgba(101,142,226,.13),transparent 55%),var(--bg-deep)}
:root[data-theme="daylight"] .hero-console{--ink:#eef4ff;--accent:#96c5ff;--accent-ink:#102442}
:root[data-theme="daylight"] .floating-note{color:#e8f0ff;--accent:#96c5ff}
:root[data-theme="daylight"] .demo-preview{--ink:#e8f0ff;--accent:#96c5ff;--accent-ink:#102442}
:root[data-theme="daylight"] .hero-bottom,:root[data-theme="daylight"] .hero-bottom>a,
:root[data-theme="daylight"] .visual-demo-link,:root[data-theme="daylight"] .visual-demo-link>span{color:var(--muted)}
:root[data-theme="daylight"] .service-card{background:var(--surface)}
:root[data-theme="daylight"] .service-card.featured{background:#edf2fc}
:root[data-theme="daylight"] .service-card:hover{background:#e5edfc}
:root[data-theme="daylight"] .service-card p,:root[data-theme="daylight"] .service-tags,
:root[data-theme="daylight"] .service-card-number{color:var(--muted)}
:root[data-theme="daylight"] .service-icon{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}
:root[data-theme="daylight"] .demo-card,:root[data-theme="daylight"] .demo-info,
:root[data-theme="daylight"] .contact-form-card{background:var(--surface);border-color:var(--line)}
:root[data-theme="daylight"] .demo-info>p,:root[data-theme="daylight"] .section-description,
:root[data-theme="daylight"] .process-step p,:root[data-theme="daylight"] .process-note,
:root[data-theme="daylight"] .contact-description,:root[data-theme="daylight"] .faq-list p,
:root[data-theme="daylight"] .form-heading>span,:root[data-theme="daylight"] .field-helper,
:root[data-theme="daylight"] .contact-note,:root[data-theme="daylight"] .footer-top>p,
:root[data-theme="daylight"] .draft-actions,:root[data-theme="daylight"] .footer-bottom,
:root[data-theme="daylight"] .contact-channel p{color:var(--muted)}
:root[data-theme="daylight"] .demo-info .eyebrow{color:var(--accent)}
:root[data-theme="daylight"] .process-step>span{color:var(--accent)}
:root[data-theme="daylight"] .contact-channel{background:var(--accent-soft);border-color:var(--line);color:var(--ink)}
:root[data-theme="daylight"] .field,:root[data-theme="daylight"] .form-heading h3,
:root[data-theme="daylight"] .type-options span,:root[data-theme="daylight"] .faq-list summary{color:var(--ink)}
:root[data-theme="daylight"] .field select,:root[data-theme="daylight"] .field input,
:root[data-theme="daylight"] .field textarea,:root[data-theme="daylight"] .summary-text,
:root[data-theme="daylight"] .demo-search,:root[data-theme="daylight"] .demo-toolbar select{background:#f6f8fc;color:var(--ink);border-color:var(--line)}
:root[data-theme="daylight"] input::placeholder,:root[data-theme="daylight"] textarea::placeholder{color:#71829b}
:root[data-theme="daylight"] .type-options span{background:var(--bg);border-color:var(--line)}
:root[data-theme="daylight"] .type-options input:checked+span{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
:root[data-theme="daylight"] .demo-banner,:root[data-theme="daylight"] .boundary-note,
:root[data-theme="daylight"] .inline-order-form,:root[data-theme="daylight"] .service-detail-tags span{background:var(--accent-soft);color:var(--muted);border-color:var(--line)}
:root[data-theme="daylight"] .service-detail-description,:root[data-theme="daylight"] .deliverables>p,
:root[data-theme="daylight"] .privacy-copy p,:root[data-theme="daylight"] .demo-table-footer,
:root[data-theme="daylight"] .game-instruction,:root[data-theme="daylight"] .game-scorebar{color:var(--muted)}
:root[data-theme="daylight"] .privacy-copy h3,:root[data-theme="daylight"] .deliverables h3,
:root[data-theme="daylight"] .booking-layout h3,:root[data-theme="daylight"] .inline-order-form h3{color:var(--ink)}
:root[data-theme="daylight"] .demo-metric{background:var(--surface);border-color:var(--line)}
:root[data-theme="daylight"] .demo-metric>span{color:var(--muted)}
:root[data-theme="daylight"] .demo-metric strong{color:var(--accent)}
:root[data-theme="daylight"] .order-table thead{background:var(--surface-raised);color:var(--muted)}
:root[data-theme="daylight"] .order-table td{color:var(--ink);border-color:var(--line)}
:root[data-theme="daylight"] .order-table td small,:root[data-theme="daylight"] .order-table .amount-cell{color:var(--muted)}
:root[data-theme="daylight"] .row-action{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}
:root[data-theme="daylight"] .row-action:disabled{background:var(--surface-raised);color:var(--quiet)}
:root[data-theme="daylight"] .booking-choice,:root[data-theme="daylight"] .booking-day,
:root[data-theme="daylight"] .booking-time{background:var(--surface);color:var(--ink);border-color:var(--line)}
:root[data-theme="daylight"] .booking-choice small,:root[data-theme="daylight"] .booking-choice em,
:root[data-theme="daylight"] .booking-day small{color:var(--muted)}
:root[data-theme="daylight"] .booking-day.active,:root[data-theme="daylight"] .booking-time.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
:root[data-theme="daylight"] .booking-day.active small{color:var(--accent-ink)}
:root[data-theme="daylight"] .booking-result,:root[data-theme="daylight"] .game-result{background:var(--accent-soft);color:var(--ink);border-color:var(--accent-border)}
:root[data-theme="daylight"] .booking-result h3{color:var(--ink)}
:root[data-theme="daylight"] .game-card{background:var(--surface-raised);color:var(--accent);border-color:var(--accent-border);box-shadow:0 4px 0 #cfdaef}
:root[data-theme="daylight"] .game-card.flipped{background:var(--accent);color:white}
:root[data-theme="daylight"] .game-card.matched{background:#d5e7da;color:#235535;border-color:#a8c6ae}
/* 手机优先：底部可达导航、全屏演示、足够大的点击区域与输入字号。 */
@media(max-width:1100px){.desktop-nav{gap:19px}.header-actions{gap:8px}.appearance-trigger{padding:8px 10px}.header-inner{gap:16px}.header-cta{gap:12px}.header-cta .icon{width:15px}}
@media(min-width:768px) and (max-width:1023px){.desktop-nav{display:none}.menu-toggle{display:grid}.mobile-nav{position:absolute;top:100%;left:0;right:0;box-shadow:var(--shadow-soft)}.hero-theme-bar{gap:8px}.hero-theme-bar .theme-name{display:none}}
@media(max-width:767px){
  html{scroll-padding-top:84px}
  body{padding-bottom:calc(var(--dock-height) + env(safe-area-inset-bottom,0px));font-size:15px}
  .site-header{padding-top:env(safe-area-inset-top,0px)}
  .header-inner{height:68px;gap:10px}
  .header-actions{gap:8px}
  .header-cta{display:none}
  .appearance-trigger{font-size:12px;min-height:44px;padding:8px 11px;border-radius:10px}
  .appearance-trigger .icon{width:18px;height:18px}
  .menu-toggle{width:44px;height:44px;min-width:44px}
  .brand-mark{width:36px;height:36px;border-radius:10px}
  .brand-type strong{font-size:17px;letter-spacing:2px}
  .brand-type>span{font-size:7px;letter-spacing:3px}
  .mobile-nav{position:absolute;left:0;right:0;top:100%;padding:8px 24px 18px;box-shadow:var(--shadow-soft)}
  .mobile-nav a{min-height:48px;font-size:14px}
  .hero-grid{padding-top:36px;padding-bottom:38px}
  .hero-description{font-size:13px;line-height:1.9}
  .hero-assurances{font-size:11px;gap:20px}
  .hero-actions .button{min-height:49px;font-size:13px;gap:15px}
  .hero-theme-bar{margin-top:20px;gap:7px}
  .theme-bar-caption{font-size:11px}
  .quick-swatch{width:34px;height:42px}
  .theme-name{font-size:10px}
  .hero-visual{margin-top:14px}
  .chart-period button{min-height:38px;min-width:39px;font-size:9px}
  .chart-area{height:92px}.chart-area>svg{height:71px}
  .visual-demo-link{font-size:10px;min-height:44px;bottom:-25px}
  .visual-demo-link .icon{width:14px;height:14px}
  .service-card{padding:20px 16px;min-height:233px}
  .service-card h3{font-size:16px;line-height:1.65}
  .service-card p{font-size:12px;line-height:1.85}
  .service-tags{font-size:10px;line-height:1.85}
  .service-card-top{margin-bottom:18px}
  .service-card-number{font-size:9px}
  .demo-info>p{font-size:13px;line-height:1.9}
  .demo-info .button{min-height:46px;font-size:12px}
  .contact-copy>p{font-size:13px}
  .field select,.field input,.field textarea,.demo-search input,.demo-toolbar select,.inline-order-form input{font-size:16px!important;min-height:46px}
  .contact-form-card .field{font-size:12px}
  .type-options span{font-size:12px;min-height:45px;display:flex;align-items:center;justify-content:center}
  .field-helper{font-size:11px}
  .form-submit{min-height:48px;font-size:14px}
  .draft-actions button{min-height:44px}
  .faq-list summary{font-size:14px;min-height:53px}
  .faq-list p{font-size:13px;line-height:1.9}
  .mobile-dock{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:35;background:var(--header-glass);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-top:1px solid var(--line);padding:6px max(10px,env(safe-area-inset-left,0px)) calc(6px + env(safe-area-inset-bottom,0px));box-shadow:0 -5px 30px rgba(0,0,0,.04)}
  .mobile-dock a,.mobile-dock button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;color:var(--muted);min-height:54px;border-radius:12px;font-size:10px;line-height:1.4;padding:5px 2px;transition:color .2s,background .2s,transform .2s}
  .mobile-dock svg{width:21px;height:21px}
  .mobile-dock [aria-current="location"]{color:var(--accent);background:var(--accent-soft)}
  .mobile-dock a:active,.mobile-dock button:active{transform:scale(.93)}
  body.modal-open .mobile-dock,body.keyboard-open .mobile-dock{visibility:hidden;pointer-events:none}
  .footer-bottom{flex-wrap:wrap;font-size:10px;line-height:1.9}
  .footer-preview-label{display:block;width:100%;order:3}
  .footer-controls{gap:20px;font-size:11px}.footer-controls button{min-height:44px;font-size:11px}
  .app-dialog{width:100%;max-width:none;max-height:100vh;max-height:100dvh;height:100vh;height:100dvh;border:0;border-radius:0;margin:0;padding-bottom:env(safe-area-inset-bottom,0px)}
  .app-dialog[open]{animation:mobile-panel-enter .3s var(--ease)}
  .dialog-chrome{padding:calc(14px + env(safe-area-inset-top,0px)) 18px 14px;gap:12px}
  .dialog-chrome h2{font-size:17px;line-height:1.6}
  .dialog-chrome .micro-label{font-size:9px;letter-spacing:.8px}
  .dialog-chrome .icon-button{width:44px;height:44px}
  .demo-switcher{padding:8px 15px;gap:4px}
  .demo-switcher button{min-height:44px;font-size:12px}
  .dialog-body{padding:22px 18px 32px}
  .demo-banner{font-size:12px;line-height:1.85;padding:12px;margin-bottom:20px}
  .demo-banner .icon{width:18px;min-width:18px;margin-top:2px}
  .service-detail-lead{font-size:23px}
  .service-detail-description{font-size:14px;line-height:2}
  .service-detail-tags span{font-size:12px;padding:5px 9px}
  .deliverables h3{font-size:14px}.deliverables>p{font-size:13px;line-height:1.9}
  .boundary-note{font-size:12px}
  .service-detail-actions .button{font-size:12px;min-height:46px}
  .privacy-copy h3{font-size:16px}.privacy-copy p{font-size:13px}
  .demo-toolbar .button{min-height:46px;font-size:12px}
  .demo-metric>span{font-size:11px}
  .demo-metric strong{font-size:27px}
  .demo-reset{font-size:12px;min-height:44px}
  .booking-layout h3{font-size:15px}
  .booking-choice{padding:14px;min-height:66px;gap:9px}
  .booking-choice>span{font-size:13px}.booking-choice small{font-size:11px}.booking-choice em{font-size:10px}
  .booking-day{font-size:11px;min-height:75px}.booking-day b{font-size:20px}.booking-day small{font-size:10px}
  .booking-time{min-height:47px;font-size:14px}
  .booking-summary dl{font-size:13px}.booking-summary p{font-size:12px}
  .booking-confirm{min-height:48px;font-size:14px}
  .booking-result p{font-size:13px}
  .game-scorebar{font-size:12px;flex-wrap:wrap}
  .game-scorebar .demo-reset{margin-left:auto}
  .game-instruction{font-size:13px}
  .summary-actions .button{min-height:46px;font-size:12px}
  .toast{bottom:calc(85px + env(safe-area-inset-bottom,0px));font-size:12px}
  .toast.on-dialog{bottom:12px}
  .app-dialog[data-kind="appearance"]{width:100%;height:auto;max-height:94vh;max-height:94dvh;top:auto;bottom:0;border-radius:20px 20px 0 0;border-top:1px solid var(--line)}
  .app-dialog[data-kind="appearance"] .dialog-chrome{padding-top:19px}
  .appearance-intro{font-size:13px;margin-bottom:18px}
  .theme-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  .theme-sample{height:75px}
  .theme-option-label{font-size:12px}
  .motion-option p{font-size:12px;line-height:1.7}
  .switch-control{min-height:32px;min-width:55px;padding:5px}
  .switch-control[aria-checked="true"]:before{transform:translateX(22px)}
  .appearance-footer p{font-size:11px}.appearance-footer button{font-size:12px;min-height:44px}
  .preference-notice{font-size:12px}
}
@keyframes mobile-panel-enter{from{opacity:.4;transform:translateY(45px)}to{opacity:1;transform:translateY(0)}}
/* 小屏订单不再缩小字硬塞横向表格，转换为同一数据源的卡片。 */
@media(max-width:600px){
  .table-scroll{border:0;overflow:visible}
  .order-table{display:block;min-width:0;width:100%}
  .order-table thead{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
  .order-table tbody{display:flex;flex-direction:column;gap:12px}
  .order-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:16px;gap:12px 10px}
  .order-table td{display:block;padding:0;border:0;max-width:none;font-size:13px;min-width:0;overflow-wrap:anywhere}
  .order-table td:first-child{grid-column:1/-1;font-size:15px;color:var(--ink);font-weight:550;border-bottom:1px solid var(--line);padding-bottom:10px}
  .order-table td small{font-size:11px;font-weight:400;margin-top:3px;color:var(--quiet)}
  .order-table td[data-label]:before{content:attr(data-label);display:block;font-size:10px;color:var(--quiet);margin-bottom:4px;line-height:1.6}
  .order-table td.amount-cell{font-size:14px;color:var(--ink)}
  .order-table td:nth-child(3),.order-table td:last-child{text-align:right}
  .order-table td:nth-child(4){align-self:center}
  .order-table .status{font-size:11px}
  .order-table .row-action{min-height:42px;font-size:12px;padding:8px 10px;max-width:100%;white-space:normal}
  .order-table td.empty-state{padding:13px 0;grid-column:1/-1;border:0;font-size:13px;text-align:center}
  .demo-table-footer{font-size:10px;flex-wrap:wrap}
}
@media(max-width:374px){
  .container{width:calc(100% - 32px)}.brand{gap:8px}.brand-type strong{font-size:15px}.brand-type>span{font-size:6px;letter-spacing:2.7px}
  .brand-mark{width:33px;height:33px}.brand-mark svg{width:30px;height:30px}.appearance-trigger{padding:8px 9px;gap:6px}.theme-live-dot{display:none}
  .header-inner{height:65px}.hero-assurances{font-size:10px;gap:16px}.hero-actions{gap:10px}.hero-actions .button{font-size:12px;padding:11px 13px}
  .theme-bar-caption{font-size:10px}.quick-swatch{width:30px}.hero-theme-bar{gap:5px}.theme-name{font-size:9px}.service-card{padding:18px 12px;min-height:235px}
  .service-card h3{font-size:14px}.service-tags{font-size:9px}.service-card p{font-size:12px}
  .hero-visual{height:425px}.hero-phone{top:170px}.hero-console{top:42px}
  .dialog-chrome h2{font-size:16px}.dialog-chrome{padding-left:15px;padding-right:15px}.dialog-body{padding:20px 15px 28px}
  .theme-options{gap:9px}.theme-option-label{font-size:11px}.theme-option{padding:7px}.theme-sample{height:67px}.appearance-footer{align-items:flex-start;gap:8px}
  .booking-choice{padding:12px 10px}.booking-choice>span{font-size:12px}.booking-choice em{font-size:9px}
  .type-options span{font-size:11px}
}
/* 只有支持原生视图转换的桌面，才由 JS 叠加圆形换肤揭示。 */
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-new(root){z-index:2}
::view-transition-old(root){z-index:1}
html.reduce-motion *,html.reduce-motion *:before,html.reduce-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){html:not([data-motion-preference="on"]),html:not([data-motion-preference="on"]) *,html:not([data-motion-preference="on"]) *:before,html:not([data-motion-preference="on"]) *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(hover:none){.button:hover,.demo-card:hover,.theme-option:hover{transform:none}.service-card:before{display:none}}
@media print{.mobile-dock,.reading-progress,.hero-theme-bar,.appearance-trigger,.demo-switcher{display:none!important}body{padding-bottom:0}}
body.keyboard-open .app-dialog{max-height:var(--visible-height,100dvh)}
body,.site-header,.service-card,.contact-form-card,.app-dialog,.dialog-chrome,.theme-option,.mobile-dock{transition:background-color .26s,color .26s,border-color .26s}
:root[data-theme="daylight"] .hero-console,:root[data-theme="daylight"] .demo-preview{color:var(--ink)}
/* 浅色模式的状态与可选项使用独立对比色，避免沿用深色主题的浅字。 */
:root[data-theme="daylight"] .booking-choice>span,:root[data-theme="daylight"] .booking-day b{color:var(--ink)}
:root[data-theme="daylight"] .booking-day.active b{color:var(--accent-ink)}
:root[data-theme="daylight"] .booking-choice:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
:root[data-theme="daylight"] .status.pending{background:#fff0d3;color:#7d5000}
:root[data-theme="daylight"] .status.working{background:#e1eaff;color:#284f98}
:root[data-theme="daylight"] .status.done{background:#dfefe7;color:#235c43}
:root[data-theme="daylight"] .demo-reset{color:var(--accent)}
:root[data-theme="daylight"] .order-table .row-action:disabled{color:#5f718c;opacity:1}
@media(max-width:767px){
  .container{width:auto;margin-left:max(20px,env(safe-area-inset-left,0px));margin-right:max(20px,env(safe-area-inset-right,0px))}
  .dialog-chrome,.dialog-body{padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px))}
  .mobile-dock{padding-left:max(10px,env(safe-area-inset-left,0px));padding-right:max(10px,env(safe-area-inset-right,0px))}
  .mobile-nav{padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
}
@media(max-width:374px){.container{margin-left:max(16px,env(safe-area-inset-left,0px));margin-right:max(16px,env(safe-area-inset-right,0px))}.dialog-chrome,.dialog-body{padding-left:max(15px,env(safe-area-inset-left,0px));padding-right:max(15px,env(safe-area-inset-right,0px))}}

/* V1.2: international typography, native language controls, mobile & bidi layout.
 * No bundled/downloaded font files; use system Arabic/Cyrillic shaping support.
 * Logo, chart chronology, software IDs and before/after slider are not mirrored.
 */
.language-control{position:relative;display:inline-flex;align-items:center;gap:6px;flex-shrink:0;min-height:44px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink);padding-inline:10px}
.language-control>.icon{width:17px;height:17px;flex-shrink:0;pointer-events:none}
.language-control select{font:inherit;font-size:12px;line-height:1.4;color:inherit;border:0;background:transparent;outline:0;min-height:42px;max-width:110px;cursor:pointer;min-width:0;padding:0 2px}
.language-control:focus-within{outline:2px solid var(--accent);outline-offset:3px}
.language-control option{background:var(--surface);color:var(--ink);font-size:16px}
.dialog-tools{display:flex;gap:10px;align-items:center;flex-shrink:0}
.dialog-chrome>div:first-child{min-width:0}
.dialog-chrome h2{overflow-wrap:anywhere}
.footer-controls{flex-wrap:wrap;align-items:center}
.footer-controls .language-control{min-height:40px}
.header-inner{gap:20px}
.header-actions{gap:8px}
html:not([lang="zh-CN"]) .desktop-nav{gap:18px;font-size:12px}
html:not([lang="zh-CN"]) .header-cta{font-size:12px;gap:8px}
html:not([lang="zh-CN"]) .hero h1{font-size:clamp(42px,4.8vw,70px);line-height:1.16;letter-spacing:-.03em;overflow-wrap:normal}
html[lang="ru"] .hero h1{font-size:clamp(35px,4.1vw,60px)}
html:not([lang="zh-CN"]) h2{line-height:1.32;overflow-wrap:anywhere}
html:not([lang="zh-CN"]) .hero-copy{min-width:0}
html:not([lang="zh-CN"]) .hero-description{font-size:14px;line-height:1.8;max-width:42em}
html:not([lang="zh-CN"]) .hero-description .desktop-break{display:none}
html:not([lang="zh-CN"]) .hero-actions{flex-wrap:wrap;gap:12px}
html:not([lang="zh-CN"]) .hero-actions .button{font-size:13px;padding:15px 19px;gap:12px}
html:not([lang="zh-CN"]) .hero-assurances{flex-wrap:wrap;gap:12px 20px}
html:not([lang="zh-CN"]) .hero-theme-bar{flex-wrap:wrap;gap:5px 10px}
html:not([lang="zh-CN"]) .service-card{min-height:270px;display:flex;flex-direction:column;text-align:start}
html:not([lang="zh-CN"]) .service-card h3{font-size:20px;line-height:1.4}
html:not([lang="zh-CN"]) .service-tags{margin-top:auto;padding-top:16px;flex-wrap:wrap}
html:not([lang="zh-CN"]) .service-card p{font-size:13px;line-height:1.75}
html:not([lang="zh-CN"]) .service-card-top{width:100%}
html:not([lang="zh-CN"]) .section-heading-aside p{max-width:28em}
html:not([lang="zh-CN"]) .type-options span{white-space:normal;text-align:center;display:flex;align-items:center;justify-content:center;height:100%;min-height:48px;line-height:1.5}
html:not([lang="zh-CN"]) .booking-summary h3{font-size:29px}
html:not([lang="zh-CN"]) .mini-chart-heading{gap:5px;flex-wrap:wrap}
html:not([lang="zh-CN"]) .console-heading h3{font-size:16px}
html:not([lang="zh-CN"]) .console-stats em{font-size:9px;white-space:normal}
html:not([lang="zh-CN"]) .console-chrome-tag{max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html:not([lang="zh-CN"]) .console-stats>div>span{font-size:10px}
html:not([lang="zh-CN"]) .phone-topline{font-size:10px}
html:not([lang="zh-CN"]) .phone-content h3{font-size:21px}
html:not([lang="zh-CN"]) .demo-preview{overflow:hidden}
html:not([lang="zh-CN"]) .demo-info h3{line-height:1.5;font-size:20px}
html:not([lang="zh-CN"]) .demo-info p{line-height:1.8}
html:not([lang="zh-CN"]) .theme-option-label{line-height:1.6}
html:not([lang="zh-CN"]) .demo-metric>span{min-height:2.8em;display:block;line-height:1.4}
html:not([lang="zh-CN"]) .demo-metric strong.amount{font-size:clamp(18px,2.2vw,29px);overflow-wrap:anywhere}
html:not([lang="zh-CN"]) .demo-toolbar{flex-wrap:wrap}
html:not([lang="zh-CN"]) .demo-toolbar .button{white-space:normal;line-height:1.5}
html:not([lang="zh-CN"]) .demo-toolbar select{min-width:120px;max-width:100%;font-size:14px}
html:not([lang="zh-CN"]) .appearance-footer{gap:18px}
html:not([lang="zh-CN"]) .appearance-footer button{white-space:normal;min-width:125px}
html:not([lang="zh-CN"]) .theme-name{white-space:normal}
html:not([lang="zh-CN"]) .brand-type strong{white-space:nowrap}
/* Actual paragraph direction comes from html[dir], not from visual transforms. */
html[dir="rtl"] body{font-family:"Segoe UI","Geeza Pro","Noto Naskh Arabic",Arial,sans-serif}
html[lang="ug"] body{font-family:"Segoe UI","Noto Naskh Arabic","Geeza Pro",Arial,sans-serif}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] .eyebrow,html[dir="rtl"] .micro-label,html[dir="rtl"] button,html[dir="rtl"] .theme-name{letter-spacing:normal}
html[dir="rtl"] .hero h1{font-size:clamp(42px,4.4vw,68px);line-height:1.42}
html[lang="ug"] .hero h1{font-size:clamp(34px,3.8vw,58px);line-height:1.52}
html[dir="rtl"] p,html[dir="rtl"] .field,html[dir="rtl"] .service-card,html[dir="rtl"] .order-table th,html[dir="rtl"] .order-table td{text-align:start}
html[dir="rtl"] .service-card-arrow{right:auto;left:22px;transform:scaleX(-1)}
html[dir="rtl"] .button>.icon,html[dir="rtl"] .back-top>.icon{flex-shrink:0}
html[dir="rtl"] .service-detail-tags,html[dir="rtl"] .service-tags{direction:rtl}
html[dir="rtl"] .order-table td.amount-cell,html[dir="rtl"] .demo-metric .amount{unicode-bidi:isolate}
.order-table small,.amount-cell,.booking-time,.chart-labels,.release-badge{font-variant-numeric:tabular-nums}
bdi{unicode-bidi:isolate}
html[dir="rtl"] .booking-choice em{margin-left:0;margin-inline-start:auto;white-space:normal}
html[dir="rtl"] .booking-summary dd{margin-left:0;margin-right:0;text-align:end}
html[dir="rtl"] .game-scorebar .demo-reset{margin-left:0;margin-inline-start:auto}
html[dir="rtl"] .reading-progress span{transform-origin:right center}
html[dir="rtl"] .switch-control{direction:ltr}
html[dir="rtl"] .motion-follow-system{text-align:start}
html[dir="rtl"] .faq-list summary{padding-right:0;padding-inline-end:36px}
html[dir="rtl"] .faq-list summary>span{right:auto;left:0}
html[dir="rtl"] .contact-star{right:auto;left:0}
html[dir="rtl"] .hero-visual,html[dir="rtl"] .compare-shell,html[dir="rtl"] .demo-preview{direction:ltr;text-align:left}
html[dir="rtl"] .hero-visual p,html[dir="rtl"] .hero-visual h3{direction:rtl;text-align:start}
html[dir="rtl"] .compare-shell table,html[dir="rtl"] .compare-shell th,html[dir="rtl"] .compare-shell td{direction:ltr;text-align:left}
html[dir="rtl"] .hero-visual .brand-mark{direction:ltr;transform:none}
html[dir="rtl"] .form-local-note{line-height:1.9}
@media(max-width:1250px){html:not([lang="zh-CN"]) .desktop-nav{display:none}html:not([lang="zh-CN"]) .menu-toggle{display:grid}.header-inner{gap:12px}}
@media(max-width:1100px){.header-cta{display:none}.language-control{padding-inline:8px}.desktop-nav{gap:14px}}
@media(max-width:767px){
 .header-inner{gap:8px}.header-actions{gap:6px;margin-inline-start:auto}
 .header-actions .appearance-trigger{width:42px;min-width:42px;padding:0;justify-content:center}
 .header-actions .appearance-trigger>span,.header-actions .theme-live-dot{display:none}
 .language-control{min-height:42px;padding-inline:7px;gap:4px;border-radius:10px}
 .language-control select{font-size:12px;max-width:89px;min-height:42px}
 .language-control>.icon{width:16px;height:16px}
 .menu-toggle{width:40px;min-width:40px}
 .brand-type strong{font-size:16px;letter-spacing:1px}.brand{gap:7px}
 .dialog-chrome{flex-wrap:wrap;gap:8px}
 .dialog-chrome>div:first-child{flex:1 1 180px}
 .dialog-tools{gap:7px;margin-inline-start:auto}
 .dialog-chrome .language-control>.icon{display:none}
 .dialog-chrome .language-control select{max-width:82px;font-size:12px}
 .dialog-chrome h2{font-size:17px!important}
 .demo-switcher button{font-size:11px;line-height:1.4;padding:8px 6px;white-space:normal}
 html:not([lang="zh-CN"]) .hero h1{font-size:clamp(34px,9vw,47px);line-height:1.18}
 html[dir="rtl"] .hero h1{font-size:clamp(33px,8.5vw,46px);line-height:1.45}
 html[lang="ug"] .hero h1{font-size:clamp(30px,7.6vw,40px);line-height:1.5}
 html:not([lang="zh-CN"]) .hero-description{font-size:13px;line-height:1.8}
 html:not([lang="zh-CN"]) .hero-actions .button{font-size:12px;min-height:47px;padding:12px 14px;gap:8px}
 html:not([lang="zh-CN"]) .hero-assurances{font-size:11px;gap:6px 13px;line-height:1.6}
 html:not([lang="zh-CN"]) .hero-theme-bar{gap:3px 7px;align-items:center}
 html:not([lang="zh-CN"]) .theme-bar-caption{flex-basis:100%;margin-bottom:2px}
 html:not([lang="zh-CN"]) .service-grid{grid-template-columns:1fr}
 html:not([lang="zh-CN"]) .service-card{min-height:0;padding:23px 20px}
 html:not([lang="zh-CN"]) .service-card h3{font-size:20px}
 html:not([lang="zh-CN"]) .service-card p{font-size:13px}
 html:not([lang="zh-CN"]) .service-card-top{margin-bottom:16px}
 html:not([lang="zh-CN"]) .service-tags{font-size:11px;padding-top:13px}
 html:not([lang="zh-CN"]) .hero-visual{margin-top:12px}
 html:not([lang="zh-CN"]) .console-heading h3{font-size:13px}
 html:not([lang="zh-CN"]) .hero-visual .console-stats>div>span{font-size:9px}
 html:not([lang="zh-CN"]) .console-stats strong em{display:block;font-size:8px;margin-left:0}
 html:not([lang="zh-CN"]) .hero-visual .mini-chart-heading{font-size:9px;gap:3px}
 html:not([lang="zh-CN"]) .hero-visual .chart-period button{font-size:8px;padding:4px;min-width:37px}
 html:not([lang="zh-CN"]) .console-content{padding:14px 12px 12px}
 html:not([lang="zh-CN"]) .hero-visual .mini-order{font-size:9px}
 html:not([lang="zh-CN"]) .phone-content h3{font-size:18px}
 html:not([lang="zh-CN"]) .demo-info h3{font-size:21px}
 html:not([lang="zh-CN"]) .type-options{grid-template-columns:1fr}
 html:not([lang="zh-CN"]) .type-options span{font-size:13px;min-height:44px;padding:10px 6px}
 html:not([lang="zh-CN"]) .form-row{grid-template-columns:1fr}
 html:not([lang="zh-CN"]) .demo-metric strong.amount{font-size:20px;line-height:1.5}
 html:not([lang="zh-CN"]) .demo-metric>span{font-size:11px}
 html:not([lang="zh-CN"]) .booking-choice{flex-wrap:wrap}
 html:not([lang="zh-CN"]) .booking-choice>span{flex:1;min-width:0}
 html:not([lang="zh-CN"]) .booking-choice em{font-size:11px}
 html:not([lang="zh-CN"]) .booking-days{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
 html:not([lang="zh-CN"]) .booking-day{padding:9px 3px;font-size:10px;min-width:0;overflow-wrap:anywhere}
 html:not([lang="zh-CN"]) .booking-day small{font-size:9px;line-height:1.4}
 html:not([lang="zh-CN"]) .booking-summary h3{font-size:25px}
 html:not([lang="zh-CN"]) .mobile-dock{padding-left:4px;padding-right:4px}
 html:not([lang="zh-CN"]) .mobile-dock a,html:not([lang="zh-CN"]) .mobile-dock button{font-size:9px;min-height:58px;overflow-wrap:anywhere}
 html[dir="rtl"] .mobile-dock a,html[dir="rtl"] .mobile-dock button{font-size:11px;line-height:1.5}
 html:not([lang="zh-CN"]) .motion-option{gap:16px}
 html:not([lang="zh-CN"]) .theme-option-label{font-size:12px}
 html:not([lang="zh-CN"]) .theme-option-label small{font-size:10px;line-height:1.5;display:inline-block}
 html:not([lang="zh-CN"]) .appearance-footer{flex-wrap:wrap;gap:4px}
 html:not([lang="zh-CN"]) .appearance-footer p{flex-basis:100%}
 html:not([lang="zh-CN"]) .demo-table-footer{line-height:1.8;gap:8px}
 html:not([lang="zh-CN"]) .order-table td[data-label]:before{font-size:11px}
 html[dir="rtl"] .order-table td:nth-child(3),html[dir="rtl"] .order-table td:last-child{text-align:end}
 .footer-controls .language-control{margin-block:4px}
 .field input,.field select,.field textarea,.demo-search input{font-size:16px!important}
}
@media(max-width:374px){
 .header-actions{gap:4px}.header-inner{gap:5px}.brand-type strong{font-size:14px}.brand-type>span{font-size:6px;letter-spacing:1.5px}
 .brand-mark{width:30px;height:30px;min-width:30px}.brand{gap:5px}
 .header-actions .appearance-trigger{width:36px;min-width:36px}
 .menu-toggle{width:36px;min-width:36px}.header-actions .language-control>.icon{display:none}
 .language-control select{max-width:82px;font-size:12px}.language-control{padding-inline:6px}
 html:not([lang="zh-CN"]) .hero-actions .button{width:100%;justify-content:center}
 html:not([lang="zh-CN"]) .theme-options{gap:8px}
 html:not([lang="zh-CN"]) .theme-option{padding:8px}
 html:not([lang="zh-CN"]) .theme-option-label{font-size:11px}
 html:not([lang="zh-CN"]) .game-scorebar{gap:8px}
 html:not([lang="zh-CN"]) .demo-toolbar select{flex:1;min-width:0}
}
@media print{.language-control{display:none!important}}
/* System UI fonts keep Arabic-script text legible without shipping font assets. */
html[dir="rtl"] body{font-family:Tahoma,Arial,"Segoe UI","Geeza Pro",sans-serif}
html[dir="rtl"] .appearance-intro,html[dir="rtl"] .motion-option p,html[dir="rtl"] .preference-notice,html[dir="rtl"] .demo-banner,html[dir="rtl"] .privacy-copy p{font-size:15px;line-height:1.9}
html[dir="rtl"] .theme-option-label{font-size:15px}
html[dir="rtl"] .theme-option-label small{font-size:12px}
html[dir="rtl"] .appearance-footer p{font-size:13px;line-height:1.85}
html[dir="rtl"] .motion-description strong{font-size:16px}
html[dir="rtl"] .motion-follow-system{font-size:13px}
html[dir="rtl"] .language-control select{font-size:14px}
html[dir="rtl"] .toast{font-size:14px;line-height:1.8}
@media(max-width:767px){html[dir="rtl"] .theme-option-label{font-size:14px}html[dir="rtl"] .theme-option-label small{font-size:11px}html[dir="rtl"] .dialog-chrome .language-control select{font-size:13px}}
.booking-layout>*{min-width:0}
.booking-confirm{white-space:normal;line-height:1.5;gap:8px;padding-inline:16px}
.booking-summary{min-width:0;overflow-wrap:anywhere}
.booking-choice>span{min-width:0}
@media(min-width:701px){.booking-layout{grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr)}}