:root{font-family:Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;color:#171717;background:#f8f7f3;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #171717;--paper: #f8f7f3;--muted: #686863;--line: #d8d7d1;--ease-out: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;min-width:320px;min-height:100dvh;overflow-x:hidden}button{font:inherit}button,a{touch-action:manipulation}button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--ink);outline-offset:5px}.home{min-height:100dvh;display:grid;place-items:center;padding:48px 24px;position:relative}.home__content{width:min(720px,calc(100vw - 48px));min-width:0}.brand-line{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:12px}.brand-line__index{font:500 11px/1.2 ui-monospace,monospace;letter-spacing:.11em;color:var(--muted)}.brand-line__name{font-family:Songti SC,SimSun,serif;letter-spacing:.14em}.girl-wrap{position:relative;width:min(48vw,230px);margin:20px auto 0;color:var(--ink)}.girl-drawing{display:block;width:100%;overflow:visible}.girl-stroke{stroke-width:2.2;vector-effect:non-scaling-stroke}.drawing-pen{transform-box:fill-box;transform-origin:center}.girl-caption{position:absolute;right:-28px;bottom:24px;writing-mode:vertical-rl;font:500 9px/1 ui-monospace,monospace;letter-spacing:.16em;color:var(--muted)}.intro-copy{margin:16px auto 0;text-align:center;max-width:620px}.intro-copy h1{margin:0;font:500 clamp(28px,5vw,42px)/1.2 "Songti SC",SimSun,serif;letter-spacing:.03em}.intro-copy p{margin:15px 0 0;color:#444440;font-size:clamp(15px,2vw,17px);line-height:1.8;overflow-wrap:anywhere}.category-nav{display:grid;grid-template-columns:repeat(3,1fr);margin-top:42px;border-block:1px solid var(--line)}.category-trigger{appearance:none;background:transparent;border:0;border-right:1px solid var(--line);color:var(--ink);min-height:144px;padding:20px 14px;display:grid;grid-template-columns:82px 1fr;align-items:center;gap:12px;cursor:pointer;text-align:left;transition:background .24s ease}.category-trigger:last-child{border-right:0}.category-trigger:hover,.category-trigger.is-previewing{background:#efeee8}.category-trigger:active{background:#e8e6de}.category-trigger__visual{width:76px;height:88px;display:grid;place-items:center}.product-icon{position:relative;display:block;width:100%;height:100%;margin:0;overflow:visible}.artwork-motion{position:absolute;inset:0;z-index:2;display:grid;place-items:center;transform-origin:50% 70%;will-change:transform}.artwork-original{display:block;max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:contrast(1.04)}.artwork-color-layer{position:absolute;pointer-events:none;opacity:0}.artwork-aura{inset:13% 10% 7%;z-index:0;border-radius:45% 55% 51% 49%/58% 44% 56% 42%;background:radial-gradient(circle at 35% 26%,color-mix(in srgb,var(--art-light) 90%,white) 0 12%,transparent 34%),radial-gradient(circle at 62% 62%,var(--art-mid) 0 28%,var(--art-dark) 72%);filter:blur(8px);transform:scale(.78)}.artwork-orbit{z-index:1;border-radius:999px;border:1px solid color-mix(in srgb,var(--art-dark) 32%,transparent);box-shadow:inset 0 0 0 1px #ffffff6b}.artwork-orbit--one{width:19%;aspect-ratio:1;left:6%;top:21%}.artwork-orbit--two{width:10%;aspect-ratio:1;right:8%;bottom:17%}.artwork-sheen{position:absolute;z-index:3;top:7%;bottom:7%;left:-42%;width:28%;transform:rotate(12deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);filter:blur(2px);mix-blend-mode:screen;opacity:0;pointer-events:none}.artwork-accent{position:absolute;inset:0;z-index:4;pointer-events:none}.artwork-accent i{position:absolute;display:block;border-radius:999px;background:var(--art-mid);box-shadow:inset 0 0 0 1px #17171714,inset 3px 4px 8px #ffffff8c;opacity:0}.product-icon--milk-tea .artwork-accent i:nth-child(1){width:9%;aspect-ratio:1;left:16%;bottom:10%}.product-icon--milk-tea .artwork-accent i:nth-child(2){width:6%;aspect-ratio:1;right:12%;bottom:22%}.product-icon--milk-tea .artwork-accent i:nth-child(3){width:4%;aspect-ratio:1;left:6%;bottom:34%}.product-icon--snacks .artwork-accent i{width:7%;height:22%;border-radius:4px;background:linear-gradient(180deg,var(--art-light),var(--art-mid))}.product-icon--snacks .artwork-accent i:nth-child(1){left:7%;top:19%;transform:rotate(-14deg)}.product-icon--snacks .artwork-accent i:nth-child(2){right:8%;top:9%;transform:rotate(17deg)}.product-icon--snacks .artwork-accent i:nth-child(3){left:48%;top:0;transform:rotate(3deg)}.product-icon--cakes .artwork-accent i:nth-child(1){width:10%;aspect-ratio:1;right:8%;top:8%;background:var(--art-dark)}.product-icon--cakes .artwork-accent i:nth-child(2){width:6%;aspect-ratio:1;left:6%;top:31%;background:var(--art-mid)}.product-icon--cakes .artwork-accent i:nth-child(3){width:4%;aspect-ratio:1;right:18%;bottom:9%;background:var(--art-light)}.product-icon.is-colored .artwork-color-layer{opacity:.66}.product-icon.is-colored .artwork-aura{transform:scale(1)}.product-icon.is-colored .artwork-accent i{opacity:.78}.category-trigger__copy{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:2px 8px}.category-trigger__number{font:500 10px/1 ui-monospace,monospace;color:#74746e;align-self:center}.category-trigger__label{font:500 24px/1.1 Songti SC,SimSun,serif}.category-trigger__en{grid-column:2;font:500 9px/1.2 ui-monospace,monospace;letter-spacing:.08em;color:var(--muted)}.category-trigger.is-previewing .artwork-color-layer{animation:color-awaken .72s var(--ease-out) forwards}.category-trigger.is-previewing .artwork-sheen{animation:sheen-pass 1.05s var(--ease-out)}.category-trigger.is-previewing .artwork-accent i{animation:accent-rise 1.15s var(--ease-out) both}.category-trigger.is-previewing .artwork-accent i:nth-child(2){animation-delay:.08s}.category-trigger.is-previewing .artwork-accent i:nth-child(3){animation-delay:.16s}.category-trigger.is-previewing .product-icon--milk-tea .artwork-motion{animation:milk-float 1.4s var(--ease-out)}.category-trigger.is-previewing .product-icon--snacks .artwork-motion{animation:snack-pop 1.1s var(--ease-out)}.category-trigger.is-previewing .product-icon--cakes .artwork-motion{animation:cake-present 1.35s var(--ease-out)}.interaction-hint{margin:12px 0 0;text-align:right;font:500 10px/1.5 ui-monospace,monospace;letter-spacing:.05em;color:var(--muted)}.skip-intro{position:fixed;top:22px;right:24px;z-index:10;border:0;border-bottom:1px solid var(--ink);background:transparent;color:var(--ink);padding:8px 0;cursor:pointer;font-size:12px;transition:opacity .2s}.skip-intro.is-hidden{opacity:0;pointer-events:none}.reveal-after-draw{opacity:0;visibility:hidden}.transition-overlay{position:fixed;inset:0;z-index:1000;background:var(--paper);display:grid;place-items:center;opacity:0;visibility:hidden;overflow:hidden;isolation:isolate}.transition-visual{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);color:var(--ink)}.liquid-curtain{position:absolute;left:50%;top:50%;z-index:1;width:155vmax;height:155vmax;margin:-77.5vmax 0 0 -77.5vmax;border-radius:46% 54% 52% 48%/51% 45% 55% 49%;transform:scale(0);box-shadow:inset 0 7vmax 13vmax #ffffff3d,inset 0 -9vmax 15vmax #2e180f2e,0 0 0 2px #1717170f;overflow:hidden}.liquid-curtain--milk-tea{background:radial-gradient(circle at 36% 28%,#f2c998 0 8%,transparent 24%),linear-gradient(145deg,#d9a46d,#a6623b 48%,#6f3829)}.liquid-curtain--snacks{background:radial-gradient(circle at 35% 26%,#fff0a9 0 9%,transparent 25%),linear-gradient(145deg,#f5d36e,#dea53c 52%,#b66e24)}.liquid-curtain--cakes{background:radial-gradient(circle at 36% 25%,#ffb4ad 0 9%,transparent 25%),linear-gradient(145deg,#ef8c82,#c95658 52%,#873b45)}.liquid-glint{position:absolute;left:24%;top:17%;width:22%;height:8%;border-radius:50%;background:#ffffff61;filter:blur(1.2vmax);transform:rotate(-18deg)}.liquid-bubble{position:absolute;border-radius:50%;border:max(2px,.25vmax) solid rgba(255,255,255,.28);box-shadow:inset 0 .5vmax 1vmax #ffffff2e}.liquid-bubble--one{width:7vmax;height:7vmax;left:68%;top:20%}.liquid-bubble--two{width:4vmax;height:4vmax;left:74%;top:31%}.transition-word{position:absolute;left:50%;bottom:max(42px,8vh);z-index:3;transform:translate(-50%,14px);opacity:0;visibility:hidden;display:grid;justify-items:center;gap:4px}.transition-word span{font:500 10px/1 ui-monospace,monospace;letter-spacing:.14em;color:var(--muted)}.transition-word strong{font:500 clamp(30px,6vw,58px)/1.15 "Songti SC",SimSun,serif;letter-spacing:.08em}.transition-skip{position:absolute;top:22px;right:24px;z-index:4;border:0;border-bottom:1px solid currentColor;padding:8px 0;background:transparent;color:inherit;cursor:pointer;font-size:12px}.series-page{width:min(100% - 48px,1080px);margin:0 auto;min-height:100dvh;padding:32px 0 24px}.series-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--line)}.back-button{border:0;background:transparent;padding:10px 0;cursor:pointer;color:var(--ink)}.back-button span{display:inline-block;margin-right:7px;transition:transform .2s}.back-button:hover span{transform:translate(-4px)}.series-header__brand{font-family:Songti SC,SimSun,serif;letter-spacing:.14em}.series-hero{min-height:360px;display:grid;grid-template-columns:1fr minmax(230px,380px);gap:48px;align-items:center;padding:44px 0;border-bottom:1px solid var(--line)}.series-eyebrow{margin:0 0 15px;font:500 11px/1 ui-monospace,monospace;letter-spacing:.14em;color:var(--muted)}.series-hero h1{margin:0;font:500 clamp(48px,8vw,90px)/1 "Songti SC",SimSun,serif;letter-spacing:.05em}.series-hero>div>p:last-child{max-width:30em;margin:22px 0 0;line-height:1.8;color:#494944}.series-hero .product-icon{width:100%;aspect-ratio:1}.product-grid{display:grid;grid-template-columns:repeat(3,1fr)}.product-card{padding:34px 26px 40px;border-right:1px solid var(--line)}.product-card:first-child{padding-left:0}.product-card:last-child{border-right:0;padding-right:0}.product-card__visual{height:240px;position:relative;display:grid;place-items:center;background:#efeee8;overflow:hidden}.product-card__visual .product-icon{width:72%;height:82%}.product-card__index{position:absolute;top:12px;left:14px;font:500 10px/1 ui-monospace,monospace;color:var(--muted)}.product-card h2{margin:22px 0 8px;font:500 23px/1.25 Songti SC,SimSun,serif}.product-card p{margin:0;color:#565650;font-size:14px;line-height:1.7}.series-footer{display:flex;justify-content:space-between;gap:24px;padding-top:18px;border-top:1px solid var(--line);font:500 10px/1.5 ui-monospace,monospace;color:var(--muted)}@keyframes color-awaken{0%{opacity:0;transform:scale(.68)}65%{opacity:.92;transform:scale(1.06)}to{opacity:.82;transform:scale(1)}}@keyframes sheen-pass{0%{left:-42%;opacity:0}24%{opacity:.9}to{left:118%;opacity:0}}@keyframes accent-rise{0%{opacity:0;transform:translateY(11px) scale(.35)}58%{opacity:.85}to{opacity:0;transform:translateY(-13px) scale(1)}}@keyframes milk-float{0%,to{transform:translateY(0) rotate(0)}38%{transform:translateY(-5px) rotate(-1.1deg)}68%{transform:translateY(1px) rotate(.45deg)}}@keyframes snack-pop{0%,to{transform:scale(1)}36%{transform:translateY(-5px) scale(.96,1.055)}68%{transform:translateY(1px) scale(1.025,.985)}}@keyframes cake-present{0%,to{transform:translateY(0) rotate(0)}38%{transform:translateY(-5px) rotate(1.2deg)}70%{transform:translateY(1px) rotate(-.45deg)}}@media(max-width:720px){.home{padding:28px 20px 36px;align-items:start}.home__content{width:calc(100vw - 40px);padding-top:14px}.girl-wrap{width:min(58vw,208px);margin-top:10px}.intro-copy{margin-top:16px}.intro-copy h1{font-size:28px}.category-nav{grid-template-columns:1fr;margin-top:28px}.category-trigger{border-right:0;border-bottom:1px solid var(--line);min-height:104px;padding:8px;grid-template-columns:82px 1fr}.category-trigger:last-child{border-bottom:0}.category-trigger__label{font-size:22px}.interaction-hint{text-align:left;margin-top:10px}.series-page{width:min(100% - 36px,1080px);padding-top:18px}.series-hero{grid-template-columns:1fr;gap:12px;min-height:0;padding:38px 0 30px}.series-hero>.product-icon{width:min(72vw,300px);justify-self:center}.product-grid{grid-template-columns:1fr}.product-card,.product-card:first-child,.product-card:last-child{padding:28px 0;border-right:0;border-bottom:1px solid var(--line)}.product-card:last-child{border-bottom:0}.product-card__visual{height:270px}.series-footer{flex-direction:column;gap:5px}}@media(max-width:360px){.brand-line__index{max-width:130px}.girl-caption{right:-18px}.category-trigger{min-height:84px}.category-trigger__visual{width:72px;height:82px}.series-header__brand{font-size:13px}.series-hero h1{font-size:46px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
