@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600&display=swap');
:root{--ink:#17231c;--paper:#eeeade;--gold:#a98c60;--ease:cubic-bezier(.72,0,.2,1)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--paper);color:var(--ink);font-family:"Noto Serif SC","Songti SC",serif}button{font:inherit;color:inherit;cursor:pointer}.opening{position:fixed;z-index:500;inset:0;background:var(--paper);display:grid;place-content:center;justify-items:center;transition:.8s}.opening.hide{opacity:0;visibility:hidden}.opening i,.brand i{display:grid;place-items:center;border:1px solid;font-style:normal}.opening i{width:54px;height:54px;color:var(--gold)}.opening b{margin:22px 0 8px;font-size:clamp(35px,5vw,64px);font-weight:500;letter-spacing:.18em}.opening small,.eyebrow{font:9px Georgia,serif;letter-spacing:.22em;color:var(--gold)}.topbar{position:fixed;z-index:100;inset:0 0 auto;height:76px;padding:0 3vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:white;border-bottom:1px solid #fff3;transition:.5s}.light-ui .topbar{color:var(--ink);border-color:#17231c2b}.brand{justify-self:start;border:0;background:none;display:flex;gap:11px;align-items:center;text-align:left}.brand i{width:32px;height:32px}.brand span{display:grid}.brand b{font-size:13px;font-weight:500;letter-spacing:.12em}.brand small{font:7px Georgia;letter-spacing:.14em;opacity:.65}.chapter{font-size:9px;letter-spacing:.18em}.mini-consult{justify-self:end;border:1px solid;background:transparent;padding:9px 14px;font-size:9px}.experience,.scene{position:fixed;inset:0}.scene{visibility:hidden;pointer-events:none;opacity:0;transform:scale(1.035);transition:opacity .75s,transform 1.15s var(--ease),visibility 0s .8s;overflow:hidden}.scene.active{visibility:visible;pointer-events:auto;opacity:1;transform:none;transition:opacity .75s,transform 1.15s var(--ease);z-index:2}.scene video{width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b120ddd,transparent 68%),linear-gradient(0deg,#0b120d88,transparent 48%)}.shade.soft{background:linear-gradient(90deg,#101812dc 0 38%,transparent 75%)}.copy{position:absolute;z-index:3}.copy h1,.copy h2{font-weight:500;line-height:1.05;letter-spacing:-.06em}.copy p{line-height:1.9}.hero-copy{left:7vw;top:49%;width:min(720px,66vw);transform:translateY(-45%);color:white}.hero-copy h1{font-size:clamp(58px,8vw,112px);margin:22px 0}.hero-copy h1 span{font-size:.47em;letter-spacing:.15em}.lead{max-width:570px;color:#ffffffb0;font-size:13px}.actions{display:flex;gap:12px;margin-top:30px}.actions button,.primary{border:1px solid var(--paper);background:var(--paper);color:var(--ink);padding:13px 18px;font-size:10px;letter-spacing:.1em}.actions .ghost{background:transparent;color:white}.actions button b{margin-left:20px}.side-note{position:absolute;right:3vw;top:29%;writing-mode:vertical-rl;color:#ffffffa0;font-size:9px;letter-spacing:.28em}.light{background:var(--paper)}.reasons-photo{position:absolute;inset:0 auto 0 0;width:48%;background:url('assets/ceramics/clean-set-v2.png') center/cover;clip-path:ellipse(70% 72% at 28% 50%)}.reasons-copy{left:53%;right:6vw;top:15vh}.reasons-copy h2,.collection-copy h2,.craft-copy h2,.lifestyle-copy h2,.set-copy h2,.ending-copy h2{font-size:clamp(43px,5.6vw,78px);margin:18px 0 30px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:5vh}.benefits article{border-top:1px solid #17231c42;padding-top:16px;transition:.45s var(--ease)}.benefits article:hover{transform:translateY(-10px)}.benefits i{font:9px Georgia;color:var(--gold)}.benefits h3{font-size:21px;font-weight:500}.benefits p{font-size:11px;color:#536057}.collection-copy{left:5vw;top:12vh;width:28vw}.collection-copy h2{margin-bottom:15px}.collection-copy>p:last-child{font-size:11px;color:#5d675f}.accordion{position:absolute;left:35vw;right:4vw;top:14vh;bottom:11vh;display:flex;gap:7px}.object{position:relative;flex:1;min-width:55px;border:0;background:#dfe2d9;overflow:hidden;text-align:left;transition:flex .8s var(--ease)}.object.active{flex:5}.object-image{position:absolute;inset:0;background:var(--img) center/cover;filter:saturate(.82);transition:.8s}.object.active .object-image{transform:scale(1.025)}.object:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#101812d8,transparent 62%)}.object-info{position:absolute;z-index:2;left:19px;right:19px;bottom:20px;color:white;white-space:nowrap}.object-info i{display:block;font:9px Georgia;color:#d7bd8e}.object-info b{display:block;margin:7px 0;font-size:25px;font-weight:500}.object-info small,.object-info em{display:block;font-size:9px;font-style:normal;color:#ffffffa1}.object-info em{margin-top:9px;opacity:0;transform:translateY(7px);transition:.4s}.object.active em{opacity:1;transform:none}.brewing{color:white}.brewing-copy{left:7vw;top:25vh;width:45vw}.brewing-copy h2{font-size:clamp(50px,7vw,96px);margin:21px 0}.brewing-copy>p:last-of-type{max-width:510px;color:#ffffffa4}.brewing-copy ol{display:flex;list-style:none;padding:0;margin-top:38px}.brewing-copy li{padding:11px 23px;border:1px solid #ffffff4d;border-right:0;font-size:10px}.brewing-copy li:last-child{border-right:1px solid #ffffff4d}.craft-media{position:absolute;left:3vw;top:8vh;bottom:8vh;width:54%;overflow:hidden;clip-path:polygon(0 7%,18% 0,85% 4%,100% 19%,94% 84%,78% 100%,13% 95%,3% 76%)}.craft-copy{left:62%;right:6vw;top:14vh}.craft-list{border-top:1px solid #17231c38}.craft-list button{display:grid;grid-template-columns:1fr auto;width:100%;border:0;border-bottom:1px solid #17231c38;background:none;padding:14px 0;text-align:left;color:#657067}.craft-list button.active{color:var(--ink);padding-left:13px}.craft-list b{font-weight:500}.craft-list span{font-size:9px;color:var(--gold)}.craft-answer{margin-top:27px}.craft-answer h3{font-size:25px;font-weight:500;margin:0}.craft-answer p{font-size:11px;color:#536057}.lifestyle-image{position:absolute;right:3vw;top:8vh;bottom:8vh;width:52%;background:url('assets/ceramics/lifestyle-grid.png') center/cover;clip-path:ellipse(48% 50%)}.lifestyle-copy{left:7vw;top:20vh;width:50vw}.lifestyle-copy>p:last-of-type{max-width:470px;color:#536057}.occasion{display:flex;gap:10px;margin-top:30px}.occasion span{border:1px solid #17231c45;border-radius:50%;width:72px;height:72px;display:grid;place-items:center;font-size:11px;transition:.4s}.occasion span:hover{transform:translateY(-8px) rotate(4deg);background:var(--ink);color:var(--paper)}.set-photo{position:absolute;inset:0 48% 0 0;background:url('assets/ceramics/product-system.png') center/cover}.set-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,var(--paper))}.set-copy{left:58%;right:8vw;top:12vh}.set-copy h2{margin-bottom:22px}.set-copy ul{list-style:none;padding:0;margin:0 0 24px;border-top:1px solid #17231c42}.set-copy li{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #17231c42;font-size:11px}.set-copy li b{font-weight:500}.primary{border-color:var(--ink);background:var(--ink);color:var(--paper)}.ending{display:grid;place-items:center;text-align:center}.ending:before{content:"";position:absolute;width:min(68vw,820px);aspect-ratio:1;border:1px solid #a98c603b;border-radius:50%;animation:orbit 14s linear infinite}.ending-mark{position:absolute;font-size:34vw;color:#a98c600d}.ending-copy{position:relative}.ending-copy h2{font-size:clamp(64px,8vw,112px);margin:23px}.ending-copy>p:last-of-type{color:#536057}.dark-actions{justify-content:center}.dark-actions button{border-color:var(--ink);background:var(--ink);color:var(--paper)}.dark-actions .ghost{color:var(--ink);background:transparent}.progress{position:fixed;z-index:90;left:3vw;right:3vw;bottom:24px;height:1px;background:#ffffff43}.light-ui .progress{background:#17231c2b}.progress span{display:block;height:100%;width:12.5%;background:var(--gold);transition:width .8s}.controls{position:fixed;z-index:95;right:3vw;bottom:35px;display:flex;align-items:center;color:white}.light-ui .controls{color:var(--ink)}.controls button{width:36px;height:36px;border:1px solid;border-radius:50%;background:transparent}.controls button:disabled{opacity:.25}.controls p{margin:0 14px;display:flex;align-items:baseline;gap:5px}.controls p b{font:18px Georgia}.controls p span{font:9px Georgia;opacity:.55}.controls p small{margin-left:10px;font-size:8px;opacity:.65}.wipe{position:fixed;z-index:80;inset:0;background:var(--paper);pointer-events:none;transform:scaleX(0);transform-origin:right}.wipe.play{animation:wipe .9s var(--ease)}dialog{width:min(520px,calc(100vw - 30px));border:0;background:var(--paper);padding:42px;box-shadow:0 30px 90px #07100d66}dialog::backdrop{background:#0b120db8;backdrop-filter:blur(8px)}dialog h2{font-size:32px;font-weight:500}dialog>p:not(.eyebrow){color:#536057;line-height:1.9;font-size:12px}dialog dl div{display:grid;grid-template-columns:70px 1fr;border-top:1px solid #17231c35;padding:11px 0;font-size:11px}dialog dd{margin:0}.close{position:absolute;right:17px;top:14px;border:0;background:none;font-size:24px}.dialog-return{width:100%;padding:12px;border:1px solid var(--ink);background:var(--ink);color:var(--paper)}.reactive-line{display:inline-block;transition:transform .45s var(--ease),letter-spacing .4s}.reactive-line:hover{transform:translateX(9px) skewX(-2deg);letter-spacing:.012em}@keyframes wipe{45%{transform:scaleX(1);transform-origin:right}46%{transform-origin:left}100%{transform:scaleX(0);transform-origin:left}}@keyframes orbit{to{transform:rotate(360deg)}}
@media(max-width:760px){.topbar{height:64px;padding:0 15px}.chapter,.brand small{display:none}.hero-copy{left:18px;right:18px;width:auto}.hero-copy h1{font-size:14vw}.lead{font-size:11px}.side-note{display:none}.actions{flex-wrap:wrap}.reasons-photo{width:100%;height:43%;bottom:auto;clip-path:ellipse(76% 67% at 45% 27%)}.reasons-copy{left:18px;right:18px;top:38vh}.reasons-copy h2,.collection-copy h2,.craft-copy h2,.lifestyle-copy h2,.set-copy h2{font-size:10vw;margin:10px 0 15px}.benefits{gap:8px;margin-top:2vh}.benefits h3{font-size:15px}.benefits p{font-size:9px;line-height:1.6}.collection-copy{left:18px;top:9vh;width:auto}.collection-copy>p:last-child{display:none}.accordion{left:12px;right:12px;top:27vh;bottom:10vh}.object{min-width:22px}.object.active{flex:7}.object-info{left:10px;bottom:12px}.object-info b{font-size:17px}.object-info small{display:none}.brewing-copy{left:18px;right:18px;top:25vh;width:auto}.brewing-copy h2{font-size:12vw}.brewing-copy li{padding:9px 13px}.craft-media{left:4vw;right:4vw;top:7vh;height:43%;width:auto}.craft-copy{left:18px;right:18px;top:48vh}.craft-answer{margin-top:12px}.lifestyle-image{right:-8vw;top:7vh;width:85vw;height:48vh}.lifestyle-copy{left:18px;right:18px;top:auto;bottom:10vh;width:auto}.lifestyle-copy h2{font-size:9vw}.occasion{margin-top:15px}.occasion span{width:52px;height:52px}.set-photo{inset:0 0 51%}.set-photo:after{background:linear-gradient(0deg,var(--paper),transparent 60%)}.set-copy{left:18px;right:18px;top:45vh}.set-copy li{padding:7px 0}.ending-copy{padding:0 18px}.ending-copy h2{font-size:16vw}.controls{right:15px;bottom:29px}.controls p small{display:none}.progress{left:15px;right:15px;bottom:18px}.mini-consult{padding:7px 9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}.opening{display:none}}

/* Conversion-focused refinement: clearer hierarchy, unobstructed copy and honest product imagery. */
.hero-copy{width:min(650px,52vw)}.hero-copy h1{font-size:clamp(48px,6.3vw,90px)}.hero-copy h1 strong{font:inherit;font-weight:500;white-space:nowrap}.hero-copy .lead{max-width:530px}
.object{min-width:92px;background:#dddcd1}.object.active{flex:4.2}.object-image{background-size:cover;background-repeat:no-repeat;background-color:#dddcd1}.object:not(.active) .object-image{transform:scale(1)}.object:before{content:"查看详情 ↗";position:absolute;z-index:4;right:12px;top:12px;padding:6px 9px;background:#eeeadee8;color:var(--ink);font-size:7px;letter-spacing:.08em;opacity:0;transition:.35s}.object.active:before{opacity:1}
.craft-media{clip-path:none;left:0;top:0;bottom:0;width:56%}.craft-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,var(--paper) 100%)}
.lifestyle-copy{width:40vw;top:15vh}.lifestyle-copy h2{font-size:clamp(37px,4.4vw,64px);line-height:1.08}.lifestyle-image{right:2vw;width:54%;clip-path:ellipse(46% 49%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%);mask-image:linear-gradient(90deg,transparent 0,#000 16%)}
.set-photo{background-image:url('assets/ceramics/clean-set-v2.png');background-position:center;background-size:cover}
@media(max-width:760px){.hero-copy{width:auto}.hero-copy h1{font-size:12.2vw}.hero-copy h1 strong{white-space:normal}.object{min-width:42px}.object.active{flex:6}.object-image{background-size:cover}.craft-media{left:0;right:0;top:0;width:auto;height:45%}.craft-media:after{background:linear-gradient(0deg,var(--paper),transparent 50%)}.lifestyle-copy{width:auto;top:auto}.lifestyle-image{width:78vw}.set-photo{background-position:center}}

/* Desire-led imagery: one coherent premium product world instead of poster collages. */
.hero{background:#15150f url('generated-assets/commerce-hero-v1.png') center/cover no-repeat}.hero>video{display:none}.hero .shade{background:linear-gradient(90deg,#11120de8 0,#11120da8 28%,transparent 63%),linear-gradient(0deg,#11120d80,transparent 48%)}.hero-copy{width:47vw}.hero-copy h1{font-size:clamp(46px,5.6vw,82px)}.hero-copy:after{content:"8 件完整配置   ·   日常饮茶 / 待客 / 赠礼";display:block;margin-top:24px;padding-top:15px;border-top:1px solid #ffffff45;color:#ffffff9c;font-size:9px;letter-spacing:.13em}
.craft-media{background:url('generated-assets/commerce-detail-v1.png') center/cover no-repeat}.craft-media>video{display:none}
.lifestyle-image{top:0;right:0;bottom:0;width:58%;background-image:url('generated-assets/commerce-lifestyle-v1.png');background-position:center;background-size:cover;clip-path:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 20%);mask-image:linear-gradient(90deg,transparent 0,#000 20%)}.lifestyle-copy{width:43vw;top:17vh}.lifestyle-copy h2{font-size:clamp(36px,4.05vw,59px)}
.set-photo{background-image:url('generated-assets/commerce-hero-v1.png');background-position:65% center}
.light-ui .topbar{background:linear-gradient(90deg,#eeeadee8 0 185px,transparent 390px)}.light-ui .controls{filter:drop-shadow(0 0 4px #eeeade) drop-shadow(0 0 9px #eeeade)}
@media(max-width:760px){.hero{background-position:62% center}.hero .shade{background:linear-gradient(0deg,#11120de6 0 18%,#11120d85 54%,transparent 85%)}.hero-copy{width:auto;top:52%}.hero-copy:after{font-size:7px}.craft-media{background-position:42% center}.lifestyle-image{top:6vh;width:86vw;height:48vh;-webkit-mask-image:linear-gradient(0deg,transparent 0,#000 20%);mask-image:linear-gradient(0deg,transparent 0,#000 20%)}.lifestyle-copy{width:auto}.set-photo{background-position:63% center}}

.top-actions{justify-self:end;display:flex;align-items:center;gap:10px}.top-actions .mini-consult{justify-self:auto}.music-toggle{height:34px;border:1px solid #ffffff55;background:#111a159c;color:white;backdrop-filter:blur(8px);display:flex;align-items:center;gap:8px;padding:0 10px;font-size:8px;letter-spacing:.08em}.music-toggle>i{height:13px;display:flex;align-items:flex-end;gap:2px}.music-toggle>i b{display:block;width:1px;height:6px;background:currentColor;opacity:.65}.music-toggle[aria-pressed=true]>i b{animation:music-bars .8s ease-in-out infinite}.music-toggle[aria-pressed=true]>i b:nth-child(2){animation-delay:-.35s}.music-toggle[aria-pressed=true]>i b:nth-child(3){animation-delay:-.6s}@keyframes music-bars{0%,100%{height:4px}50%{height:13px}}@media(max-width:760px){.top-actions{gap:2px}.music-toggle{padding:0 6px}.music-toggle span{display:none}}

/* 仙茶氛围：聚叶加载、云气纹样与无空白叠化 */
.wipe{display:none!important}.scene{transform:scale(1.008);transition:opacity .92s ease,transform 1.35s var(--ease);will-change:opacity,transform}.scene.active{z-index:3}.scene.departing{visibility:visible!important;pointer-events:none;opacity:1!important;transform:scale(.992);z-index:2;transition:opacity .92s ease,transform 1.25s ease}.scene.active~.scene.departing{z-index:2}
.opening{background:radial-gradient(circle at 50% 45%,#f8f5ea 0,#e9e6d9 48%,#d8d7c9 100%);color:#21362b;gap:8px}.opening:before,.opening:after{content:"";position:absolute;inset:0;pointer-events:none}.opening:before{background:radial-gradient(ellipse at 12% 70%,transparent 0 23%,rgba(64,91,70,.08) 24% 25%,transparent 26%),radial-gradient(ellipse at 88% 26%,transparent 0 18%,rgba(169,140,96,.1) 19% 20%,transparent 21%);filter:blur(1px)}.opening>i,.opening>b,.opening>small,.load-track,.load-count{position:relative;z-index:3}.opening>i{box-shadow:0 0 45px rgba(55,91,67,.18)}.opening>small{letter-spacing:.42em}.opening-orbit{position:absolute;left:50%;top:47%;width:1px;height:1px;z-index:2}.opening-orbit span{--i:0;position:absolute;width:17px;height:8px;border-radius:100% 0 100% 0;background:linear-gradient(135deg,#708b72,#304f3a);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);transform-origin:0 0;animation:openingLeaf 2.4s calc(var(--i)*-.075s) cubic-bezier(.42,0,.2,1) infinite}.opening-orbit span:after,.leaf-current span:after{content:"";position:absolute;left:2px;right:2px;top:48%;height:1px;background:rgba(238,234,222,.45);transform:rotate(-9deg)}.load-track{width:min(240px,60vw);height:1px;margin-top:18px;background:rgba(33,54,43,.18);overflow:hidden}.load-track span{display:block;width:0;height:100%;background:#516e5b;box-shadow:0 0 8px #78917c;transition:width .12s linear}.load-count{margin:2px 0 0;font:10px/1 Arial,sans-serif;letter-spacing:.18em;color:#617065}.opening.hide{opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s}
@keyframes openingLeaf{0%{transform:rotate(var(--a)) translateX(var(--r)) rotate(20deg) scale(.3);opacity:0}22%{opacity:.8}70%{transform:rotate(calc(var(--a) + 235deg)) translateX(42px) rotate(150deg) scale(1)}100%{transform:rotate(calc(var(--a) + 390deg)) translateX(8px) rotate(280deg) scale(.15);opacity:0}}
.leaf-current{position:fixed;inset:0;z-index:6;pointer-events:none;overflow:hidden;opacity:.35;transition:opacity .8s}.leaf-current span{position:absolute;left:var(--x);top:var(--y);width:15px;height:7px;border-radius:100% 0 100% 0;background:linear-gradient(135deg,rgba(105,132,101,.78),rgba(42,74,53,.68));transform:rotate(var(--r)) scale(var(--s));animation:leafBreathe var(--d) var(--delay) ease-in-out infinite}.leaf-current span:nth-child(3n){opacity:.38;filter:blur(.3px)}.leaf-current.stir span{animation:leafStir 1.45s calc((var(--s) - .5)*-.15s) cubic-bezier(.2,.65,.25,1) both}@keyframes leafBreathe{0%,100%{translate:0 0;rotate:-4deg}50%{translate:8px -13px;rotate:14deg}}@keyframes leafStir{0%{translate:0 0;rotate:0deg;opacity:.1}28%{opacity:.8}100%{translate:calc((var(--s) - .72)*180px) -34vh;rotate:300deg;opacity:0}}
.light.scene:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 30% 13% at 8% 88%,transparent 64%,rgba(72,94,73,.09) 66% 69%,transparent 71%),radial-gradient(ellipse 25% 10% at 24% 93%,transparent 62%,rgba(72,94,73,.07) 65% 69%,transparent 72%),radial-gradient(ellipse 22% 9% at 93% 12%,transparent 63%,rgba(169,140,96,.08) 66% 69%,transparent 72%);opacity:.72}
@media (prefers-reduced-motion:reduce){.opening-orbit span,.leaf-current span{animation:none}.leaf-current{display:none}.scene,.scene.departing{transition:opacity .2s ease}}