/* Public website only. Admin/order styles remain in styles.css. */
.design-site{--ink:#172623;--muted:#63726e;--line:#dce5e1;--paper:#f7f9f7;--green:#087f6c;--night:#090f12;background:var(--paper);font-size:15px;line-height:1.75;letter-spacing:.005em}
.design-site .wrap{width:min(1200px,calc(100% - 80px))}
.design-site :is(h1,h2,h3,p,figure){margin:0}
.design-site h1,.design-site h2,.design-site h3{line-height:1.3;letter-spacing:-.035em}
.design-site h2{font-size:clamp(26px,2.65vw,38px);font-weight:730}
.design-site h3{font-size:19px;font-weight:700}
.design-site p{color:var(--muted)}
.design-site button,.design-site input{font:inherit}
.design-site button{cursor:pointer}
.design-site button:disabled{cursor:default}
.design-site :is(a,button,summary):focus-visible{outline:3px solid #12a791;outline-offset:5px}
.design-site [hidden]{display:none!important}
.design-site [id]{scroll-margin-top:96px}
.design-site .section{padding:80px 0}
.design-site .sectionhead{margin-bottom:32px;max-width:none;text-align:left}
.design-site .sectionhead h2{margin:10px 0 14px}
.design-site .sectionhead p{font-size:15px;max-width:660px}
.design-site .section-kicker{display:block;color:var(--green);font-size:12px;letter-spacing:.12em;font-weight:700}
.design-site .split-heading{display:flex;align-items:end;justify-content:space-between;gap:32px}
.design-site .split-heading p{max-width:340px;padding-bottom:12px}
.design-site .btn{min-height:48px;padding:11px 20px;border-radius:9px;gap:20px;font-size:14px;font-weight:650;white-space:normal;line-height:1.6;box-shadow:none;transition:background .2s,box-shadow .2s}
.design-site .btn:hover{transform:none;box-shadow:0 4px 14px #102b2110}
.design-site .btn.primary{background:var(--green);border-color:var(--green);color:#fff}
.design-site .btn.primary:hover{background:#066b5b}
.design-site .btn.secondary{background:transparent;color:var(--ink);border-color:#becdc6}
.design-site .btn.secondary:hover{background:#eaf1ed}
.design-site .text-link,.design-site .text-button{color:var(--green);font-size:14px;font-weight:650;display:inline-flex;gap:12px;align-items:center;min-height:44px}
.design-site .text-button{padding:0;border:0;background:none;text-align:left}
.design-site .text-link:hover{transform:none;text-decoration:underline;text-underline-offset:5px}
.design-site .site-nav.nav{position:sticky;top:0;z-index:30;background:#090f12f5;border-bottom:1px solid #ffffff14;color:#f5faf8;backdrop-filter:blur(18px)}
.design-site .navin{height:76px;gap:28px}
.design-site .brand{font-size:17px;gap:10px}
.design-site .navlinks{gap:26px}
.design-site .site-nav .navlinks a{font-size:13px;color:#b7c5c0;white-space:nowrap}
.design-site .site-nav .navlinks a:hover,.design-site .site-nav .navlinks a[aria-current]{color:#8ee2cd}
.design-site .nav-cta{font-size:13px;padding:9px 14px;border-radius:8px;border-color:#56736a;color:#a3e7d7}
.design-site .nav-actions{display:flex;align-items:center;gap:12px}
.design-site .menu-toggle{display:none;width:44px;height:44px;padding:0;border:1px solid #486359;border-radius:8px;background:none;color:inherit;font-size:21px;align-items:center;justify-content:center}
.design-site .dark-intro{background:radial-gradient(ellipse at 75% 70%,#12302c70,transparent 50%),var(--night);color:#f4faf7;overflow:hidden}
.design-site .hero{min-height:680px;padding-top:66px;padding-bottom:54px;display:grid;grid-template-columns:.95fr 1.15fr;gap:48px;align-items:center}
.design-site .eyebrow{border:0;padding:0;font-size:12px;color:#adc6bd;letter-spacing:.05em;display:flex;gap:9px;align-items:center;background:none}
.design-site .tiny-dot{width:6px;height:6px;border-radius:50%;background:#7edfc6;display:inline-block;flex-shrink:0;box-shadow:0 0 14px #66d6b970}
.design-site .hero h1{font-size:clamp(54px,5.1vw,74px);line-height:1.19;letter-spacing:-.055em;margin:28px 0 24px;font-weight:780}
.design-site .hero h1 span{color:#84dfc9}
.design-site .hero-copy>p{font-size:16px;line-height:1.9;color:#b2c0bb}
.design-site .hero-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:30px}
.design-site .choice-card{min-width:0;padding:15px 11px;border:1px solid #40564e;background:#c9f9e707;border-radius:10px;transition:border-color .2s,background .2s}
.design-site .choice-card:hover{background:#b1ffe111;border-color:#8cddc4}
.design-site .choice-label{display:flex;justify-content:space-between;gap:5px;font-size:14px;font-weight:650}
.design-site .choice-label>span{color:#86dec6}
.design-site .choice-name{display:block;color:#9dafaa;font-size:12px;margin-top:5px}
.design-site .hero-note{display:flex;gap:8px;align-items:center;font-size:11px;color:#819a91;margin-top:17px}
.design-site .hero-copy{padding:0}
.design-site .hero-visual{height:530px;min-width:0;width:100%;margin:0;position:relative;isolation:isolate}
.design-site .hero-screen{position:absolute;background:#fff;border:1px solid #ffffff60;border-radius:10px;overflow:hidden;box-shadow:0 20px 60px #0004}
.design-site .hero-screen img{width:100%;height:auto}
.design-site .hero-screen figcaption{display:flex;align-items:center;gap:7px;background:#f6f9f8;padding:8px 12px;font-size:10px;color:#37564b}
.design-site .hero-screen figcaption>span:last-child{margin-left:auto;color:#7a8b84}
.design-site .screen-dot{width:5px;height:5px;background:#61bd9e;border-radius:50%;flex-shrink:0}
.design-site .hero-screen-mix{width:91%;top:0;right:0;z-index:1;transform:rotate(1deg)}
.design-site .hero-screen-record{width:67%;top:132px;left:0;z-index:2;transform:rotate(-1.2deg)}
.design-site .hero-screen-kuaisha{width:76%;bottom:8px;right:0;z-index:3;transform:rotate(.6deg)}
.design-site .hero-visual-note{position:absolute;right:0;bottom:-7px;font-size:10px;color:#6f8c82}
.design-site .intro-foot{display:flex;align-items:center;justify-content:space-between;padding:20px 0 24px;border-top:1px solid #ffffff16;font-size:11px;letter-spacing:.04em;color:#809b90}
.design-site .intro-foot a{color:#c3d5cd}
.design-site .home-products{padding-top:74px}
.design-site .product-pair{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.design-site .product-card{display:flex;flex-direction:column;padding:24px;background:#fff;border:1px solid var(--line);border-radius:16px;min-width:0}
.design-site .product-card-top{display:flex;align-items:center;gap:12px;color:#76887e;font-size:12px}
.design-site .product-card-top img{border-radius:12px;width:42px;height:42px;object-fit:contain}
.design-site .product-number{margin-left:auto;font-family:monospace;letter-spacing:.1em;color:#9fac9f}
.design-site .product-card h3{font-size:26px;margin:20px 0 8px}
.design-site .product-card-tagline{color:#4d6558;font-size:15px}
.design-site .product-card-shot{display:flex;align-items:center;justify-content:center;height:210px;margin:24px 0;border:1px solid #e1e9e4;border-radius:9px;overflow:hidden;background:#f0f4f1;padding:13px}
.design-site .product-card-shot img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 10px #172c2316)}
.design-site .product-card-desc{font-size:14px;min-height:50px}
.design-site .product-highlights{display:flex;gap:7px;flex-wrap:wrap;padding:0;margin:18px 0 26px;list-style:none}
.design-site .product-highlights li{font-size:11px;padding:4px 9px;border:1px solid #e4ebe6;border-radius:5px;color:#4e6859;background:#f7faf7}
.design-site .product-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #edf1ee;padding-top:20px;margin-top:auto}
.design-site .product-card-bottom .btn{font-size:12px;padding:10px 12px;gap:8px}
.design-site .product-card-bottom .text-link{font-size:12px;gap:5px;white-space:nowrap}
.design-site .product-card small{display:block;color:#7e8c82;font-size:11px;margin-top:15px}
.design-site .resource-section{padding:46px 0;background:#edf2ee;border-block:1px solid var(--line)}
.design-site .resource-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:30px;align-items:center}
.design-site .resource-grid h2{font-size:24px;margin:8px 0 12px}
.design-site .resource-grid p{font-size:13px}
.design-site .resource-card{padding:18px 0 18px 25px;border-left:1px solid #cddbd1}
.design-site .resource-card>span{font-size:11px;color:#708a79}
.design-site .resource-card h3{font-size:16px;margin:12px 0 8px;display:flex;justify-content:space-between;gap:10px}
.design-site .product-hero{background:radial-gradient(ellipse at 75% 70%,#12302c70,transparent 50%),var(--night);color:#f4faf7;border-bottom:1px solid #ffffff16;padding:64px 0 56px}
.design-site .product-hero-grid{display:grid;grid-template-columns:1.05fr 1.2fr;gap:48px;align-items:center}
.design-site .product-label{display:flex;align-items:center;gap:12px;color:#9eb8ad;font-size:12px;margin-bottom:24px}
.design-site .product-label img{border-radius:12px;width:44px;height:44px;object-fit:contain}
.design-site .product-hero h1{font-size:clamp(36px,3.4vw,49px);white-space:nowrap;margin-bottom:13px}
.design-site .product-tagline{font-size:22px;color:#204f3f!important;margin:0 0 18px;font-weight:600;letter-spacing:-.035em}
.design-site .product-hero .product-tagline{color:#84dfc9!important}
.design-site .product-description{font-size:14px;max-width:420px}
.design-site .product-hero .product-description{color:#b2c0bb}
.design-site .heroactions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:26px 0 13px}
.design-site .product-hero .btn{padding-inline:15px;gap:10px;font-size:13px}
.design-site .product-hero .btn.primary{background:#84dfc9;border-color:#84dfc9;color:#09271e}
.design-site .product-hero .btn.primary:hover{background:#9be8d5;border-color:#9be8d5}
.design-site .product-hero .btn.secondary{border-color:#526b61;color:#e4eee9}
.design-site .product-hero .btn.secondary:hover{background:#ffffff0c;border-color:#86b4a2}
.design-site .version-line{font-size:11px;color:#90a69e}
.design-site .workflow-link{margin-top:13px;font-size:12px}
.design-site .product-hero .workflow-link{color:#93e3cf}
.design-site .product-hero-shot{min-width:0}
.design-site .product-hero-shot figcaption{text-align:right;font-size:10px;color:#91a89c;margin-top:12px}
.design-site .product-hero-shot .shot-open{border-color:#d6e7dc40;box-shadow:0 20px 55px #0005}
.design-site .mobile-handoff{display:none}
.design-site .product-hero .mobile-handoff p{color:#b6c9c0}
.design-site .product-hero .mobile-handoff .text-button,.design-site .product-hero .mobile-handoff [role="status"]{color:#9ce6d2}
.design-site .outcome-section{background:#fff}
.design-site .workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:0;margin:32px 0;list-style:none}
.design-site .workflow li{position:relative;padding:0 26px 0 0;border-right:1px solid var(--line)}
.design-site .workflow li:last-child{border:0}
.design-site .workflow-number{font-family:monospace;color:#1b8e70;font-size:13px;display:block;margin-bottom:13px}
.design-site .workflow h3{font-size:18px;margin-bottom:8px}
.design-site .workflow p{font-size:13px}
.design-site .outcome-shot{max-width:1000px;margin:40px auto 0;border-radius:12px;background:#f2f5f2;border:1px solid var(--line);padding:24px}
.design-site .shot-open{display:block;position:relative;padding:0;width:100%;border:1px solid #dce4de;background:#fff;border-radius:8px;overflow:hidden;color:#fff}
.design-site .shot-open img{width:100%;height:auto;object-fit:contain}
.design-site .zoom-hint{position:absolute;bottom:12px;right:12px;padding:4px 10px;background:#17382deb;backdrop-filter:blur(4px);font-size:11px;border-radius:5px;opacity:.96}
.design-site .outcome-shot figcaption{font-size:13px;color:#3f5d4d;margin-top:17px}
.design-site .outcome-shot figcaption span{display:block;color:#819185;font-size:11px;margin-top:4px}
.design-site .scope-note{max-width:1000px;margin:24px auto 0;padding:22px 26px;border-left:3px solid #60b9a3;background:#f2f7f4;border-radius:0 9px 9px 0}
.design-site .scope-note h3{font-size:16px;margin-bottom:10px}
.design-site .scope-note p{font-size:12px;line-height:1.9;margin-top:6px}
.design-site .feature-section{padding:65px 0}
.design-site .feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 30px;border-top:1px solid var(--line)}
.design-site .feature-item{display:flex;gap:14px;padding:26px 0;border-bottom:1px solid var(--line)}
.design-site .feature-item h3{font-size:16px;margin:1px 0 8px}
.design-site .feature-item p{font-size:13px}
.design-site .feature-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:7px;background:#e5efe7;color:#208265;flex-shrink:0;font-size:16px}
.design-site .mix-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.design-site .mix-toolset{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}
.design-site .mix-tools-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}
.design-site .mix-tools-heading h3{font-size:20px;letter-spacing:-.025em}
.design-site .mix-tools-heading>p{font-size:11px;max-width:330px}
.design-site .mix-tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.design-site .mix-tool{padding:16px;border:1px solid var(--line);border-radius:9px;background:#fff}
.design-site .mix-tool h4{display:flex;align-items:center;gap:8px;font-size:14px;line-height:1.5;font-weight:650;margin:0 0 10px}
.design-site .mix-tool p{font-size:12px;line-height:1.8}
.design-site .mix-tool-icon{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;border-radius:6px;font-size:11px;color:var(--green);background:#eaf3ed}
.design-site .gallery-section{background:#fff}
.design-site .screen-gallery{max-width:1050px;margin:auto;min-width:0}
.design-site .gallery-tabs{display:flex;gap:5px;padding:5px;margin-bottom:20px;border:1px solid var(--line);border-radius:10px;background:#f6f8f6;overflow-x:auto;max-width:100%;scrollbar-width:thin}
.design-site .gallery-tabs button{padding:10px 17px;min-height:44px;white-space:nowrap;border:0;border-radius:6px;background:transparent;color:#637c6c;font-size:13px;flex:1}
.design-site .gallery-tabs button[aria-selected="true"]{background:#fff;color:#0b725a;box-shadow:0 1px 5px #102b2110;font-weight:700}
.design-site .gallery-panel{margin:0}
.design-site .gallery-panel .shot-open{height:530px;background:#eff4ef;padding:18px}
.design-site .gallery-panel .shot-open img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 7px 14px #1c38251a)}
.design-site .gallery-panel figcaption{display:flex;gap:20px;align-items:start;padding:20px 0 16px;min-height:78px;font-size:13px}
.design-site .gallery-panel figcaption strong{min-width:110px;color:#254d39;font-size:15px}
.design-site .gallery-panel figcaption>span{color:var(--muted)}
.design-site .gallery-controls{border-top:1px solid var(--line);padding-top:16px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#819287}
.design-site .gallery-real-note{padding-left:14px;margin-left:14px;border-left:1px solid var(--line);font-size:11px}
.design-site .gallery-controls>div{display:flex;gap:8px}
.design-site .gallery-controls button{width:44px;height:44px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#31563e;font-size:20px}
.design-site .gallery-controls button:hover{background:#eff5ef}
.design-site .faq-section{padding:64px 0}
.design-site .faq-layout{display:grid;grid-template-columns:1fr 1.7fr;gap:80px}
.design-site .faq-layout .sectionhead{margin:0}
.design-site .faq-layout h2{font-size:30px;line-height:1.45}
.design-site .faq{max-width:none;margin:0;width:100%}
.design-site .faq details{border:0;border-bottom:1px solid #d8e2db;border-radius:0;background:none;margin:0;padding:0}
.design-site .faq summary{padding:20px 28px 20px 0;font-size:15px;font-weight:600;position:relative;cursor:pointer;list-style:none}
.design-site .faq summary::-webkit-details-marker{display:none}
.design-site .faq summary:after{content:'+';position:absolute;right:3px;color:#348166;font-weight:400;font-size:20px;top:14px}
.design-site .faq details[open] summary:after{content:'−'}
.design-site .faq details p{font-size:14px;line-height:1.85;padding:0 24px 22px 0;margin:0}
.design-site .license-section{padding:0 0 64px}
.design-site .license-panel{border:1px solid #cddbd0;border-radius:12px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:40px;background:#edf3ec}
.design-site .license-panel h2{font-size:25px;margin:8px 0 13px}
.design-site .license-panel p{font-size:13px}
.design-site .license-panel small{display:block;font-size:11px;color:#7d8d7e;margin-top:12px;max-width:610px}
.design-site .license-panel .btn{flex-shrink:0;font-size:13px}
.design-site .download-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 2px 0}
.design-site .download-strip strong{font-size:14px;font-weight:600}
.design-site .download-strip p{font-size:12px;margin-top:3px}
.design-site .download-strip .btn{min-height:44px;padding-block:8px;font-size:13px}
.design-site .contact-section{background:#e8f1eb;border-top:1px solid #d6e4d9;padding:60px 0}
.design-site .contact-grid{display:grid;grid-template-columns:minmax(0,1fr) 284px;gap:80px;align-items:center;max-width:1050px;margin:auto}
.design-site .contact-copy{max-width:620px;display:block}
.design-site .contact-copy>*{order:0}
.design-site .contact-copy h2{font-size:32px;line-height:1.4;margin:8px 0 12px;letter-spacing:-.04em}
.design-site .contact-lead{font-size:14px;max-width:530px;margin:0}
.design-site .contact-services{display:flex;gap:9px 20px;flex-wrap:wrap;list-style:none;padding:0;margin:18px 0 22px;font-size:12px;color:#52725d}
.design-site .contact-services li:before{content:'✓';margin-right:6px;color:#177957}
.design-site .wechat-account{display:flex;align-items:center;gap:13px;background:#fff9;border:1px solid #cfdfd2;border-radius:8px;padding:11px 14px;width:fit-content;font-size:12px;margin:0 0 18px}
.design-site .wechat-account>span{color:#738b78}
.design-site .wechat-account code{font-family:ui-monospace,monospace;font-size:18px;color:#164c34;font-weight:600}
.design-site .wechat-account button{border:0;border-left:1px solid #dce6dd;padding:3px 0 3px 13px;border-radius:0;background:transparent;color:#08734e;min-height:28px;font-size:12px;font-weight:600}
.design-site .inquiry-box>span{font-size:11px;color:#829486}
.design-site .inquiry-box p{font-size:13px;color:#3b5f47;margin:3px 0 0}
.design-site .inquiry-box .text-button{font-size:12px;min-height:34px}
.design-site .copy-status{font-size:12px;color:#137650;min-height:22px;margin:0 0 6px}
.design-site .contact-notice{font-size:10px;color:#7d9282;max-width:500px;line-height:1.8}
.design-site .wechat-qr-card{display:block;order:0;background:#fff;border:1px solid #d4e1d5;border-radius:12px;box-shadow:0 10px 30px #254b2a08;padding:18px;text-align:center;width:100%;margin:0;max-width:none}
.design-site .qr-crop{display:block;position:relative;aspect-ratio:1;width:100%;border:0;background:#fff;overflow:hidden;padding:0;border-radius:6px}
.design-site .qr-crop img{position:absolute;width:136.667%;max-width:none;height:auto;left:-18.333%;top:-58.667%}
.design-site .wechat-qr-card figcaption{font-size:11px;color:#3a6149;margin:5px 0 6px}
.design-site .qr-actions{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:20px;margin:0;border:0;padding:0}
.design-site .qr-actions :is(a,button){font-size:11px;min-height:38px;line-height:1.6;white-space:nowrap}
.design-site .wechat-qr-card .qr-save{border:0;background:none}
.design-site .qr-help{font-size:10px;line-height:1.8;color:#819486;margin-top:5px}
.design-site .contact-compact{padding:36px 0}
.design-site .contact-compact .contact-grid{grid-template-columns:minmax(0,1fr) 230px;gap:70px}
.design-site .contact-compact .contact-copy h2{font-size:27px}
.design-site .contact-compact .contact-services{margin-block:10px 15px}
.design-site .contact-compact .inquiry-box{display:none}
.design-site .contact-compact .wechat-qr-card{padding:13px}
.design-site .contact-compact .qr-actions{gap:12px}
.design-site .wechat-float{position:fixed;right:24px;bottom:24px;z-index:25;padding:12px 18px;background:#08745d;color:#fff;border:1px solid #ffffff40;border-radius:9px;box-shadow:0 5px 20px #173d2c25;font-size:12px;gap:10px;display:flex;align-items:center;transition:opacity .2s}
.design-site .wechat-float-dot{width:6px;height:6px;background:#92e4c4;display:inline-block;border-radius:50%}
.design-site .wechat-float.is-hidden{visibility:hidden;opacity:0;pointer-events:none}
.design-site .footer{padding:30px 0;background:#fbfcfa;border-top:1px solid var(--line)}
.design-site .footerin{display:flex;align-items:center;justify-content:space-between;gap:25px;color:#7c8b80;font-size:11px;flex-wrap:wrap}
.design-site .footer-brand{display:flex;align-items:center;gap:9px;color:#3c5545;font-size:13px}
.design-site .footer-brand .brandmark{transform:scale(.8);width:22px}
.design-site .footerin>div{display:flex;gap:22px;flex-wrap:wrap}
.design-site .image-dialog{position:fixed;inset:0;max-width:calc(100vw - 48px);max-height:calc(100dvh - 48px);width:1260px;padding:0;border:1px solid #dae3dc;border-radius:12px;background:#f4f7f3;color:var(--ink);box-shadow:0 25px 100px #0006;overflow:hidden}
.design-site .image-dialog[open]{display:flex;flex-direction:column}
.design-site .image-dialog::backdrop{background:#06100cd9;backdrop-filter:blur(6px)}
.design-site .image-dialog-head{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:10px 16px 10px 22px;border-bottom:1px solid var(--line);flex-shrink:0;background:#fff}
.design-site .image-dialog-head h2{font-size:14px;letter-spacing:0;line-height:1.6}
.design-site .viewer-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}
.design-site .viewer-actions button{border:1px solid var(--line);background:transparent;border-radius:6px;min-width:44px;min-height:44px;font-size:12px;padding:0 12px;color:#305d43}
.design-site .viewer-actions .image-close{font-size:27px;line-height:1;width:44px}
.design-site .image-canvas{min-height:0;overflow:auto;overscroll-behavior:contain;display:flex;align-items:center;justify-content:center;padding:20px}
.design-site .image-canvas img{display:block;max-height:calc(100dvh - 200px);max-width:100%;width:auto;height:auto;object-fit:contain;flex-shrink:0}
.design-site .image-dialog.is-original .image-canvas{display:block}
.design-site .image-dialog.is-original .image-canvas img{max-height:none;max-width:none}
.design-site .viewer-tip{font-size:11px;color:#6c8272;text-align:center;padding:10px 12px;flex-shrink:0}
.design-site.viewer-open{overflow:hidden}
.design-site .clipboard-field{position:fixed;left:-9999px;top:0;opacity:0}
.design-site .info-hero{padding:56px 0 42px}
.design-site .info-hero h1{font-size:42px;line-height:1.4;margin:13px 0 18px}
.design-site .info-hero>p{font-size:15px}
.design-site .info-page .section{padding:48px 0}
.design-site .info-page .contact-section{padding:36px 0}
.design-site .info-page .sectionhead h2{font-size:27px}
.design-site .info-page .steps{gap:24px}
.design-site .info-page .step{padding:22px;background:#f4f7f2;border:1px solid var(--line);border-radius:10px}
.design-site .info-page .step h3{font-size:17px;margin:10px 0}
.design-site .info-page .step p,.design-site .info-page .feature p{font-size:13px}
.design-site .info-page .feature{padding:24px;border-radius:10px;box-shadow:none}
.design-site .info-page .feature h3{margin-bottom:12px;font-size:18px}
.design-site .jump-links{margin-top:24px;gap:10px}
.design-site .jump-links a{font-size:12px;border-radius:6px}
.design-site .version-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.design-site .version-card>img{object-fit:contain}
.design-site .version-card{padding:28px;border-radius:12px}
.design-site .version-card h3{margin-block:16px 8px}
.design-site .version-card p{font-size:13px}
.design-site .version-number{font-size:32px}
.design-site .version-card .btn{margin-block:20px 10px}
.design-site .update-entry{padding:28px 0;gap:36px}
.design-site .update-entry h3{font-size:20px;margin-block:8px 13px}
.design-site .prose{max-width:850px;font-size:14px}
.design-site .prose h2{font-size:25px;margin:32px 0 16px}
.design-site .prose h2:first-child{margin-top:0}
.design-site .prose p{margin-bottom:16px}
@media(min-width:1600px){.design-site .hero{min-height:720px}.design-site .hero-visual{height:560px}}
@media(max-width:1100px){
 .design-site .wrap{width:calc(100% - 56px)}
 .design-site .navlinks{gap:18px}.design-site .navin{gap:18px}
 .design-site .hero{gap:25px;grid-template-columns:1fr 1fr;min-height:650px}
 .design-site .hero h1{font-size:60px}.design-site .hero-visual{height:470px}
 .design-site .hero-screen-record{top:112px}
 .design-site .hero-choices{gap:8px}.design-site .choice-card{padding:13px}.design-site .choice-label{font-size:14px}
 .design-site .product-hero-grid{gap:28px;grid-template-columns:1fr 1fr}
 .design-site .product-hero h1{font-size:37px}.design-site .product-tagline{font-size:20px}
 .design-site .product-hero .heroactions{flex-direction:column;align-items:stretch}
 .design-site .product-hero .btn{width:100%}
 .design-site .product-card{padding:24px}.design-site .product-card-shot{height:230px}
 .design-site .contact-grid{gap:45px}.design-site .license-panel{gap:22px;padding:26px}.design-site .license-panel .btn{max-width:240px}
 .design-site .gallery-panel .shot-open{height:480px}
}
@media(max-width:960px){
 .design-site .wrap{width:calc(100% - 40px)}.design-site .section{padding:56px 0}
 .design-site .navin{height:68px;gap:12px}.design-site .brand{font-size:15px;gap:7px}
 .design-site .brandmark{transform:scale(.85);width:26px}.design-site .nav-cta{font-size:12px;padding:8px 10px}
 .design-site .nav-cta span{display:none}.design-site .menu-toggle{display:flex}
 .design-site .navlinks{display:none;position:absolute;top:67px;left:0;right:0;padding:14px 20px 20px;background:#101d18;border-bottom:1px solid #ffffff20;grid-template-columns:1fr 1fr;gap:6px}
 .design-site .menu-open .navlinks{display:grid;background:#101d18;border-color:#ffffff20}.design-site .navlinks a{min-height:46px;display:flex;align-items:center;padding:8px 12px;border-radius:5px;background:#80947e09}
 .design-site .hero{grid-template-columns:1fr;gap:32px;padding-top:44px;padding-bottom:32px;min-height:0}
 .design-site .hero-copy{max-width:580px}.design-site .hero h1{font-size:64px;margin-block:22px}
 .design-site .hero-copy>p{font-size:15px}.design-site .hero-choices{max-width:500px;margin-top:24px;gap:12px}
 .design-site .choice-card{padding:16px 18px}.design-site .choice-label{font-size:16px}
 .design-site .hero-visual{height:520px;max-width:590px;width:100%;margin:10px auto 0}
 .design-site .hero-screen-mix{width:94%;right:0}.design-site .hero-screen-record{width:70%;left:0;top:130px}
 .design-site .hero-visual-note{bottom:-13px}.design-site .intro-foot{padding-block:20px}
 .design-site .split-heading{display:block}.design-site .split-heading p{padding:0;margin-top:10px;max-width:500px}
 .design-site .product-pair{grid-template-columns:1fr;gap:18px}.design-site .version-grid{grid-template-columns:1fr}.design-site .product-card{padding:20px}.design-site .product-card h3{font-size:24px}
 .design-site .product-card-shot{height:180px;padding:7px;margin-block:20px}
 .design-site .product-card-bottom{flex-direction:column;align-items:start;gap:5px}
 .design-site .product-card-bottom .btn{width:100%}
 .design-site .resource-grid{grid-template-columns:1fr 1fr;gap:20px}.design-site .resource-grid>div{grid-column:1/-1}
 .design-site .resource-card{padding-left:20px}
 .design-site .product-hero{padding:40px 0}.design-site .product-hero-grid{grid-template-columns:1fr;gap:30px}
 .design-site .product-hero h1{font-size:40px}.design-site .product-description{max-width:580px}
 .design-site .product-hero .heroactions{flex-direction:row;align-items:center}
 .design-site .product-hero .btn{width:auto}.design-site .product-label{margin-bottom:20px}
 .design-site .product-hero-shot{max-width:680px;width:100%;margin:auto}
 .design-site .mobile-handoff{display:block;margin-top:20px;border-top:1px solid #355348;padding-top:14px}
 .design-site .mobile-handoff p{font-size:12px}.design-site .mobile-handoff .text-button{font-size:12px;min-height:38px}
 .design-site .mobile-handoff [role="status"]{font-size:11px;color:#087f6c;display:block}
 .design-site .workflow{gap:20px}.design-site .workflow li{padding-right:15px}
 .design-site .outcome-shot{padding:14px}.design-site .feature-grid{grid-template-columns:1fr 1fr;gap:0 25px}
 .design-site .mix-tools-heading{display:block}.design-site .mix-tools-heading>p{margin-top:8px;max-width:none}
 .design-site .mix-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .design-site .gallery-panel .shot-open{height:400px;padding:12px}
 .design-site .faq-layout{gap:30px;grid-template-columns:1fr}.design-site .faq-layout h2 br{display:none}
 .design-site .faq-layout h2{font-size:28px}.design-site .faq-layout .sectionhead .text-link{min-height:30px}
 .design-site .license-panel{flex-direction:column;align-items:start;gap:20px}.design-site .license-panel .btn{max-width:none}
 .design-site .contact-grid,.design-site .contact-compact .contact-grid{grid-template-columns:minmax(0,1fr) 240px;gap:25px}
 .design-site .contact-copy h2{font-size:27px}.design-site .contact-services{display:block;margin:13px 0}
 .design-site .contact-services li{margin:4px 0}.design-site .wechat-account{flex-wrap:wrap;gap:6px 12px;padding:10px 12px}
 .design-site .wechat-account>span{display:none}.design-site .wechat-account code{font-size:17px}
 .design-site .wechat-account button{padding-left:10px}.design-site .wechat-qr-card{padding:12px}
 .design-site .footerin{gap:18px}.design-site .footerin>div{gap:12px 20px}
}
@media(max-width:540px){
 .design-site .wrap{width:calc(100% - 36px)}.design-site h2{font-size:27px}.design-site .section{padding:44px 0}
 .design-site .sectionhead{margin-bottom:24px}.design-site .sectionhead h2{margin-block:7px 12px}
 .design-site .sectionhead p{font-size:13px}.design-site .navin{height:64px}.design-site .nav-actions{gap:8px}
 .design-site .brand{font-size:14px}.design-site .nav-cta{font-size:11px;padding:8px}.design-site .menu-toggle{width:38px;height:38px;min-height:38px;font-size:19px}
 .design-site .navlinks{top:63px}.design-site [id]{scroll-margin-top:80px}
 .design-site .hero{padding-top:36px;gap:16px}.design-site .eyebrow{font-size:10px}
 .design-site .hero h1{font-size:56px;margin-block:23px}.design-site .hero-copy>p{font-size:14px}
 .design-site .hero-choices{grid-template-columns:1fr;gap:8px}.design-site .choice-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px}.design-site .choice-label{width:54%;font-size:14px;gap:4px}.design-site .choice-name{font-size:11px;margin:0;text-align:right}
 .design-site .scope-note{padding:18px;margin-top:18px}
 .design-site .hero-note{font-size:10px;margin-top:15px}.design-site .hero-visual{height:370px;margin-top:18px}
 .design-site .hero-screen figcaption{padding:6px 8px;font-size:8px;gap:5px}.design-site .hero-screen{border-radius:7px}
 .design-site .hero-screen-mix{width:96%;top:0}.design-site .hero-screen-record{width:72%;top:100px}
 .design-site .hero-screen-kuaisha{width:84%;bottom:4px}
 .design-site .hero-visual-note{font-size:8px;bottom:-13px}.design-site .intro-foot{font-size:10px;padding-block:18px}
 .design-site .product-pair{grid-template-columns:1fr;gap:20px}.design-site .product-card{padding:23px}
 .design-site .product-card h3{font-size:27px}.design-site .product-card-top img{width:40px;height:40px}
 .design-site .product-card-shot{height:220px}.design-site .product-card-desc{min-height:0;font-size:13px}
 .design-site .product-card-bottom{flex-direction:row;align-items:center;gap:12px}.design-site .product-card-bottom .btn{width:auto;min-height:44px;font-size:12px;padding:9px 13px;gap:12px}
 .design-site .product-card-bottom .text-link{font-size:12px;gap:4px;white-space:nowrap}
 .design-site .product-highlights{margin-block:15px 20px;gap:6px}.design-site .product-highlights li{font-size:10px;padding:3px 7px}
 .design-site .resource-grid{grid-template-columns:1fr}.design-site .resource-grid h2{font-size:24px}
 .design-site .resource-card{padding:15px 0;border-left:0;border-top:1px solid #d2dfd3}
 .design-site .resource-card h3{margin-block:8px;font-size:16px}.design-site .resource-grid>div{grid-column:auto}
 .design-site .product-hero{padding:30px 0}.design-site .product-label{font-size:10px;margin-bottom:20px}
 .design-site .product-label img{width:38px;height:38px;border-radius:9px}
 .design-site .product-hero h1{font-size:35px}.design-site .product-tagline{font-size:21px;margin-bottom:15px}
 .design-site .product-description{font-size:13px}.design-site .product-hero .heroactions{display:grid;grid-template-columns:1fr;margin-top:23px;gap:9px}
 .design-site .product-hero .btn{width:100%;min-height:46px;font-size:14px}.design-site .product-hero .btn.secondary{min-height:44px}
 .design-site .version-line{font-size:10px}.design-site .workflow-link{font-size:12px;margin-top:6px;min-height:38px}
 .design-site .mobile-handoff{margin-top:10px}.design-site .product-hero-grid{gap:24px}.design-site .product-hero-shot figcaption{font-size:10px;margin-top:8px}
 .design-site .workflow{grid-template-columns:1fr;gap:0;margin-block:24px}.design-site .workflow li{padding:15px 0 15px 43px;border-right:0;border-bottom:1px solid var(--line)}
 .design-site .workflow-number{position:absolute;left:0;top:16px;margin:0}.design-site .workflow h3{font-size:16px;margin-bottom:5px}
 .design-site .workflow p{font-size:12px}.design-site .outcome-shot{margin-top:24px;padding:10px;border-radius:9px}
 .design-site .outcome-shot figcaption{font-size:12px;line-height:1.8;margin-top:11px}.design-site .outcome-shot figcaption span{font-size:10px}
 .design-site .zoom-hint{font-size:10px;padding:3px 7px;bottom:8px;right:8px}
 .design-site .feature-grid{grid-template-columns:1fr;gap:0}.design-site .feature-item{padding:20px 0;gap:13px}
 .design-site .mix-toolset{margin-top:24px;padding-top:20px}.design-site .mix-tools-heading h3{font-size:19px}
 .design-site .mix-tools-grid{gap:10px}.design-site .mix-tool{padding:13px}.design-site .mix-tool p{font-size:11px}
 .design-site .feature-item h3{font-size:16px}.design-site .feature-item p{font-size:12px;line-height:1.85}
 .design-site .feature-icon{width:29px;height:29px}.design-site .gallery-tabs{margin-bottom:12px;padding:4px;gap:3px}
 .design-site .gallery-tabs button{flex:none;font-size:12px;padding:9px 14px}
 .design-site .gallery-panel .shot-open{height:250px;padding:8px}.design-site .gallery-panel figcaption{display:block;padding:15px 0;min-height:112px;font-size:12px}
 .design-site .gallery-panel figcaption strong{display:block;font-size:14px;margin-bottom:6px}.design-site .gallery-controls{font-size:11px}
 .design-site .gallery-real-note{display:none}.design-site .gallery-controls button{width:44px;height:44px}
 .design-site .faq-layout{gap:12px}.design-site .faq-layout h2{font-size:26px}.design-site .faq summary{font-size:14px;padding-block:18px}
 .design-site .faq details p{font-size:12px;padding-bottom:18px}.design-site .license-section{padding-top:0}
 .design-site .license-panel{padding:22px;gap:20px}.design-site .license-panel h2{font-size:23px}
 .design-site .license-panel p{font-size:12px}.design-site .license-panel p br{display:none}.design-site .license-panel small{font-size:10px}
 .design-site .license-panel .btn{width:100%;font-size:12px;gap:9px}.design-site .download-strip{flex-direction:column;align-items:start;padding-top:22px;gap:13px}
 .design-site .download-strip p{font-size:11px}.design-site .download-strip .btn{width:100%}
 .design-site .contact-section,.design-site .info-page .contact-section{padding:36px 0}.design-site .contact-grid,.design-site .contact-compact .contact-grid{grid-template-columns:1fr;gap:22px}
 .design-site .contact-copy h2{font-size:26px}.design-site .contact-lead{font-size:13px}
 .design-site .contact-services{display:flex;gap:5px 13px;font-size:11px}.design-site .contact-services li{margin:0}
 .design-site .wechat-account{width:100%;justify-content:space-between;gap:10px;margin-bottom:15px;padding:10px 13px;min-height:52px}
 .design-site .wechat-account>span{display:inline;font-size:11px}.design-site .wechat-account code{font-size:18px}
 .design-site .wechat-account button{font-size:12px;min-height:32px}.design-site .inquiry-box p{font-size:12px}
 .design-site .copy-status{font-size:11px;min-height:20px}.design-site .contact-notice{font-size:10px}
 .design-site .wechat-qr-card,.design-site .contact-compact .wechat-qr-card{max-width:280px;justify-self:center;padding:16px}
 .design-site .qr-actions :is(a,button){min-height:44px;font-size:12px}.design-site .wechat-qr-card figcaption{font-size:12px}
 .design-site .qr-help{font-size:10px}.design-site .contact-compact .contact-copy h2{font-size:26px}
 .design-site .wechat-float{bottom:16px;right:16px;padding:11px 14px;font-size:11px;border-radius:8px}
 .design-site .footer{padding:25px 0 76px}.design-site .footerin{gap:15px}.design-site .footerin>div{font-size:11px;gap:7px 17px}.design-site .footerin>span{font-size:10px}
 .design-site .image-dialog{max-width:calc(100vw - 16px);max-height:calc(100dvh - 24px);border-radius:9px}
 .design-site .image-dialog-head{padding:8px 8px 8px 13px;gap:8px}.design-site .image-dialog-head h2{font-size:12px}
 .design-site .viewer-actions{gap:6px}.design-site .viewer-actions button{font-size:10px;padding-inline:8px}
 .design-site .image-canvas{padding:8px}.design-site .image-canvas img{max-height:calc(100dvh - 150px)}
 .design-site .viewer-tip{font-size:10px;padding:8px}.design-site .info-hero{padding:34px 0}
 .design-site .info-hero h1{font-size:31px}.design-site .info-hero>p{font-size:13px}.design-site .info-page .section{padding:36px 0}
 .design-site .info-page .sectionhead h2{font-size:24px}.design-site .info-page .steps,.design-site .info-page .grid3{grid-template-columns:1fr;gap:14px}
 .design-site .info-page .step{padding:21px}.design-site .version-grid{grid-template-columns:1fr;gap:15px}
 .design-site .update-entry{grid-template-columns:1fr;gap:14px;padding:24px 0}.design-site .update-entry h3{font-size:18px}
 .design-site .prose{font-size:13px}.design-site .prose h2{font-size:23px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.design-site *{transition:none!important}}