.work-shell{background:#0b0b0b;min-height:100svh}.work-page{--work-ink:#0b0b0b;--work-paper:#f5f2ea;background:var(--work-paper);color:var(--work-ink);font-family:Arial,Microsoft YaHei,sans-serif;overflow:clip}.work-hero-device{z-index:2;aspect-ratio:1206/2622;object-fit:cover;transform-origin:50%;background:#fff;border:7px solid #141b24;border-radius:clamp(28px,2.6vw,43px);width:min(25vw,360px);height:auto;display:block;position:absolute;overflow:hidden;box-shadow:0 16px 28px #07132335,0 42px 65px #07132353}@media (max-width:1000px) and (min-width:651px){.work-hero-device{width:min(34vw,330px)}}@media (max-width:650px){.work-hero-device{border-width:4px;border-radius:22px;width:min(51vw,205px)}}.work-page-mobile .work-hero-art{inset:0 0 0 43%}.work-page-mobile .work-hero-device-back{top:5%;left:auto;right:7%;transform:perspective(1200px)rotateY(-10deg)}.work-page-mobile .work-hero-device-front{z-index:3;top:12%;left:auto;right:42%;transform:perspective(1200px)rotateY(10deg)}@media (min-width:1001px) and (max-width:1500px){.work-page-mobile .work-hero-device-front{right:48%}.work-page-mobile .work-hero-device-back{right:1%}}@media (min-width:651px) and (max-width:1000px){.work-page-mobile .work-hero-device-front{right:30%}}@media (max-width:650px){.work-page-mobile .work-hero-art{height:530px;inset:175px 0 auto;overflow:visible}.work-page-mobile .work-hero-device-front{top:18%;left:0;right:auto;transform:perspective(850px)rotateY(8deg)}.work-page-mobile .work-hero-device-back{top:10%;right:0;transform:perspective(850px)rotateY(-8deg)}}.work-page a{color:inherit;text-decoration:none}.work-page a:focus-visible{outline:3px solid var(--work-accent);outline-offset:4px}.work-nav-wrap{z-index:60;background:var(--work-ink);color:#fff;position:sticky;top:0;box-shadow:0 8px 28px #0003}.work-topbar{border-bottom:1px solid #333;grid-template-columns:1fr auto 1fr;align-items:center;height:68px;padding:0 clamp(22px,4.5vw,80px);display:grid}.work-brand{letter-spacing:-.04em;justify-self:start;align-items:center;gap:12px;font-size:24px;font-weight:900;display:flex}.work-brand i{background:var(--work-accent);width:11px;height:11px;display:block}.work-topbar>span{color:#aaa59e;letter-spacing:.08em;font:11px IBM Plex Mono,monospace}.work-return{justify-self:end;font-size:13px;transition:color .2s;color:#e7e2d7!important}.work-return:hover{color:var(--work-accent)!important}.work-tabs{scrollbar-width:thin;scrollbar-color:var(--work-accent) #242424;align-items:stretch;height:64px;padding:0 clamp(22px,4.5vw,80px);display:flex;overflow-x:auto}.work-tabs a{white-space:nowrap;color:#c9c5bd;border-bottom:1px solid #313131;flex:1 0 auto;place-items:center;min-width:106px;padding:0 23px;font-size:15px;font-weight:700;transition:background .2s,color .2s;display:grid}.work-tabs a:hover{color:#fff;background:#232323}.work-tabs a[aria-current=page]{background:var(--work-accent);color:#0b0b0b;box-shadow:inset 0 -5px #fff}.work-opening{background:var(--work-ink);color:#fff;isolation:isolate;grid-template-columns:43% 57%;min-height:min(760px,100svh - 132px);padding:clamp(54px,6vw,108px) clamp(22px,5vw,90px) 92px;display:grid;position:relative}.work-opening-copy{z-index:4;align-self:center;padding-bottom:30px;position:relative}.work-kicker{color:var(--work-accent);letter-spacing:.1em;margin:0 0 26px;font:12px IBM Plex Mono,monospace}.work-opening h1{letter-spacing:-.085em;white-space:nowrap;margin:0 0 6px;font-size:clamp(76px,10.5vw,176px);font-weight:900;line-height:1.05}.work-opening h1 em{color:var(--work-accent);vertical-align:.1em;letter-spacing:0;font-size:.72em;font-style:normal}.work-english{letter-spacing:.24em;white-space:nowrap;font-size:clamp(13px,1.8vw,26px);font-weight:800}.work-intro{max-width:400px;margin:65px 0 28px;font-size:clamp(18px,1.65vw,25px);font-weight:700;line-height:1.55}.work-scroll{border-top:5px solid var(--work-accent);align-items:center;gap:15px;padding-top:16px;font-size:12px;font-weight:700;display:inline-flex}.work-scroll span{color:var(--work-accent);font-size:24px}.work-opening-art{z-index:2;min-width:0;position:relative}.work-orbit{border:1px solid color-mix(in srgb,var(--work-accent),transparent 52%);pointer-events:none;border-radius:50%;position:absolute}.orbit-one{width:950px;height:950px;top:-44%;left:6%}.orbit-two{opacity:.45;width:650px;height:650px;top:-18%;left:30%}.cover-image{filter:drop-shadow(0 30px 26px #0009);width:auto;max-width:none;height:auto;position:absolute}.is-mobile .cover-image-1{z-index:3;height:clamp(440px,43vw,660px);top:1%;left:3%;transform:rotate(-11deg)}.is-mobile .cover-image-2{z-index:2;height:clamp(390px,38vw,590px);top:6%;left:35%;transform:rotate(8deg)}.is-mobile .cover-image-3{z-index:1;height:clamp(320px,31vw,480px);top:21%;left:62%;transform:rotate(17deg)}.is-wide .cover-image-1{z-index:3;width:76%;top:7%;left:3%;transform:rotate(-6deg)}.is-wide .cover-image-2{z-index:2;width:58%;top:30%;left:36%;transform:rotate(7deg)}.is-wide .cover-image-3{z-index:1;width:47%;top:2%;left:56%;transform:rotate(11deg)}.work-opening-bottom{background:var(--work-accent);color:#0b0b0b;letter-spacing:.08em;z-index:5;justify-content:space-between;align-items:center;height:52px;padding:0 clamp(22px,5vw,90px);font:800 12px IBM Plex Mono,monospace;display:flex;position:absolute;bottom:0;left:0;right:0}.work-primary,.work-details{padding:clamp(70px,7vw,125px) clamp(22px,5vw,90px)}.work-primary{background:#fffdfa;scroll-margin-top:132px}.work-section-heading{border-top:1px solid #bdb6aa;margin-bottom:clamp(40px,5vw,85px);padding-top:20px;position:relative}.work-section-heading p{letter-spacing:.1em;margin:0 0 35px;font:12px IBM Plex Mono,monospace}.work-section-heading h2{letter-spacing:-.07em;margin:0;font-size:clamp(52px,6.2vw,100px);font-weight:900;line-height:1.12}.work-section-heading h2 em{color:var(--work-accent);font-style:normal}.work-section-heading>span{color:#625f59;letter-spacing:.06em;margin-top:17px;font-size:14px;display:block}.work-primary-feature{color:#fff;background:#111;height:clamp(640px,62vw,940px);position:relative;overflow:hidden}.work-primary-feature:before{content:"";aspect-ratio:1;background:var(--work-accent);border-radius:50%;width:70%;position:absolute;top:11%;left:-7%;transform:rotate(-15deg)}.feature-word{letter-spacing:-.09em;color:#ffffff12;white-space:nowrap;font-size:clamp(60px,12vw,180px);font-weight:900;position:absolute;top:7%;left:4%}.work-media{min-width:0;margin:0}.work-media img{object-fit:contain;width:100%;height:auto;display:block}.work-media figcaption{justify-content:space-between;align-items:center;gap:18px;margin-top:14px;font-size:14px;font-weight:800;display:flex}.work-media figcaption span{color:var(--work-accent);font-size:20px}.work-primary-feature .work-media{z-index:2;filter:drop-shadow(0 22px 22px #0007);width:clamp(260px,25vw,400px);position:absolute}.work-primary-feature .feature-main{top:4%;left:18%;transform:rotate(-7deg)}.work-primary-feature .feature-side{top:14%;left:48%;transform:rotate(9deg)}.feature-note{z-index:3;color:#fff;background:#0a0a0a;max-width:210px;padding:22px;position:absolute;bottom:7%;right:5%;transform:rotate(3deg)}.feature-note small{color:var(--work-accent);font:10px IBM Plex Mono,monospace;display:block}.feature-note strong{margin-top:12px;font-size:25px;display:block}.feature-note p{color:#bbb4a8;font-size:12px;line-height:1.55}.work-primary-pair{background:var(--work-accent);height:clamp(580px,55vw,800px);margin-top:26px;position:relative;overflow:hidden}.work-primary-pair .work-media{z-index:2;filter:drop-shadow(0 18px 16px #0004);width:clamp(240px,24vw,380px);position:absolute}.work-primary-pair .pair-1{top:9%;left:19%;transform:rotate(-9deg)}.work-primary-pair .pair-2{top:6%;left:53%;transform:rotate(8deg)}.work-primary-pair .work-media figcaption span{color:#111}.pair-word{letter-spacing:-.09em;white-space:nowrap;color:#0001;font-size:clamp(110px,19vw,300px);font-weight:900;position:absolute;bottom:-.25em;left:-.03em}.work-wide-gallery{flex-direction:column;gap:28px;display:flex}.work-wide-gallery .work-media{background:#ece6da;padding:clamp(18px,4vw,55px)}.work-wide-gallery .wide-1{color:#fff;background:#111;width:100%}.work-wide-gallery .wide-2{align-self:flex-end;width:75%}.work-wide-gallery .wide-3{width:83%}.work-wide-gallery .work-media img{width:auto;max-width:100%;max-height:850px;margin:auto}.work-details{color:#fff;background:#101010}.work-details .work-section-heading{border-color:#454545}.work-details .work-section-heading>span{color:#a9a49d}.work-detail-gallery{flex-wrap:wrap;justify-content:center;align-items:start;gap:clamp(20px,3vw,52px);display:flex}.work-detail-gallery .work-media{width:min(22vw,340px);min-width:210px}.work-detail-gallery .work-media:nth-child(2n){margin-top:80px}.work-detail-gallery .work-media img{object-fit:contain;max-height:750px}.work-detail-gallery .work-media figcaption{border-top:1px solid #454545;padding-top:14px}.work-page-desktop .work-detail-gallery .work-media,.work-page-visual .work-detail-gallery .work-media{width:min(42vw,670px)}.work-page-desktop .work-detail-gallery .work-media img,.work-page-visual .work-detail-gallery .work-media img{width:auto;max-width:100%;max-height:680px;margin:auto}.work-next{background:var(--work-accent);flex-direction:column;gap:25px;padding:70px clamp(22px,5vw,90px) 95px;display:flex;color:#0b0b0b!important}.work-next small{letter-spacing:.08em;font:12px IBM Plex Mono,monospace}.work-next strong{letter-spacing:-.07em;justify-content:space-between;align-items:center;font-size:clamp(50px,8vw,125px);font-weight:900;display:flex}.work-next strong span{font-size:.75em;transition:transform .2s}.work-next:hover strong span{transform:translate(8px,-8px)}@media (max-width:900px){.work-opening{grid-template-columns:48% 52%;min-height:610px}.work-opening h1{font-size:clamp(58px,9vw,100px)}.work-intro{margin-top:55px}.is-mobile .cover-image-1{height:480px}.is-mobile .cover-image-2{height:420px}.is-mobile .cover-image-3{height:350px}.work-primary-feature .feature-main{left:8%}.work-primary-feature .feature-side{left:45%}.feature-note{bottom:4%;right:3%}}@media (max-width:650px){.work-topbar{grid-template-columns:1fr auto;height:58px;padding:0 18px}.work-brand{font-size:20px}.work-topbar>span{display:none}.work-return{font-size:11px}.work-tabs{height:54px;padding:0 10px}.work-tabs a{min-width:auto;padding:0 16px;font-size:13px}.work-opening{min-height:650px;padding:40px 22px 60px;display:block}.work-opening-copy{align-self:auto}.work-kicker{margin-bottom:18px;font-size:9px}.work-opening h1{font-size:clamp(52px,15vw,78px)}.work-english{letter-spacing:.18em;font-size:12px}.work-intro{max-width:270px;margin:22px 0 18px;font-size:15px}.work-scroll{border-top-width:3px;padding-top:10px;font-size:10px}.work-opening-art{position:absolute;inset:255px 0 52px;overflow:hidden}.orbit-one{width:530px;height:530px;top:-25%;left:28%}.orbit-two{width:390px;height:390px;top:-7%;left:40%}.is-mobile .cover-image-1{height:365px;top:5%;left:14%}.is-mobile .cover-image-2{height:330px;top:11%;left:49%}.is-mobile .cover-image-3{display:none}.is-wide .cover-image-1{width:105%;top:10%;left:-4%}.is-wide .cover-image-2{width:85%;top:40%;left:32%}.is-wide .cover-image-3{width:70%;top:2%;left:50%}.work-opening-bottom{height:45px;padding:0 18px;font-size:9px}.work-primary,.work-details{padding:58px 18px}.work-primary{scroll-margin-top:112px}.work-section-heading{margin-bottom:30px}.work-section-heading p{margin-bottom:20px;font-size:10px}.work-section-heading h2{font-size:clamp(44px,11vw,66px)}.work-section-heading>span{font-size:11px;line-height:1.6}.work-primary-feature{height:620px}.work-primary-feature:before{width:145%;top:20%;left:-57%}.feature-word{font-size:72px;top:5%}.work-primary-feature .work-media{width:235px}.work-primary-feature .feature-main{top:10%;left:0}.work-primary-feature .feature-side{top:21%;left:44%}.feature-note{max-width:160px;padding:11px;bottom:16px;right:12px}.feature-note strong{font-size:17px}.feature-note p{font-size:10px}.feature-note small{font-size:8px}.work-media figcaption{margin-top:8px;font-size:11px}.work-primary-pair{height:530px;margin-top:14px}.work-primary-pair .work-media{width:220px}.work-primary-pair .pair-1{top:12%;left:-2%}.work-primary-pair .pair-2{top:9%;left:45%}.pair-word{font-size:110px}.work-wide-gallery{gap:16px}.work-wide-gallery .work-media,.work-wide-gallery .wide-2,.work-wide-gallery .wide-3{width:100%;padding:18px}.work-detail-gallery{gap:35px}.work-detail-gallery .work-media,.work-page-desktop .work-detail-gallery .work-media,.work-page-visual .work-detail-gallery .work-media{width:min(76vw,330px);min-width:0}.work-detail-gallery .work-media:nth-child(2n){margin-top:0}.work-next{padding:55px 22px 70px}.work-next strong{font-size:54px}.work-primary-feature{flex-direction:column;gap:35px;height:auto;min-height:0;padding:76px 18px 35px;display:flex}.work-primary-feature:before{width:135%;top:14%}.work-primary-feature .work-media{filter:drop-shadow(0 17px 20px #0007);width:min(75vw,300px);position:relative;top:auto;left:auto;transform:none}.work-primary-feature .feature-main{align-self:flex-start;transform:rotate(-3deg)}.work-primary-feature .feature-side{align-self:flex-end;transform:rotate(3deg)}.feature-note{align-self:flex-end;max-width:240px;margin-top:3px;padding:16px;position:relative;bottom:auto;right:auto}.work-primary-pair{flex-direction:column;gap:36px;height:auto;min-height:0;padding:42px 18px;display:flex}.work-primary-pair .work-media{width:min(75vw,300px);position:relative;top:auto;left:auto;transform:none}.work-primary-pair .pair-1{align-self:flex-start;transform:rotate(-3deg)}.work-primary-pair .pair-2{align-self:flex-end;transform:rotate(3deg)}}.work-page-mobile .work-tabs{padding-inline:0}
@font-face{font-family:Bolin Case SC;src:url(/fonts/bolin-case-sc-xxq-v4.woff)format("woff");font-style:normal;font-weight:100 900;font-display:swap}.work-page-xiaoxingqiu{--xxq-yellow:#ffdf00;--xxq-dark:#101113;--xxq-paper:#f7f5ee;--xxq-cream:#efe9dd;--xxq-muted:#62635e;--xxq-gutter:clamp(22px,5.3vw,104px);background:var(--xxq-paper)}.xxq-exhibition{background:var(--xxq-paper);color:var(--xxq-dark);font-family:Bolin Case SC,Arial,Microsoft YaHei UI,Microsoft YaHei,sans-serif;overflow:hidden}.xxq-exhibition *{box-sizing:border-box}.xxq-exhibition :is(h1,h2,h3,p,figure,dl,dd){margin:0}.xxq-exhibition a:focus-visible{outline-offset:6px;outline:3px solid #c29c00}.xxq-container{width:calc(100% - var(--xxq-gutter)*2);max-width:1600px;margin-inline:auto}.xxq-section{padding-block:clamp(78px,8vw,128px);scroll-margin-top:152px}.xxq-section-title{flex-wrap:wrap;align-items:baseline;gap:12px 28px;margin-bottom:clamp(38px,4vw,66px);display:flex}.xxq-section-title h2{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(32px,3.55vw,60px);font-weight:700;line-height:1.3}.xxq-section-title>span{letter-spacing:.05em;color:var(--xxq-muted);font:500 12px/1.5 Bolin Case SC,sans-serif}.xxq-section-title>p{width:100%;max-width:none;color:var(--xxq-muted);flex:0 0 100%;margin-top:4px;font-size:16px;line-height:1.85}.xxq-lead{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(26px,2.7vw,44px);font-weight:700;line-height:1.55}.xxq-hero{background:var(--xxq-dark);color:#fff;isolation:isolate;position:relative}.xxq-hero-main{grid-template-columns:46% 54%;align-items:center;min-height:clamp(600px,49vw,850px);display:grid;position:relative}.xxq-hero-copy{z-index:2;padding-block:70px;position:relative}.xxq-hero h1{letter-spacing:-.035em;color:var(--xxq-yellow);font-size:clamp(76px,8.8vw,148px);font-weight:700;line-height:1.1}.xxq-hero h1>span{color:#fff;letter-spacing:.16em;margin-top:22px;font-size:clamp(18px,2vw,30px);font-weight:600;line-height:1.4;display:block}.xxq-hero-statement{letter-spacing:-.03em;font-size:clamp(24px,2.8vw,42px);font-weight:600;line-height:1.6;margin-top:48px!important}.xxq-hero-description{color:#b9bab5;font-size:15px;line-height:1.8;margin-top:20px!important}.xxq-hero-art{aspect-ratio:1;width:112%;min-width:0;margin-left:-5%;position:relative}.xxq-orbit{fill:none;stroke:#494d39;stroke-width:1px;width:100%;height:100%;position:absolute;inset:0}.xxq-orbit-dot{fill:var(--xxq-yellow);stroke:none}.xxq-hand{filter:drop-shadow(0 30px 30px #0003);position:absolute;inset:0}.xxq-hand-base{width:100%;height:auto;display:block}.xxq-hand-display{background:#101113;border-radius:13.5%/6.4%;width:28.47%;height:59.85%;position:absolute;top:11.77%;left:43.62%;overflow:hidden;transform:translateZ(0)}.xxq-hand-display img{object-fit:contain;width:100%;height:100%;display:block}.xxq-hero-meta{color:#c6c7c0;letter-spacing:.02em;border-top:1px solid #44463d;justify-content:space-between;gap:18px;padding-block:22px;font-size:12px;line-height:1.7;display:flex}.xxq-overview{grid-template-columns:35% 65%;gap:0;display:grid}.xxq-overview>.xxq-section-title{align-content:start;margin-bottom:0;display:block}.xxq-overview>.xxq-section-title>span{margin-top:15px;display:block}.xxq-overview-copy>p:not(.xxq-lead){color:#55564f;max-width:720px;margin-top:25px;font-size:17px;line-height:2}.xxq-project-facts{border-top:1px solid #d6d5ca;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-top:36px;display:grid;margin-top:40px!important}.xxq-project-facts dt{color:var(--xxq-muted);margin-bottom:12px;font-size:12px}.xxq-project-facts dd{font-size:15px;font-weight:700;line-height:1.6}.xxq-process{background:#fff;border-top:1px solid #e5e4dc}.xxq-process-steps{counter-reset:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:0;padding:0;list-style:none;display:grid}.xxq-process-steps li{border-top:2px solid var(--xxq-dark);padding-top:26px;position:relative}.xxq-process-arrow{color:#68695f;position:absolute;top:26px;right:0}.xxq-process-steps li>span{font:24px/1 IBM Plex Mono,monospace}.xxq-process-steps h3{margin:24px 0 14px;font-size:20px;line-height:1.5}.xxq-process-steps p{color:var(--xxq-muted);max-width:260px;font-size:14px;line-height:1.9}.xxq-process-steps small{background:var(--xxq-yellow);margin-top:22px;padding:6px 12px;font-size:11px;display:inline-block}.xxq-system{background:var(--xxq-dark);color:#fff}.xxq-system .xxq-section-title>span,.xxq-system .xxq-section-title>p{color:#b8bab0}.xxq-palette{grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;display:grid}.xxq-swatch{border-radius:24px;flex-direction:column;justify-content:flex-end;min-height:275px;padding:26px;display:flex}.xxq-swatch>span{margin-bottom:auto;padding-bottom:42px;font-size:12px}.xxq-swatch>strong{letter-spacing:-.04em;font-size:clamp(22px,2.4vw,38px)}.xxq-swatch>code{margin-top:12px;font:12px/1.5 IBM Plex Mono,monospace}.xxq-swatch>p{margin-top:17px;font-size:11px;line-height:1.8}.xxq-swatch-yellow{background:var(--xxq-yellow);color:var(--xxq-dark)}.xxq-swatch-ink{background:#101113;box-shadow:inset 0 0 0 1px #56584e}.xxq-swatch-white{color:var(--xxq-dark);background:#fff}.xxq-swatch-gray{color:#101113;background:#8c8c8c}.xxq-type-grid{grid-template-columns:1fr 1fr;align-items:center;gap:90px;display:grid}.xxq-type-specimen>span{letter-spacing:-.04em;font-size:clamp(100px,14vw,230px);font-weight:600;line-height:1;display:block}.xxq-type-specimen>strong{letter-spacing:-.04em;margin-top:32px;font-size:clamp(26px,3vw,48px);line-height:1.6;display:block}.xxq-type-specimen>p{color:var(--xxq-muted);margin-top:14px;font-size:14px;line-height:1.8}.xxq-layout{--xxq-layout:var(--xxq-cream);--xxq-layout-canvas:#fffaf0;--xxq-layout-module:#f1e4c7;--xxq-layout-detail:#d8bd83;--xxq-layout-outline:#ccbca1;--xxq-layout-guide:#b7a68b;--xxq-layout-ink:#4e4434;--xxq-layout-muted:#665e50;--xxq-radius-frame:#e9ddc7;--xxq-radius-content:#dccbaa;background:var(--xxq-layout)}.xxq-layout-grid{grid-template-columns:1fr 1fr;align-items:center;gap:90px;display:grid}.xxq-layout-example figcaption{color:var(--xxq-layout-muted);text-align:center;margin-top:20px;font-size:11px;line-height:1.8}.xxq-core-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:clamp(18px,2.8vw,48px);display:grid}.xxq-screen{min-width:0;scroll-margin-top:152px}.xxq-screen>a{border-radius:24px;display:block;position:relative;box-shadow:0 16px 25px #1112}.xxq-screen img{aspect-ratio:1206/2622;object-fit:contain;border-radius:24px;width:100%;height:auto;display:block}.xxq-screen figcaption{text-align:center;margin-top:24px;font-size:18px;line-height:1.7}.xxq-screen figcaption strong{font-weight:700}.xxq-screen figcaption p{color:var(--xxq-muted);margin-top:8px;font-size:14px;line-height:1.85}.xxq-enlarge{color:#fff;-webkit-backdrop-filter:blur(12px)saturate(1.2);backdrop-filter:blur(12px)saturate(1.2);opacity:0;background:#202328b8;border:1px solid #ffffff38;border-radius:8px;padding:7px 10px;font-size:11px;transition:opacity .18s,transform .18s;position:absolute;bottom:15px;right:12px;transform:translateY(4px)}.xxq-screen>a:is(:hover,:focus-visible) .xxq-enlarge{opacity:1;transform:none}.xxq-live{background:var(--xxq-dark);color:#fff}.xxq-live-grid{grid-template-columns:36% 1fr;align-items:center;gap:7%;display:grid}.xxq-live .xxq-section-title{margin-bottom:34px;display:block}.xxq-live .xxq-section-title>span{color:#b8bab0;margin-top:14px;display:block}.xxq-live .xxq-section-title h2{font-size:clamp(32px,3.3vw,55px)}.xxq-live .xxq-lead{margin-bottom:26px;font-size:clamp(24px,2.15vw,36px)}.xxq-live-copy>p:not(.xxq-lead){color:#b8bab0;max-width:465px;font-size:15px;line-height:1.9}.xxq-live-copy dl{margin-top:37px}.xxq-live-copy dl>div{padding:19px 0}.xxq-live-copy dt{color:var(--xxq-yellow);margin-bottom:9px;font-size:16px;font-weight:700}.xxq-live-copy dd{color:#b8bab0;font-size:15px;line-height:1.9}.xxq-live-stage{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(40px,5vw,80px);width:100%;max-width:760px;margin-inline:auto;padding-bottom:62px;display:grid}.xxq-live-stage>.xxq-screen:nth-child(2){margin-top:62px}.xxq-live-stage .xxq-screen>a{box-shadow:0 22px 35px #0005}.xxq-live-stage figcaption{color:#c4c7bd}.xxq-gallery-group{margin-top:75px}.xxq-group-heading{border-bottom:1px solid #cccfc1;align-items:baseline;gap:24px;margin-bottom:32px;padding-bottom:20px;display:flex}.xxq-group-heading h3{letter-spacing:-.03em;font-size:26px;line-height:1.5}.xxq-group-heading>span{color:var(--xxq-muted);font:500 11px/1.5 Bolin Case SC,sans-serif}.xxq-group-heading>small{white-space:nowrap;color:var(--xxq-muted);margin-left:auto;font-size:11px}.xxq-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:42px clamp(20px,3.5vw,64px);display:grid}.xxq-gallery .xxq-screen>a{box-shadow:0 10px 19px #1112}.xxq-case-close{color:var(--xxq-muted);border-top:1px solid #cdcfbf;justify-content:space-between;gap:25px;padding-block:30px 55px;font-size:12px;line-height:1.8;display:flex}.xxq-case-close a{text-underline-offset:5px;text-decoration:underline}.work-page-xiaoxingqiu .work-next{background:var(--xxq-yellow)}@media (min-width:1600px){.xxq-hero-art{width:105%;margin-left:0}.xxq-hero-main{grid-template-columns:48% 52%}}@media (max-width:1100px){.xxq-hero-main{grid-template-columns:45% 55%;min-height:600px}.xxq-hero h1{font-size:clamp(70px,9vw,100px)}.xxq-hero-statement{font-size:26px}.xxq-hero-art{width:118%;margin-left:-12%}.xxq-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.xxq-swatch{min-height:230px}.xxq-type-grid,.xxq-layout-grid{gap:45px}.xxq-core-grid,.xxq-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 36px}.xxq-core-grid .xxq-screen{justify-self:center;width:100%;max-width:360px}.xxq-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 25px}.xxq-live-grid{grid-template-columns:1fr;gap:45px}.xxq-live-copy{grid-template-columns:1fr 1fr;column-gap:50px;display:grid}.xxq-live-copy .xxq-section-title{grid-column:1/-1}.xxq-live-copy .xxq-lead{grid-row:2}.xxq-live-copy>p:not(.xxq-lead){grid-column:1}.xxq-live-copy dl{grid-area:2/2/4;margin-top:0}.xxq-live-stage{gap:64px;max-width:760px}}@media (max-width:760px){.xxq-hero-main{grid-template-columns:1fr;min-height:0}.xxq-hero-copy{padding:42px 0 0}.xxq-hero h1{font-size:clamp(64px,13vw,92px)}.xxq-hero h1>span{letter-spacing:.13em;margin-top:13px;font-size:16px}.xxq-hero-statement{font-size:24px;line-height:1.65;margin-top:25px!important}.xxq-hero-description{font-size:13px;margin-top:12px!important}.xxq-hero-art{aspect-ratio:1;width:min(116%,640px);margin:-14px auto -8px;left:-8%}.xxq-hero-meta{flex-wrap:wrap;justify-content:flex-start;gap:8px 28px;padding-block:20px;font-size:10px}.xxq-hero-meta>span:last-child{display:none}.xxq-section{padding-block:70px;scroll-margin-top:145px}.xxq-section-title{gap:8px 18px;margin-bottom:34px}.xxq-section-title h2{font-size:32px}.xxq-section-title>span{font-size:10px}.xxq-section-title>p{margin-top:10px;font-size:14px;line-height:1.9}.xxq-overview{grid-template-columns:1fr;gap:30px}.xxq-overview>.xxq-section-title>span{margin-top:9px}.xxq-lead{font-size:27px}.xxq-overview-copy>p:not(.xxq-lead){margin-top:20px;font-size:14px;line-height:1.95}.xxq-project-facts{grid-template-columns:1fr 1fr;gap:18px 22px;padding-top:24px;margin-top:28px!important}.xxq-project-facts dt{margin-bottom:8px;font-size:11px}.xxq-project-facts dd{font-size:13px}.xxq-process-steps{grid-template-columns:1fr 1fr;gap:32px 24px}.xxq-process-steps li{padding-top:22px}.xxq-process-steps li>span{font-size:20px}.xxq-process-arrow{top:19px}.xxq-process-steps li:nth-child(2) .xxq-process-arrow{display:none}.xxq-process-steps h3{margin:22px 0 12px;font-size:16px}.xxq-process-steps p{font-size:12px;line-height:1.85}.xxq-process-steps small{margin-top:16px;font-size:10px}.xxq-swatch{min-height:220px;padding:20px}.xxq-swatch>span{padding-bottom:35px;font-size:10px}.xxq-swatch>strong{font-size:24px}.xxq-swatch>code{margin-top:10px;font-size:11px}.xxq-swatch>p{margin-top:12px;font-size:10px}.xxq-type-grid{grid-template-columns:1fr;gap:36px}.xxq-type-specimen>span{font-size:140px}.xxq-type-specimen>strong{margin-top:20px;font-size:26px}.xxq-type-specimen>p{font-size:12px}.xxq-layout-grid{grid-template-columns:1fr;gap:40px}.xxq-layout-example{max-width:265px}.xxq-core-grid,.xxq-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 17px}.xxq-screen>a,.xxq-screen img{border-radius:15px}.xxq-screen figcaption{margin-top:16px;font-size:14px}.xxq-screen figcaption p{font-size:12px;line-height:1.8}.xxq-enlarge{padding:5px 7px;font-size:9px;bottom:8px;right:7px}.xxq-live-copy{display:block}.xxq-live .xxq-section-title h2{font-size:32px}.xxq-live .xxq-lead{font-size:26px}.xxq-live-copy>p:not(.xxq-lead){font-size:13px}.xxq-live-copy dl{margin-top:28px}.xxq-live-copy dt{font-size:14px}.xxq-live-copy dd{font-size:13px}.xxq-live-stage{gap:28px;padding-bottom:38px}.xxq-live-stage>.xxq-screen:nth-child(2){margin-top:38px}.xxq-gallery-group{margin-top:48px}.xxq-group-heading{flex-wrap:wrap;gap:5px 16px;margin-bottom:25px;padding-bottom:16px}.xxq-group-heading h3{font-size:21px}.xxq-group-heading>span{flex-basis:100%;order:3;font-size:9px}.xxq-group-heading>small{font-size:10px}.xxq-case-close{gap:15px;padding-block:25px 35px;font-size:10px}}@media (max-width:360px){.xxq-section-title h2{font-size:28px}.xxq-swatch{padding:16px}.xxq-swatch>strong{font-size:21px}.xxq-hero h1{font-size:64px}.xxq-hero-statement{font-size:22px}}@media (prefers-reduced-motion:reduce){.xxq-exhibition *,.xxq-exhibition :before,.xxq-exhibition :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (hover:none){.xxq-enlarge{opacity:1;transform:none}}.xxq-arrow{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:22px;height:22px}.xxq-enlarge{align-items:center;gap:6px;display:inline-flex}.xxq-enlarge .xxq-arrow{width:13px;height:13px}.xxq-case-close a{align-items:center;gap:7px;display:inline-flex}.xxq-case-close .xxq-arrow{width:16px;height:16px}.xxq-hero{scroll-margin-top:132px}@media (max-width:650px){.xxq-hero{scroll-margin-top:112px}}.xxq-hero:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,#e8edde0d 1px,#0000 1px),linear-gradient(#e8edde0d 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 65% 40%,#000 15%,#0009 60%,#0000 100%);mask-image:radial-gradient(at 65% 40%,#000 15%,#0009 60%,#0000 100%)}.xxq-hero:after{content:"";z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 75% 45%,color-mix(in srgb,var(--work-accent) 7%,transparent),transparent 65%);position:absolute;inset:0}.xxq-hero-art{margin-block:0}.xxq-type-scale{background:var(--xxq-cream);color:var(--xxq-dark);border-radius:24px;padding:32px 36px}.xxq-type-scale table{border-collapse:collapse;text-align:left;table-layout:fixed;width:100%}.xxq-type-scale th{color:var(--xxq-muted);padding:0 0 20px;font-size:14px;font-weight:500}.xxq-type-scale th:first-child{width:20%}.xxq-type-scale th:nth-child(2){width:27%}.xxq-type-scale td{padding:15px 0;font-size:15px;line-height:1.6}.xxq-type-scale .xxq-font-size{font-variant-numeric:tabular-nums;font-size:22px;font-weight:500}.xxq-type-scale tr:first-child td{font-weight:700}.xxq-type-scale tr:first-child td:last-child{font-size:18px}.xxq-type-scale tr:nth-child(2) td{font-weight:700}.xxq-type-unit{color:var(--xxq-muted);border-top:1px solid #cdcec1;padding-top:18px;font-size:12px;line-height:1.7;margin-top:16px!important}.xxq-type-specimen{padding-top:26px;position:relative}.xxq-type-specimen>span{z-index:1;width:fit-content;position:relative}.xxq-type-specimen>span:before{content:"";z-index:-1;aspect-ratio:1;background:var(--xxq-yellow);border-radius:50%;width:42%;position:absolute;top:-15px;right:0}.xxq-layout-grid{grid-template-columns:1fr 1.15fr;align-items:center;gap:72px}.xxq-layout-specs>p{color:var(--xxq-layout-muted);max-width:440px;margin-bottom:36px;font-size:17px;line-height:1.95}.xxq-radius-spec{align-items:center;gap:24px;margin-top:20px;display:flex}.xxq-radius-spec>strong{letter-spacing:-.04em;font-size:48px;font-weight:500;line-height:1.2}.xxq-radius-spec>strong>small{letter-spacing:0;margin-left:3px;font-size:22px;font-weight:500}.xxq-radius-spec>div{flex-wrap:wrap;gap:9px;display:flex}.xxq-radius-spec span{border:1px solid var(--xxq-layout-outline);border-radius:20px;padding:4px 12px;font-size:13px;line-height:1.4}.xxq-radius-demo{background:var(--xxq-radius-frame);border-radius:16px;max-width:400px;height:170px;margin-top:36px;position:relative}.xxq-radius-demo>div{background:var(--xxq-radius-content);border-radius:10px;position:absolute;inset:36px 36px 24px 24px}.xxq-radius-demo>span{border:1px dashed var(--xxq-layout-muted);width:36px;height:36px;color:var(--xxq-layout-ink);border-radius:50%;place-items:center;font-size:10px;display:grid;position:absolute}.xxq-radius-outer{top:0;right:0}.xxq-radius-inner{top:36px;right:36px}.xxq-spacing-specs{flex-wrap:wrap;gap:28px;display:flex;margin-top:28px!important}.xxq-spacing-specs dt{color:var(--xxq-layout-muted);font-size:12px}.xxq-spacing-specs dd{margin-top:8px;font-size:18px;font-weight:600}.xxq-layout-example{width:100%;max-width:510px;margin-inline:auto!important}.xxq-layout-diagram{width:100%;height:auto;font-family:inherit;display:block;overflow:visible}.xxq-wire-device{fill:var(--xxq-layout-canvas);stroke:var(--xxq-layout-outline);stroke-width:1px}.xxq-wire-module{fill:var(--xxq-layout-module)}.xxq-wire-content{fill:var(--xxq-layout-detail)}.xxq-dimension-lines{fill:none;stroke:var(--xxq-layout-muted);stroke-width:1px;marker-start:url(#xxq-dimension-tick);marker-end:url(#xxq-dimension-tick)}#xxq-dimension-tick path{stroke:var(--xxq-layout-muted);fill:none;stroke-width:1px}.xxq-dimension-guides{stroke:var(--xxq-layout-guide);stroke-dasharray:3 3;marker-start:none;marker-end:none}.xxq-dimension-labels{fill:var(--xxq-layout-ink);font-size:13px}.xxq-layout-example figcaption{margin-top:12px;font-size:13px}@media (max-width:1100px){.xxq-layout-grid{gap:40px}.xxq-type-scale{padding:26px 22px}.xxq-type-scale td{font-size:13px}.xxq-type-scale tr:first-child td:last-child,.xxq-layout-specs>p{font-size:15px}.xxq-radius-spec>strong{font-size:40px}.xxq-radius-spec{gap:16px}.xxq-radius-spec span{padding:4px 10px;font-size:11px}.xxq-spacing-specs{gap:20px}.xxq-spacing-specs dd{font-size:16px}}@media (max-width:760px){.xxq-dimension-labels{font-size:20px}.xxq-hero:before{background-size:56px 56px}.xxq-hero-art{margin:-2px auto -8px}.xxq-type-scale{padding:26px 22px}.xxq-type-scale th{padding-bottom:14px;font-size:12px}.xxq-type-scale td{padding:13px 0;font-size:12px}.xxq-type-scale .xxq-font-size{font-size:20px}.xxq-type-scale tr:first-child td:last-child{font-size:14px}.xxq-type-unit{font-size:11px}.xxq-layout-grid{grid-template-columns:1fr;gap:44px}.xxq-layout-specs>p{margin-bottom:24px;font-size:14px}.xxq-layout-example{max-width:430px}.xxq-radius-spec>strong{font-size:40px}.xxq-radius-spec>strong>small{font-size:20px}.xxq-radius-spec span{font-size:12px}.xxq-radius-demo{height:150px;margin-top:28px}.xxq-spacing-specs{justify-content:space-between;gap:16px}.xxq-spacing-specs dt{font-size:11px}.xxq-spacing-specs dd{font-size:16px}.xxq-layout-example figcaption{font-size:11px}}@media (max-width:360px){.xxq-dimension-labels{font-size:22px}.xxq-type-scale{padding:22px 16px}.xxq-type-scale th,.xxq-type-scale td{font-size:11px}.xxq-type-scale tr:first-child td:last-child{font-size:12px}.xxq-radius-spec{gap:14px}.xxq-radius-spec span{padding:4px 8px;font-size:10px}.xxq-radius-spec>strong{font-size:36px}.xxq-radius-spec>strong>small{font-size:18px}.xxq-screen figcaption{font-size:13px}.xxq-screen figcaption p{font-size:11px}}.xxq-text-tail,.case-text-tail{white-space:nowrap}.xxq-exhibition p{text-wrap:pretty}.xxq-live-stage>.xxq-screen{justify-self:center;width:100%;max-width:320px}.xxq-image-viewer{color:#f7f5ee;box-sizing:border-box;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;overscroll-behavior:contain;background:#101113;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;font-family:Bolin Case SC,Arial,Microsoft YaHei,sans-serif;position:fixed;inset:0}.xxq-image-viewer:not([open]){display:none}.xxq-image-viewer[open]{flex-direction:column;display:flex}.xxq-image-viewer::backdrop{background:#101113}.xxq-image-viewer *{box-sizing:border-box}.xxq-image-viewer button{font:inherit;color:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff2b;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 15px;transition:background .15s;display:inline-flex}.xxq-image-viewer button:hover:not(:disabled){background:#ffffff1f}.xxq-image-viewer button:disabled{opacity:.35;cursor:default}.xxq-image-viewer :is(button,a):focus-visible{outline-offset:3px;outline:2px solid #ffdf00}.xxq-image-viewer svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:20px;height:20px}.xxq-viewer-header{background:#101113;flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;padding:18px clamp(18px,3vw,48px);display:flex}.xxq-viewer-header h2{align-items:center;gap:20px;margin:0;font-size:18px;font-weight:600;line-height:1.5;display:flex}.xxq-viewer-header h2 span{color:#b8bab0;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px;font-weight:400}.xxq-viewer-viewport{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#68695f #101113;flex:1;min-height:0;padding:16px 24px;position:relative;overflow:auto}.xxq-viewer-canvas{place-items:center;margin-inline:auto;display:grid}.xxq-viewer-image{object-fit:contain;-webkit-user-select:none;user-select:none;max-width:none;display:block}.xxq-viewer-viewport[data-zoomed=true]{cursor:grab}.xxq-viewer-viewport[data-dragging=true]{cursor:grabbing}.xxq-viewer-toolbar{color:#f7f5ee;min-height:0;padding:18px 24px max(18px,env(safe-area-inset-bottom));background:#101113;flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;gap:32px;font-size:14px;display:flex}.xxq-viewer-zoom{align-items:center;gap:10px;display:flex}.xxq-viewer-zoom>button:not(.xxq-viewer-fit){width:44px;padding:10px}.xxq-viewer-zoom output{text-align:center;font-variant-numeric:tabular-nums;color:#c4c7bd;min-width:54px;font-size:13px}.xxq-viewer-loading{color:#f7f5ee;pointer-events:none;background:#101113df;border-radius:8px;padding:10px 16px;font-size:14px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.xxq-viewer-error{text-align:center;cursor:auto}.xxq-viewer-error p{margin-bottom:20px;font-size:16px}.xxq-viewer-error a{color:#f7f5ee;text-underline-offset:4px;margin-left:20px;display:inline-block}@media (max-width:760px){.xxq-screen{scroll-margin-top:145px}.xxq-viewer-header{flex-wrap:wrap;gap:12px;padding:14px 16px}.xxq-viewer-header h2{flex:1;justify-content:flex-end;gap:10px;font-size:15px}.xxq-viewer-header h2 span{font-size:11px}.xxq-viewer-return{padding-inline:12px!important;font-size:13px!important}.xxq-viewer-viewport{padding:12px 16px}.xxq-viewer-toolbar{padding:12px 12px max(12px,env(safe-area-inset-bottom));flex-wrap:wrap;gap:12px;font-size:12px}.xxq-viewer-zoom{flex:0 0 100%;order:-1;justify-content:center;gap:10px}.xxq-viewer-toolbar>button{flex:1}.xxq-viewer-fit{font-size:12px}.xxq-viewer-fit svg{width:18px}.xxq-image-viewer button{padding:9px 12px}.xxq-viewer-zoom>button:not(.xxq-viewer-fit){padding:9px}}@media (max-width:360px){.xxq-live-stage{gap:24px}.xxq-viewer-header h2{flex:0 0 100%;justify-content:space-between}.xxq-viewer-zoom{gap:8px}}@media (prefers-reduced-motion:reduce){.xxq-image-viewer *{scroll-behavior:auto!important;transition:none!important}}
@font-face{font-family:Bolin Project SC;src:url(/fonts/bolin-project-cases.woff)format("woff");font-weight:100 900;font-style:normal;font-display:swap}.work-page .work-tabs{padding-inline:0}.project-case{--xxq-dark:#101113;--xxq-yellow:var(--work-accent);--xxq-muted:#62635e;--case-paper:#f7f5ee;--case-cream:#efe9dd;--case-ink:#101113;--case-muted:#5b5c56;--case-gutter:clamp(22px,5.3vw,104px);background:var(--case-paper);color:var(--case-ink);font-family:Bolin Project SC,Bolin Case SC,sans-serif}.project-case *{box-sizing:border-box}.project-case :where(h1,h2,h3,p,figure,dl,dd){margin:0}.project-case ::selection{background:var(--work-accent);color:#101113}.case-container{max-width:1600px;width:calc(100% - var(--case-gutter)*2);margin-inline:auto}.case-section{padding-block:clamp(76px,8vw,128px);scroll-margin-top:150px}.case-text-tail{white-space:nowrap}.pc-heading{flex-wrap:wrap;align-items:baseline;gap:12px 26px;margin-bottom:clamp(38px,4vw,66px);display:flex}.pc-heading h2{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(32px,3.55vw,60px);font-weight:700;line-height:1.3}.pc-heading>span{color:var(--case-muted);letter-spacing:.04em;font-size:12px}.pc-heading>p{width:100%;max-width:none;color:var(--case-muted);flex:0 0 100%;margin-top:4px;font-size:16px;line-height:1.85}.case-body{color:var(--case-muted);max-width:72ch;font-size:17px;line-height:1.95}.case-lead{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(26px,2.7vw,44px);font-weight:700;line-height:1.55}.pc-hero{isolation:isolate;color:#fff;background:#101113;position:relative;overflow:hidden}.pc-hero-main{grid-template-columns:45% 55%;align-items:center;min-height:clamp(620px,49vw,850px);display:grid}.pc-hero-copy{z-index:3;padding-block:70px;position:relative}.pc-hero h1{letter-spacing:-.035em;color:var(--work-accent);text-wrap:balance;font-size:clamp(60px,6.4vw,112px);font-weight:700;line-height:1.2}.case-english{letter-spacing:.12em;margin-top:20px;font-size:clamp(16px,1.7vw,28px);font-weight:600}.case-statement{max-width:17ch;font-size:clamp(24px,2.6vw,42px);font-weight:600;line-height:1.65;margin-top:46px!important}.pc-hero-note{color:#c2c4c1;font-size:15px;margin-top:20px!important}.pc-hero-art{min-width:0;position:relative}.pc-hero-meta{color:#c2c4c1;border-top:1px solid #ffffff30;justify-content:space-between;gap:20px;padding-block:24px;font-size:12px;display:flex}.case-phone-scene{aspect-ratio:1;width:110%;margin-left:-5%;position:relative}.case-mobile-hand{position:absolute;inset:0}.case-hand-base{filter:drop-shadow(0 26px 30px #0003);width:100%;height:auto;display:block}.case-hand-display{background:#101113;border-radius:13.5%/6.4%;width:28.47%;height:59.85%;position:absolute;top:11.77%;left:43.62%;overflow:hidden}.case-hand-display img{object-fit:fill;width:100%;height:100%;display:block}.case-visual-art{border-radius:16px;width:100%;overflow:hidden;box-shadow:0 22px 36px #0004}.case-visual-art img{object-fit:contain;width:100%;height:auto;max-height:570px;display:block}.case-visual-art.is-poster-cover{aspect-ratio:1.25}.case-visual-art.is-poster-cover img{object-fit:cover;object-position:top;height:100%;max-height:none}.case-about{grid-template-columns:35% 65%;gap:0;display:grid}.case-about>.pc-heading{margin:0;display:block}.case-about>.pc-heading>span{margin-top:16px;display:block}.case-about .case-body{margin-top:25px}.case-facts{border-top:1px solid #d6d2c8;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-top:32px;display:grid;margin-top:40px!important}.case-facts dt{color:var(--case-muted);margin-bottom:12px;font-size:12px}.case-facts dd{font-size:15px;font-weight:700;line-height:1.7}.case-process{background:#fff}.case-process ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:0;padding:0;list-style:none;display:grid}.case-process li{border-top:2px solid #101113;padding-top:24px;position:relative}.case-process li>span{font-variant-numeric:tabular-nums;font-size:21px}.case-process h3{margin-top:22px;font-size:22px;line-height:1.5}.case-process li p{color:var(--case-muted);margin-top:14px;font-size:16px;line-height:1.9}.case-colors{color:#fff;background:#101113}.case-colors .pc-heading>span,.case-colors .pc-heading>p{color:#c2c4c1}.case-layout{background:var(--case-cream)}.case-layout-grid{grid-template-columns:1fr 1fr;align-items:center;gap:90px;display:grid}.case-spacing{grid-template-columns:auto 1fr;align-items:center;gap:20px 26px;margin-block:36px;display:grid}.case-spacing strong{font-size:48px;font-weight:600;line-height:1}.case-spacing strong span{font-size:18px}.case-spacing p{font-size:16px}.case-layout small{color:var(--case-muted);font-size:13px;line-height:1.9}.case-layout-grid>figure{justify-self:center;width:100%;max-width:330px}.case-layout-grid figcaption{text-align:center;color:var(--case-muted);margin-top:22px;font-size:13px}.case-layout-drawing{aspect-ratio:375/812;background:#fffaf0;border:1px solid #c9bca7;border-radius:24px;flex-direction:column;gap:16px;padding:16px;display:flex}.case-drawing-top{align-items:center;gap:4px;height:12px;display:flex}.case-drawing-top i{background:#c7b388;border-radius:50%;width:6px;height:6px}.case-drawing-body{flex:1;gap:12px;min-height:0;display:flex}.case-drawing-body aside{display:none}.case-drawing-content{flex-direction:column;gap:12px;width:100%;height:100%;display:flex}.case-drawing-heading{background:#efdfbd;border-radius:10px;height:6%}.case-drawing-banner{background:#efdfbd;border-radius:16px;height:24%}.case-drawing-pair{gap:12px;height:22%;display:flex}.case-drawing-pair i{background:#e7d1a2;border-radius:10px;flex:1}.case-drawing-list{background:#efdfbd;border-radius:16px;flex-direction:column;justify-content:space-around;height:24%;padding:16px;display:flex}.case-drawing-list b{background:#cbb27e;border-radius:4px;width:80%;height:10%}.case-drawing-bottom{background:#efdfbd;border-radius:12px;flex:1;justify-content:space-around;align-items:center;display:flex}.case-drawing-bottom i{aspect-ratio:1;background:#cbb27e;border-radius:6px;width:10%}.case-desktop .case-layout-grid>figure{max-width:650px}.case-layout-drawing.is-desktop{aspect-ratio:16/10;border-radius:14px;padding:20px}.is-desktop .case-drawing-body aside{background:#efdfbd;border-radius:8px;flex-direction:column;justify-content:flex-start;gap:20px;width:18%;padding:15px 8px;display:flex}.is-desktop aside b{background:#cbb27e;border-radius:4px;height:10px}.is-desktop .case-drawing-bottom{display:none}.case-core-grid,.case-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:52px clamp(20px,3.5vw,64px);display:grid}.case-screen{min-width:0;margin:0;scroll-margin-top:152px}.case-screen>a{border-radius:22px;display:block;position:relative;overflow:hidden;box-shadow:0 16px 24px #1112}.case-screen img{object-fit:contain;width:100%;height:auto;display:block}.case-screen figcaption{text-align:center;margin-top:22px;font-size:18px;font-weight:600;line-height:1.8}.case-enlarge{color:#fff;-webkit-backdrop-filter:blur(12px)saturate(1.2);backdrop-filter:blur(12px)saturate(1.2);opacity:0;background:#202328b8;border:1px solid #ffffff38;border-radius:8px;align-items:center;gap:8px;padding:8px 11px;font-size:12px;transition:opacity .18s,transform .18s;display:flex;position:absolute;bottom:16px;right:12px;transform:translateY(4px)}.case-enlarge svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:16px;height:16px}.case-screen>a:is(:hover,:focus-visible) .case-enlarge{opacity:1;transform:none}.case-gallery-group{margin-top:75px}.case-gallery-group>h3{border-bottom:1px solid #d6d2c8;flex-wrap:wrap;align-items:baseline;gap:24px;margin-bottom:34px;padding-bottom:20px;font-size:26px;line-height:1.5;display:flex}.case-gallery-group>h3 span{color:var(--case-muted);font-size:12px;font-weight:500}.case-feature{color:#fff;background:#101113}.case-feature-grid{grid-template-columns:34% 1fr;align-items:center;gap:8%;display:grid}.case-feature .pc-heading{margin-bottom:30px;display:block}.case-feature .pc-heading>span{color:#c2c4c1;margin-top:16px;display:block}.case-feature .case-body{color:#c2c4c1;font-size:16px}.case-feature dl{margin-top:36px}.case-feature dl>div{padding-block:18px}.case-feature dt{color:var(--work-accent);margin-bottom:8px;font-size:18px;font-weight:700}.case-feature dd{color:#c2c4c1;font-size:16px;line-height:1.9}.case-feature-images{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(40px,5vw,80px);display:grid}.case-feature-images>.case-screen{justify-self:center;width:100%;max-width:320px}.case-feature-images>.case-screen:nth-child(2){margin-top:62px}.case-feature .case-screen figcaption{color:#e4e5e1}.case-desktop .case-core-grid,.case-desktop .case-gallery-grid,.case-visual .case-core-grid,.case-visual .case-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-desktop .case-feature-images{grid-template-columns:1fr;gap:45px}.case-desktop .case-feature-images>.case-screen{max-width:none}.case-desktop .case-feature-images>.case-screen:nth-child(2){margin-top:0}.case-desktop .case-screen>a,.case-visual .case-screen>a{border-radius:24px}.case-core-grid.is-long-poster{width:100%;max-width:1200px;margin-inline:auto;display:block}.case-poster>a{box-shadow:none;overflow:visible}.case-poster .case-enlarge{opacity:1;top:20px;bottom:auto;transform:none}.case-viewer-long{align-items:flex-start!important}.case-viewer-long .xxq-viewer-image{margin-top:0!important}.case-visual .pc-hero h1{font-size:clamp(48px,5vw,86px)}@media (max-width:1100px){.case-layout-grid{gap:45px}.case-core-grid,.case-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 28px}.pc-hero h1{font-size:clamp(50px,6.3vw,76px)}.case-feature-grid{grid-template-columns:1fr;gap:50px}.case-feature-grid>div:first-child{max-width:780px}.case-feature-images{width:100%;max-width:760px;margin-inline:auto}.case-desktop .case-feature-images{grid-template-columns:1fr;max-width:1000px}.case-desktop .pc-hero-main{grid-template-columns:40% 60%}.case-process h3{font-size:19px}.case-process li p{font-size:15px}}@media (max-width:760px){.case-section{padding-block:64px;scroll-margin-top:132px}.pc-hero-main{grid-template-columns:1fr;min-height:0}.pc-hero-copy{padding:40px 0 12px}.pc-hero h1,.case-visual .pc-hero h1{font-size:clamp(42px,10vw,68px)}.case-english{margin-top:15px;font-size:16px}.case-statement{max-width:21ch;font-size:26px;margin-top:26px!important}.pc-hero-note{font-size:14px}.case-phone-scene{width:min(100%,520px);margin:0 auto}.pc-hero-meta{gap:18px;font-size:11px}.case-about{display:block}.case-about>.pc-heading{margin-bottom:32px}.pc-heading{gap:10px 20px;margin-bottom:32px}.pc-heading h2{font-size:32px}.pc-heading>span{font-size:10px}.pc-heading>p{font-size:15px}.case-lead{font-size:26px}.case-body{font-size:16px}.case-facts{gap:16px}.case-facts dd{font-size:13px}.case-facts dt{font-size:11px}.case-process ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 24px}.case-process h3{font-size:19px}.case-layout-grid{grid-template-columns:1fr;gap:42px}.case-layout-grid>figure{max-width:270px}.case-core-grid,.case-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 22px}.case-screen>a{border-radius:16px}.case-screen figcaption{margin-top:16px;font-size:14px}.case-enlarge{opacity:1;padding:6px 8px;font-size:10px;bottom:10px;right:7px;transform:none}.case-gallery-group{margin-top:52px}.case-gallery-group>h3{gap:10px 20px;font-size:23px}.case-feature-images{gap:28px}.case-feature-images>.case-screen:nth-child(2){margin-top:36px}.case-feature dt{font-size:16px}.case-feature dd,.case-feature .case-body{font-size:15px}.case-desktop .pc-hero-main{grid-template-columns:1fr}.case-desktop .case-core-grid,.case-desktop .case-gallery-grid,.case-visual .case-core-grid,.case-visual .case-gallery-grid{grid-template-columns:1fr;gap:40px}.case-desktop .case-feature-images{grid-template-columns:1fr}.case-visual-art{margin-block:28px 34px}.case-visual .case-poster figcaption{font-size:14px}.case-facts{grid-template-columns:1fr}.case-facts>div{grid-template-columns:90px 1fr;align-items:baseline;display:grid}.case-facts dt{margin:0}}@media (max-width:360px){.case-core-grid,.case-gallery-grid{gap:30px 16px}.case-screen figcaption{font-size:13px}.pc-heading h2{font-size:29px}.case-feature-images{gap:24px}.case-process ol{gap:30px 18px}.case-process h3{font-size:17px}.case-english{font-size:13px}.pc-hero h1{font-size:42px}}@media (prefers-reduced-motion:reduce){.case-enlarge{transition:none}}.case-hand-display img{object-fit:contain}.work-page-mobile:has(.case-english) .work-tabs a[aria-current=page]{color:var(--case-accent-ink,#101113)}.work-page:has(.case-english) .work-next{color:var(--case-accent-ink,#101113)!important}.work-page:has(.case-english) .pc-hero h1{color:var(--pc-hero-accent,var(--work-accent))}.work-page:has(.case-english) .case-feature dt{color:var(--pc-hero-accent,var(--work-accent))}.case-phrase{white-space:nowrap;display:inline-block}.pc-hero:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,#e8edde0d 1px,#0000 1px),linear-gradient(#e8edde0d 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 65% 40%,#000 15%,#0009 60%,#0000 100%);mask-image:radial-gradient(at 65% 40%,#000 15%,#0009 60%,#0000 100%)}.pc-hero:after{content:"";z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 75% 45%,color-mix(in srgb,var(--pc-hero-accent,var(--work-accent)) 7%,transparent),transparent 65%);position:absolute;inset:0}.case-hero-lines{z-index:0;pointer-events:none;width:118%;height:118%;color:var(--pc-hero-accent,var(--work-accent));position:absolute;top:-9%;left:-9%;overflow:visible}.case-hero-lines path{fill:none;stroke:color-mix(in srgb,currentColor 24%,#343b3a);stroke-width:1px;vector-effect:non-scaling-stroke}.case-hero-lines circle{fill:currentColor;stroke:none}.case-phone-scene,.case-visual-art{z-index:1;position:relative}.case-computer-scene{z-index:1;width:100%;aspect-ratio:var(--computer-scene-ratio);margin:12px 0;position:relative}.case-computer-shell{z-index:1;background:linear-gradient(130deg,#454849,#2b2d2e 28%,#222425 72%,#393c3d);border-radius:4.5%/7%;width:90%;padding:1.25%;position:absolute;top:7%;left:1%;box-shadow:0 20px 26px #0005,inset 1px 1px 4px #c0c8c84d,inset -2px -3px 5px #08090999}.case-computer-display{width:100%;aspect-ratio:var(--computer-screen-ratio);background:#101113;border-radius:3.2%/5.4%;position:relative;overflow:hidden;box-shadow:0 0 0 1px #080909,inset 0 0 2px #0008}.case-computer-display img{object-fit:contain;object-position:center top;width:100%;height:100%;display:block}.case-computer-scene[data-screen-fit=top-of-page] .case-computer-display img{object-fit:cover}.case-computer-hand{z-index:2;left:69%;top:var(--computer-hand-top);pointer-events:none;width:30%;position:absolute;overflow:hidden}.case-computer-hand img{object-fit:fill;max-width:none;max-height:none;display:block;position:absolute}.case-process-arrow{fill:none;stroke:#68695f;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;position:absolute;top:24px;right:0}.case-process small{background:var(--work-accent);color:var(--case-accent-ink,#101113);margin-top:22px;padding:6px 12px;font-size:11px;display:inline-block}.case-process h3{margin:24px 0 14px;font-size:20px}.case-process li p{max-width:260px;margin-top:0;font-size:14px;line-height:1.9}.case-colors .xxq-swatch{border-radius:24px}.case-colors .xxq-swatch>strong{line-height:1.25}.case-colors .pc-heading{column-gap:28px}@media (max-width:760px){.pc-hero:before{background-size:56px 56px}.case-hero-lines{width:116%;height:112%;top:-2%;left:-8%}.case-computer-scene{width:100%;margin:20px 0 30px}.case-process-arrow{top:22px}.case-process li:nth-child(2) .case-process-arrow{display:none}.case-process h3{margin:22px 0 12px;font-size:16px}.case-process li p{font-size:12px}.case-process small{margin-top:16px;font-size:10px}}.work-page{--case-hero-title:clamp(60px,6.4vw,112px);--case-hero-english:clamp(16px,1.7vw,28px);--case-hero-statement:clamp(24px,2.6vw,42px);--case-process-rule:#d3d5d0}.case-brand-lockup{align-items:center;gap:clamp(16px,1.8vw,28px);font-family:Bolin Project SC,Bolin Case SC,sans-serif;display:flex}.case-brand-lockup>div{flex:1;min-width:0}.case-project-logo{aspect-ratio:1;object-fit:contain;border-radius:20%;flex:none;width:clamp(58px,6vw,86px);height:auto;display:block;box-shadow:0 8px 18px #0002}.work-page .case-brand-lockup h1{font-size:var(--case-hero-title);letter-spacing:-.035em;color:var(--pc-hero-accent,var(--work-accent));text-wrap:balance;margin:0;font-weight:700;line-height:1.2}.case-brand-lockup .case-english{font-size:var(--case-hero-english);letter-spacing:.12em;color:#fff;margin-top:20px;font-weight:600;line-height:1.4}.xxq-hero-copy{font-family:Bolin Project SC,Bolin Case SC,sans-serif}.xxq-hero-statement,.case-statement{font-size:var(--case-hero-statement);letter-spacing:normal;font-weight:600;line-height:1.65;margin-top:46px!important}.pc-hero,.xxq-hero,.xxl-hero{border-radius:0 0 60px 60px;overflow:hidden}.case-live-brand{align-items:center;gap:24px;max-width:50%;display:flex}.case-live-brand h1{min-width:0;font-family:Bolin Project SC,Bolin Case SC,sans-serif;font-size:var(--case-hero-title);letter-spacing:-.035em;font-weight:700;line-height:1.2}.case-live-brand .case-project-logo{width:80px}.case-hero-lines{fill:none;width:110%;height:110%;stroke:color-mix(in srgb,var(--pc-hero-accent,var(--work-accent)) 30%,#424b47);stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;top:-5%;left:-5%}.case-hero-lines :is(path,rect,circle){fill:none;stroke:inherit;stroke-width:1px;vector-effect:non-scaling-stroke}.work-page .work-tabs a[aria-current=page]{color:var(--case-accent-ink,#101113)}.work-page .work-next{color:var(--case-accent-ink,#101113)!important}.project-case ::selection{color:var(--case-accent-ink,#101113)}.case-facts.xxq-project-facts{border-top:1px solid var(--case-process-rule);gap:24px;padding-top:36px;font-family:Bolin Project SC,Bolin Case SC,sans-serif}.case-facts.xxq-project-facts dt{margin-bottom:12px;font-size:12px}.case-facts.xxq-project-facts dd{font-size:15px;font-weight:700;line-height:1.6}.case-process li,.xxq-process-steps li{border-top:1px solid var(--case-process-rule)}.case-process small,.xxq-process-steps small{color:var(--case-accent-ink,#101113);border-radius:7px}.case-feature-notes dl>div{position:relative}.case-feature-notes dl>div:before{content:"";width:min(100%,var(--case-rule-width,100%));background:#ffffff30;height:1px;position:absolute;top:0;left:0}.case-visual-stream{width:100%;margin:0;padding:0}.case-visual-stream figure{width:100%;margin:0;padding:0;scroll-margin-top:132px;line-height:0;display:block}.case-visual-stream img{width:100%;height:auto;box-shadow:none;border-radius:0;display:block}.work-page[data-brand-tint=true]{--work-paper:color-mix(in srgb,var(--work-accent) 3%,white);--case-process-rule:color-mix(in srgb,var(--work-accent) 13%,#d5dbe1)}.work-page[data-brand-tint=true] .project-case{--case-paper:var(--work-paper);--case-cream:color-mix(in srgb,var(--work-accent) 6%,white);--case-ink:color-mix(in srgb,var(--work-accent) 14%,#101113);--case-muted:color-mix(in srgb,var(--work-accent) 20%,#58616c);--xxq-muted:var(--case-muted)}.work-page[data-brand-tint=true] .case-process{background:color-mix(in srgb,var(--work-accent) 12%,white)}.project-case .xxq-layout{--xxq-cream:var(--case-cream)}.work-page[data-brand-tint=true] .xxq-layout{--xxq-layout-canvas:color-mix(in srgb,var(--work-accent) 2%,white);--xxq-layout-module:color-mix(in srgb,var(--work-accent) 12%,white);--xxq-layout-detail:color-mix(in srgb,var(--work-accent) 36%,white);--xxq-layout-outline:color-mix(in srgb,var(--work-accent) 22%,#cad0d6);--xxq-layout-guide:color-mix(in srgb,var(--work-accent) 18%,#aebbc6);--xxq-layout-ink:var(--case-ink);--xxq-layout-muted:var(--case-muted);--xxq-radius-frame:color-mix(in srgb,var(--work-accent) 9%,white);--xxq-radius-content:color-mix(in srgb,var(--work-accent) 18%,white)}@media (max-width:1100px){.work-page{--case-hero-title:clamp(50px,6.3vw,76px)}}@media (max-width:760px){.work-page{--case-hero-title:clamp(42px,10vw,68px);--case-hero-english:16px;--case-hero-statement:26px}.case-brand-lockup{gap:16px}.case-project-logo{width:52px}.case-brand-lockup .case-english{margin-top:15px}.xxq-hero-statement,.case-statement{margin-top:26px!important}.pc-hero,.xxq-hero,.xxl-hero{border-radius:0 0 40px 40px}.case-hero-lines{width:110%;height:110%;top:-5%;left:-5%}.case-hero-lines-desktop{width:110%;height:119%;top:-19%;left:0}.case-facts.xxq-project-facts{grid-template-columns:1fr;gap:16px}.case-facts.xxq-project-facts>div{grid-template-columns:90px 1fr;align-items:baseline;display:grid}.case-facts.xxq-project-facts dt{margin:0;font-size:11px}.case-facts.xxq-project-facts dd{font-size:13px}.case-live-brand{gap:18px;max-width:none}.case-live-brand .case-project-logo{width:54px}}@media (max-width:360px){.work-page{--case-hero-title:42px;--case-hero-english:13px}.case-brand-lockup{gap:12px}.case-project-logo{width:46px}}.xxq-process,.case-process{border-top:0}.case-visual-art.is-character{--ip-subject-height:clamp(420px,34vw,700px);box-shadow:none;background:0 0;border-radius:0;height:clamp(460px,40vw,720px);position:relative;overflow:visible}.case-character-frame{width:min(100%,calc(var(--ip-subject-height)*var(--ip-aspect)));aspect-ratio:var(--ip-aspect);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.case-visual-art.is-character .case-character-frame img{object-fit:fill;filter:drop-shadow(0 24px 20px #0003);max-width:none;max-height:none;position:absolute}.case-hero-lines{stroke-linecap:round;stroke-linejoin:round;width:114%;height:114%;top:-7%;left:-7%}.case-hero-lines :is(path,rect,circle,ellipse){fill:none;stroke:inherit;stroke-width:1px;vector-effect:non-scaling-stroke}.case-hero-lines .case-outline-shell{stroke-width:1.25px}.case-hero-lines .case-outline-detail{stroke-width:.85px;stroke-opacity:.75}.case-hero-lines .case-outline-fine{stroke-width:.65px;stroke-opacity:.52}.case-hero-lines .case-outline-rear{stroke-width:.9px;stroke-opacity:.62}.case-hero-lines .case-orbit-dot{fill:var(--work-accent);stroke:none}.case-hero-lines-desktop{width:116%;height:116%;top:-12%;left:5%}.work-page[data-project=xiaoxingqiu-web] .case-brand-lockup h1{font-size:calc(var(--case-hero-title)*.9)}.work-page[data-project=xiaoxingqiu-web] .case-brand-lockup .case-english{font-size:calc(var(--case-hero-english)*.94)}.work-page:is([data-project=erp],[data-project=ocamera]) .case-english{letter-spacing:.035em;font-size:clamp(15px,1.35vw,22px);font-weight:500}.case-layout-label{fill:var(--xxq-layout-ink);font-size:12px;font-weight:500}.case-layout-meta{fill:var(--xxq-layout-muted);font-size:10px}.case-layout-hairline,.case-layout-confirm{fill:none;stroke:var(--xxq-layout-detail);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.case-layout-confirm{stroke-width:3px}.case-layout-plus{fill:none;stroke:var(--xxq-layout-paper,#fff);stroke-width:2px;stroke-linecap:round}.xxq-layout-grid{font-family:Bolin Project SC,Bolin Case SC,sans-serif}.case-layout-measure .xxq-dimension-labels{font-size:13px}.xxq-dimension-guides{fill:none}.case-desktop .xxq-layout-example{max-width:650px}.case-desktop .case-feature-images{grid-template-columns:1fr}@media (min-width:1101px){.case-desktop .xxq-layout-grid{grid-template-columns:minmax(250px,.8fr) minmax(0,1.9fr);gap:clamp(32px,4vw,64px)}.case-desktop .xxq-layout-example{max-width:none}.case-desktop .case-layout-canvas{aspect-ratio:var(--layout-crop-aspect);position:relative;overflow:hidden}.case-desktop .case-layout-canvas>.xxq-layout-diagram{width:var(--layout-svg-width);max-width:none;height:auto;left:var(--layout-svg-left);top:var(--layout-svg-top);position:absolute}}.xxq-radius-demo.is-circular-control{background:0 0;border:0;border-radius:0;height:170px}.xxq-radius-demo.is-circular-control>div{background:var(--xxq-radius-content);border-radius:50%;width:148px;height:148px;inset:0 auto auto 0}.xxq-radius-demo.is-circular-control .xxq-radius-outer{left:117px;right:auto}.xxq-radius-demo.is-circular-control .xxq-radius-inner{top:116px;left:96px;right:auto}@media (max-width:760px){.case-visual-art.is-character{--ip-subject-height:min(350px,calc((100vw - 44px)*.92));height:calc(var(--ip-subject-height) + 24px);margin-block:16px 24px}.case-character-frame{left:50%}.case-hero-lines{width:114%;height:114%;top:-7%;left:-7%}.case-hero-lines-desktop{width:112%;height:114%;top:-10%;left:5%}.case-layout-label{font-size:15px}.case-layout-measure .xxq-dimension-labels{font-size:17px}.case-desktop-diagram .case-layout-label,.case-desktop-diagram .case-layout-measure .xxq-dimension-labels{font-size:19px}.xxq-radius-demo.is-circular-control{height:158px}}.case-phone-shell{z-index:2;box-sizing:border-box;background:linear-gradient(125deg,#434647 0%,#292c2d 24%,#202223 65%,#343738 100%);border-radius:17%/8.3%;width:32%;padding:1.7%;position:absolute;top:41.695%;left:41.8%;transform:translateY(-50%);box-shadow:4px 9px 14px #0004,inset 3px 3px 12px #72777755,inset -5px -6px 14px #08090999}.case-phone-viewport{width:100%;aspect-ratio:var(--phone-screen-ratio);background:#101113;border-radius:13.5%/6.2%;overflow:hidden}.case-phone-viewport img{object-fit:contain;width:100%;height:100%;display:block}.work-page[data-project=ocamera]{--work-paper:#fafafa;--case-process-rule:#d9d9d9}.work-page[data-project=ocamera] .project-case{--case-paper:#fafafa;--case-cream:#f1f1f1;--case-ink:#101113;--case-muted:#606060;--xxq-muted:#606060}.work-page[data-project=ocamera] .case-process{background:#f0f0f0}.work-page[data-project=ocamera] .xxq-layout{--xxq-layout-canvas:#fafafa;--xxq-layout-module:#dedede;--xxq-layout-detail:#ababab;--xxq-layout-outline:#bfbfbf;--xxq-layout-guide:#a6a6a6;--xxq-layout-ink:#101113;--xxq-layout-muted:#606060;--xxq-radius-frame:#e3e3e3;--xxq-radius-content:#cfcfcf}.work-page[data-project=ocamera] .case-process-arrow{stroke:#606060}.work-page[data-project=ocamera] .case-feature :is(.pc-heading>span,.case-body,dd,.case-screen figcaption),.work-page[data-project=ocamera] :is(.pc-hero-note,.pc-hero-meta,.case-colors .pc-heading>span,.case-colors .pc-heading>p){color:#c6c6c6}.work-page[data-project=meitehao] .case-process{background:color-mix(in srgb,var(--work-accent) 6%,white)}.case-visual .case-hero-lines{width:104%;height:114%;top:-7%;left:13%}.case-balanced-grid{--case-quad-gap:clamp(20px,3.5vw,64px);--case-trio-gap:clamp(28px,4.6vw,84px);grid-template-columns:repeat(var(--case-cols-wide),minmax(0,1fr));column-gap:var(--case-grid-wide-gap,var(--case-quad-gap));width:var(--case-grid-wide-width,100%);margin-inline:auto}@media (max-width:1100px){.case-balanced-grid{grid-template-columns:repeat(var(--case-cols-medium),minmax(0,1fr));column-gap:var(--case-quad-gap);width:var(--case-grid-medium-width,100%)}}@media (max-width:760px){.case-balanced-grid{grid-template-columns:repeat(var(--case-cols-small),minmax(0,1fr));width:100%}.case-visual .case-hero-lines{width:104%;height:114%;top:-7%;left:5%}.case-balanced-grid :is(.case-enlarge,.xxq-enlarge){gap:3px;padding:5px;font-size:9px}.case-balanced-grid :is(.case-enlarge svg,.xxq-enlarge svg){width:11px;height:11px}.case-balanced-grid :is(.case-screen,.xxq-screen) figcaption{font-size:12px}}.case-colors .xxq-palette[data-palette=monochrome]>.xxq-swatch:first-child{box-shadow:inset 0 0 0 1px #8c8c8c}.work-page[data-project=xiaoxingqiu-live] .case-brand-lockup h1{font-size:calc(var(--case-hero-title)*.9)}.work-page[data-project=xiaoxingqiu-live] .case-core-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.5vw,40px)}@media (max-width:760px){.work-page[data-project=xiaoxingqiu-live] .case-core-grid{grid-template-columns:1fr;gap:40px}}.case-ip-contour{z-index:0;pointer-events:none;width:auto;height:78%;aspect-ratio:var(--ip-contour-ratio);color:color-mix(in srgb,var(--work-accent) 43%,#6b6b6b);opacity:.7;position:absolute;top:4%;left:73%;overflow:visible;transform:translate(-50%)}@media (max-width:760px){.case-ip-contour{height:82%;top:0;left:72%}}.xxq-hero-main{grid-template-columns:45% 55%;min-height:clamp(620px,49vw,850px)}.xxq-hero-art{aspect-ratio:1;width:110%;margin:0 0 0 -5%;left:auto}.xxq-hero-meta{padding-block:24px}.pc-hero-meta,.xxq-hero-meta{line-height:1.5}@media (min-width:1101px){.case-desktop .xxq-layout-example{justify-self:end;width:calc(100% - clamp(24px,3vw,48px));margin-inline:0!important}}.xxq-image-viewer[data-closing=true]{pointer-events:none}.xxq-image-viewer::backdrop{background:0 0}.xxq-viewer-image[data-ready=false]{opacity:0}.xxq-viewer-image[data-ready=true]{animation:.16s cubic-bezier(.2,.8,.2,1) both case-viewer-image-in!important}@keyframes case-viewer-image-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.case-screen>a,.xxq-screen>a{cursor:zoom-in}@media (hover:hover) and (pointer:fine){.case-screen>a,.xxq-screen>a{transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s ease-out!important}.case-screen>a:is(:hover,:focus-visible),.xxq-screen>a:is(:hover,:focus-visible){transform:translateY(-2px);box-shadow:0 20px 30px #1113}.case-screen>a:active,.xxq-screen>a:active{transform:none}}@media (max-width:1100px){.xxq-hero-main{grid-template-columns:45% 55%;min-height:clamp(620px,49vw,850px)}.xxq-hero-art{width:110%;margin-left:-5%}}@media (max-width:760px){.xxq-hero-main{grid-template-columns:1fr;min-height:0}.xxq-hero-copy{padding:40px 0 12px}.xxq-hero-art{width:min(100%,520px);margin:0 auto;left:auto}.xxq-hero-statement{font-size:26px;line-height:1.65;margin-top:26px!important}.xxq-hero-description{font-size:14px;margin-top:20px!important}}
.work-page{--case-motion-ease:cubic-bezier(.16, 1, .3, 1)}.work-page :is(.case-hero-lines,.case-ip-contour) [data-contour-detail]{opacity:var(--contour-detail-progress,1)}.work-page .case-ip-contour{--contour-final-opacity:.7}.work-page [data-contour-state=pending]{opacity:0;animation:1ms 1.6s forwards contour-static-fallback}@keyframes contour-static-fallback{to{opacity:var(--contour-final-opacity,1)}}.work-page[data-project-motion] :is(.case-brand-lockup h1,.case-project-logo,.case-english,.case-statement,.pc-hero-note,.xxq-hero-statement,.xxq-hero-description,.pc-hero-art,.xxq-hero-art,.pc-heading h2,.xxq-section-title h2,.case-screen,.xxq-screen){transition:none!important}.work-page [data-motion-state=armed]:focus-within{clip-path:none!important}.work-page .work-tabs a{isolation:isolate;transition:color .16s,background-color .16s;position:relative;overflow:hidden}.work-page .work-tabs a:before{content:"";z-index:-1;background:color-mix(in srgb, var(--work-accent) 14%, #131416);transform-origin:0;transition:transform .26s var(--case-motion-ease);position:absolute;inset:0;transform:scaleX(0)}.work-page .work-tabs a[aria-current=page]{box-shadow:none}.work-page .work-tabs a[aria-current=page]:after{content:"";transform-origin:0;height:5px;animation:case-tab-arrive .26s var(--case-motion-ease) both;background:#fff;position:absolute;inset:auto 0 0}.work-page .work-tab-label{transition:transform .18s var(--case-motion-ease);display:block;position:relative}.work-page .work-tabs a[aria-current=page]:before{display:none}.work-page .work-tabs a:focus-visible{outline-offset:-6px;outline:2px solid #fff}.work-page .work-tabs a:active .work-tab-label{transform:translateY(1px)}.work-page .work-brand i{transition:transform .26s var(--case-motion-ease)}.work-page .work-return{align-items:center;gap:6px;min-height:44px;display:inline-flex}.work-page .work-return svg{width:17px;height:17px;transition:transform .22s var(--case-motion-ease);flex:none}.work-page .work-next{position:relative}.work-page .work-next .work-next-icon{stroke-width:1.3px;width:1em;height:1em;transition:transform .26s var(--case-motion-ease);flex:none}.work-page .work-return:focus-visible,.work-page .work-next:focus-visible,.work-page .xxq-case-close a:focus-visible{outline:3px solid var(--work-accent);outline-offset:-6px}.work-page .work-next:focus-visible{outline-color:currentColor}.work-page .xxq-case-close a svg{transition:transform .22s var(--case-motion-ease)}.work-page .xxq-viewer-zoom output{font-variant-numeric:tabular-nums}.work-page .xxq-image-viewer button{transition:background-color .15s ease, border-color .15s ease, color .15s ease, transform .15s var(--case-motion-ease)!important}.work-page .xxq-image-viewer button:focus-visible{outline:2px solid var(--work-accent);outline-offset:4px}.work-page .xxq-image-viewer button:active:not(:disabled){transform:translateY(1px)}@media (hover:hover) and (pointer:fine){.work-page .work-tabs a:not([aria-current]):is(:hover,:focus-visible):before{transform:scaleX(1)}.work-page .work-tabs a:not([aria-current]):is(:hover,:focus-visible) .work-tab-label{transform:translateY(-1px)}.work-page .work-brand:is(:hover,:focus-visible) i{transform:rotate(90deg)}.work-page .work-return:is(:hover,:focus-visible) svg{transform:translate(-3px)}.work-page .work-next:is(:hover,:focus-visible) .work-next-icon{transform:translate(6px,-6px)}.work-page .xxq-case-close a:is(:hover,:focus-visible) svg{transform:translateY(-3px)}.work-page .xxq-image-viewer button:is(:hover,:focus-visible):not(:disabled){color:#fff;background:#303236;border-color:#888}}@keyframes case-tab-arrive{0%{opacity:.5;transform:scaleX(.45)}to{opacity:1;transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.work-page:not([data-project-motion=full]) .work-tabs a:before{transition-duration:.1s}.work-page:not([data-project-motion=full]) .work-tabs a[aria-current=page]:after{animation:none}.work-page:not([data-project-motion=full]) :is(.work-tab-label,.work-brand i,.work-return svg,.work-next-icon,.xxq-case-close a svg){transition:none!important;transform:none!important}.work-page:not([data-project-motion=full]) :is(.case-screen>a,.xxq-screen>a,.xxq-image-viewer button){transition-duration:.1s!important;transform:none!important}.work-page:not([data-project-motion=full]) .xxq-viewer-image[data-ready=true]{animation:.12s ease-out both case-image-reduced!important}}@keyframes case-image-reduced{0%{opacity:.65}to{opacity:1}}