.menu-btn[data-v-57ab92ab]{display:none}@media(max-width:767px){.menu-btn[data-v-57ab92ab]{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;margin-right:-10px;background:none;border:0;padding:10px}.menu-btn span[data-v-57ab92ab]{display:block;height:1.6px;background:var(--ink);border-radius:2px;transition:transform .3s var(--ease),opacity .3s}.menu-btn[aria-expanded=true] span[data-v-57ab92ab]:nth-child(1){transform:translateY(6.6px) rotate(45deg)}.menu-btn[aria-expanded=true] span[data-v-57ab92ab]:nth-child(2){opacity:0}.menu-btn[aria-expanded=true] span[data-v-57ab92ab]:nth-child(3){transform:translateY(-6.6px) rotate(-45deg)}.site-nav[data-v-57ab92ab]{position:fixed;top:var(--header-h);left:0;right:0;flex-direction:column;gap:0;background:var(--bg);border-bottom:1px solid var(--line);padding:8px var(--pad-x) 14px;transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s var(--ease)}.site-nav.open[data-v-57ab92ab]{transform:none;opacity:1;pointer-events:auto}.site-nav a[data-v-57ab92ab]{padding:13px 0;font-size:15px;border-bottom:1px solid var(--line)}.site-nav a[data-v-57ab92ab]:last-child{border-bottom:0}}.page-enter-active,.page-leave-active{transition:opacity .28s ease,transform .28s var(--ease)}.page-enter-from{opacity:0;transform:translateY(10px)}.page-leave-to{opacity:0;transform:translateY(-6px)}@media(prefers-reduced-motion:reduce){.page-enter-active,.page-leave-active{transition:none}}.more-grid[data-v-88b5ea7e]{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}@media(max-width:767px){.more-grid[data-v-88b5ea7e]{grid-template-columns:repeat(2,1fr);gap:10px}.more-grid[data-v-88b5ea7e] .thumb{aspect-ratio:1 / 1}}:root{--bg: #fafaf8;--bg-soft: #f3f3f0;--ink: #1b1b19;--ink-2: #55554f;--muted: #8f8f88;--line: #e7e7e2;--card: #ffffff;--accent: #675cc7;--accent-ink: #4d44a8;--radius: 10px;--header-h: 64px;--pad-x: clamp(16px, 4vw, 56px);--max-w: 1440px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--ease: cubic-bezier(.16, 1, .3, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.wrap{max-width:var(--max-w);margin:0 auto;padding-inline:var(--pad-x)}.site-header{position:fixed;inset-inline:0;top:0;z-index:50;height:var(--header-h);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.site-header .wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:700;letter-spacing:.02em;font-size:15px;display:flex;align-items:baseline;gap:10px}.brand small{font-weight:400;color:var(--muted);font-size:11px;letter-spacing:.14em}.site-nav{display:flex;gap:clamp(18px,3vw,36px);font-size:14px;color:var(--ink-2)}.site-nav a{padding:8px 2px;position:relative;transition:color .25s;touch-action:manipulation}.site-nav a.router-link-active{color:var(--ink);font-weight:600}.site-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:1.5px;background:var(--ink);transition:right .35s var(--ease)}.site-nav a:hover:after,.site-nav a.router-link-active:after{right:0}.hero{padding-top:calc(var(--header-h) + clamp(48px,9vh,110px));padding-bottom:clamp(36px,6vh,72px)}.hero-kicker{font-size:12px;letter-spacing:.22em;color:var(--muted);margin-bottom:18px}.hero-title{font-size:clamp(30px,5.6vw,64px);line-height:1.18;font-weight:700;letter-spacing:-.015em;max-width:18em}.hero-title em{font-style:normal;color:var(--accent)}.hero-sub{margin-top:22px;color:var(--ink-2);font-size:clamp(14px,1.6vw,17px);max-width:62ch}.hero-links{margin-top:30px;display:flex;gap:26px;font-size:14px}.hero-links a{color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:3px;transition:opacity .25s}.hero-links a:hover{opacity:.55}.section{padding-block:clamp(40px,7vh,84px)}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:clamp(20px,3.5vh,40px)}.section-head h2{font-size:clamp(19px,2.4vw,26px);font-weight:700;letter-spacing:.01em}.section-head span{font-size:13px;color:var(--muted)}.work-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,305px),1fr));gap:clamp(14px,2.4vw,30px) clamp(12px,2vw,26px)}.work-card{display:block}.work-card .thumb{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--bg-soft);aspect-ratio:4 / 5}.work-card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.work-card:hover .thumb img{transform:scale(1.035)}.work-card .cap{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 2px 0}.work-card .cap b{font-size:15px;font-weight:600}.work-card .cap span{font-size:12px;color:var(--muted);white-space:nowrap}.work-card .tags{padding:6px 2px 0;display:flex;flex-wrap:wrap;gap:8px}.work-card .tags i{font-style:normal;font-size:11px;color:var(--ink-2);border:1px solid var(--line);border-radius:999px;padding:2px 9px;background:var(--card)}.work-card .badge-pending{color:var(--muted);font-size:12px;border:1px dashed var(--line);border-radius:999px;padding:2px 9px}.work-card.is-pending .thumb img{opacity:.82}@media(hover:hover)and (pointer:fine){.work-card .thumb:after{content:"查看案例";position:absolute;inset:auto 0 0;padding:34px 16px 14px;font-size:13px;color:#fff;background:linear-gradient(transparent,#1414128c);opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s var(--ease)}.work-card:hover .thumb:after{opacity:1;transform:none}}.cap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:clamp(16px,2.5vw,32px)}.cap-item{border-top:1px solid var(--ink);padding-top:14px}.cap-item b{display:block;font-size:15px;margin-bottom:6px}.cap-item p{font-size:13px;color:var(--ink-2)}.case-hero{padding-top:calc(var(--header-h) + clamp(30px,6vh,64px))}.case-hero h1{font-size:clamp(26px,4.4vw,48px);font-weight:700;letter-spacing:-.01em;line-height:1.2}.case-hero .lede{margin-top:14px;color:var(--ink-2);font-size:clamp(14px,1.7vw,17px);max-width:64ch}.case-meta{margin-top:26px;display:flex;flex-wrap:wrap;gap:10px 28px;font-size:13px;color:var(--muted);border-block:1px solid var(--line);padding-block:14px}.case-meta b{color:var(--ink);font-weight:600;margin-right:7px}.case-meta .status{color:var(--accent-ink);font-weight:600}.case-body{display:grid;gap:clamp(40px,7vh,76px);padding-block:clamp(40px,6vh,64px) 0;max-width:1080px;margin-inline:auto}.case-sec h2{font-size:clamp(18px,2.2vw,24px);font-weight:700;margin-bottom:14px}.case-sec p{color:var(--ink-2);font-size:clamp(14px,1.6vw,16px);max-width:72ch}.case-sec p+p{margin-top:10px}.img-row{display:grid;gap:clamp(10px,1.6vw,18px);margin-top:6px}.img-row.n1{grid-template-columns:1fr}.img-row.n2{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.img-row.n3{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.img-row img{width:100%;border-radius:var(--radius);border:1px solid var(--line)}.img-row figcaption{font-size:12.5px;color:var(--muted);margin-top:8px}.img-full{border-radius:var(--radius);border:1px solid var(--line);width:100%}.ai-note{border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line));background:color-mix(in srgb,var(--accent) 5%,transparent);border-radius:var(--radius);padding:18px 20px}.ai-note b{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--accent-ink);margin-bottom:8px}.ai-note b:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent)}.ai-note p{font-size:13.5px;color:var(--ink-2)}.case-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:clamp(48px,8vh,90px)}.case-nav a{border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;background:var(--card);transition:border-color .3s}.case-nav a:hover{border-color:var(--ink)}.case-nav a span{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.case-nav a.next{text-align:right}.case-nav a b{font-size:15px;font-weight:600}.about-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(36px,6vh,64px);max-width:860px;margin-inline:auto;padding-block:clamp(40px,6vh,64px)}.tl{border-left:1px solid var(--line);padding-left:26px;display:grid;gap:26px}.tl-item{position:relative}.tl-item:before{content:"";position:absolute;left:-31px;top:7px;width:9px;height:9px;border-radius:50%;background:var(--bg);border:2px solid var(--ink)}.tl-item time{font-size:12.5px;color:var(--muted);letter-spacing:.06em}.tl-item b{display:block;font-size:15.5px;margin:3px 0}.tl-item p{font-size:13.5px;color:var(--ink-2);max-width:62ch}.site-footer{border-top:1px solid var(--line);margin-top:clamp(56px,10vh,110px)}.site-footer .wrap{padding-block:34px;display:grid;gap:10px;font-size:13px;color:var(--muted)}.site-footer b{color:var(--ink);font-size:15px}.site-footer a{color:var(--ink-2);border-bottom:1px solid var(--line)}.site-footer a:hover{color:var(--ink)}.site-footer .fin{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}html.js-anim .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}html.js-anim .reveal.is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}html.js-anim .reveal{opacity:1;transform:none;transition:none}.work-card .thumb img{transition:none}}@media(max-width:767px){:root{--header-h: 56px}.brand small{display:none}.site-nav{font-size:13.5px;gap:16px}.case-nav{grid-template-columns:1fr}.case-nav a.next{text-align:left}.case-meta{gap:8px 18px;font-size:12.5px}.work-grid{grid-template-columns:repeat(2,1fr);gap:12px 10px}}@media(min-width:1200px){.work-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:768px)and (max-width:1199px){.work-grid{grid-template-columns:repeat(3,1fr)}}