:root{scrollbar-gutter:stable;color-scheme:light;--primary:#2563eb;--primary-hover:#1d4ed8;--dark:#0f172a;--muted:#64748b;--line:#e2e8f0;--light:#f8fafc;--wood:#d97706;font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;color:var(--dark);background:#fff;line-height:1.65;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}body.dialog-open{overflow:hidden}h1,h2,h3,p,ul,ol{margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #38bdf8;outline-offset:4px}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}img{max-width:100%}.container{width:min(100%,1240px);margin-inline:auto;padding-inline:28px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:12px;padding:10px 16px;z-index:1000;background:#fff;border:2px solid var(--primary);transform:translateY(-160%)}.skip-link:focus{transform:none}
.navbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}.nav-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:12px}.brand-logo{display:flex;align-items:center;gap:12px;min-width:0}.logo-badge{width:42px;height:42px;flex:none;display:grid;place-items:center;color:#38bdf8;border-radius:10px;background:linear-gradient(135deg,#1e293b,#0f172a);box-shadow:0 4px 12px #0f172a26}.logo-badge svg{width:25px;height:25px}.brand-text{display:flex;flex-direction:column;min-width:0}.brand-text strong{font-size:18px;font-weight:800;line-height:1.35;overflow-wrap:anywhere}.brand-text>span{font-size:12px;color:var(--muted)}.nav-menu{display:flex;list-style:none;gap:32px;white-space:nowrap;padding:0;font-size:14px;color:#475569}.nav-menu a:hover{color:var(--primary)}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid transparent;border-radius:8px;font-size:14px;font-weight:650;text-align:center;line-height:1.45}.btn-primary{color:white;background:var(--primary);border-color:var(--primary);box-shadow:0 4px 10px #2563eb20}.btn-primary:hover{background:var(--primary-hover)}.btn-outline{color:#334155;background:#fff;border-color:#cbd5e1}.btn-outline:hover{background:#f8fafc;border-color:#94a3b8}.btn-lg{padding:14px 24px;font-size:15px;border-radius:10px}.hero-section{padding:60px 0 80px;background:radial-gradient(circle at 10% 10%,#2563eb0d,transparent 40%),radial-gradient(circle at 90% 30%,#d977060d,transparent 40%),linear-gradient(180deg,#f8fafc,#fff);border-bottom:1px solid #f1f5f9;scroll-margin-top:85px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}.hero-content{min-width:0}.hero-badge{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:30px;padding:5px 14px;margin-bottom:20px;font-size:13px;color:#475569}.status-dot{width:7px;height:7px;background:#10b981;border-radius:50%;box-shadow:0 0 0 3px #10b98122}.hero-content h1{font-size:44px;font-weight:800;line-height:1.27;letter-spacing:-1px;margin-bottom:20px;overflow-wrap:anywhere;white-space:pre-line}.hero-desc{font-size:16px;color:#475569;line-height:1.8;margin-bottom:30px;overflow-wrap:anywhere;white-space:pre-line}.hero-cta-group{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:30px}.hero-features-bar{display:flex;flex-wrap:wrap;list-style:none;gap:12px 22px;border-top:1px solid var(--line);padding:22px 0 0;color:#64748b;font-size:13px}.hero-features-bar li::before{content:'✓';color:#059669;margin-right:6px;font-weight:800}
.cabinet-preview-card{min-width:0;overflow:hidden;border-radius:16px;border:1px solid #334155;background:#0f172a;box-shadow:0 20px 40px -10px #0f172a40}.preview-header{display:flex;align-items:center;gap:14px;justify-content:space-between;padding:13px 16px;border-bottom:1px solid #334155;background:#1e293b;color:#cbd5e1;font-size:12px}.window-dots{display:flex;gap:6px;flex:none}.window-dots i{width:8px;height:8px;background:#ef4444;border-radius:50%}.window-dots i:nth-child(2){background:#f59e0b}.window-dots i:nth-child(3){background:#10b981}.canvas-container{display:flex;flex-direction:column;background:#0f172a}.cabinet-stage{position:relative;flex:1;min-height:0;background:#eaeff5}.cabinet-stage canvas,.cabinet-poster{position:absolute;inset:0;width:100%;height:100%;display:block}.cabinet-stage canvas{visibility:hidden;touch-action:pan-y;cursor:grab}.cabinet-stage canvas:active{cursor:grabbing}[data-viewer-ready] canvas{visibility:visible}[data-viewer-ready] .cabinet-poster{visibility:hidden}.cabinet-poster{object-fit:contain}.cabinet-state{position:absolute;inset:auto 12px 12px;margin:0 auto;width:fit-content;max-width:calc(100% - 24px);padding:6px 10px;border-radius:6px;background:#0f172a;color:#fff;font-size:12px;pointer-events:none}.ctrl-btn:disabled{opacity:.6;cursor:default}.canvas-controls{margin:8px 12px;display:flex;justify-content:center;gap:10px;padding:7px;border:1px solid #ffffff1a;border-radius:8px;background:#0f172ae6}.ctrl-btn{min-height:36px;padding:6px 12px;border:1px solid #475569;border-radius:6px;color:#e2e8f0;background:#1e293b;font-size:12px}.ctrl-btn:hover{background:#334155}.ctrl-btn[aria-pressed="true"]{background:#2563eb;border-color:#3b82f6;color:#fff}.demo-note{font-size:11px;line-height:1.6;color:#94a3b8;padding:10px 16px;border-top:1px solid #334155}
.section{padding:80px 0;scroll-margin-top:80px}.section-gray{background:var(--light);border-block:1px solid #f1f5f9}.section-header{text-align:center;max-width:720px;margin:0 auto 46px}.section-tag{display:inline-block;font-size:12px;font-weight:650;color:var(--primary);background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;padding:3px 12px;margin-bottom:10px}.section-header h2{font-size:32px;line-height:1.4;letter-spacing:-.5px;margin-bottom:12px}.section-header p{font-size:15px;color:#64748b}.features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.feature-card{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px}.feature-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:10px;color:#fff;margin-bottom:18px}.feature-icon svg{width:25px;height:25px}.icon-blue{background:linear-gradient(135deg,#2563eb,#3b82f6)}.icon-amber{background:linear-gradient(135deg,#d97706,#f59e0b)}.icon-emerald{background:linear-gradient(135deg,#059669,#10b981)}.icon-purple{background:linear-gradient(135deg,#7c3aed,#a855f7)}.icon-rose{background:linear-gradient(135deg,#e11d48,#f43f5e)}.icon-indigo{background:linear-gradient(135deg,#4f46e5,#6366f1)}.feature-card h3{font-size:18px;line-height:1.5;margin-bottom:10px}.feature-card p{font-size:14px;color:#64748b;flex:1}.feature-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.feature-tags span{background:#f1f5f9;border-radius:4px;padding:2px 7px;font-size:11px;color:#475569}
.platforms-section{padding:86px 0;background:#0f172a;color:#fff;scroll-margin-top:80px}.platforms-section .section-header p{color:#a3b3c9}.platforms-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.platform-card{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 20px;border:1px solid #334155;border-radius:14px;background:#1e293b}.platform-card.recommended{border-color:#2563eb}.platform-badge{position:absolute;top:10px;right:10px;font-size:10px;padding:2px 7px;border-radius:12px;color:#d1fae5;background:#065f46}.platform-icon{display:grid;place-items:center;width:56px;height:56px;margin-bottom:18px;border:1px solid #ffffff1a;border-radius:12px;background:#ffffff0d;color:#cbd5e1}.platform-icon svg{width:30px;height:30px}.recommended .platform-icon{color:#34d399}.platform-card h3{font-size:18px;margin-bottom:9px}.platform-card p{font-size:13px;color:#b4c0d3;line-height:1.7;margin-bottom:23px;flex:1}.platform-action{width:100%;margin-top:auto}.platform-action .btn{width:100%}.btn-platform{background:#334155;border-color:#64748b;color:white}.btn-platform:hover{background:#475569}.platform-state{display:block;padding:10px;border:1px solid #475569;border-radius:8px;color:#cbd5e1;font-size:14px}.platform-meta{display:block;font-size:11px;color:#a3b3c9;margin-top:9px;overflow-wrap:anywhere}.release-notes{margin-top:26px;padding:22px;border:1px solid #334155;border-radius:10px;background:#1e293b}.release-notes h3{font-size:16px;margin-bottom:8px}.release-notes p{white-space:pre-line;overflow-wrap:anywhere;color:#cbd5e1;font-size:14px}
.compare-table{width:100%;table-layout:fixed;border-spacing:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;font-size:14px}.compare-table th,.compare-table td{padding:17px 20px;text-align:left;vertical-align:top;border-bottom:1px solid #e9eef5;overflow-wrap:anywhere}.compare-table thead th{background:#f8fafc;font-weight:700}.compare-table thead th:first-child{width:22%}.compare-table th:last-child,.compare-table td:last-child{background:#f0f6ff;color:#1e3a8a;border-inline:1px solid #bfdbfe}.compare-table tbody th{font-weight:650}.compare-table tr:last-child>*{border-bottom:0}.compare-table td{color:#64748b}.section-note{font-size:13px;color:#64748b;margin-top:20px}.faq-list{display:grid;gap:14px;max-width:860px;margin-inline:auto}.faq-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px 24px}.faq-card h3{font-size:16px;margin-bottom:8px}.faq-card p{font-size:14px;color:#64748b}
.footer{padding:58px 0 28px;background:#090d16;color:#a3b3c9;border-top:1px solid #1e293b}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:38px;margin-bottom:38px}.footer-brand strong{font-size:18px;color:#fff}.footer-brand p{font-size:13px;margin-top:12px;max-width:320px}.footer-col h2{font-size:14px;color:#fff;margin-bottom:14px}.footer-col ul{list-style:none;padding:0;font-size:13px}.footer-col li{margin-bottom:8px;overflow-wrap:anywhere}.footer-col a:hover,.text-button:hover{color:#fff}.text-button{border:0;padding:0;background:none;color:inherit;text-align:left;font:inherit}.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:24px;border-top:1px solid #1e293b;font-size:12px}.wechat-dialog{padding:0;border:0;border-radius:16px;width:min(420px,calc(100% - 32px));max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;color:#0f172a;box-shadow:0 25px 80px #02061755}.wechat-dialog::backdrop{background:#0f172a99}.dialog-content{position:relative;padding:34px 22px 21px;text-align:center}.dialog-content h2{font-size:22px;padding-inline:14px;margin-bottom:8px}.dialog-content>p{font-size:14px;color:#64748b}.dialog-close{position:absolute;top:7px;right:7px;display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:#f1f5f9;color:#475569;font-size:26px;line-height:1}.wechat-code{display:block;width:min(216px,100%);height:auto;aspect-ratio:1;object-fit:contain;padding:5px;margin:14px auto 9px;border:1px solid var(--line);border-radius:10px}.dialog-content .qr-instruction{font-size:12px}
@media(min-width:1101px){.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}}
@media(max-width:1100px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:36px}.hero-content{max-width:760px}.cabinet-preview-card{width:100%;max-width:760px}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platforms-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:2fr 1fr;gap:30px}.nav-menu{gap:20px}}
@media(max-width:760px){.container{padding-inline:20px}.nav-inner{align-items:flex-start;flex-direction:column;gap:12px;padding-block:13px}.navbar{position:relative}.nav-menu{gap:20px;flex-wrap:wrap;font-size:13px}.brand-text strong{font-size:17px}.hero-section{padding:34px 0 48px}.hero-content h1{font-size:32px;letter-spacing:-.5px}.hero-desc{font-size:15px}.hero-cta-group{gap:10px;margin-bottom:24px}.btn-lg{padding:12px 17px;font-size:14px}.hero-features-bar{gap:9px 16px;font-size:12px}.section{padding:50px 0}.section-header{margin-bottom:28px}.section-header h2{font-size:25px}.section-header p{font-size:14px}.features-grid{grid-template-columns:minmax(0,1fr);gap:16px}.feature-card{padding:24px}.platforms-section{padding:52px 0}.platforms-grid{gap:16px}.platform-card{padding:29px 16px 22px}.platform-card p{font-size:13px}.preview-notice{font-size:11px}.compare-table th,.compare-table td{padding:12px 10px;font-size:12px}.compare-table thead th:first-child{width:23%}.faq-card{padding:20px}.footer{padding-top:40px}.footer-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px 20px}.footer-brand{grid-column:1/-1}.footer-col:last-child{grid-column:1/-1}.footer-bottom{flex-direction:column;align-items:flex-start}.dialog-content{padding:32px 22px 22px}}
@media(max-width:560px){.compare-table,.compare-table tbody{display:block}.compare-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.compare-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.compare-table tbody th{grid-column:1/-1;background:#f8fafc}.compare-table tbody th,.compare-table tbody td{font-size:14px;padding:12px;border-inline:0}.compare-table tbody td::before{display:block;font-size:12px;font-weight:650;margin-bottom:6px}.compare-table tbody td:nth-child(2)::before{content:'口述与草图'}.compare-table tbody td:last-child::before{content:'小木工'}.compare-table tr:last-child th{border-bottom:1px solid #e9eef5}}
@media(max-width:420px){.container{padding-inline:16px}.platforms-grid{grid-template-columns:minmax(0,1fr)}.hero-cta-group>*{width:100%}.hero-content h1{font-size:29px}.preview-header{font-size:10px;padding:12px;gap:9px}.canvas-container{height:365px}.ctrl-btn{font-size:12px;padding:6px 9px}.section-header h2{font-size:23px}.demo-note{font-size:11px;padding:9px 12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* The user-selected reference owns the desktop brand and hero composition. */
.nav-inner{height:72px;min-height:72px;padding-block:0;align-items:center;flex-direction:row}
.brand-text strong{display:flex;align-items:center;gap:8px;line-height:1.2;letter-spacing:-.3px;white-space:nowrap}
.brand-text>span{margin-top:2px}
.brand-domain{display:inline-block;padding:2px 7px;border:1px solid #bfdbfe;border-radius:4px;background:#eff6ff;color:#2563eb;font-size:11px;font-weight:600;line-height:1.2;letter-spacing:0}
.nav-menu{gap:32px;font-size:14px;font-weight:500}
.hero-section{padding:60px 0 80px}
.hero-grid{gap:48px;align-items:center}
.hero-badge{gap:8px;padding:5px 14px;margin-bottom:20px;box-shadow:0 2px 8px #00000008;font-size:13px;line-height:1.6}
.hero-content h1{margin-bottom:20px;color:#0f172a;font-size:44px;font-weight:800;line-height:1.25;letter-spacing:-1px;white-space:normal}
.headline-blue{color:#2563eb}.headline-wood{color:#d97706}
.hero-desc{max-width:580px;margin-bottom:32px;color:#475569;font-size:16.5px;line-height:1.7;white-space:pre-line}
.hero-cta-group{gap:14px;margin-bottom:36px}
.hero-cta-group .btn{gap:8px;font-weight:600;line-height:1.45}
.hero-cta-group .btn-lg{padding:13px 26px;font-size:15px;border-radius:10px}
.hero-cta-group .btn svg{flex:none;stroke-width:2}
.hero-cta-group .btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #2563eb40}
.hero-cta-group .btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 6px 16px #2563eb59;transform:translateY(-1px)}
.hero-cta-group .btn-outline{color:#0f172a}.hero-cta-group .btn-outline:hover{color:#2563eb;border-color:#2563eb;background:#eff6ff}
.hero-android{min-width:231px}
.hero-features-bar{gap:24px;padding-top:24px;color:#64748b;font-size:13.5px;line-height:1.6}
.hero-features-bar li::before{content:none}
.feature-point{display:flex;align-items:center;gap:6px;font-weight:500}
.feature-point svg{width:16px;height:16px;flex:none;color:#10b981;stroke-width:2.5}
.preview-header{padding:12px 18px;gap:12px;min-height:46px;justify-content:space-between}
.window-dots{gap:6px}.window-dots i{width:9px;height:9px}
.preview-title{font-size:12.5px;font-weight:600;line-height:1.6;color:#cbd5e1}
.preview-hint{flex:none;font-size:11px;line-height:1.6;color:#a3b3c9;white-space:nowrap}
.canvas-container{height:380px;padding:0}
.canvas-controls{display:grid;grid-template-columns:1fr 1.55fr 1.35fr;gap:6px;padding:0;border:0;background:none}
.ctrl-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:5px 12px;border:1px solid #334155;border-radius:6px;background:#1e293b;color:#cbd5e1;font-size:12px;font-weight:500;line-height:1.4;white-space:nowrap}
.ctrl-btn-primary{border-color:#3b82f6;background:#2563eb;color:white}
@media(min-width:1101px){.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}}
@media(min-width:1101px) and (max-width:1280px){.preview-hint{display:none}.canvas-controls{padding-inline:8px}.ctrl-btn{padding-inline:8px}}
@media(max-width:1100px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:40px}.hero-content{max-width:none}.cabinet-preview-card{max-width:none}.nav-menu{gap:24px}}
@media(max-width:768px){.nav-menu{display:none}.nav-inner{min-height:72px;height:auto;padding-block:12px}.brand-text strong{font-size:18px;flex-wrap:wrap;gap:5px 8px;white-space:normal}.brand-text>span{font-size:11px}.hero-section{padding:42px 0 56px}.hero-content h1{font-size:32px;letter-spacing:-.5px}.hero-desc{font-size:15.5px}.hero-cta-group .btn-lg{padding:13px 20px;font-size:14px}.hero-features-bar{font-size:13px;gap:18px 20px}.canvas-controls{gap:6px;padding-inline:8px}.ctrl-btn{padding-inline:9px}.preview-hint{font-size:10px}.preview-title{font-size:11px}}
@media(max-width:420px){.brand-text strong{font-size:17px}.brand-domain{font-size:10px}.hero-section{padding:34px 0 48px}.hero-content h1{font-size:29px}.hero-badge{font-size:11px;padding-inline:11px}.hero-cta-group>*{width:100%}.hero-android{min-width:0}.preview-header{padding:12px;gap:8px}.preview-title{font-size:10px}.preview-hint{display:none}.canvas-container{height:380px}.canvas-controls{margin-inline:7px;gap:4px;padding:0}.ctrl-btn{font-size:12px;padding:6px 4px;min-height:40px}.hero-features-bar{font-size:12px;gap:15px 12px}}