/* Section 25 — native content surrounding the supplied interactive prototype. */
.LiveExperienceSection{--live-orange:#ff641f;--live-ink:#0b2a43;--live-muted:#597086;position:relative;isolation:isolate;min-height:52vw;padding:1.55vw 3.5vw 1.75vw;overflow:clip;scroll-margin-top:0;color:var(--live-ink);background:#fff8f1 url('./cover-reference-kitchen-v2.png') center/cover no-repeat;font-family:ChefContextSans,'Microsoft YaHei',Arial,sans-serif}
.LiveExperienceSection *{box-sizing:border-box}
.LiveExperienceSection :where(h2,h3,h4,p,ol){margin:0}
.LiveExperienceSection button{font:inherit;cursor:pointer}
.LiveExperienceSection button:focus-visible,.LiveExperienceSection iframe:focus-visible{outline:3px solid #cc4909;outline-offset:4px}
.LiveExperienceSection .live-symbols{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.LiveExperienceSection{display:grid;align-items:center}
.live-shell{position:relative;container-type:inline-size;width:100%;min-height:0;margin:0 auto;aspect-ratio:1556/815}
.LiveExperienceSection svg{width:2.2cqw;height:2.2cqw;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.live-topline{position:absolute;inset:0 0 auto;display:flex;align-items:center;gap:3cqw;color:var(--live-muted);font-size:1.04cqw;letter-spacing:.045em}
.live-kicker{display:flex;align-items:center;gap:1.3cqw;white-space:nowrap}
.live-kicker b{font:500 2.45cqw/1.2 Arial,sans-serif;color:var(--live-orange);letter-spacing:-.045em}
.live-kicker span{letter-spacing:.12em}
.live-world{margin-left:auto!important;letter-spacing:.06em}.live-signature{margin-left:1.4cqw!important;font-size:.94cqw;white-space:nowrap}
.live-heading{position:absolute;top:4.05cqw;left:0;width:44cqw}
.live-heading h2{color:var(--live-ink);font-family:ChefDisplay,ChefContextSans,'Microsoft YaHei',sans-serif;font-size:4.4086cqw;font-weight:900;line-height:1.12;letter-spacing:-.035em;white-space:nowrap}
.live-heading h2 span{color:var(--live-orange)}
.live-intro{max-width:41.5cqw;margin-top:1.15cqw!important;color:var(--live-muted);font-size:1.05cqw;line-height:1.65;letter-spacing:0;white-space:normal;text-wrap:pretty}
.live-route{position:absolute;left:0;top:16.1cqw;width:34.4cqw;padding:1.1cqw 1.85cqw 1cqw;border:1px solid #f1d4bd;border-radius:1.65cqw;background:#fffdfbf0}
.live-route>header{display:flex;align-items:center;justify-content:space-between;gap:.7cqw}
.live-route h3{display:flex;align-items:center;gap:.85cqw;white-space:nowrap;font-size:1.4cqw;line-height:1.3;font-weight:800}
.live-route h3 svg{color:var(--live-orange);width:1.65cqw;height:1.65cqw}
.live-route>header>p{font-size:.82cqw;color:var(--live-muted);white-space:nowrap}
.live-route ol{position:relative;display:grid;gap:.28cqw;margin-top:1.05cqw;padding:0;list-style:none}
.live-route ol::before{content:'';position:absolute;left:3cqw;top:1.3cqw;bottom:1.5cqw;border-left:1px dashed #ffc99f}
.live-route li{display:grid;grid-template-columns:2.3cqw 2.4cqw minmax(0,1fr);gap:1.35cqw;align-items:center;position:relative;min-height:3.42cqw}
.live-route li::before{content:'';position:absolute;left:2.83cqw;top:50%;width:.34cqw;height:.34cqw;border-radius:50%;background:#ffd3b2}
.live-step-number{display:grid;place-items:center;width:2.15cqw;height:2.15cqw;border-radius:50%;color:#fff;background:linear-gradient(135deg,#ff7a24,#ff4d13);font:700 1cqw/1 Arial,sans-serif}
.live-route li>svg{color:var(--live-orange)}
.live-route h4{font-size:1.22cqw;line-height:1.3;font-weight:800}.live-route li p{margin-top:.2cqw;font-size:1.02cqw;line-height:1.4;color:var(--live-muted);white-space:nowrap}
.live-start{display:flex;justify-content:center;align-items:center;gap:1cqw;width:78%;height:3.25cqw;margin:.8cqw auto .7cqw;border:1px solid #fff;border-radius:999px;background:linear-gradient(90deg,#ff5c16,#ff7b22);color:#fff;font-size:1.3cqw;font-weight:800;box-shadow:0 .15cqw .35cqw #d76f3329}
.live-start>span{font:400 1.8cqw/1 Arial,sans-serif}.live-start:hover{filter:brightness(1.045)}
.live-tags{display:flex;gap:.7cqw;justify-content:center}.live-tags span{padding:.36cqw 1.1cqw;background:#fff0e3;border:1px solid #fff;border-radius:999px;white-space:nowrap;color:#946647;font-size:.82cqw}
.live-hand-brand{position:absolute;left:35.45%;top:21.1cqw;transform:rotate(-9deg);color:var(--live-orange);font:500 2.15cqw/1 ChefHand,STKaiti,cursive;pointer-events:none}
.live-hand-brand::after,.live-hand-invite::after,.live-statement-hand::after{content:'';display:block;width:100%;height:.8cqw;border-top:1px solid currentColor;border-radius:50%;margin-top:.65cqw;transform:rotate(-5deg)}
.live-controls{position:absolute;left:73.4%;top:5.3cqw;width:24.5cqw;text-align:center}
.live-badge{display:flex;align-items:center;justify-content:center;gap:.6cqw;padding:.86cqw .8cqw;border:1px solid #ff9b62;border-radius:999px;background:#fffcf4f5;color:#f45d18;font:700 1.14cqw/1.2 Arial,ChefContextSans,sans-serif;white-space:nowrap}
.live-badge b{font-family:ChefContextSans,'Microsoft YaHei',sans-serif;font-size:1.06cqw}.live-badge i{width:.82cqw;height:.82cqw;background:#ff6a20;border-radius:50%;animation:live-pulse 2.8s ease-in-out infinite}
.live-controls-caption{display:flex;align-items:center;justify-content:center;gap:.85cqw;margin-top:.8cqw!important;text-align:left;color:var(--live-ink)}
.live-controls-caption>svg{width:2.45cqw;height:2.9cqw;color:var(--live-orange);stroke-width:1.7}
.live-controls-caption strong{display:block;font-size:1.28cqw;font-weight:800;line-height:1.45;white-space:nowrap}
.live-controls-caption small{display:block;margin-top:.2cqw;color:#415b70;font-size:.84cqw;line-height:1.55;white-space:nowrap}
.live-control-buttons{display:flex;gap:1cqw;margin-top:.8cqw;padding:.85cqw;border-radius:1.6cqw;background:#fffffff2}
.live-control-buttons button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5cqw;border:1px solid #ebe7e3;background:#fff;color:var(--live-ink);padding:.85cqw .35cqw;font-size:1cqw;font-weight:650;white-space:nowrap;border-radius:1cqw;box-shadow:0 .12cqw .3cqw #3a322511}
.live-control-buttons button:hover{border-color:#ffa36d;color:#e65313}.live-control-buttons span{font:400 1.25cqw/1 Arial,sans-serif}.live-control-buttons svg{width:1.6cqw;height:1.6cqw}
.live-stage{position:absolute;left:45.4%;top:0;width:21.5cqw;z-index:3;scroll-margin-top:calc(var(--nav-h,84px) + 12px)}
.live-phone{position:relative;padding:.52cqw;border:1px solid #3d413c;border-radius:3cqw;background:linear-gradient(110deg,#6d706b,#171c1c 3%,#0b0e0e 95%,#5c625c);box-shadow:inset 0 0 0 1px #c4c6bc,0 1cqw 2cqw #422d3024;transform:none}
.live-phone::before{content:'';position:absolute;right:-.17cqw;top:26%;width:.14cqw;height:10%;background:#363b37;border-radius:2px;pointer-events:none}
.live-viewport{position:relative;width:100%;aspect-ratio:375/812;overflow:hidden;border-radius:2.5cqw;background:#fffaf4;isolation:isolate}
.live-viewport iframe{display:block;width:375px;height:812px;max-width:none;border:0;transform-origin:0 0;pointer-events:auto;background:#fff8f1}
.live-load-state{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:20px;background:#fff9f1;transition:opacity .18s ease;line-height:1.5;text-align:center;color:var(--live-muted);font-size:14px}
.live-load-state strong{color:var(--live-ink);font-size:15px}.live-load-state p:empty{display:none}.live-load-state button{padding:10px 22px;border:0;border-radius:999px;background:var(--live-orange);color:white}
.live-loader{display:block;width:28px;height:28px;border:3px solid #ffddc6;border-top-color:var(--live-orange);border-radius:50%;animation:live-spin .8s linear infinite}
.LiveExperienceSection[data-live-state=ready] .live-load-state{opacity:0;pointer-events:none;visibility:hidden}
.LiveExperienceSection[data-live-state=error] .live-loader{display:none}
.live-fullscreen-toolbar{display:none}
.live-companion{position:absolute;inset:0;pointer-events:none;z-index:2}
.live-chef{position:absolute;left:68.6%;bottom:5.65cqw;height:27.3cqw;width:auto;max-width:none;filter:drop-shadow(0 .15cqw .15cqw #5b3e3025)}
.live-hand-invite{position:absolute;left:87%;top:22cqw;transform:rotate(-10deg);color:var(--live-orange);font:500 1.8cqw/1.2 ChefHand,STKaiti,cursive;white-space:nowrap}
.live-hand-invite span{position:absolute;right:-1.5cqw;top:.3cqw;font-family:Arial,sans-serif;font-size:1.3cqw}
.live-chalkboard{position:absolute;right:.9%;bottom:6.2cqw;width:10.5cqw;height:14.3cqw;border:.58cqw solid #b77c45;outline:1px solid #976138;transform:rotate(3deg);background:linear-gradient(115deg,#292c27,#44453b);box-shadow:inset 0 0 .35cqw #111,0 .2cqw .4cqw #40250e3d}
.live-chalkboard::before,.live-chalkboard::after{content:'';position:absolute;bottom:-1.2cqw;width:.55cqw;height:1cqw;background:#956134}.live-chalkboard::before{left:-.58cqw}.live-chalkboard::after{right:-.58cqw}
.live-chalkboard p{padding-top:1.65cqw;text-align:center;color:#fffdf4;font:500 1.55cqw/1.6 ChefHand,STKaiti,cursive}
.live-statement{position:absolute;bottom:0;left:0;width:100%;min-height:5cqw;padding:.8cqw 2.5cqw;display:flex;align-items:center;justify-content:center;gap:2cqw;border:1px solid #fff;border-radius:1.65cqw;background:#fffcf7ec;z-index:4}
.live-statement>svg{width:3cqw;height:3cqw;color:var(--live-orange);stroke-width:1.3}
.live-statement>div{display:flex;align-items:center;justify-content:space-between;gap:2cqw;flex:1;min-width:0}.live-statement>div>p{font-size:1.8cqw;font-weight:800;line-height:1.5;letter-spacing:.025em;white-space:nowrap}.live-statement span{color:var(--live-orange)}
.live-statement small{display:flex;align-items:center;gap:1.5cqw;color:#526c85;font-size:.8cqw;letter-spacing:.01em;white-space:nowrap}.live-statement small::before{content:"";width:3.2cqw;border-top:2px solid var(--live-orange)}
.live-statement-hand{position:absolute;right:3.2%;top:.65cqw;color:var(--live-orange);font:500 1.3cqw/1.12 ChefHand,STKaiti,cursive;transform:rotate(-8deg);text-align:center}
.live-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.LiveExperienceSection.is-live-expanded{z-index:10000;overflow:visible}
.LiveExperienceSection.is-live-expanded .live-shell{container-type:normal;contain:none}
.live-stage.is-expanded{position:fixed;inset:0;width:100%;height:100dvh;background:#fff9f3;z-index:10001;display:grid;place-items:center;padding:76px 20px 20px;overflow:auto}
.live-stage.is-expanded .live-phone{width:min(calc((100dvh - 108px)*375/812),calc(100vw - 40px),480px);padding:8px;border-radius:42px;transform:none;flex:none;box-shadow:0 10px 24px #422d3020}
.live-stage.is-expanded .live-viewport{border-radius:34px}.live-stage.is-expanded .live-phone::before{display:none}
.live-stage.is-expanded .live-fullscreen-toolbar{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:16px 28px;border-bottom:1px solid #ecded1;color:#0b2a43;font-size:16px}
.live-fullscreen-toolbar>div{display:flex;gap:12px}.live-fullscreen-toolbar button{border:1px solid #e8dacc;background:#fff;color:#0b2a43;padding:9px 16px;border-radius:10px;font-size:14px}
@keyframes live-pulse{50%{opacity:.55}}@keyframes live-spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){
 .LiveExperienceSection{display:block;padding:1.5rem 3.5vw;min-height:0;background-position:65% center}
 .live-shell{display:flex;flex-direction:column;gap:24px;aspect-ratio:auto;min-height:0;container-type:normal}
 .live-topline,.live-heading,.live-route,.live-controls,.live-stage,.live-companion,.live-statement{position:relative;inset:auto;width:100%}
 .live-topline{font-size:11px;gap:20px}.live-kicker{gap:16px}.live-kicker b{font-size:36px}.live-signature{font-size:10px}.live-world{font-size:12px}
 .live-heading h2{font-size:clamp(38px,5.4vw,64px);white-space:normal;line-height:1.18}.live-intro{max-width:none;font-size:17px;line-height:1.8;white-space:normal;margin-top:18px!important}.live-intro br{display:none}
 .live-route{max-width:680px;align-self:center;padding:24px 28px;border-radius:24px}.live-route h3{gap:12px;font-size:23px}.live-route h3 svg{width:26px;height:26px}.live-route>header>p{font-size:13px}
 .live-route ol{gap:9px;margin-top:22px}.live-route ol::before{left:48px;top:22px;bottom:22px}.live-route li{grid-template-columns:34px 36px 1fr;gap:22px;min-height:62px}.live-route li::before{left:46px;width:5px;height:5px}.live-step-number{width:34px;height:34px;font-size:15px}.live-route li>svg{width:34px;height:34px}.live-route h4{font-size:21px}.live-route li p{font-size:16px;margin-top:4px;white-space:normal}
 .live-start{height:56px;font-size:21px;margin:22px auto 12px;width:74%;gap:18px}.live-start>span{font-size:29px}.live-tags{gap:12px;flex-wrap:wrap}.live-tags span{font-size:12px;padding:5px 13px}
 .live-hand-brand{display:none}.live-controls{max-width:480px;align-self:center}.live-badge{font-size:19px;padding:14px;gap:10px}.live-badge b{font-size:17px}.live-badge i{width:13px;height:13px}.live-controls-caption{margin-top:16px!important;gap:14px}.live-controls-caption>svg{width:36px;height:44px}.live-controls-caption strong{font-size:20px}.live-controls-caption small{font-size:13px;margin-top:4px;white-space:normal}.live-control-buttons{gap:16px;margin-top:14px;padding:18px;border-radius:22px}.live-control-buttons button{font-size:16px;padding:13px 6px;gap:8px;border-radius:14px}.live-control-buttons span{font-size:20px}.live-control-buttons svg{width:24px;height:24px}
 .live-stage{width:min(390px,100%);align-self:center}.live-phone{padding:8px;border-radius:44px;transform:none}.live-phone::before{display:none}.live-viewport{border-radius:36px}
 .live-companion{height:330px;max-width:500px;align-self:center;margin-top:-8px}.live-chef{height:330px;left:0;bottom:0}.live-hand-invite{left:62%;top:18px;font-size:26px}.live-hand-invite span{right:-20px;font-size:19px}.live-hand-invite::after{height:10px;margin-top:10px}.live-chalkboard{right:5%;bottom:8px;width:140px;height:178px;border-width:8px}.live-chalkboard p{padding-top:15px;font-size:21px}.live-chalkboard::before,.live-chalkboard::after{width:8px;height:14px;bottom:-20px}.live-chalkboard::before{left:-8px}.live-chalkboard::after{right:-8px}
 .live-statement{padding:22px;min-height:100px;gap:20px;border-radius:24px}.live-statement>svg{width:42px;height:42px}.live-statement>div>p{font-size:clamp(20px,2.5vw,28px);white-space:normal}.live-statement>div{flex-direction:column;gap:8px;text-align:center}.live-statement small{font-size:10px;letter-spacing:.06em;white-space:normal}.live-statement small::before{display:none}.live-statement-hand{display:none}
}
@media(max-width:720px){
 .LiveExperienceSection{padding:1.3rem 5vw 1.5rem}.live-shell{gap:22px}.live-world,.live-signature{display:none}.live-topline{font-size:11px}.live-kicker b{font-size:34px}
 .live-heading h2{font-size:clamp(33px,8.3vw,49px)}.live-intro{font-size:15px;line-height:1.8}.live-heading h2 span{display:inline}
 .live-route{padding:20px 16px;border-radius:22px}.live-route>header{align-items:flex-start;flex-direction:column;gap:8px}.live-route h3{font-size:22px}.live-route>header>p{margin-left:38px;font-size:12px}
 .live-route li{grid-template-columns:30px 30px minmax(0,1fr);gap:15px;min-height:70px}.live-route ol::before{left:36.5px}.live-route li::before{left:34.5px}.live-step-number{width:30px;height:30px;font-size:13px}.live-route li>svg{width:28px;height:28px}.live-route h4{font-size:18px}.live-route li p{font-size:14px;line-height:1.5}.live-start{width:90%;font-size:20px}.live-tags{gap:6px}.live-tags span{font-size:11px;padding:5px 10px}
 .live-controls{max-width:360px}.live-badge{font-size:16px;gap:8px}.live-badge b{font-size:14px}.live-controls-caption strong{font-size:18px}.live-controls-caption small{font-size:12px}.live-controls-caption>svg{width:28px;height:38px}.live-control-buttons{padding:14px;gap:12px}.live-control-buttons button{font-size:14px}
 .live-stage{width:calc(100vw - 32px);max-width:390px}.live-phone{padding:7px;border-radius:42px}.live-viewport{border-radius:35px}
 .live-companion{height:270px}.live-chef{height:265px;left:-5%}.live-hand-invite{left:59%;font-size:22px}.live-chalkboard{right:0;bottom:9px;width:116px;height:147px;border-width:7px}.live-chalkboard p{font-size:18px;padding-top:10px}
 .live-statement{padding:20px 14px;gap:12px}.live-statement>svg{width:32px;height:32px}.live-statement>div>p{font-size:19px}.live-statement small{font-size:8px;letter-spacing:.12em;line-height:1.7}
 .live-stage.is-expanded .live-fullscreen-toolbar{padding:12px 14px;font-size:12px}.live-fullscreen-toolbar>div{gap:6px}.live-fullscreen-toolbar button{padding:8px 10px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.live-badge i,.live-loader{animation:none}.live-load-state{transition:none}}

/* Native prototype embedding: keep the supplied device frame and scale outside it. */
.live-stage{left:45.4%;width:21.5cqw}
.live-phone{padding:0;border:0;background:transparent;box-shadow:0 1cqw 2cqw #422d3024;border-radius:12.1% / 5.6%}
.live-phone::before{display:none}
.live-viewport{aspect-ratio:752/1624;border-radius:12.1% / 5.6%;background:transparent}
.live-viewport iframe{position:absolute;inset:0 auto auto 0;width:752px;height:1624px;max-width:none;background:transparent}
.live-stage.is-expanded .live-phone{width:min(calc((100dvh - 108px)*752/1624),calc(100vw - 40px),480px);padding:0;border-radius:12.1% / 5.6%}
.live-stage.is-expanded .live-viewport{border-radius:12.1% / 5.6%}
@media(max-width:1100px){.live-stage{left:auto;width:min(390px,100%)}.live-phone{box-shadow:0 12px 24px #422d3024}}
@media(max-width:720px){.live-stage{width:calc(100vw - 32px);max-width:390px}}
