:root{--main:#5856e9;--main-soft:rgba(88,86,233,0.14);--page:#f7f7f9;--ink:#333333;--muted:#6c757d;--dark:#212529;--grey:#333333;--white:#ffffff;--line:#e9ecef;--radius:0;--container:960px;--font:var(--font-noto),"Microsoft YaHei","PingFang SC",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.5;background:var(--page);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(100% - 24px,var(--container));margin:0 auto}.header{position:sticky;top:0;z-index:30;background:var(--white);padding:14px 0;border-bottom:1px solid var(--line)}.header-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem}.logo{display:inline-flex;align-items:center;gap:8px;font-size:22px;font-weight:600;letter-spacing:.02em;justify-self:start;line-height:1}.logo img{display:block;height:38px;width:auto}.nav{display:none;gap:28px;font-size:15px;font-weight:500}.nav a:hover{color:var(--main)}.lang-switch{position:relative;justify-self:end;display:flex;align-items:center;gap:12px}.mobile-work-link{display:none;color:var(--main);font-weight:500}.lang-btn{border:none;background:transparent;color:var(--ink);cursor:pointer;font-size:14px;font-weight:500;padding:6px 10px;white-space:nowrap}.lang-btn:hover,.lang-btn[aria-expanded=true]{color:var(--main)}.lang-menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:40;margin:0;padding:6px 0;list-style:none;min-width:148px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 28px rgba(33,37,41,.12)}.lang-menu button{display:block;width:100%;border:none;background:none;padding:8px 14px;text-align:start;cursor:pointer;color:var(--ink)}.lang-menu button[aria-selected=true]{color:var(--main);font-weight:600}.lang-menu button:hover{background:#f7f7f9}.notice{background:var(--main);color:var(--white);text-align:center;padding:10px 16px;font-size:13px;font-weight:500}.banner{padding:56px 0 70px;background:radial-gradient(circle at 12% 55%,rgba(33,150,243,.15),rgba(255,255,255,0) 25%),radial-gradient(circle at 85% 33%,rgba(108,99,255,.176),rgba(255,255,255,0) 25%),var(--page)}.banner-txt{max-width:540px;margin:0 auto 42px;text-align:center}.banner-txt h1{margin:0;font-size:clamp(28px,4vw,35.2px);font-weight:500;line-height:1.2;color:var(--ink)}.banner-txt mark{background:linear-gradient(120deg,rgba(255,193,7,.4),rgba(255,193,7,.4));color:inherit;padding:0 .08em}.banner-txt p{margin:16px 0 0;color:var(--muted);font-size:15px;line-height:1.7}.feature-grid{align-items:stretch}.feature-grid,.feature-stack{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feature-stack{min-height:100%}.banner-box{display:flex;flex-direction:column;align-items:flex-start;height:100%;min-height:240px;padding:48px 28px 28px;border-radius:var(--radius);color:var(--white);transition:transform .2s ease}.banner-box:hover{transform:translateY(-2px)}.banner-box-dark{background:var(--dark);min-height:100%}.banner-box-main{background:var(--main)}.banner-box-grey{background:var(--grey)}.banner-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:18px;border-radius:50%;background:var(--white);color:#000}.banner-box h2{margin:0 0 10px;font-size:22px;font-weight:600}.banner-box p{margin:0 0 22px;flex:1 1;opacity:.88;line-height:1.6;font-size:13.5px}.pill-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 18px;border-radius:0;background:var(--white);color:var(--ink);font-size:13px;font-weight:600}.section{padding:48px 0 8px}.section-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:22px}.section-bar h2{margin:0;font-size:22px;font-weight:600}.section-more{color:var(--muted);font-size:13px}.section-more:hover{color:var(--main)}.dots{display:inline-flex;gap:6px}.dots i{width:10px;height:10px;border-radius:50%;background:#ff5f57}.dots i:nth-child(2){background:#febc2e}.dots i:nth-child(3){background:#28c840}.steps{list-style:none;margin:0;padding:24px 0 8px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid var(--line)}.steps li{padding-top:4px}.step-n{display:block;margin-bottom:10px;color:var(--main);font-weight:700;letter-spacing:.06em;font-size:12px}.steps h3{margin:0 0 8px;font-size:16px}.steps p{margin:0;color:var(--muted);line-height:1.6}#pricing{background:#fff;padding-top:40px;padding-bottom:40px;margin:24px 0 0}#pricing .container{width:min(100% - 24px,var(--container))}.design-server-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.design-server{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:30px;background:#f7f7f9;color:var(--ink);border-radius:0;box-shadow:none;transition:background .15s ease}.design-server:hover{background:#efeff3}.design-server-name h3{margin:0 0 8px;font-size:20px;font-weight:500;line-height:1.2;color:var(--ink)}.design-server-name h3 mark{background:linear-gradient(120deg,rgba(255,193,7,.4),rgba(255,193,7,.4));color:inherit;padding:0}.design-server-name p{margin:0;font-size:16px;font-weight:300;line-height:1.5;color:var(--ink)}.design-server-name p small{font-size:14px;font-weight:300}.design-server-name .pack-revisions{margin-top:8px;color:var(--muted);font-size:12px;font-weight:400}.service-faq{border-top:1px solid var(--line)}.service-faq details{padding:20px 0;border-bottom:1px solid var(--line)}.service-faq summary{cursor:pointer;font-size:16px;font-weight:500}.service-faq p{max-width:760px;margin:12px 0 0;color:var(--muted);line-height:1.8}section[id]{scroll-margin-top:88px}.design-server-art{flex:0 0 auto;width:121px;height:100px;display:block}.pricing-note{margin:16px 0 0;color:var(--muted);font-size:13px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product-card{overflow:hidden;border-radius:0;background:var(--white);box-shadow:0 8px 24px rgba(33,37,41,.06);transition:transform .2s ease,box-shadow .2s ease}.product-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(33,37,41,.1)}.product-cover{display:block;position:relative;aspect-ratio:3/4;background:#f4f0e9}.product-body{padding:16px 16px 18px}.product-meta{margin:0 0 6px;color:var(--muted);font-size:12px}.product-body h3{margin:0;font-size:17px;font-weight:600}.contact-lead{margin:-8px 0 20px;max-width:560px;color:var(--muted);line-height:1.7}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.channels{display:grid;gap:10px}.channel{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;text-align:left;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);cursor:pointer;transition:border-color .15s ease}.channel:hover{border-color:var(--main)}.channel span{font-size:12px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.channel strong{font-size:15px}.channel-with-icon{flex-direction:row;align-items:center;gap:12px}.channel-with-icon>svg{width:32px;height:32px;flex:none}.channel-copy{display:flex;flex:1 1;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}.channel-qr{display:grid;flex:none;place-items:center;width:36px;height:36px;margin-left:auto;color:var(--main);background:var(--page)}.channel-qr svg{width:20px;height:20px}.channel:hover .channel-qr{color:var(--white);background:var(--main)}.inquiry{display:grid;gap:12px;padding:18px;border-radius:var(--radius);background:var(--white);border:1px solid var(--line)}.form-hint{margin:0;color:var(--muted)}.inquiry label{display:grid;gap:6px}.inquiry label span{font-size:12px;color:var(--muted)}.inquiry input{width:100%;border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;background:var(--page);color:var(--ink)}.inquiry input:focus{outline:2px solid rgba(88,86,233,.28);border-color:transparent;background:var(--white)}.submit-btn{border:none;border-radius:0;padding:11px 18px;background:var(--main);color:var(--white);font-weight:600;cursor:pointer}.submit-btn:hover{filter:brightness(1.05)}.form-thanks{margin:0;color:var(--main)}.footer{margin-top:56px;padding:48px 0 40px;background:var(--dark);color:rgba(255,255,255,.78)}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .7fr .7fr;gap:28px}.footer-brand strong{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--white);font-size:22px}.footer-brand strong img{display:block;height:30px;width:auto}.footer-brand p{margin:0;line-height:1.7;font-size:13px}.footer-since{margin-top:14px!important;opacity:.65}.footer h2{margin:0 0 14px;color:var(--white);font-size:14px}.footer a,.footer button{display:block;margin:0 0 10px;border:none;background:none;padding:0;color:inherit;cursor:pointer;text-align:left;font-size:13px}.footer a:hover,.footer button:hover{color:var(--white)}.fab{position:fixed;right:22px;bottom:22px;z-index:40;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--main);color:var(--white);box-shadow:0 0 0 10px rgba(88,86,233,.18),0 12px 28px rgba(88,86,233,.35)}.fab:hover{filter:brightness(1.06)}.wechat-modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:rgba(33,37,41,.45);padding:16px}.wechat-panel{position:relative;width:min(100%,320px);max-height:min(90vh,760px);overflow:auto;padding:28px 24px 24px;border-radius:0;background:var(--white);text-align:center}.qr-platform{display:flex;align-items:center;justify-content:center;gap:12px;margin:4px 0 18px;text-align:left}.qr-platform h3{margin:0;font-size:16px;font-weight:700}.qr-platform .wechat-id{margin:2px 0 0;font-size:14px;font-weight:500;color:var(--muted)}.qr-platform-icon{display:grid;flex:none;place-items:center}.wechat-close{position:absolute;top:4px;right:10px;border:none;background:none;font-size:24px;cursor:pointer;color:var(--muted)}.wechat-id{margin:6px 0 14px;font-size:18px;font-weight:700}.wechat-qr{display:grid;place-items:center}.wechat-qr img{width:min(100%,220px);height:auto}.qr-scan{display:flex;align-items:center;justify-content:center;gap:8px;margin:16px 0 0;color:var(--ink);font-size:13px}.qr-scan-icon{display:grid;flex:none;place-items:center;width:32px;height:32px;color:var(--main);background:var(--page)}.whatsapp-open{display:inline-flex;margin-top:16px;text-decoration:none}.qr-placeholder{width:180px;height:180px;display:grid;place-items:center;border:1px dashed var(--line);border-radius:0;color:var(--muted);background:var(--page)}@media (min-width:901px){.nav{display:flex}}@media (min-width:1200px){.design-server-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.mobile-work-link{display:inline-block}.contact-layout,.design-server-grid,.feature-grid,.feature-stack,.footer-grid,.product-grid,.steps{grid-template-columns:1fr}.header-inner{grid-template-columns:1fr auto}}@media (min-width:701px) and (max-width:900px){.design-server-grid,.product-grid{grid-template-columns:1fr 1fr}}.nav a[aria-current=page]{color:var(--main)}.gallery-header-cta{justify-self:end;color:var(--main);font-weight:500}.gallery-page{padding-bottom:72px}.gallery-breadcrumb{display:flex;gap:12px;margin:28px 0 48px;font-size:13px;color:var(--muted)}.gallery-breadcrumb a:hover,.gallery-contact a:not(.submit-btn):hover{color:var(--main)}.gallery-intro{max-width:680px;margin-bottom:48px}.gallery-eyebrow{margin:0 0 12px;color:var(--main);font-size:12px;font-weight:600;letter-spacing:.04em}.gallery-intro h1{margin:0 0 20px;font-size:clamp(30px,5vw,46px);font-weight:500;line-height:1.15;letter-spacing:-.02em}.gallery-contact>p,.gallery-intro>p:last-child,.gallery-project p:last-child{color:var(--muted);line-height:1.8;max-width:620px}.gallery-intro>p:last-child{font-size:16px}.gallery-project{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px;background:var(--white);border:1px solid var(--line)}.gallery-contact h2,.gallery-project h2{margin:0 0 12px;font-size:24px;font-weight:500}.gallery-project p:last-child{margin:0}.gallery-project-cta{flex-shrink:0;text-align:center}.gallery-jumps{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 48px}.gallery-jumps a{padding:10px 14px;border:1px solid var(--line);background:var(--white)}.gallery-jumps a:hover{border-color:var(--main)}.gallery-jumps span{margin-inline-start:10px;color:var(--muted);font-size:12px}.gallery-group{margin-bottom:56px}.gallery-group-heading{margin-bottom:24px;max-width:640px}.gallery-group-heading h3{margin:0 0 8px;font-size:22px;font-weight:500}.gallery-group-heading p{margin:0;color:var(--muted);line-height:1.7}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.gallery-card{margin:0;min-width:0;background:var(--white);border:1px solid var(--line)}.gallery-image{position:relative;display:block}.gallery-image img{display:block;width:100%;height:auto}.gallery-image>span{position:absolute;inset-inline-end:12px;bottom:12px;padding:7px 10px;font-size:12px;background:var(--white);color:var(--ink);box-shadow:0 2px 12px rgba(0,0,0,.08)}.gallery-card figcaption{padding:20px}.gallery-card h4{margin:0 0 8px;font-size:17px;font-weight:500}.gallery-card figcaption p{margin:0;color:var(--muted);line-height:1.7}.gallery-note{max-width:680px;border-inline-start:2px solid var(--main);padding-inline-start:18px;color:var(--muted);font-size:13px;line-height:1.8}.gallery-contact{margin-top:56px;padding:36px 28px;background:var(--white)}.gallery-contact>div{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:24px}.gallery-footer{padding:28px 0;background:var(--dark);color:var(--white)}.gallery-footer .container{display:flex;align-items:center;flex-wrap:wrap;gap:16px 28px}.gallery-footer p{flex:1 1;min-width:200px;margin:0;color:#c5c8cc;font-size:13px}@media (max-width:640px){.gallery-grid{grid-template-columns:1fr}.gallery-project{flex-direction:column;align-items:flex-start;padding:22px}.gallery-breadcrumb{margin-bottom:32px}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition:none!important}}.language-picker{position:relative;justify-self:end}.language-picker summary{cursor:pointer;list-style:none;white-space:nowrap}.language-picker summary::-webkit-details-marker{display:none}.language-picker summary:after{content:" ▾";font-size:10px}.language-links{position:absolute;top:calc(100% + 12px);right:0;min-width:150px;padding:8px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px #0001;z-index:50;display:grid}.language-links a{display:block;padding:10px 12px;white-space:nowrap}.language-links a:hover,.language-links a[aria-current=page]{background:var(--page);color:var(--main)}.banner-txt h1 mark{display:inline-block}.case-index-intro{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 20px;margin-bottom:24px}.case-index-intro h1{margin:0;font-size:28px;font-weight:500;line-height:1.4}.case-count{margin:0;font-size:13px;color:var(--muted)}.case-masonry{column-count:3;column-gap:12px}.case-cover-card{display:block;page-break-inside:avoid;break-inside:avoid;width:100%;margin:0 0 20px}.case-cover-link{display:block}.case-cover-link>img{display:block;width:100%;height:auto;background:var(--white)}.case-cover-caption{padding:10px 0 0}.case-cover-caption h2{margin:0;font-size:15px;font-weight:500;line-height:1.5}.case-cover-link:hover h2{color:var(--main)}.case-cover-link:focus-visible{outline:2px solid var(--main);outline-offset:6px}.case-detail .gallery-breadcrumb{flex-wrap:wrap}.case-context{max-width:680px;margin:0 0 40px}.case-context h2,.case-reference h2,.case-related h2,.case-results>h2{margin:0 0 16px;font-size:20px;font-weight:500}.case-context p{color:var(--muted);line-height:1.8}.case-content{margin-bottom:36px}.case-has-reference{display:grid;grid-template-columns:160px minmax(0,1fr);gap:24px;align-items:start}.case-reference{position:sticky;top:96px}.case-original{display:block}.case-original img{display:block;width:100%;height:auto}.case-original span{display:block;margin-top:12px;color:var(--main);font-size:12px}.case-results{min-width:0}.case-image-masonry{column-count:3;column-gap:8px}.case-image-masonry .gallery-card{display:block;page-break-inside:avoid;break-inside:avoid;margin:0 0 8px}.case-image-masonry .gallery-card figcaption{padding:10px}.case-image-masonry .gallery-card h3{margin:0 0 5px;font-size:14px;font-weight:500;line-height:1.5}.case-image-masonry .gallery-card figcaption p{font-size:12px;line-height:1.6}.case-image-masonry .gallery-image>span{inset-inline-end:6px;bottom:6px;padding:5px 7px;font-size:10px}.case-related{margin:40px 0;padding-top:28px;border-top:1px solid var(--line)}.case-related a{display:inline-block;color:var(--main);line-height:1.7}@media (max-width:767px){.case-masonry{column-count:2}.case-has-reference{grid-template-columns:1fr}.case-reference{position:static;max-width:140px}}@media (max-width:479px){.case-image-masonry{column-count:2}}.cases-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}