:root{--dark-bg:#080808;--dark-surface:#151515;--dark-surface-2:#202020;--dark-line:rgba(255,255,255,.11);--dark-text:#f7f4ef;--dark-muted:#aaa49c;--dark-orange:#ff6b4a;--dark-green:#ff6b4a} *,*:before,*:after{box-sizing:border-box} html,body{background:var(--dark-bg);color:var(--dark-text)} .app-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:190;display:none;align-items:flex-start;justify-content:space-around;height:calc(62px + env(safe-area-inset-bottom,0px));padding:7px 8px env(safe-area-inset-bottom,0px);border-top:1px solid var(--dark-line);background:rgba(8,8,8,.92);color:var(--dark-muted);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)} body.app-main-tab-active .app-tabbar{display:flex}.app-tabbar-item{width:25%;display:flex;flex-direction:column;align-items:center;gap:1px;color:inherit;font-size:10px;font-weight:650}.app-tabbar-item .material-symbols-outlined{font-size:25px}.app-tabbar-item.is-active{color:var(--dark-orange)}.app-tabbar-item.is-active .material-symbols-outlined{font-variation-settings:'FILL' 1,'wght' 500} html.home-page-active,body.home-page-active{background:#000!important}#page-home.page.active{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:auto;min-height:0;max-height:none;overflow:hidden;background:#000!important;color:#fff}body.bw-keyboard-open #page-home.page.active,body.home-inline-keyboard-open #page-home.page.active{bottom:auto;height:var(--home-viewport-height,var(--bw-app-height,100dvh));max-height:var(--home-viewport-height,var(--bw-app-height,100dvh))} #page-home>header{position:absolute;inset:0 0 auto;z-index:50;height:70px;background:transparent!important;border:0!important}#page-home>header>div{height:70px;padding:env(safe-area-inset-top,0) 16px 0}.home-header-brand{color:#fff!important;letter-spacing:.02em!important;text-transform:none!important}.home-header-logo{display:block!important;width:27px!important;height:27px!important}#page-home #home-lang-btn{color:#fff!important;border-color:rgba(255,255,255,.22)!important;background:rgba(0,0,0,.28)}#page-home #home-lang-menu{background:#181818!important;border-color:var(--dark-line)!important;color:#fff}#page-home #home-lang-menu button{color:#fff!important} #page-home .home-main{flex:1 1 auto;width:100%;max-width:none;margin:0;padding:0 0 calc(62px + env(safe-area-inset-bottom,0));min-height:0;overflow:hidden}#page-home .home-top-banner{display:none}#page-home .home-discovery,#page-home .home-example-track{width:100%;height:100%;min-height:0}#page-home .home-example-track{display:flex;flex-direction:row;gap:0;padding:0;margin:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory}#page-home .home-recommendation-unit{position:relative;flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start}#page-home .home-example-card{position:relative;width:100%;height:100%;border:0;border-radius:0;background:#000;overflow:hidden;box-shadow:none}#page-home .home-example-video-button{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border-radius:0}#page-home .home-example-video{width:100%;height:100%!important;object-fit:cover}#page-home .home-video-offer{top:138px;left:16px;z-index:6;background:#ff6b4a;color:#fff;border:0;box-shadow:none} #page-home .home-video-scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.5),transparent 28%,transparent 48%,rgba(0,0,0,.38) 66%,rgba(0,0,0,.94))}#page-home .home-creator-bar{position:absolute;z-index:5;top:82px;left:16px;right:16px;display:flex;align-items:center;gap:10px;padding:0;background:transparent;border:0}#page-home .home-creator-bar{top:82px}#page-home .home-creator-avatar{width:45px;height:45px;border:2px solid rgba(255,255,255,.8);border-radius:50%;object-fit:cover}#page-home .home-creator-identity{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:start;gap:0 5px;min-width:0;color:#fff}#page-home .home-creator-identity strong{font-size:15px}#page-home .home-creator-identity small{grid-column:1/-1;color:rgba(255,255,255,.7);font-size:10px}#page-home .home-creator-verified{width:15px;height:15px;display:grid;place-items:center;border-radius:50%;background:var(--dark-orange);font-size:9px}#page-home .home-creator-follow{margin-left:auto;min-height:32px;padding:5px 14px;border:0;border-radius:999px;background:#fff;color:#111;font-size:12px;font-weight:750}#page-home .home-creator-follow.is-following{background:rgba(255,255,255,.16);color:#fff} #page-home .home-example-primary-actions{position:absolute;z-index:6;right:10px;bottom:218px;display:flex;flex-direction:column;gap:12px;margin:0;padding:0;border:0}#page-home .home-example-primary-actions button{width:48px;height:54px;min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0;border:0;background:transparent;color:#fff;filter:drop-shadow(0 2px 5px rgba(0,0,0,.6))}#page-home .home-example-primary-actions .material-symbols-outlined{font-size:31px}#page-home .home-example-primary-actions small{font-size:9px}#page-home .home-example-primary-actions .is-selected,#page-home .home-example-primary-actions .is-saved{color:var(--dark-orange)} #page-home .home-video-copy{position:absolute;z-index:5;left:16px;right:66px;bottom:14px;display:flex;flex-direction:column;gap:9px;pointer-events:none}#page-home .home-video-copy button{pointer-events:auto}#page-home .home-example-summary{display:block;opacity:0;transform:translateY(10px);transition:.28s ease}#page-home .is-reveal-summary .home-example-summary{opacity:1;transform:none}#page-home .home-example-dish-name{margin:0;color:#fff;font-size:24px;font-weight:850;line-height:1.18;text-shadow:0 2px 12px rgba(0,0,0,.55)}#page-home .home-example-summary p{margin:5px 0 0;color:rgba(255,255,255,.8);font-size:12px} #page-home .home-restaurant-card{position:relative;width:100%;min-height:75px;display:flex;align-items:center;gap:9px;padding:8px;border:1px solid var(--dark-line);border-radius:14px;background:rgba(20,20,20,.72);color:#fff;text-align:left;backdrop-filter:blur(16px);opacity:0;transform:translateY(10px);transition:.28s ease .08s}#page-home .is-reveal-summary .home-restaurant-card{opacity:1;transform:none}#page-home .home-restaurant-thumb{width:55px;height:55px;flex:0 0 55px;border-radius:9px;overflow:hidden}#page-home .home-restaurant-thumb img{width:100%;height:100%;object-fit:cover}#page-home .home-restaurant-info{min-width:0;display:flex;flex-direction:column;gap:2px}#page-home .home-restaurant-info strong{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}#page-home .home-restaurant-info span{color:var(--dark-muted);font-size:9px}#page-home .home-restaurant-info b{color:#ffa053}#page-home .home-restaurant-card em{position:absolute;top:8px;right:8px;padding:3px 7px;border-radius:999px;background:rgba(120,185,135,.22);color:#a1d3aa;font-size:9px;font-style:normal}#page-home .home-restaurant-cta{margin-left:auto;align-self:flex-end;padding:5px 8px;border:1px solid rgba(255,107,74,.7);border-radius:999px;color:#f58a4b;font-size:9px;white-space:nowrap} #page-home .home-example-ai-reason{position:absolute;z-index:6;left:16px;top:205px;bottom:auto;width:min(285px,calc(100vw - 92px));display:flex;align-items:flex-start;gap:8px;margin:0;padding:14px 12px;border:1px solid var(--dark-line);border-radius:15px;background:rgba(32,29,26,.72);color:#fff;text-align:left;backdrop-filter:blur(18px);opacity:0;transform:translateY(10px);transition:.28s ease}#page-home .is-reveal-reason .home-example-ai-reason{opacity:1;transform:none}#page-home .home-example-ai-mark{color:var(--dark-green)}#page-home .home-example-ai-reason>span:nth-child(2){display:flex;flex-direction:column;gap:3px}#page-home .home-example-ai-reason b{font-size:12px}#page-home .home-example-ai-reason strong{color:var(--dark-green);font-size:20px}#page-home .home-example-ai-reason small{max-height:0;overflow:hidden;color:rgba(255,255,255,.72);font-size:11px;line-height:1.6;transition:.2s}#page-home .home-example-ai-reason.is-expanded small{max-height:130px}#page-home .home-example-ai-reason>.material-symbols-outlined{margin-left:auto;font-size:18px;transition:transform .2s}#page-home .home-example-ai-reason.is-expanded>.material-symbols-outlined{transform:rotate(180deg)} #page-home .home-bottom-area{position:absolute;z-index:20;left:14px;right:14px;bottom:calc(69px + env(safe-area-inset-bottom,0));display:none;width:auto;margin:0;padding:0;background:transparent;overflow:visible}#page-home .home-bottom-area.is-ready{display:block;animation:homeAgentIn .25s ease both}#page-home .home-bottom-area .home-control-panel.is-ready{display:flex;flex-direction:column;gap:7px;padding:8px;border:1px solid var(--dark-line);border-radius:20px;background:rgba(15,15,15,.82);color:#fff;box-shadow:0 8px 30px rgba(0,0,0,.25);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}#page-home .home-agent-composer{display:flex;align-items:center;gap:8px;height:48px;padding:5px 6px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(28,28,28,.9)}#page-home .home-agent-composer>img{width:36px;height:36px;border-radius:50%}#page-home .home-agent-composer input{flex:1;min-width:0;height:36px;padding:0 2px;border:0!important;background:transparent!important;color:#fff!important;font-size:13px;outline:0}#page-home .home-agent-composer input::placeholder{color:#8e8b87}#page-home .home-control-mic{width:36px;height:36px;flex:0 0 36px;color:#fff;background:var(--dark-orange)}#page-home .home-agent-conversation{display:none;max-height:24dvh;padding:8px 10px 2px;overflow:hidden}#page-home .home-control-panel.is-conversing .home-agent-conversation{display:grid;gap:9px;animation:homeAgentIn .22s ease both}#page-home .home-agent-turn{display:grid;grid-template-columns:58px 1fr;gap:4px;margin:0;font-size:12px;line-height:1.45}#page-home .home-agent-turn strong{color:#fff}#page-home .home-agent-turn span{color:#d0cbc5}#page-home .home-preference-state{display:none;align-items:center;gap:5px;padding:0 5px 3px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}#page-home .home-preference-state.has-preferences{display:flex}#page-home .home-preference-spark{color:var(--dark-green)}#page-home .home-preference-chip{padding:5px 8px;border-radius:999px;background:rgba(120,185,135,.14);color:#b9d9bf;font-size:9px}#page-home .home-control-panel.is-conversing .home-preference-state{display:none}@keyframes homeAgentIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}#page-home .is-recalculating .home-why-match{opacity:.55}#page-home .is-preference-updated .home-example-ai-reason{box-shadow:0 0 0 1px rgba(120,185,135,.32)}#page-home .home-example-feedback{display:none!important} body .page:not(#page-home),body .acct-sub-page,body #acct-main,body #voice-overlay,body .chat-detail-sheet,body .bottom-sheet{background:var(--dark-bg)!important;color:var(--dark-text)}body .page nav,body .page > header,body .page > .acct-sub-page header,body .acct-sub-page nav,body .chat-shell-header,body .chat-detail-header{background:rgba(12,12,12,.96)!important;border-color:var(--dark-line)!important;color:var(--dark-text)}body .page main,body .acct-sub-page>div,body #chat-messages{background-color:transparent!important}body .bg-white,body [style*="background:#fff"],body [style*="background: #fff"],body [style*="background:#F7FAF8"],body [style*="background: #F7FAF8"],body [style*="background:#fcf9f8"],body [style*="background: #fcf9f8"],body [style*="background:#f5f5f5"],body [style*="background: #f5f5f5"]{background-color:var(--dark-surface)!important}body .text-\[\#16211D\],body .text-on-surface,body .text-gray-900,body [style*="color:#16211D"],body [style*="color: #16211D"],body [style*="color:#2C1810"],body [style*="color: #2C1810"]{color:var(--dark-text)!important}body .text-\[\#5C6B63\],body .text-on-surface-variant,body .text-gray-500,body [style*="color:#5C6B63"],body [style*="color: #5C6B63"]{color:var(--dark-muted)!important}body input,body textarea,body select{background:var(--dark-surface-2)!important;color:var(--dark-text)!important;border-color:var(--dark-line)!important}body .app-confirm-dialog,body .favorite-list-card,body .dietary-section-card,body .reservation-card{background:var(--dark-surface)!important;border-color:var(--dark-line)!important;color:var(--dark-text)}body .app-confirm-dialog-title{color:var(--dark-text)}body #voice-overlay .chat-bottom-area{background:#101010!important;border-color:var(--dark-line)!important}body #voice-overlay .chat-text-field{background:transparent!important}body .chat-detail-body{background:#0c0c0c!important}body #page-settings main{padding-bottom:calc(86px + env(safe-area-inset-bottom,0))}body[data-app-tab=saved] #acct-main{visibility:hidden}body[data-app-tab=saved] #acct-favorites{padding-bottom:calc(62px + env(safe-area-inset-bottom,0))}body[data-app-tab=saved] #acct-favorites nav button,body[data-app-tab=profile] #page-settings>#acct-main>nav>div>button{visibility:hidden;width:0;padding:0} #dining-credits-mount:has(>.page.active),#dining-credits-mount:has(#page-dining-my-credits.active),#dining-credits-mount:has(#page-dining-credits.active){background:#fff!important}#page-dining-credits,#page-dining-my-credits{--dc-text-primary:#111!important;--dc-text-secondary:#666!important;--dc-text-tertiary:#999!important;--dc-bg-base:#fff!important;--dc-bg-surface:#fff!important;--dc-border:#ececec!important;background:#fff!important;color:#111!important}#page-dining-credits .dc-main,#page-dining-my-credits .dc-my-shell{background:#fff!important}body[data-app-tab=benefits] #page-dining-credits .dc-bottom-bar{bottom:calc(62px + env(safe-area-inset-bottom,0));background:rgba(255,255,255,.96)}body[data-app-tab=benefits] #page-dining-credits .dc-main{padding-bottom:calc(138px + env(safe-area-inset-bottom,0))} @media (max-height:720px){#page-home .home-example-primary-actions{bottom:178px}#page-home .home-example-ai-reason{top:max(120px,calc(env(safe-area-inset-top,0px)+108px));bottom:auto;max-height:min(28vh,210px);height:auto}#page-home .home-video-copy{gap:6px}#page-home .home-example-dish-name{font-size:20px}#page-home .home-restaurant-card{min-height:64px}#page-home .home-restaurant-thumb{width:46px;height:46px;flex-basis:46px}} @media (min-width:768px){.app-tabbar{width:430px;left:50%;right:auto;transform:translateX(-50%)}#page-home .home-example-ai-reason{width:285px}} /* Keep onboarding on the light editorial surface even under dark-refresh globals */ #page-onboarding.page.active{position:fixed;inset:0;display:flex;flex-direction:column;min-height:100dvh;overflow:hidden;background:#fcfaf7!important;color:#151311!important} #page-onboarding.page.active .ob-new-header, #page-onboarding.page.active .ob-new-footer, #page-onboarding.page.active .ob-new-main{background:#fcfaf7!important;color:#151311!important;border-color:transparent!important} #page-onboarding.page.active input,#page-onboarding.page.active textarea,#page-onboarding.page.active select{background:#fff!important;color:#151311!important;border-color:#e5e0dc!important} #page-onboarding .ob-new-header{position:relative;z-index:4;box-sizing:border-box;flex:0 0 auto;display:flex;align-items:center;height:calc(72px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 30px 0;background:transparent!important;border:0!important;color:#151311} .ob-wordmark{display:none;font-size:17px;font-weight:900;letter-spacing:.02em}.ob-wordmark.is-visible{display:block}.ob-skip-top{display:none;margin-left:auto;color:#706c68;font-size:14px}.ob-skip-top.is-visible{display:block}.ob-back{display:none;width:38px;height:38px;align-items:center;justify-content:flex-start;color:#171513}.ob-back.is-visible{display:flex}.ob-progress{position:absolute;left:50%;top:calc(env(safe-area-inset-top,0px) + 28px);transform:translateX(-50%);display:none;align-items:center}.ob-progress.is-visible{display:flex}.ob-progress span{width:28px;height:28px;display:grid;place-items:center;border:1px solid #e1ddd9;border-radius:50%;background:#f9f7f4;color:#777;font-size:12px}.ob-progress span.is-active{border-color:#ff6b4a;background:#ff6b4a;color:#fff}.ob-progress i{width:34px;height:1px;background:#dedbd7}.ob-progress span.is-active+i,.ob-progress i:has(+span.is-active){background:#ff6b4a} #page-onboarding .ob-new-main{position:relative;box-sizing:border-box;flex:1 1 auto;min-height:0;width:100%;max-width:430px;margin:0 auto;padding:0!important;overflow:hidden}.ob-new-screen{position:absolute;inset:0;box-sizing:border-box;display:none;flex-direction:column;padding:24px 30px 8px}.ob-new-screen{overflow-y:auto;overscroll-behavior:contain}.ob-new-screen.is-active{display:flex;animation:obScreenIn .28s ease both}@keyframes obScreenIn{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}} .ob-welcome-copy{position:relative;z-index:2}.ob-personalized{display:inline-flex;align-items:center;gap:5px;margin:4px 0 18px;padding:6px 10px;border-radius:999px;background:#fff0e8;color:#ff6b4a;font-size:11px}.ob-welcome-copy h1,.ob-question-head h1{margin:0;color:#151311;font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,9.2vw,42px);font-weight:700;letter-spacing:-.04em;line-height:1.08}.ob-welcome-copy h1 em,.ob-question-head h1 em{color:#ff6b4a;font-style:normal}.ob-welcome-copy>p:last-child{max-width:310px;margin:18px 0 0;color:#6d6965;font-size:14px;line-height:1.55}.ob-welcome-visual{position:absolute;z-index:0;left:0;right:0;top:280px;bottom:0;overflow:hidden;background:#d8c3aa}.ob-welcome-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fcfaf7 0%,transparent 22%,transparent 76%,rgba(0,0,0,.12))}.ob-welcome-visual img{width:100%;height:100%;object-fit:cover;transform:scale(1.08)}.ob-voucher-card{position:absolute;z-index:2;left:30px;right:30px;bottom:22px;display:flex;align-items:center;gap:17px;padding:18px;border:1px solid rgba(255,255,255,.65);border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 12px 36px rgba(53,34,22,.12);backdrop-filter:blur(14px)}.ob-voucher-card>.material-symbols-outlined{font-size:45px;color:#ff6b4a;transform:rotate(-10deg);font-variation-settings:'FILL' 1}.ob-voucher-card p{margin:0;color:#292623;font-size:14px;line-height:1.55}.ob-voucher-card strong{color:#ff6b4a}.ob-voucher-card small{display:block;color:#8c8782;font-size:12px} .ob-question-head{margin-bottom:22px}.ob-question-head h1{font-size:clamp(34px,9vw,40px)}.ob-question-head p{margin:14px 0 0;color:#77726e;font-size:14px}.ob-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ob-choice-grid button{position:relative;aspect-ratio:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:8px;border:1px solid #e5e0dc;border-radius:13px;background:rgba(255,255,255,.38);color:#1b1917}.ob-choice-grid button .material-symbols-outlined{font-size:31px;font-variation-settings:'wght' 300}.ob-choice-grid button b{font-size:11px;font-weight:700}.ob-choice-grid button:after{content:"✓";position:absolute;top:7px;right:7px;width:18px;height:18px;display:none;place-items:center;border-radius:50%;background:#ff6b4a;color:#fff;font-size:11px;font-weight:800}.ob-choice-grid button.is-selected{border-color:#ff6b4a;background:#fffaf7}.ob-choice-grid button.is-selected:after{display:grid}.ob-choice-grid button.is-selected .material-symbols-outlined{color:#ff6b4a}.ob-mood-grid{gap:12px}.ob-use-note{display:flex;align-items:center;gap:11px;margin:auto 0 6px;padding:14px 16px;border-radius:15px;background:#fff3eb;color:#6d6965;font-size:12px;line-height:1.4}.ob-use-note span{color:#ff6b4a;font-size:21px} #page-onboarding .ob-new-footer{position:relative;z-index:5;box-sizing:border-box;flex:0 0 auto;width:100%;max-width:430px;margin:0 auto;padding:10px 30px max(24px,calc(env(safe-area-inset-bottom,0px) + 16px));background:linear-gradient(180deg,rgba(252,250,247,.25),#fcfaf7 24%)!important;border:0!important}.ob-new-footer>button:first-child{width:100%;height:58px;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:18px;background:#ff6b4a;color:#fff;font-size:17px;font-weight:750;box-shadow:0 9px 22px rgba(255,107,74,.18)} @media(max-height:760px){#page-onboarding .ob-new-header{height:calc(60px + env(safe-area-inset-top,0px))}.ob-new-screen{padding-top:12px}.ob-personalized{margin-bottom:10px}.ob-welcome-copy h1,.ob-question-head h1{font-size:31px}.ob-welcome-copy>p:last-child{margin-top:10px}.ob-welcome-visual{top:235px}.ob-voucher-card{bottom:12px;padding:13px}.ob-question-head{margin-bottom:12px}.ob-question-head p{margin-top:8px}.ob-choice-grid{gap:7px}.ob-choice-grid button{gap:5px}.ob-choice-grid button .material-symbols-outlined{font-size:25px}.ob-use-note{padding:9px 12px}.ob-new-footer>button:first-child{height:50px}} /* 2026 visual system: black / orange / white */ :root{--bw-orange:#ff6b4a;--bw-ivory:#ffffff;--bw-paper:#ffffff;--bw-ink:#161823;--bw-copy:#73747b;--bw-hairline:#f0f0f0;--bw-green:#ff6b4a} html:not(.home-page-active),body:not(.home-page-active){background:#fff!important;color:#111!important} body .page:not(#page-home),body .acct-sub-page,body #acct-main,body #voice-overlay,body .chat-detail-sheet,body .bottom-sheet{background:#fff!important;color:#111!important} body .page:not(#page-home) nav,body .page:not(#page-home) header,body .acct-sub-page nav,body .chat-shell-header,body .chat-detail-header{background:rgba(255,255,255,.96)!important;border-color:#ececec!important;color:#111!important} body .page:not(#page-home) .bg-white,body .acct-sub-page .bg-white,body .bottom-sheet,body .app-confirm-dialog,body .favorite-list-card,body .dietary-section-card,body .reservation-card{background:var(--bw-paper)!important;border-color:var(--bw-hairline)!important;color:var(--bw-ink)!important} body .page:not(#page-home) .text-\[\#16211D\],body .page:not(#page-home) .text-on-surface,body .page:not(#page-home) .text-gray-900,body .acct-sub-page .text-\[\#16211D\],body .app-confirm-dialog-title{color:var(--bw-ink)!important} body .page:not(#page-home) .text-\[\#5C6B63\],body .page:not(#page-home) .text-on-surface-variant,body .page:not(#page-home) .text-gray-500,body .acct-sub-page .text-\[\#5C6B63\]{color:var(--bw-copy)!important} body .page:not(#page-home) [style*="background:#fff"],body .page:not(#page-home) [style*="background: #fff"],body .page:not(#page-home) [style*="background:#F7FAF8"],body .page:not(#page-home) [style*="background: #F7FAF8"],body .page:not(#page-home) [style*="background:#fcf9f8"],body .page:not(#page-home) [style*="background: #fcf9f8"],body .page:not(#page-home) [style*="background:#f5f5f5"],body .page:not(#page-home) [style*="background: #f5f5f5"]{background-color:var(--bw-paper)!important} body .page:not(#page-home) [style*="color:#16211D"],body .page:not(#page-home) [style*="color: #16211D"],body .page:not(#page-home) [style*="color:#2C1810"],body .page:not(#page-home) [style*="color: #2C1810"]{color:var(--bw-ink)!important} body .page:not(#page-home) [style*="color:#5C6B63"],body .page:not(#page-home) [style*="color: #5C6B63"]{color:var(--bw-copy)!important} body:not(.home-page-active) input,body:not(.home-page-active) textarea,body:not(.home-page-active) select{background:var(--bw-paper)!important;color:var(--bw-ink)!important;border-color:var(--bw-hairline)!important} body #voice-overlay .chat-bottom-area{background:rgba(255,255,255,.96)!important;border-color:#ececec!important}body #voice-overlay .chat-text-field{background:transparent!important}body .chat-detail-body{background:#fff!important} /* Shared bottom navigation changes theme with the current product context. */ .app-tabbar{border-color:#ececec;background:rgba(255,255,255,.96);color:#888;box-shadow:0 -8px 28px rgba(0,0,0,.04)} .app-tabbar-item{width:33.333%;font-size:11px;gap:2px}.app-tabbar-item.is-active{color:#ff6b4a} body[data-app-tab=home] .app-tabbar{border-color:rgba(255,255,255,.11);background:rgba(8,8,8,.92);color:#aaa49c;box-shadow:none} body[data-app-tab=home] .app-tabbar-item.is-active{color:#ff6b4a} /* Profile: white surface, black text, orange accents */ #page-settings,#acct-main{background:#fff!important} #page-settings .acct-main-nav{ height:auto!important; min-height:calc(56px + env(safe-area-inset-top,0px))!important; padding-top:env(safe-area-inset-top,0px)!important; box-sizing:border-box!important; background:rgba(255,255,255,.94)!important; border:0!important; backdrop-filter:blur(18px); } #page-settings .acct-main-nav>div{height:56px!important;min-height:56px!important;display:flex;align-items:center} .acct-main-brand{display:inline-flex;align-items:center;gap:8px;min-width:0;text-decoration:none;color:inherit} .acct-main-logo{display:block;width:28px;height:28px;flex:0 0 auto;object-fit:contain;border-radius:8px} .acct-main-wordmark{color:var(--bw-ink);font-size:18px;font-weight:900;letter-spacing:.025em;line-height:1} .acct-main-header-actions{margin-left:auto;display:flex;align-items:center;gap:4px} body[data-app-tab=profile] #page-settings>#acct-main>nav .acct-main-header-actions button,.acct-main-header-actions button{visibility:visible!important;width:40px!important;height:40px;display:grid;place-items:center;padding:0!important;border-radius:50%;color:var(--bw-ink)} .acct-main-header-actions .material-symbols-outlined{font-size:23px;font-variation-settings:'wght' 400} #acct-main>main{padding-top:78px!important;padding-left:22px!important;padding-right:22px!important;padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))!important} .acct-profile-hero{padding:10px 4px 20px!important} .acct-profile-avatar{position:relative;width:78px;height:78px;border-radius:50%} .acct-profile-avatar img{width:100%;height:100%;display:block;border-radius:50%;object-fit:cover;border:1px solid rgba(23,21,19,.08)} .acct-profile-avatar>span{position:absolute;right:0;bottom:0;width:30px;height:30px;display:grid;place-items:center;border:2px solid var(--bw-ivory);border-radius:50%;background:#191919;color:#fff;font-size:17px} #acct-profile-name-display{color:var(--bw-ink)!important;font-size:18px!important;font-weight:800!important} #acct-profile-email-display{color:var(--bw-copy)!important} .acct-profile-hero .text-primary{color:var(--bw-orange)!important} .acct-balance-card{min-height:66px;margin:0 0 18px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:linear-gradient(135deg,#202020,#141414);color:#fff;box-shadow:0 12px 24px rgba(19,15,12,.12)} .acct-balance-card .material-symbols-outlined,.acct-balance-card .acct-credits-row-amount,.acct-balance-card #acct-credits-buy-cta{color:var(--bw-orange)!important} .acct-balance-card .acct-credits-row-amount{font-size:22px;font-weight:800} #acct-main .bg-white{border:1px solid var(--bw-hairline)!important;border-radius:15px!important;background:#fff!important;box-shadow:0 7px 20px rgba(48,33,24,.035)} #acct-main .acct-row{min-height:57px;padding-left:20px!important;padding-right:17px!important;border-color:#f0ebe7!important} #acct-main .acct-row .text-primary{color:var(--bw-orange)!important} #acct-main .acct-row .text-\[\#16211D\]{color:var(--bw-ink)!important;font-weight:600} #acct-main .acct-row>.material-symbols-outlined{color:#aaa39d!important} #acct-main .acct-section-label{margin:22px 4px 9px;color:#928b85;font-size:12px;font-weight:500;letter-spacing:.03em;text-transform:none} #acct-main>main>button[onclick="handleSignOut()"]{margin-top:18px!important;border-color:var(--bw-hairline)!important;border-radius:15px!important;background:#fff!important;color:var(--bw-orange)!important} /* Credits: white commerce surface, orange CTAs */ #dining-credits-mount:has(>.page.active),#dining-credits-mount:has(#page-dining-my-credits.active),#dining-credits-mount:has(#page-dining-credits.active){background:#fff!important} #page-dining-credits,#page-dining-my-credits{--dc-brand:#ff6b4a!important;--dc-brand-light:#fff5f0!important;--dc-text-primary:#111!important;--dc-text-secondary:#666!important;--dc-text-tertiary:#999!important;--dc-bg-base:#fff!important;--dc-bg-surface:#fff!important;--dc-border:#ececec!important;background:#fff!important;color:#111!important} #page-dining-credits>header,#page-dining-credits .dc-main,#page-dining-my-credits .dc-my-shell{background:#fff!important} #page-dining-credits .dc-header-inner{padding-top:14px} #page-dining-credits .dc-header-title{color:#ff6b4a!important;font-size:12px;font-weight:850;letter-spacing:.08em} #page-dining-credits .dc-hero-title{font-size:20px;font-weight:850;color:#111!important} #page-dining-credits .dc-hero-tagline{margin-top:7px;margin-bottom:20px;color:#666!important;font-size:14px} #page-dining-credits .dc-perks-list{display:none} #page-dining-credits .dc-credit-list{gap:12px} #page-dining-credits .dc-credit-card{min-height:96px;padding:11px 14px;border-radius:16px!important;border-color:#ececec!important;background:#fff!important;box-shadow:0 6px 18px rgba(0,0,0,.04)} #page-dining-credits .dc-credit-card.is-selected{padding:10px 13px;border:2px solid #ff6b4a!important;background:#fff8f5!important;box-shadow:none} #page-dining-credits .dc-credit-radio{order:3;margin-left:auto;border-color:#d0d0d0} #page-dining-credits .dc-credit-card.is-selected .dc-credit-radio{border-color:#ff6b4a;background:#ff6b4a} #page-dining-credits .dc-credit-body{grid-template-columns:72px 1fr;column-gap:14px} #page-dining-credits .dc-credit-price{width:64px;height:64px;display:grid;place-items:center;padding:0;border-radius:50%;background:#fff5f0;color:#ff6b4a!important;font-size:18px} #page-dining-credits .dc-credit-max{color:#ff6b4a!important;font-size:14px!important;font-weight:650!important} #page-dining-credits .dc-credit-validity{color:#666!important} #page-dining-credits .dc-partners-section,#page-dining-credits .dc-terms-section{margin-top:3px;padding:16px 14px;border-radius:14px;background:#fff;border:1px solid #ececec} body[data-app-tab=benefits] #page-dining-credits .dc-bottom-bar{bottom:calc(62px + env(safe-area-inset-bottom,0));background:rgba(255,255,255,.96)!important;border-color:#ececec!important} #page-dining-credits .dc-bottom-bar .dc-buy-btn{border-radius:13px;background:#ff6b4a!important;color:#fff!important;box-shadow:0 7px 18px rgba(255,107,74,.22)} body[data-app-tab=benefits] #page-dining-credits .dc-main{padding-bottom:calc(142px + env(safe-area-inset-bottom,0))} @media(max-width:370px){#acct-main>main{padding-left:16px!important;padding-right:16px!important}.acct-profile-avatar{width:68px;height:68px}#page-dining-credits .dc-credit-body{grid-template-columns:62px 1fr}#page-dining-credits .dc-credit-price{width:56px;height:56px;font-size:19px}} /* Xiaohongshu-inspired profile information architecture, adapted for dining. */ #acct-main>main.profile-social-main{ padding:calc(56px + env(safe-area-inset-top,0px) + 8px) 0 calc(88px + env(safe-area-inset-bottom,0px))!important; overflow-x:hidden; } .profile-social-hero{padding:8px 20px 12px} .profile-social-hero .acct-profile-hero{padding:5px 0 10px!important} .profile-social-hero .acct-profile-avatar{width:78px;height:78px} .profile-social-id{margin-top:4px;color:#948d87;font-size:11px;line-height:1.35} .profile-social-bio{margin:5px 0 16px;color:#3d3936;font-size:13px;line-height:1.55} .profile-social-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:8px;padding:0 20px} .profile-social-stats>button,.profile-social-stats>.profile-stat{display:flex;flex-direction:column;align-items:center;gap:2px;color:#807973;font-size:10px} .profile-social-stats strong{color:var(--bw-ink);font-size:15px;font-weight:750} .profile-service-card{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:5px 16px 15px;padding:13px 4px;border:1px solid var(--bw-hairline);border-radius:15px;background:#fff;box-shadow:0 6px 20px rgba(45,31,23,.035)} .profile-service-card button{min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--bw-ink)} .profile-service-card button:active{opacity:.65;transform:scale(.97)} .profile-service-card .material-symbols-outlined{color:var(--bw-orange);font-size:23px} .profile-service-card b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700} .profile-service-card small{color:#99918b;font-size:8px} .profile-content-section{border-top:7px solid #f3efeb;background:#fff} .profile-content-tabs{position:sticky;top:72px;z-index:5;display:grid;grid-template-columns:1fr 1fr;height:48px;border-bottom:1px solid #eee9e5;background:rgba(255,255,255,.96);backdrop-filter:blur(14px)} .profile-content-tabs button{position:relative;color:#918a84;font-size:13px;font-weight:600} .profile-content-tabs button.is-active{color:var(--bw-ink);font-weight:750} .profile-content-tabs button.is-active:after{content:"";position:absolute;left:50%;bottom:0;width:24px;height:3px;border-radius:3px 3px 0 0;background:var(--bw-orange);transform:translateX(-50%)} .profile-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:2px;background:#fff;min-height:260px} .profile-video-tile{position:relative;aspect-ratio:3/4;overflow:hidden;background:#171717;color:#fff;text-align:left} .profile-video-tile video,.profile-video-tile img{width:100%;height:100%;display:block;object-fit:cover} .profile-video-tile:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.72));pointer-events:none} .profile-video-play{position:absolute;z-index:2;top:8px;right:8px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:rgba(0,0,0,.42);color:#fff;font-size:17px;backdrop-filter:blur(6px)} .profile-video-tile.is-playing .profile-video-play{opacity:0} .profile-video-caption{position:absolute;z-index:2;left:8px;right:6px;bottom:8px;overflow:hidden;display:flex;flex-direction:column;gap:2px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.65)} .profile-video-caption b{display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:10px;font-weight:700;line-height:1.25} .profile-video-caption small{display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:rgba(255,255,255,.82);font-size:9px;font-weight:550;line-height:1.25} .profile-video-empty{grid-column:1/-1;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;color:#9a938d;text-align:center} .profile-video-empty>.material-symbols-outlined{margin-bottom:10px;color:#c9c1bb;font-size:40px}.profile-video-empty strong{color:#4c4641;font-size:13px}.profile-video-empty p{max-width:250px;margin:5px 0 0;font-size:11px;line-height:1.5} .profile-preference-body{padding:16px 16px 96px!important;overflow-y:auto}.profile-preference-section{margin-bottom:22px}.profile-preference-section h2{margin:0 0 10px;color:var(--bw-ink);font-size:14px;font-weight:750}.profile-preference-chips{display:flex;flex-wrap:wrap;gap:9px}.profile-preference-chips button{min-height:36px;padding:7px 13px;border:1px solid #e5dfda;border-radius:999px;background:#fff;color:#5f5954;font-size:12px;font-weight:600}.profile-preference-chips button[aria-pressed="true"]{border-color:var(--bw-orange);background:#fff5ef;color:var(--bw-orange)} .ob-extra-cuisine[hidden]{display:none!important} .profile-settings-body{padding:20px 18px 90px}.profile-settings-group{overflow:hidden;border:1px solid var(--bw-hairline);border-radius:15px;background:#fff}.profile-settings-group button{width:100%;min-height:56px;display:grid;grid-template-columns:26px 1fr 22px;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid #f0ebe7;color:var(--bw-ink);text-align:left;font-size:13px;font-weight:600}.profile-settings-group button:last-child{border-bottom:0}.profile-settings-group button>.material-symbols-outlined:first-child{color:var(--bw-orange);font-size:21px}.profile-settings-group button>.material-symbols-outlined:last-child{color:#aaa39d;font-size:19px}.profile-settings-signout{width:100%;height:52px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;border:1px solid var(--bw-hairline);border-radius:15px;background:#fff;color:var(--bw-orange);font-size:13px;font-weight:700}.profile-settings-version{margin-top:18px;color:#aaa39d;font-size:11px;text-align:center} @media(max-width:370px){.profile-social-hero{padding-left:16px;padding-right:16px}.profile-social-stats{gap:5px;padding:0 10px}.profile-service-card{margin-left:12px;margin-right:12px}} /* Main-tab headers stay actionable; only true back buttons disappear from a root tab. */ body[data-app-tab=profile] #page-settings>#acct-main>.acct-main-nav .acct-main-header-actions button{visibility:visible!important;width:40px!important;padding:0!important} /* Home contextual AI: persistent composer, timed questions, temporary answer sheet. */ #page-home .home-bottom-area{display:block!important;left:14px;right:14px;bottom:calc(69px + env(safe-area-inset-bottom,0));z-index:24;pointer-events:none} #page-home .home-bottom-area .home-control-panel{display:flex!important;flex-direction:column;gap:8px;padding:0;border:0;background:transparent;color:#171412;box-shadow:none;backdrop-filter:none;pointer-events:none} #page-home .home-agent-composer{order:3;height:56px;padding:6px 8px;border:1px solid rgba(232,224,217,.96);border-radius:999px;background:rgba(255,253,250,.97)!important;box-shadow:0 10px 28px rgba(0,0,0,.28);pointer-events:auto;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)} #page-home .home-agent-composer>img{width:38px;height:38px;border-radius:11px} #page-home .home-agent-composer input,#page-home .home-agent-composer input:focus,#page-home .home-agent-composer input:focus-visible,#page-home .home-agent-composer input:active{height:40px;border:0!important;outline:none!important;box-shadow:none!important;-webkit-box-shadow:none!important;color:#211d1a!important;font-size:13px!important;background:transparent!important;-webkit-appearance:none;appearance:none} #page-home .home-agent-composer input::placeholder{color:#8d8782} #page-home .home-agent-composer:focus-within{outline:none;box-shadow:0 10px 28px rgba(0,0,0,.28)} #page-home .home-control-mic{width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:transparent!important;color:#211d1a} #page-home .home-control-mic .material-symbols-outlined{font-size:27px} #page-home .home-context-questions{order:2;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding:0 2px 2px;opacity:0;transform:translateY(8px);pointer-events:none;scrollbar-width:none;transition:.25s ease;scroll-snap-type:x proximity} #page-home .home-context-questions::-webkit-scrollbar{display:none} #page-home .is-questions-ready .home-context-questions{opacity:1;transform:none;pointer-events:auto} #page-home .home-context-questions[hidden]{display:none!important} #page-home .home-context-questions button{flex:0 0 auto;max-width:78vw;height:36px;display:flex;align-items:center;padding:0 14px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(22,22,22,.78);color:#fff;font-size:12px;font-weight:650;white-space:nowrap;box-shadow:0 4px 14px rgba(0,0,0,.2);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);scroll-snap-align:start} #page-home .home-agent-conversation{order:1;display:none;max-height:min(43dvh,370px);padding:0;overflow:auto;border:1px solid rgba(232,224,217,.95);border-radius:24px;background:rgba(255,253,250,.98);color:#1f1b18;box-shadow:0 16px 42px rgba(0,0,0,.35);pointer-events:auto;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)} #page-home .home-control-panel.is-conversing .home-agent-conversation{display:block;animation:homeAgentIn .24s ease both} #page-home .home-control-panel.is-conversing .home-context-questions{display:none} #page-home.home-agent-sheet-open .home-control-panel.is-guiding .home-context-questions, #page-home.home-agent-sheet-open .home-control-panel.is-showing-results .home-context-questions, #page-home.home-agent-sheet-open .home-control-panel.is-followup-chat .home-context-questions, #page-home .home-control-panel.is-listening .home-context-questions, #page-home.home-agent-sheet-open .home-context-questions{display:none!important} #page-home .home-agent-sheet-header{position:sticky;top:0;z-index:2;height:54px;display:grid;grid-template-columns:22px 1fr 36px 36px;align-items:center;gap:5px;padding:0 14px;border-bottom:1px solid #eee7e1;background:rgba(255,253,250,.96)} #page-home .home-agent-sheet-header strong{font-size:14px} #page-home .home-agent-sheet-spark{color:var(--bw-orange);font-size:18px} #page-home .home-agent-sheet-header button{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#f7f2ee;color:#2b2724} #page-home .home-agent-sheet-header .material-symbols-outlined{font-size:19px} #page-home .home-agent-answer-card{padding:14px} #page-home .home-agent-answer-card>strong{display:block;margin-bottom:8px;color:var(--bw-orange);font-size:14px;line-height:1.4} #page-home .home-agent-answer-card>p{margin:0;color:#39332f;font-size:12px;line-height:1.65} #page-home .home-preference-state{display:none;margin:12px 0 0;padding:0;gap:6px;overflow-x:auto} #page-home .home-preference-state.has-preferences{display:flex} #page-home .home-control-panel.is-conversing .home-preference-state.has-preferences{display:flex} #page-home .home-preference-spark{display:none} #page-home .home-preference-chip{padding:6px 9px;border-radius:999px;background:#fff1e8;color:#b84d17;font-size:9px} #page-home .home-agent-next-preview{width:100%;min-height:66px;display:grid;grid-template-columns:74px 1fr 38px;align-items:center;gap:10px;margin-top:13px;padding:9px;border:1px solid #eee5de;border-radius:15px;background:#fff;color:#211d1a;text-align:left} #page-home .home-agent-next-preview[hidden]{display:none} #page-home .home-agent-next-preview img{width:74px;height:48px;border-radius:9px;object-fit:cover} #page-home .home-agent-next-preview>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:2px} #page-home .home-agent-next-preview small{color:#958d87;font-size:9px} #page-home .home-agent-next-preview strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px} #page-home .home-agent-next-preview em{overflow:hidden;color:#7c746e;font-size:9px;font-style:normal;text-overflow:ellipsis;white-space:nowrap} #page-home .home-agent-next-preview>.material-symbols-outlined{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--bw-orange);color:#fff} #page-home .home-control-panel.is-expanded .home-agent-conversation{max-height:calc(100dvh - 176px)} #page-home .home-video-copy{bottom:78px;transition:bottom .25s ease} #page-home .home-example-primary-actions{bottom:278px;transition:bottom .25s ease} #page-home.home-questions-visible .home-video-copy{bottom:123px} #page-home.home-questions-visible .home-example-primary-actions{bottom:318px} #page-home.home-agent-open .home-video-copy{opacity:.28} #page-home.home-agent-open .home-example-primary-actions{opacity:.3;pointer-events:none} body.home-inline-keyboard-open .app-tabbar{display:none!important} body.home-inline-keyboard-open #page-home .home-bottom-area{bottom:10px} body.home-inline-keyboard-open #page-home .home-context-questions{max-height:38px} body.home-inline-keyboard-open #page-home .home-agent-conversation{max-height:32dvh} @media(max-height:720px){#page-home .home-agent-conversation{max-height:35dvh}#page-home .home-video-copy{bottom:76px}#page-home.home-questions-visible .home-video-copy{bottom:118px}#page-home .home-example-primary-actions{bottom:246px}#page-home.home-questions-visible .home-example-primary-actions{bottom:282px}} /* Home interaction calibration: vertical feed, timed restaurant context and compact AI layer. */ #page-home .home-example-track{flex-direction:column!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:contain;scroll-snap-type:y mandatory!important;scrollbar-width:none} #page-home .home-example-track::-webkit-scrollbar{display:none} #page-home .home-recommendation-unit{scroll-snap-align:start;scroll-snap-stop:always} #page-home .home-example-primary-actions{right:11px;bottom:218px;gap:14px} #page-home .home-example-primary-actions button{width:46px;height:46px;min-height:46px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(12,12,12,.22);backdrop-filter:blur(8px)} #page-home .home-example-primary-actions small{display:none!important} #page-home .home-example-ai-reason{left:16px;top:205px;width:clamp(176px,46vw,200px);height:auto;display:flex;flex-direction:column;align-items:stretch;gap:9px;padding:14px 12px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:rgba(61,48,36,.76);box-shadow:0 10px 30px rgba(0,0,0,.24);overflow:hidden;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:opacity .28s ease,transform .28s ease} #page-home .home-why-header{display:flex;align-items:center;justify-content:space-between;gap:8px} #page-home .home-why-header b{font-size:12px;font-weight:750} #page-home .home-why-header button{width:26px;height:26px;display:grid;place-items:center;margin:-6px -6px -6px 0;border-radius:50%;background:rgba(255,255,255,.08);color:#fff} #page-home .home-why-header button .material-symbols-outlined{font-size:17px;color:rgba(255,255,255,.9)} #page-home .home-why-match{display:flex!important;flex-direction:row!important;align-items:baseline!important;gap:5px!important} #page-home .home-why-match strong{color:#6fcb83;font-size:25px;font-weight:750;letter-spacing:-.04em} #page-home .home-why-match em{color:#84d596;font-size:11px;font-style:normal;font-weight:700} #page-home .home-why-list{display:flex;flex-direction:column;gap:9px} #page-home .home-why-row{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:8px} #page-home .home-why-row>.material-symbols-outlined{font-size:21px;color:#f4eee6;font-variation-settings:'wght' 350} #page-home .home-why-row:nth-child(3)>.material-symbols-outlined{color:#74c98a} #page-home .home-why-row>span:last-child{min-width:0;display:flex;flex-direction:column;gap:1px} #page-home .home-why-row b{font-size:10px;font-weight:700;line-height:1.3;white-space:nowrap} #page-home .home-why-row small{display:block!important;max-width:100%;max-height:none!important;overflow:visible;color:rgba(255,255,255,.7);font-size:8.5px;line-height:1.4;white-space:normal;word-break:break-word} #page-home .home-why-more{height:36px;min-height:36px;display:flex;align-items:center;justify-content:center;gap:3px;margin:auto -12px 0;border-top:1px solid rgba(255,255,255,.13);color:rgba(255,255,255,.84);font-size:9.5px} #page-home .home-why-more .material-symbols-outlined{font-size:16px;transition:transform .2s} #page-home .home-example-ai-reason.is-expanded{height:auto;max-height:min(42vh,320px)} #page-home .home-example-ai-reason.is-expanded .home-why-row small{white-space:normal} #page-home .home-example-ai-reason.is-expanded .home-why-more .material-symbols-outlined{transform:rotate(180deg)} #page-home .home-agent-composer>img{object-fit:cover;object-position:center;border:1px solid #f0d7c6;background:#fff7ef} #page-home .home-agent-sheet-header{grid-template-columns:32px 1fr 36px 36px} #page-home .home-agent-sheet-avatar{width:30px;height:30px;border:1px solid #f0d7c6;border-radius:10px;object-fit:cover} #page-home .home-agent-conversation{max-height:min(28dvh,238px)} #page-home .home-agent-answer-card{padding:12px 14px 14px} #page-home .home-agent-answer-card>strong{margin-bottom:6px;font-size:12px} #page-home .home-agent-answer-card>p{font-size:11px;line-height:1.55} #page-home .home-preference-state{order:2;margin:0;padding:0 2px;pointer-events:auto} #page-home .home-control-panel.is-conversing .home-preference-state.has-preferences{display:none} #page-home .home-control-panel.is-resolving .home-agent-conversation{box-shadow:0 16px 42px rgba(0,0,0,.3),0 0 0 2px rgba(120,185,135,.22)} #page-home.home-agent-open .home-video-copy{opacity:.72} #page-home.home-agent-open .home-example-primary-actions{opacity:.72;pointer-events:auto} @media(max-height:720px){#page-home .home-example-ai-reason{top:max(120px,calc(env(safe-area-inset-top,0px)+108px));bottom:auto;max-height:min(28vh,210px);height:auto!important;overflow-y:auto}#page-home .home-example-ai-reason.is-expanded{height:auto!important;max-height:34vh}} @media(min-width:768px){#page-home .home-example-ai-reason{width:188px}} /* Home AI sheet: reveal at 6s, then shrink the video above a white conversation drawer. */ #page-home .home-bottom-area{display:none!important} #page-home:has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-bottom-area{display:block!important} #page-home .home-agent-drawer-header{display:none} #page-home .home-example-dish-name{display:inline;padding:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.72)} #page-home .home-example-summary{background:transparent!important} #page-home .home-restaurant-card em{display:none!important} #page-home .home-restaurant-card{ min-height:70px; padding:7px 8px; gap:8px; display:flex; align-items:center; pointer-events:auto; } #page-home .home-restaurant-info{flex:1;min-width:0} #page-home .home-restaurant-reserve{ flex:0 0 auto; min-height:32px; display:inline-flex; align-items:center; justify-content:center; gap:4px; padding:0 14px; border:0; border-radius:999px; background:#ff6b4a; color:#fff; font-size:12px; font-weight:600; box-shadow:none; pointer-events:auto; } #page-home .home-restaurant-reserve .material-symbols-outlined{font-size:16px} #page-home .home-restaurant-reserve:active{transform:scale(.96);opacity:.92} #page-home .home-example-ai-reason{height:auto!important;padding:13px 12px!important;gap:9px!important;background:rgba(48,39,32,.52)!important;border-color:rgba(255,255,255,.12)!important;box-shadow:0 8px 24px rgba(0,0,0,.13)!important;backdrop-filter:blur(11px)!important;-webkit-backdrop-filter:blur(11px)!important} #page-home .home-example-ai-reason.is-dismissed{display:none!important} #page-home .home-why-match,#page-home .home-why-more{display:none!important} #page-home .home-why-list{gap:10px} #page-home .home-why-row small{color:rgba(255,255,255,.72)} #page-home .home-video-copy{bottom:156px;gap:6px} #page-home.home-questions-visible .home-video-copy{bottom:156px} #page-home .home-example-summary p{margin-top:3px} #page-home .home-restaurant-card{min-height:70px;padding:7px;gap:8px} #page-home .home-restaurant-thumb{width:50px;height:50px;flex-basis:50px} #page-home .home-example-primary-actions{bottom:166px} #page-home.home-questions-visible .home-example-primary-actions{bottom:166px} #page-home .home-example-save.is-saved .material-symbols-outlined{font-variation-settings:'FILL' 1,'wght' 500} #page-home .home-preference-state{display:none!important} #page-home .home-example-primary-actions,#page-home.home-questions-visible .home-example-primary-actions{right:9px;top:50%;bottom:auto;gap:15px;transform:translateY(-50%)} #page-home .home-example-primary-actions button{width:44px;height:44px;min-height:44px;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important} #page-home .home-example-primary-actions .material-symbols-outlined{font-size:34px} #page-home .home-video-copy,#page-home.home-questions-visible .home-video-copy{left:12px;right:12px;bottom:156px} #page-home .home-restaurant-card{min-height:62px;padding:6px 8px;border-radius:13px;pointer-events:auto} #page-home .home-restaurant-thumb{width:46px;height:46px;flex-basis:46px} #page-home .home-restaurant-info{flex:1} #page-home .home-restaurant-info strong{max-width:100%} #page-home .home-restaurant-cta{display:none!important} #page-home .home-example-video-button{cursor:pointer} #page-home .home-example-video-play{ position:absolute;z-index:8;inset:50% auto auto 50%;width:72px;height:72px;margin:-36px 0 0 -36px; display:grid;place-items:center;border-radius:50%; background:rgba(255,255,255,.18);color:#fff; opacity:0;pointer-events:none;transform:scale(.92); transition:opacity .14s ease,transform .14s ease; box-shadow:0 2px 18px rgba(0,0,0,.28);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px) } #page-home .home-example-video-play .material-symbols-outlined{ font-size:48px;font-variation-settings:'FILL' 1,'wght' 500;margin-left:3px;filter:drop-shadow(0 1px 6px rgba(0,0,0,.35)) } #page-home .home-example-video-button.is-paused .home-example-video-play{opacity:1;transform:scale(1)} #page-home .home-example-video-button.is-playing .home-example-video-play{opacity:0;transform:scale(.92)} #page-home .home-example-video-pause{display:none!important} #page-home .home-context-questions{ order:2;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch; padding:0 2px 2px;opacity:0;transform:translateY(8px);pointer-events:none;scrollbar-width:none; transition:.25s ease;scroll-snap-type:x proximity;z-index:26 } #page-home .is-questions-ready:not(.is-conversing) .home-context-questions, #page-home:not(.home-agent-sheet-open) .is-questions-ready .home-context-questions{ opacity:1!important;transform:none!important;pointer-events:auto!important;display:flex!important } #page-home.home-agent-sheet-open .home-recommendation-unit.is-active .home-video-copy{display:none!important} #page-home.home-agent-sheet-open .home-example-track{overflow:hidden!important} #page-home.home-agent-sheet-open .home-recommendation-unit.is-active{position:absolute;inset:0 auto auto 0;width:100%;height:43dvh;z-index:30;background:#000;transform-origin:top center;transition:height .32s cubic-bezier(.2,.8,.2,1)} #page-home.home-agent-sheet-open .home-recommendation-unit.is-active .home-example-card{height:100%} #page-home.home-agent-sheet-open .home-recommendation-unit.is-active .home-example-video-button{background:#000} #page-home.home-agent-sheet-open .home-recommendation-unit.is-active .home-example-video{object-fit:contain;background:#000} #page-home.home-agent-sheet-open .home-recommendation-unit.is-active .home-creator-bar{top:64px;transform:scale(.84);transform-origin:left top} #page-home.home-agent-sheet-open .home-recommendation-unit.is-active .home-example-ai-reason,#page-home.home-agent-sheet-open .home-recommendation-unit.is-active .home-example-summary,#page-home.home-agent-sheet-open .home-recommendation-unit.is-active .home-example-primary-actions{display:none!important} #page-home.home-agent-sheet-open .home-recommendation-unit.is-active .home-video-copy{display:block;left:12px;right:12px;bottom:8px} #page-home.home-agent-sheet-open .home-recommendation-unit.is-active .home-restaurant-card{min-height:58px;opacity:1;transform:none;background:rgba(14,14,14,.76)} #page-home.home-agent-sheet-open .home-recommendation-unit.is-active .home-restaurant-thumb{width:44px;height:44px;flex-basis:44px} body:has(#page-home.home-agent-sheet-open) .app-tabbar,body.home-agent-sheet-open .app-tabbar{display:none!important} #page-home.home-agent-sheet-open .home-bottom-area{position:fixed;z-index:120;left:0;right:0;bottom:0;height:57dvh;display:block!important;padding:0;background:#111;border:0;border-radius:22px 22px 0 0;overflow:hidden;box-shadow:0 -14px 38px rgba(0,0,0,.45)} #page-home.home-agent-sheet-open .home-control-panel{height:100%;display:flex!important;gap:0!important;padding:0 14px max(12px,env(safe-area-inset-bottom))!important;border:0!important;background:#111!important;color:#f3efe9;overflow:hidden;pointer-events:auto!important;box-shadow:none!important} #page-home.home-agent-sheet-open .home-agent-drawer-header{order:0;height:66px;min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 -14px;padding:0 14px;border:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;background:#111!important;color:#f3efe9!important} #page-home.home-agent-sheet-open .home-agent-drawer-header>div{display:flex!important;align-items:center;gap:10px;min-width:0;flex:1} #page-home .home-agent-drawer-header>div{display:flex;align-items:center;gap:10px;min-width:0} #page-home .home-agent-drawer-header img{width:36px;height:36px;border-radius:11px;object-fit:cover;border:1px solid rgba(255,255,255,.12);background:#1c1c1c} #page-home .home-agent-drawer-header span{min-width:0;display:flex;flex-direction:column;gap:2px} #page-home .home-agent-drawer-header strong{overflow:hidden;color:#f7f4ef!important;font-size:13px;text-overflow:ellipsis;white-space:nowrap} #page-home .home-agent-drawer-header small{overflow:hidden;color:#9a948c!important;font-size:9.5px;text-overflow:ellipsis;white-space:nowrap} #page-home .home-agent-drawer-header button{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#f3efe9} #page-home.home-agent-sheet-open .home-agent-composer input,#page-home.home-agent-sheet-open .home-agent-composer input:focus,#page-home.home-agent-sheet-open .home-agent-composer input:focus-visible{border:0!important;outline:none!important;box-shadow:none!important;background:transparent!important;color:#f7f4ef!important} #page-home.home-agent-sheet-open .home-agent-composer input::placeholder{color:#8a847c} #page-home.home-agent-sheet-open .home-agent-composer:focus-within{border-color:rgba(255,255,255,.16)!important;outline:0!important;box-shadow:none!important} #page-home.home-agent-sheet-open .home-context-questions{display:none!important} #page-home .home-control-panel.is-listening .home-context-questions{display:none!important} #page-home.home-agent-sheet-open .home-agent-conversation{order:1;flex:1 1 auto;min-height:0;max-height:none;margin:0;border:0!important;border-radius:0;background:#111;box-shadow:none!important;overflow:hidden;backdrop-filter:none} #page-home.home-agent-sheet-open .home-agent-sheet-header{display:none} #page-home.home-agent-sheet-open .home-agent-answer-card{height:100%;display:flex;flex-direction:column;gap:0;padding:12px 2px 8px;border:0;overflow-y:auto;overflow-x:hidden;background:transparent;min-height:0;scrollbar-width:none;-webkit-overflow-scrolling:touch} #page-home.home-agent-sheet-open .home-agent-answer-card::-webkit-scrollbar{display:none} #page-home.home-agent-sheet-open .home-agent-next-preview{display:none!important} #page-home .home-agent-thread{display:flex;flex-direction:column;gap:9px;flex:0 0 auto;min-height:0;max-height:none;overflow:visible} #page-home .home-agent-thread-turn{max-width:88%;padding:10px 12px;border:0;border-radius:16px;font-size:12px;line-height:1.55;word-break:break-word} #page-home .home-agent-thread-turn.is-user{align-self:flex-end;background:rgba(255,255,255,.12);color:#fff;border-bottom-right-radius:6px} #page-home .home-agent-thread-turn.is-assistant{align-self:flex-start;background:rgba(255,255,255,.08);color:#f2f2f2;border:1px solid rgba(255,255,255,.1);border-bottom-left-radius:6px} #page-home .home-agent-quick-replies{align-self:flex-start;display:flex;flex-wrap:wrap;gap:8px;max-width:100%;padding:2px 0 4px} #page-home .home-agent-quick-replies button{min-height:34px;padding:7px 14px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.06);color:#fff;font-size:12px;font-weight:600;line-height:1;box-shadow:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease,color .12s ease;user-select:none;-webkit-user-select:none} #page-home .home-agent-quick-replies button:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28)} #page-home .home-agent-quick-replies button:active, #page-home .home-agent-quick-replies button.is-pressed, #page-home .home-agent-quick-replies button[aria-pressed="true"]{transform:scale(.96);background:#ff6b4a;border-color:#ff6b4a;color:#fff;box-shadow:none} #page-home .home-context-questions button{-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease,opacity .12s ease;user-select:none;-webkit-user-select:none} #page-home .home-context-questions button:active, #page-home .home-context-questions button.is-pressed{transform:scale(.96);background:rgba(255,107,74,.88);border-color:rgba(255,255,255,.35);opacity:1} #page-home .home-agent-drawer-header button, #page-home .home-control-mic, #page-home .home-agent-result-grid>button, #page-home .home-inline-voice-cancel{-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer;transition:transform .12s ease,background .12s ease,opacity .12s ease,border-color .12s ease;user-select:none;-webkit-user-select:none} #page-home .home-agent-drawer-header button:active, #page-home .home-agent-drawer-header button.is-pressed{transform:scale(.94);background:rgba(255,255,255,.18)} #page-home .home-control-mic:active, #page-home .home-control-mic.is-pressed, #page-home.home-agent-sheet-open .home-control-mic:active, #page-home.home-agent-sheet-open .home-control-mic.is-pressed{transform:scale(.92);color:#ff6b4a!important;background:rgba(255,107,74,.16)!important;border-radius:50%} #page-home .home-agent-result-grid>button:active, #page-home .home-agent-result-grid>button.is-pressed{transform:scale(.985);border-color:rgba(255,107,74,.55);background:#222} #page-home .home-inline-voice-cancel:active, #page-home .home-inline-voice-cancel.is-pressed{opacity:.7;transform:scale(.97)} #page-home .home-example-primary-actions button{-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .12s ease,opacity .12s ease} #page-home .home-example-primary-actions button:active, #page-home .home-example-primary-actions button.is-pressed{transform:scale(.9);opacity:.82} #page-home .home-creator-follow{-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .12s ease,background .12s ease} #page-home .home-creator-follow:active, #page-home .home-creator-follow.is-pressed{transform:scale(.96);opacity:.88} #page-home.home-agent-sheet-open .home-preference-state{display:none!important} #page-home.home-agent-sheet-open .home-inline-voice{order:4;grid-template-columns:1fr auto;margin:6px 0;padding:10px 12px;border-radius:14px;background:#1a1a1a;color:#f3efe9} #page-home.home-agent-sheet-open .home-inline-voice-status{color:#ff6b4a} #page-home.home-agent-sheet-open .home-inline-transcript{color:#d8d2ca} #page-home.home-agent-sheet-open .home-agent-composer{order:5;margin-top:auto;height:58px;min-height:58px;border:1px solid rgba(255,255,255,.12)!important;outline:0!important;background:#1a1a1a!important;box-shadow:none!important;color:#f3efe9} #page-home.home-agent-sheet-open .home-agent-composer>img{display:none!important} #page-home.home-agent-sheet-open .home-control-mic{color:#f3efe9!important;background:transparent!important} #page-home .home-agent-results{order:3;flex:0 0 auto;min-height:0;overflow:visible;padding:8px 0 10px;background:transparent;color:#f3efe9} #page-home .home-agent-results[hidden]{display:none} /* 浏览态绝不露出推荐列表，只允许在对话框 sheet 内出现 */ #page-home:not(.home-agent-sheet-open) .home-agent-results{display:none!important} #page-home.home-agent-sheet-open .home-control-panel.is-showing-results .home-context-questions, #page-home.home-agent-sheet-open .home-control-panel.is-showing-results .home-preference-state{display:none!important} /* 出结果时：对话+推荐同一滚动容器，上面消息自然上移 */ #page-home.home-agent-sheet-open .home-control-panel.is-showing-results .home-agent-conversation{ display:flex!important; flex:1 1 auto; min-height:0; max-height:none; overflow:hidden; } #page-home.home-agent-sheet-open .home-control-panel.is-showing-results .home-agent-answer-card{ flex:1 1 auto; min-height:0; overflow-y:auto; } #page-home.home-agent-sheet-open .home-control-panel.is-showing-results .home-agent-thread{ flex:0 0 auto; min-height:0; max-height:none; overflow:visible; } #page-home.home-agent-sheet-open .home-control-panel.is-showing-results .home-agent-results{ display:block!important; flex:0 0 auto; min-height:0; overflow:visible; padding:10px 0 6px; } #page-home.home-agent-sheet-open .home-control-panel.is-followup-chat .home-agent-results{display:block!important} #page-home.home-agent-sheet-open .home-control-panel.is-followup-chat .home-agent-conversation{display:block!important} #page-home .home-agent-results-heading{display:flex;flex-direction:column;gap:4px;margin:6px 0 12px;padding:0;border:0;background:transparent;color:#f3efe9} #page-home .home-agent-results-heading strong{font-size:15px;font-weight:700;letter-spacing:-.2px;color:#fff} #page-home .home-agent-results-heading small{color:#9a948c;font-size:9px} /* 推荐卡：视频主导在上，文字描述收在下方 */ #page-home .home-agent-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch} #page-home .home-agent-result-grid>button{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#1a1a1a;color:#f3efe9;text-align:left;box-shadow:none;padding:0} #page-home .home-agent-result-media{position:relative;display:block;width:100%;flex:1 1 auto;aspect-ratio:3/4;min-height:168px;max-height:none;overflow:hidden;background:#0c0c0c} #page-home .home-agent-result-media video,#page-home .home-agent-result-cover{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;pointer-events:none;background:#0c0c0c} #page-home .home-agent-result-play{position:absolute;z-index:2;top:8px;right:8px;left:auto;bottom:auto;width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.62);border-radius:50%;transform:none;background:rgba(0,0,0,.32);color:rgba(255,255,255,.95);box-shadow:none;text-shadow:0 1px 4px rgba(0,0,0,.45)} #page-home .home-agent-result-play .material-symbols-outlined{font-size:16px;margin:0;font-variation-settings:'FILL' 1} #page-home .home-agent-result-media>em{display:none!important} #page-home .home-agent-result-copy{display:flex;flex:0 0 auto;min-width:0;width:100%;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:2px;padding:8px 9px 10px;box-sizing:border-box} #page-home .home-agent-result-copy strong,#page-home .home-agent-result-copy>span,#page-home .home-agent-result-copy small,#page-home .home-agent-result-copy p,#page-home .home-agent-result-copy .home-agent-result-price{display:block;width:100%;max-width:100%;box-sizing:border-box} #page-home .home-agent-result-copy strong,#page-home .home-agent-result-copy>span,#page-home .home-agent-result-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #page-home .home-agent-result-copy strong{margin:0;font-size:12px;line-height:1.25;color:#f7f4ef} #page-home .home-agent-result-copy .home-agent-result-price{margin:1px 0 0;color:#ff8f5c;font-size:11px;font-weight:700;line-height:1.25;font-style:normal} #page-home .home-agent-result-copy>span{margin:0;color:#c4bdb4;font-size:10px;line-height:1.25} #page-home .home-agent-result-copy small{margin:0;color:#9a948c;font-size:9px;line-height:1.25} #page-home .home-agent-result-copy p{display:-webkit-box;margin:2px 0 0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#a7a098;font-size:10px;line-height:1.35;white-space:normal} body.home-inline-keyboard-open #page-home.home-agent-sheet-open .home-bottom-area{height:min(66dvh,520px)} #page-home.home-agent-sheet-open .home-bottom-area,#page-home.home-agent-sheet-open .home-control-panel{border-bottom:0!important;outline:0!important} #page-home.home-agent-sheet-open .home-bottom-area:before,#page-home.home-agent-sheet-open .home-bottom-area:after,#page-home.home-agent-sheet-open .home-control-panel:before,#page-home.home-agent-sheet-open .home-control-panel:after{display:none!important;content:none!important} #page-home.home-agent-sheet-open .app-tabbar{display:none!important;border:0!important;box-shadow:none!important} #page-home.home-agent-sheet-open .home-recommendation-unit.is-active .home-video-copy{display:none!important} @media(max-height:720px){#page-home.home-agent-sheet-open .home-recommendation-unit.is-active{height:38dvh}#page-home.home-agent-sheet-open .home-bottom-area{height:62dvh}} /* Browser viewport compatibility: keep the mobile product canvas readable on wide screens. */ @media(min-width:768px){ html.home-page-active,body.home-page-active{background:#171717!important} #page-home.page.active{left:50%;right:auto;width:min(430px,100vw);transform:translateX(-50%);box-shadow:0 0 48px rgba(0,0,0,.42)} #page-home.home-agent-sheet-open .home-bottom-area{left:50%;right:auto;width:min(430px,100vw);transform:translateX(-50%)} } @media(max-width:767px){ #page-home .home-agent-composer input,#page-home.home-agent-sheet-open .home-agent-composer input{font-size:16px!important} } @supports not (height:1dvh){ #page-onboarding.page.active{min-height:100vh} #page-home.home-agent-sheet-open .home-bottom-area{height:57vh} #page-home.home-agent-sheet-open .home-recommendation-unit.is-active{height:43vh} body.home-inline-keyboard-open #page-home.home-agent-sheet-open .home-bottom-area{height:min(66vh,520px)} } /* Onboarding value preview: three benefit-led editorial frames instead of one static hero. */ #page-onboarding #ob-slide-0{padding-bottom:8px} #page-onboarding .ob-welcome-copy h1{font-size:clamp(32px,8.7vw,40px)} #page-onboarding .ob-welcome-copy>p:last-child{max-width:330px;margin-top:12px;font-size:13px;line-height:1.45} #page-onboarding .ob-value-carousel{position:absolute;z-index:1;left:0;right:0;top:232px;bottom:0;overflow:hidden;background:#d9c5ad} #page-onboarding .ob-value-slide{position:absolute;inset:0;opacity:0;transform:scale(1.035);transition:opacity .7s ease,transform 3.8s ease;pointer-events:none} #page-onboarding .ob-value-slide.is-active{opacity:1;transform:scale(1);z-index:1} #page-onboarding .ob-value-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(252,250,247,.96) 0%,rgba(252,250,247,.08) 22%,transparent 52%,rgba(16,10,6,.76) 100%)} #page-onboarding .ob-value-slide>img{width:100%;height:100%;display:block;object-fit:cover} #page-onboarding .ob-value-slide>div{position:absolute;z-index:2;left:28px;right:28px;bottom:106px;display:grid;grid-template-columns:34px 1fr;align-items:start;gap:10px;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.28)} #page-onboarding .ob-value-slide>div>.material-symbols-outlined{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.42);border-radius:11px;background:rgba(255,255,255,.16);font-size:18px;backdrop-filter:blur(12px)} #page-onboarding .ob-value-slide p{display:flex;flex-direction:column;gap:3px;margin:0} #page-onboarding .ob-value-slide strong{font-size:14px;font-weight:780;line-height:1.35} #page-onboarding .ob-value-slide small{color:rgba(255,255,255,.78);font-size:10.5px;line-height:1.45} #page-onboarding .ob-value-dots{position:absolute;z-index:4;left:28px;bottom:86px;display:flex;gap:6px} #page-onboarding .ob-value-dots button{width:6px;height:6px;padding:0;border-radius:999px;background:rgba(255,255,255,.52);transition:width .25s ease,background .25s ease} #page-onboarding .ob-value-dots button.is-active{width:20px;background:#ff5a13} #page-onboarding .ob-voucher-card{left:24px;right:24px;bottom:13px;gap:12px;padding:12px 14px;border-radius:16px;background:rgba(255,253,250,.94)} #page-onboarding .ob-voucher-card>.material-symbols-outlined{font-size:34px} #page-onboarding .ob-voucher-card p{font-size:11px;line-height:1.38} #page-onboarding .ob-voucher-card small{margin-top:1px;font-size:9.5px} #page-onboarding .ob-new-footer{padding-top:8px} /* Saved and liked shelves open a full-screen video; tiles remain quiet covers. */ .profile-video-tile video{pointer-events:none} .profile-video-tile:active{transform:scale(.985)} .result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-inner{padding:0!important} .result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-title{font-size:16px;text-align:left} .result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-footer{ left:0;right:0;bottom:0;z-index:5;display:flex;flex-direction:column;align-items:stretch;gap:6px; padding:56px 64px max(14px,calc(env(safe-area-inset-bottom,0px) + 10px)) 14px; background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.2) 34%,rgba(0,0,0,.78) 100%); pointer-events:none } .result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-title, .result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-meta, .result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-restaurant{ opacity:1;transform:none;pointer-events:auto } .result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-restaurant{ display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:1px solid rgba(255,255,255,.14); border-radius:16px;background:rgba(20,20,20,.72);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px) } .result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-restaurant[hidden]{display:none!important} .result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-actions, .result-video-lightbox[data-source="profile"] .result-video-lightbox-actions{ pointer-events:auto; } .result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-actions small, .result-video-lightbox[data-source="profile"] .result-video-lightbox-actions small{ display:none!important; } /* 赞过/收藏视频：有返回，无「为什么推荐」 */ .result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-top, .result-video-lightbox[data-source="profile"] .result-video-lightbox-top{ padding:max(10px,env(safe-area-inset-top)) 12px 0; z-index:8; grid-template-columns:auto 1fr; } .result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-back-chat, .result-video-lightbox[data-source="profile"] .result-video-lightbox-back-chat{ min-width:44px; min-height:44px; padding:6px 8px; border:0; border-radius:0; background:transparent; color:#fff; font-size:0; line-height:0; text-shadow:0 1px 6px rgba(0,0,0,.45); backdrop-filter:none; -webkit-backdrop-filter:none; display:inline-flex; align-items:center; justify-content:flex-start; } .result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-back-chat:before, .result-video-lightbox[data-source="profile"] .result-video-lightbox-back-chat:before{ content:"‹"; margin:0; font-size:36px; line-height:1; font-weight:300; vertical-align:middle; } .result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-close, .result-video-lightbox[data-source="profile"] .result-video-lightbox-close{ display:none!important; } /* 赞过/收藏也展示「为什么推荐」，由 JS 控制折叠/2秒展开 */ .result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-why, .result-video-lightbox[data-source="profile"] .result-video-lightbox-why{ display:block; } @media(max-height:760px){#page-onboarding .ob-value-carousel{top:204px}#page-onboarding .ob-value-slide>div{bottom:98px}#page-onboarding .ob-value-dots{bottom:79px}#page-onboarding .ob-voucher-card{bottom:8px}} /* -------------------------------------------------------------------------- Bitewise unified utility-page system Home remains an immersive black video surface. Every task and account page shares the warm paper system below so navigation, cards and actions no longer look like unrelated products. -------------------------------------------------------------------------- */ :root{ --bw-bg:#ffffff; --bw-surface:#ffffff; --bw-surface-soft:#f7f8fa; --bw-ink:#161823; --bw-muted:#73747b; --bw-subtle:#a2a3aa; --bw-line:#f0f0f0; --bw-orange:#ff6b4a; --bw-orange-soft:#fff2ef; --bw-danger:#ff4757; --bw-radius-sm:10px; --bw-radius-md:12px; --bw-radius-lg:16px; --bw-shadow:0 2px 10px rgba(22,24,35,.04); } /* Global shell and legacy color reset (excluding the immersive Home feed). */ html:not(.home-page-active),body:not(.home-page-active){background:var(--bw-bg)!important;color:var(--bw-ink)!important} body:not(.home-page-active){font-family:var(--app-font-body,Inter,system-ui,sans-serif)} body .page:not(#page-home),body .acct-sub-page,body #acct-main{background:var(--bw-bg)!important;color:var(--bw-ink)!important} body .page:not(#page-home) nav,body .page:not(#page-home)>header,body .acct-sub-page nav,body .acct-sub-page>header{ border-color:var(--bw-line)!important;background:rgba(255,255,255,.96)!important;color:var(--bw-ink)!important; box-shadow:none!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px) } body .page:not(#page-home) .bg-primary,body .acct-sub-page .bg-primary{background:var(--bw-orange)!important} body .page:not(#page-home) .text-primary,body .acct-sub-page .text-primary{color:var(--bw-orange)!important} body .page:not(#page-home) .border-primary,body .acct-sub-page .border-primary{border-color:var(--bw-orange)!important} body .page:not(#page-home) .bg-white,body .acct-sub-page .bg-white, body .page:not(#page-home) [style*="background:#fff"],body .page:not(#page-home) [style*="background: #fff"]{ background-color:var(--bw-surface)!important;border-color:var(--bw-line)!important } body .page:not(#page-home) .text-\[\#16211D\],body .page:not(#page-home) .text-on-surface, body .acct-sub-page .text-\[\#16211D\]{color:var(--bw-ink)!important} body .page:not(#page-home) .text-\[\#5C6B63\],body .page:not(#page-home) .text-on-surface-variant, body .acct-sub-page .text-\[\#5C6B63\]{color:var(--bw-muted)!important} body:not(.home-page-active) input,body:not(.home-page-active) textarea,body:not(.home-page-active) select{ border-color:var(--bw-line)!important;background:var(--bw-surface)!important;color:var(--bw-ink)!important } body:not(.home-page-active) button:focus-visible,body:not(.home-page-active) a:focus-visible{ outline:2px solid rgba(255,107,74,.28);outline-offset:2px } /* One-way onboarding disclosure and shared onboarding geometry. */ .ob-more-trigger[hidden],.ob-extra-cuisine[hidden]{display:none!important} .ob-welcome-copy h1,.ob-question-head h1{ font-family:var(--app-font-headline,'Plus Jakarta Sans',sans-serif);font-size:clamp(30px,8vw,36px);font-weight:850;line-height:1.08;letter-spacing:-.045em } .ob-question-head{margin-bottom:18px}.ob-question-head p{color:var(--bw-muted);line-height:1.5} .ob-choice-grid{gap:10px}.ob-choice-grid button{border-color:var(--bw-line);border-radius:var(--bw-radius-md);background:rgba(255,255,255,.7)} .ob-choice-grid button.is-selected{border-color:var(--bw-orange);background:var(--bw-orange-soft)} .ob-new-footer>button:first-child{border-radius:var(--bw-radius-md);background:var(--bw-orange);box-shadow:none;font-weight:600} /* Notifications are not part of the current release, including stale routes. */ #acct-notifications,[onclick*="acct-notifications"]{display:none!important} /* Shared sub-page header and content rhythm. */ .acct-sub-page{isolation:isolate} .acct-sub-page>nav>div,.acct-sub-page .acct-tx-header-inner{ width:100%;max-width:512px;min-height:64px;height:64px!important;margin:0 auto;padding-left:16px!important;padding-right:16px!important } .acct-sub-page>nav button,.acct-sub-page .acct-activity-back,.acct-sub-page .acct-tx-header-btn{ width:40px!important;height:40px!important;display:grid!important;place-items:center!important;margin:0!important;padding:0!important;border-radius:50%!important;color:var(--bw-ink)!important } .acct-sub-page>nav span.text-base,.acct-sub-page .acct-dietary-page-title,.acct-sub-page .acct-allergies-page-title, .acct-sub-page .acct-tx-header-title{color:var(--bw-ink)!important;font-size:16px!important;font-weight:800!important;letter-spacing:-.015em!important;text-transform:none!important} .acct-sub-page>div:not([id$="-body"]):not(.acct-tx-header-inner),.profile-settings-body{max-width:512px;margin-left:auto;margin-right:auto} /* Profile nav: logo + safe area (avoid top occlusion) */ #page-settings .acct-main-nav{ height:auto!important; min-height:calc(56px + env(safe-area-inset-top,0px))!important; padding-top:env(safe-area-inset-top,0px)!important; box-sizing:border-box!important; } #page-settings .acct-main-nav>div{ height:56px!important; min-height:56px!important; padding:0 20px!important; display:flex!important; align-items:center!important; } .acct-main-brand{ display:inline-flex!important; align-items:center!important; gap:8px!important; min-width:0!important; text-decoration:none!important; color:inherit!important; } .acct-main-logo{ display:block!important; width:28px!important; height:28px!important; flex:0 0 auto!important; object-fit:contain!important; border-radius:8px!important; } .acct-main-wordmark{ font-size:18px!important; font-weight:900!important; letter-spacing:.02em!important; line-height:1!important; } #acct-main>main.profile-social-main{ padding-top:calc(56px + env(safe-area-inset-top,0px) + 8px)!important; padding-left:0!important; padding-right:0!important; padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))!important; } .profile-content-tabs{ top:calc(56px + env(safe-area-inset-top,0px))!important; } .acct-main-header-actions{gap:0}.acct-main-header-actions button{background:transparent!important} .profile-social-hero{padding-top:10px}.profile-service-card{border-radius:var(--bw-radius-md);box-shadow:var(--bw-shadow)} .profile-content-section{border-top-color:#f1ece8}.profile-content-tabs{top:calc(56px + env(safe-area-inset-top,0px))!important;border-color:var(--bw-line)} .profile-settings-body{padding:18px 16px 90px}.profile-settings-group{border-color:var(--bw-line);border-radius:var(--bw-radius-md);box-shadow:var(--bw-shadow)} .profile-settings-group button{min-height:58px;border-color:var(--bw-line)} .profile-settings-signout{border-radius:var(--bw-radius-md);border-color:var(--bw-line);box-shadow:none} /* Preferences, allergies and lightweight settings lists use one card language. */ .profile-preference-body,#acct-allergies .acct-allergies-body{padding:18px 16px 96px!important} #acct-dietary .acct-dietary-footer,#acct-allergies .acct-allergies-footer{ padding:12px 16px max(16px,calc(env(safe-area-inset-bottom,0px) + 12px));border-color:var(--bw-line);background:rgba(255,255,255,.96);box-shadow:none } #acct-dietary .acct-dietary-save,#acct-allergies .acct-allergies-save{height:48px;padding:0 18px;border-radius:var(--bw-radius-md);background:var(--bw-orange)!important;font-weight:600;box-shadow:none!important} #acct-dietary .dietary-section-card,#acct-allergies .allergy-section-card, #acct-language>div>.bg-white,#acct-profile>div>.bg-white,#acct-privacy>div>.bg-white{ overflow:hidden;border:1px solid var(--bw-line)!important;border-radius:var(--bw-radius-md)!important;background:var(--bw-surface)!important;box-shadow:var(--bw-shadow) } #acct-dietary .dietary-section-title,#acct-allergies .allergy-section-title,#acct-privacy .acct-section-label{ margin:0 2px 9px;color:var(--bw-subtle);font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:none } #acct-dietary .dietary-row,#acct-allergies .allergy-row,#acct-language .lang-row,#acct-privacy .privacy-row{ min-height:58px;border-color:var(--bw-line)!important } #acct-dietary .dietary-row:active,#acct-allergies .allergy-row:active,#acct-language .lang-row:active,#acct-privacy .privacy-row:active{background:var(--bw-orange-soft)!important} #acct-dietary .dietary-row[data-active="true"],#acct-allergies .allergy-row[data-active="true"],#acct-language .lang-row.is-selected{background:var(--bw-orange-soft)!important} #acct-dietary .dietary-label,#acct-allergies .allergy-label,#acct-language .lang-label{color:var(--bw-ink)!important;font-size:15px!important;font-weight:600!important} .pref-select-circle{border-color:#d7d0ca!important}.pref-select-check{color:var(--bw-orange)!important} .acct-edit-avatar{overflow:visible;border:3px solid var(--bw-surface);background:#efe9e4!important;box-shadow:0 0 0 1px var(--bw-line);position:relative;padding:0;cursor:pointer} .acct-edit-avatar img{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%} .acct-edit-avatar-cam{ position:absolute;right:-2px;bottom:-2px;width:28px;height:28px;display:grid;place-items:center; border:2px solid var(--bw-surface,#fff);border-radius:50%;background:#191919;color:#fff;font-size:16px;line-height:1; pointer-events:none; } .acct-edit-avatar-hint{margin:0;color:var(--bw-muted,#8a8a8a);font-size:12px;font-weight:600} /* Payment, usage and reservation histories. */ .acct-activity-page .acct-activity-header{ display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:8px;min-height:72px;padding:8px 16px!important;border-bottom:1px solid var(--bw-line)!important;background:rgba(250,247,243,.96)!important } .acct-activity-page .acct-activity-intro{min-width:0}.acct-activity-page .acct-activity-title{margin:0;color:var(--bw-ink);font-size:18px;font-weight:800;letter-spacing:-.02em} .acct-activity-page .acct-activity-subtitle{margin:2px 0 0;color:var(--bw-muted);font-size:11px;font-weight:500;line-height:1.35} #acct-payment-history-body,#acct-consumption-history-body,#acct-consumption-detail-body{max-width:512px;margin:0 auto;padding:16px 16px 36px!important} .acct-activity-page .acct-tx-card,.acct-tx-page .acct-tx-card,.reservation-card{ border:1px solid var(--bw-line)!important;border-radius:var(--bw-radius-md)!important;background:var(--bw-surface)!important;box-shadow:var(--bw-shadow)!important } .acct-activity-page .acct-pay-history-date,.acct-tx-page .acct-pay-history-date{color:var(--bw-subtle)!important;font-size:11px!important;letter-spacing:.02em!important;text-transform:none!important} .acct-tx-page .acct-tx-icon.is-consumption,.acct-tx-page .acct-tx-icon.is-purchase{background:var(--bw-orange-soft)!important;color:var(--bw-orange)!important} #acct-reservations>div{max-width:512px!important;padding:18px 16px 36px!important} /* Login follows the same warm surface, button height and orange accent. */ #page-login{background:var(--bw-bg)!important} #page-login .login-btn-primary{min-height:54px;border-radius:var(--bw-radius-md)!important} #page-login .login-btn-email{border-color:var(--bw-orange)!important;color:var(--bw-orange)!important} @media(max-width:370px){ .ob-new-screen{padding-left:20px;padding-right:20px}.ob-question-head h1{font-size:28px} .profile-service-card{grid-template-columns:repeat(5,minmax(56px,1fr));overflow-x:auto;justify-content:start} } /* ===== 小红书风互动图标 + 视频叠字可读性 ===== */ #page-home .home-video-scrim{ background: linear-gradient(180deg,rgba(0,0,0,.58) 0%,rgba(0,0,0,.18) 18%,transparent 34%), linear-gradient(0deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.62) 28%,rgba(0,0,0,.18) 52%,transparent 68%)!important; } #page-home .home-video-copy{ z-index:7; padding:10px 2px 4px; background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.28) 35%,rgba(0,0,0,.55) 100%); border-radius:12px; } #page-home .home-example-dish-name{ color:#fff!important; font-size:clamp(20px,5.6vw,24px)!important; font-weight:850!important; line-height:1.22!important; letter-spacing:.01em; text-shadow: 0 1px 2px rgba(0,0,0,.95), 0 2px 10px rgba(0,0,0,.75), 0 0 1px rgba(0,0,0,.9)!important; -webkit-text-stroke:.2px rgba(0,0,0,.25); } #page-home .home-example-summary p{ color:rgba(255,255,255,.92)!important; font-size:12px!important; font-weight:600; text-shadow:0 1px 3px rgba(0,0,0,.85),0 2px 8px rgba(0,0,0,.55)!important; } #page-home .home-restaurant-card{ background:rgba(12,12,12,.82)!important; border-color:rgba(255,255,255,.16)!important; backdrop-filter:blur(18px)!important; -webkit-backdrop-filter:blur(18px)!important; color:#fff!important; } #page-home .home-restaurant-info strong{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.45)} #page-home .home-restaurant-info span{color:rgba(255,255,255,.82)!important} #page-home .home-restaurant-info b{color:#ffb26a!important} #page-home .home-creator-identity strong{ color:#fff!important; text-shadow:0 1px 3px rgba(0,0,0,.8),0 2px 8px rgba(0,0,0,.5); } #page-home .home-creator-identity small{ color:rgba(255,255,255,.88)!important; text-shadow:0 1px 3px rgba(0,0,0,.75); } /* 为什么推荐：加深底板，避免亮视频把字吃掉 */ #page-home .home-example-ai-reason{ background:rgba(10,10,10,.84)!important; border:1px solid rgba(255,255,255,.18)!important; box-shadow:0 10px 28px rgba(0,0,0,.35)!important; backdrop-filter:blur(20px)!important; -webkit-backdrop-filter:blur(20px)!important; color:#fff!important; } #page-home .home-example-ai-reason b, #page-home .home-why-header b, #page-home .home-why-row b{ color:#fff!important; text-shadow:0 1px 2px rgba(0,0,0,.55); } #page-home .home-example-ai-reason small, #page-home .home-why-row small, #page-home .home-why-detail{ display:block!important; max-height:none!important; overflow:visible!important; color:rgba(255,255,255,.86)!important; font-size:10px!important; line-height:1.45!important; opacity:1!important; text-shadow:0 1px 2px rgba(0,0,0,.45); } #page-home .home-why-row>.material-symbols-outlined{ color:#ffd2b0!important; filter:drop-shadow(0 1px 2px rgba(0,0,0,.45)); } /* 抖音风互动：心形赞 + 五角星收藏 */ #page-home .home-example-primary-actions, #page-home.home-questions-visible .home-example-primary-actions{ gap:18px!important; } #page-home .home-example-primary-actions button, .result-video-lightbox-actions button{ width:48px!important; min-height:48px!important; height:48px!important; display:grid!important; place-items:center!important; gap:0!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; color:#fff!important; filter:drop-shadow(0 2px 6px rgba(0,0,0,.65)); } #page-home .home-example-primary-actions small, .result-video-lightbox-actions small{ display:none!important; } #page-home .home-xhs-icon, .result-video-lightbox-actions .home-xhs-icon{ width:34px; height:34px; display:grid; place-items:center; } #page-home .home-xhs-icon svg, .result-video-lightbox-actions .home-xhs-icon svg{ width:32px; height:32px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linejoin:round; stroke-linecap:round; } #page-home .home-xhs-save svg, .result-video-lightbox-actions .home-xhs-save svg{ stroke-width:1.55; } #page-home .home-action-like.is-selected, .result-video-lightbox-actions .home-action-like.is-selected{ color:#fe2c55!important; } #page-home .home-example-save.is-saved, .result-video-lightbox-actions .home-example-save.is-saved{ color:#face15!important; } #page-home .home-action-like.is-selected .home-xhs-icon svg, #page-home .home-example-save.is-saved .home-xhs-icon svg, .result-video-lightbox-actions .home-action-like.is-selected .home-xhs-icon svg, .result-video-lightbox-actions .home-example-save.is-saved .home-xhs-icon svg{ fill:currentColor; stroke:currentColor; stroke-width:1.1; } .result-video-lightbox-footer{ background:linear-gradient(180deg,transparent,rgba(0,0,0,.72))!important; } .result-video-lightbox-title{ color:#fff!important; text-shadow:0 1px 4px rgba(0,0,0,.8),0 2px 10px rgba(0,0,0,.55)!important; font-weight:750!important; } /* 首页语音：取消 + 输入框实时识别 + 结束按钮（无「完成」文案） */ #page-home .home-agent-composer{position:relative} #page-home .home-live-controls{display:none;width:100%;min-width:0;align-items:center;gap:10px} #page-home .home-agent-composer.is-listening{padding:6px 8px!important;gap:8px!important} #page-home .home-agent-composer.is-listening>img, #page-home .home-agent-composer.is-listening>#home-mic-btn{display:none!important} #page-home .home-agent-composer.is-listening>#homeTextInput{ display:block!important; flex:1 1 auto!important; min-width:0!important; order:2; pointer-events:auto!important; } #page-home .home-agent-composer.is-listening .home-live-controls{ display:contents!important; } #page-home .home-live-cancel-btn, #page-home .home-live-pause-btn{ width:40px;min-width:40px;height:40px;flex:0 0 40px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#f3efe9;pointer-events:auto!important;position:relative;z-index:2;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation } #page-home .home-live-cancel-btn{order:1} #page-home .home-live-pause-btn{order:3;margin-left:0} #page-home .home-live-cancel-btn svg{width:22px;height:22px} #page-home .home-live-pause-square{width:12px;height:12px;border-radius:2px;background:currentColor;flex:0 0 12px} #page-home .home-live-pause-label{display:none!important} #page-home .home-live-cancel-btn:active, #page-home .home-live-pause-btn:active, #page-home .home-live-cancel-btn.is-pressed, #page-home .home-live-pause-btn.is-pressed{background:rgba(255,255,255,.18);transform:scale(.95)} #page-home .home-live-wave{display:none!important} #page-home:not(.home-agent-sheet-open) .home-agent-composer.is-listening .home-live-cancel-btn, #page-home:not(.home-agent-sheet-open) .home-agent-composer.is-listening .home-live-pause-btn{background:#f3f3f3;color:#171717} #page-home .home-inline-voice{display:none!important} /* ================================================================ ONBOARDING — dark preference studio v2 ================================================================ */ #page-onboarding.page.active{ --ob-orange:#ff542f; --ob-red:#ed242c; --ob-panel:rgba(25,25,25,.86); --ob-border:rgba(255,255,255,.12); position:relative!important; display:flex!important; flex-direction:column!important; isolation:isolate; overflow:hidden!important; min-height:100vh; min-height:100dvh; background:#090b0d!important; color:#f8f5f1!important; font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif; } #page-onboarding .ob-atmosphere{ position:absolute; inset:0; z-index:-2; pointer-events:none; background-image:linear-gradient(180deg,rgba(6,8,9,.42),rgba(6,8,9,.86) 42%,#090b0d 88%),url("generated/onboarding/preferences-dark-bg-v1.png"); background-position:center top; background-size:cover; opacity:.58; } #page-onboarding .ob-atmosphere::after{ content:""; position:absolute; inset:0; background:radial-gradient(circle at 86% 12%,rgba(255,92,37,.13),transparent 28%),radial-gradient(circle at 12% 25%,rgba(130,142,67,.08),transparent 27%),linear-gradient(90deg,rgba(0,0,0,.16),transparent 22%,transparent 78%,rgba(0,0,0,.16)); } #page-onboarding.page.active .ob-new-header{ position:relative!important; z-index:5; flex:0 0 auto; height:auto!important; min-height:88px; padding:calc(18px + env(safe-area-inset-top)) 22px 14px!important; display:grid!important; grid-template-columns:48px minmax(0,1fr) 48px; align-items:center; gap:8px; background:linear-gradient(180deg,rgba(7,9,10,.86),rgba(7,9,10,.16))!important; border:0!important; box-shadow:none!important; } #page-onboarding .ob-back{ position:static!important; transform:none!important; opacity:1; visibility:visible; color:#f7f4ef!important; } #page-onboarding .ob-back{ width:44px!important; height:44px!important; display:grid!important; place-items:center; padding:0!important; border:0!important; border-radius:50%!important; background:transparent!important; } #page-onboarding .ob-back:not(.is-visible){opacity:0!important;pointer-events:none} #page-onboarding .ob-back .material-symbols-outlined{font-size:24px} #page-onboarding .ob-skip-top{ display:none!important; } #page-onboarding .ob-progress{ width:100%!important; max-width:260px; justify-self:center; display:flex!important; align-items:center; visibility:visible!important; opacity:1!important; transform:none!important; } #page-onboarding .ob-progress span{ position:relative; z-index:1; flex:0 0 25px; width:25px!important; height:25px!important; display:grid!important; place-items:center; border:1px solid rgba(255,255,255,.08)!important; border-radius:50%; background:#232527!important; color:#8e9193!important; font-size:11px!important; font-weight:700; } #page-onboarding .ob-progress span.is-active, #page-onboarding .ob-progress span.is-complete{ border-color:transparent!important; background:linear-gradient(145deg,#ff6b35,#f1282b)!important; color:#fff!important; box-shadow:0 0 0 4px rgba(255,82,47,.09); } #page-onboarding .ob-progress i{ flex:1; height:2px!important; margin:0!important; background:#26282a!important; } #page-onboarding .ob-progress i.is-complete{background:linear-gradient(90deg,#ef292d,#ff6b35)!important} #page-onboarding.page.active .ob-new-main{ position:relative!important; z-index:1; width:100%; max-width:480px; min-height:0!important; flex:1 1 auto; align-self:center; overflow:hidden!important; background:transparent!important; } #page-onboarding .ob-new-screen{ display:none!important; height:100%!important; min-height:0!important; padding:10px 24px 22px!important; overflow-y:auto!important; overscroll-behavior:contain; scrollbar-width:none; } #page-onboarding .ob-new-screen::-webkit-scrollbar{display:none} #page-onboarding .ob-new-screen.is-active{display:block!important;animation:obFadeUp .3s ease both} @keyframes obFadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} #page-onboarding .ob-question-head{margin:4px 0 18px!important;text-align:left!important} #page-onboarding .ob-question-head h1{ margin:0!important; color:#f7f4ef!important; font-size:clamp(25px,7vw,34px)!important; line-height:1.18!important; letter-spacing:-.025em!important; font-weight:760!important; } #page-onboarding .ob-question-head h1 em{color:var(--ob-orange);font-style:normal} #page-onboarding .ob-question-head>p{ margin:8px 0 0!important; color:#a9a7a3!important; font-size:14px!important; line-height:1.55!important; } #page-onboarding .ob-pref-intro{margin-top:14px!important;margin-bottom:22px!important} #page-onboarding .ob-personalized{ display:flex; gap:7px; align-items:center; margin:0 0 10px!important; color:#d0b694!important; font-size:12px!important; font-weight:700; letter-spacing:.06em; text-transform:uppercase; } #page-onboarding .ob-personalized span:first-child{color:var(--ob-orange);font-size:15px} #page-onboarding .ob-pref-overview{display:grid;gap:12px;padding-bottom:4px} #page-onboarding .ob-pref-card{ width:100%!important; min-height:82px!important; padding:14px 17px!important; display:grid!important; grid-template-columns:38px minmax(0,1fr) 24px; align-items:center; gap:10px; border:1px solid var(--ob-border)!important; border-radius:16px!important; background:linear-gradient(135deg,rgba(32,32,32,.9),rgba(19,20,21,.8))!important; color:#f4f1ed!important; text-align:left!important; box-shadow:0 12px 30px rgba(0,0,0,.12)!important; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); } #page-onboarding .ob-pref-card:active{transform:scale(.99)} #page-onboarding .ob-pref-card>span:first-child{font-size:27px;color:#e78e6e} #page-onboarding .ob-pref-card>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:5px} #page-onboarding .ob-pref-card b{font-size:16px;font-weight:700} #page-onboarding .ob-pref-card small{color:#a9a7a3;font-size:13px} #page-onboarding .ob-pref-card .ob-card-arrow{justify-self:end;font-size:22px;color:#b0aca6;transition:transform .2s ease} #page-onboarding .ob-pref-card.is-open .ob-card-arrow{transform:rotate(90deg)} #page-onboarding .ob-pref-card-accent{background:linear-gradient(135deg,rgba(255,107,74,.18),rgba(19,20,21,.86))!important;border-color:rgba(255,107,74,.28)!important} #page-onboarding .ob-pref-card-accent>span:first-child{color:#ff6b4a} #page-onboarding .ob-inline-panel{ margin-top:-5px; padding:13px; border:1px solid rgba(255,255,255,.09); border-radius:14px; background:rgba(13,14,15,.82); } #page-onboarding .ob-inline-panel[hidden]{display:none!important} #page-onboarding .ob-chip-grid{display:flex;flex-wrap:wrap;gap:8px} #page-onboarding .ob-chip-grid button{ min-height:34px; padding:7px 12px; border:1px solid rgba(255,255,255,.16); border-radius:999px; background:rgba(255,255,255,.04); color:#c7c5c1; font-size:12px; } #page-onboarding .ob-chip-grid button.is-selected{border-color:#ff5b35;background:rgba(255,84,47,.16);color:#fff} #page-onboarding .ob-voucher-card{ position:relative!important; width:100%!important; min-height:76px!important; margin:22px 0 8px!important; padding:14px 16px!important; display:flex!important; align-items:center; gap:12px; border:1px solid rgba(255,107,74,.38)!important; border-radius:15px!important; background:linear-gradient(110deg,rgba(255,107,74,.22),rgba(30,24,21,.78))!important; box-shadow:inset 0 1px rgba(255,255,255,.04)!important; color:#f8f3ed!important; } #page-onboarding .ob-voucher-card::before,#page-onboarding .ob-voucher-card::after{ content:"";position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:#0b0d0f;transform:translateY(-50%) } #page-onboarding .ob-voucher-card::before{left:-7px} #page-onboarding .ob-voucher-card::after{right:-7px} #page-onboarding .ob-voucher-card>.material-symbols-outlined{flex:0 0 auto;font-size:28px;color:#ff6b4a} #page-onboarding .ob-voucher-card p{display:flex;flex-direction:column;gap:4px;margin:0!important;line-height:1.35!important} #page-onboarding .ob-voucher-card strong{font-size:14px;color:#fff} #page-onboarding .ob-voucher-card small{display:block;color:#bdb4ac;font-size:11px} #page-onboarding .ob-voucher-compact{min-height:66px!important;margin-top:18px!important;margin-bottom:12px!important} #page-onboarding .ob-flavor-list{display:grid;gap:10px} #page-onboarding .ob-flavor-card{ display:block; padding:14px 16px 12px; border:1px solid rgba(255,255,255,.055); border-radius:15px; background:linear-gradient(110deg,rgba(29,29,29,.9),rgba(22,23,24,.78)); box-shadow:0 8px 24px rgba(0,0,0,.1); } #page-onboarding .ob-flavor-card>span,#page-onboarding .ob-flavor-card>small{display:flex;align-items:center;justify-content:space-between} #page-onboarding .ob-flavor-card b{color:#e7e3df;font-size:14px} #page-onboarding .ob-flavor-card em{color:#ff7344;font-size:12px;font-style:normal;font-weight:700} #page-onboarding.page.active .ob-flavor-card input[type="range"]{ --ob-range-progress:50%; width:100%; height:20px; margin:8px 0 2px; padding:0!important; appearance:none; -webkit-appearance:none; border:0!important; outline:0; background:linear-gradient(90deg,#f04b2e 0 var(--ob-range-progress),#363839 var(--ob-range-progress) 100%) center/100% 3px no-repeat!important; } #page-onboarding .ob-flavor-card input[type="range"]::-webkit-slider-thumb{ width:20px;height:20px;appearance:none;-webkit-appearance:none;border:3px solid #ff6337;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.35) } #page-onboarding .ob-flavor-card input[type="range"]::-moz-range-thumb{ width:15px;height:15px;border:3px solid #ff6337;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.35) } #page-onboarding .ob-flavor-card>small{color:#777a7b;font-size:10px} #page-onboarding .ob-section-head{margin:3px 2px 12px!important} #page-onboarding .ob-section-head h1{font-size:21px!important} #page-onboarding .ob-section-head>p{margin-top:4px!important;font-size:12px!important} #page-onboarding .ob-scene-head{margin-top:26px!important} #page-onboarding .ob-tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} #page-onboarding .ob-tile-grid button{ position:relative; min-width:0!important; min-height:94px!important; padding:11px 5px!important; display:flex!important; flex-direction:column; align-items:center; justify-content:center; gap:8px; border:1px solid rgba(255,255,255,.17)!important; border-radius:14px!important; background:linear-gradient(145deg,rgba(28,29,30,.82),rgba(16,17,18,.76))!important; color:#aaa9a7!important; text-align:center; } #page-onboarding .ob-tile-grid button .material-symbols-outlined{font-size:25px;color:#aaa9a7} #page-onboarding .ob-tile-grid button b{font-size:12px;line-height:1.2;font-weight:650} #page-onboarding .ob-tile-grid button.is-selected{border-color:#ff522f!important;background:linear-gradient(145deg,rgba(68,31,25,.76),rgba(26,21,21,.88))!important;color:#fff!important} #page-onboarding .ob-tile-grid button.is-selected .material-symbols-outlined{color:#ff6b3d} #page-onboarding .ob-tile-grid button.is-selected::after{ content:"✓";position:absolute;top:7px;right:7px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#ff4e2d;color:#fff;font-size:11px;font-weight:900 } #page-onboarding.page.active .ob-new-footer{ position:relative!important; z-index:5; flex:0 0 auto; width:100%; max-width:480px; min-height:auto!important; margin:0 auto; padding:12px 24px calc(12px + env(safe-area-inset-bottom))!important; display:flex!important; flex-direction:column; gap:7px; background:linear-gradient(180deg,rgba(9,11,13,0),#090b0d 23%)!important; border:0!important; box-shadow:none!important; } #page-onboarding .ob-new-footer>#onboarding-cta{ width:100%!important; min-height:54px!important; margin:0!important; padding:0 23px!important; display:flex!important; align-items:center; justify-content:center; gap:8px; border:0!important; border-radius:999px!important; background:linear-gradient(110deg,#f04720,#ef1e2e)!important; color:#fff!important; font-size:16px!important; font-weight:750!important; box-shadow:0 12px 30px rgba(221,38,34,.18)!important; } #page-onboarding .ob-new-footer>#onboarding-cta .material-symbols-outlined{font-size:19px} #page-onboarding .ob-skip-bottom{ min-height:32px!important; border:0!important; background:transparent!important; color:#8f8d8a!important; font-size:12px!important; } @media (max-height:700px){ #page-onboarding.page.active .ob-new-header{min-height:76px;padding-top:calc(10px + env(safe-area-inset-top))!important;padding-bottom:8px!important} #page-onboarding .ob-new-screen{padding-top:4px!important} #page-onboarding .ob-pref-card{min-height:70px!important} #page-onboarding .ob-flavor-card{padding-top:10px;padding-bottom:8px} #page-onboarding .ob-tile-grid button{min-height:84px!important} } @media (min-width:700px){ #page-onboarding.page.active{background:#050607!important} #page-onboarding.page.active::before{content:"";position:absolute;inset:0;z-index:-3;background:radial-gradient(circle at center top,rgba(103,46,29,.22),transparent 58%)} #page-onboarding.page.active .ob-new-header,#page-onboarding.page.active .ob-new-main,#page-onboarding.page.active .ob-new-footer{width:min(100%,480px);margin-inline:auto} } @media (prefers-reduced-motion:reduce){#page-onboarding .ob-new-screen.is-active{animation:none}} /* 膨胀券：品牌橙，放在创作者信息下方，避免遮挡 */ #page-home .home-video-offer{ top:138px!important; left:16px!important; z-index:6; display:inline-flex; align-items:center; gap:6px; min-height:28px; padding:5px 12px; border:0; border-radius:999px; background:#ff6b4a!important; color:#fff!important; box-shadow:0 4px 14px rgba(255,107,74,.28); pointer-events:auto; } #page-home .home-video-offer-mark{display:none!important} #page-home .home-video-offer-text{color:#fff!important;font-size:11px;font-weight:750;white-space:nowrap} #page-home .home-video-offer .material-symbols-outlined{display:inline-block!important;font-size:15px;color:#fff;font-variation-settings:'FILL' 1,'wght' 580} #page-home .home-creator-bar{top:82px;z-index:6} #page-home.home-agent-sheet-open .home-recommendation-unit.is-active .home-video-offer{top:118px!important;transform:scale(.92);transform-origin:left top} #page-home .home-creator-open{min-width:0;display:flex;align-items:center;gap:10px;padding:0;border:0;background:transparent;color:inherit;text-align:left;pointer-events:auto} #page-home .home-creator-open:active{opacity:.86} #page-home .home-creator-follow{pointer-events:auto} .home-creator-backdrop{position:fixed;inset:0;z-index:240;display:none;background:rgba(0,0,0,.46)} .home-creator-backdrop.active{display:block} .home-creator-sheet{position:fixed;left:0;right:0;bottom:0;z-index:241;display:none;max-height:min(72dvh,560px);padding:10px 16px calc(18px + env(safe-area-inset-bottom,0));border-radius:22px 22px 0 0;background:#161616;color:#f5f1eb;overflow:auto;transform:translateY(18px);opacity:0;transition:.22s ease} .home-creator-sheet.active{display:block;opacity:1;transform:none} .home-creator-sheet-handle{width:42px;height:4px;margin:2px auto 14px;border-radius:999px;background:rgba(255,255,255,.18)} .home-creator-sheet-header{display:grid;grid-template-columns:52px 1fr auto 36px;align-items:center;gap:10px} .home-creator-sheet-header img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.7)} .home-creator-sheet-header strong{display:block;font-size:15px} .home-creator-sheet-header small{display:block;margin-top:3px;color:rgba(255,255,255,.62);font-size:11px} .home-creator-sheet-header .home-creator-follow{min-height:32px;padding:0 12px;border:0;border-radius:999px;background:#fff;color:#111;font-size:12px;font-weight:750} .home-creator-sheet-header .home-creator-follow.is-following{background:rgba(255,255,255,.14);color:#fff} .home-creator-sheet-close{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#fff} .home-creator-sheet-meta{margin:14px 0 10px;color:#9a948c;font-size:12px} .home-creator-sheet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .home-creator-sheet-grid button{display:flex;flex-direction:column;gap:6px;padding:0;border:0;border-radius:12px;background:transparent;color:#f3efe9;text-align:left;overflow:hidden} .home-creator-sheet-grid img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px;background:#222} .home-creator-sheet-grid span{padding:0 2px;font-size:11px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .profile-social-bio{display:none!important} /* ===== 首页小屏自适应：避免「为什么推荐」与菜名/餐厅卡重叠 ===== */ #page-home .home-example-ai-reason{ max-height:min(34vh,260px); overflow-y:auto; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; scrollbar-width:none; } #page-home .home-example-ai-reason::-webkit-scrollbar{display:none} @media (max-height:780px){ #page-home .home-creator-bar{top:76px} #page-home .home-video-offer{top:128px!important;max-width:min(210px,calc(100vw - 36px))} #page-home .home-video-copy, #page-home.home-questions-visible .home-video-copy{ left:12px; right:58px; bottom:calc(148px + env(safe-area-inset-bottom,0px)); gap:5px; } #page-home .home-example-ai-reason, #page-home .home-example-ai-reason.is-expanded{ top:max(120px, calc(env(safe-area-inset-top,0px) + 108px))!important; left:12px!important; bottom:auto!important; width:min(220px,calc(100vw - 78px))!important; max-height:min(28vh,210px)!important; height:auto!important; padding:10px!important; gap:6px!important; } #page-home .home-why-header b{font-size:11px} #page-home .home-why-list{gap:6px} #page-home .home-why-row{gap:6px} #page-home .home-why-row>.material-symbols-outlined{font-size:18px} #page-home .home-why-row b{font-size:9.5px} #page-home .home-why-row small{ display:-webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden!important; font-size:8px!important; line-height:1.3!important; } #page-home .home-example-dish-name{font-size:clamp(17px,4.8vw,20px)!important} #page-home .home-example-summary p{font-size:11px!important;margin-top:2px!important} #page-home .home-restaurant-card{min-height:56px;padding:5px 7px} #page-home .home-restaurant-thumb{width:42px;height:42px;flex-basis:42px} #page-home .home-restaurant-reserve{min-height:30px;padding:0 10px;font-size:11px} #page-home .home-example-primary-actions, #page-home.home-questions-visible .home-example-primary-actions{ right:8px; top:48%; transform:translateY(-50%); gap:12px; } #page-home .home-context-questions button{max-width:70vw;height:32px;padding:0 12px;font-size:11px} #page-home .home-bottom-area{left:10px;right:10px;bottom:calc(64px + env(safe-area-inset-bottom,0))} } @media (max-height:700px){ #page-home .home-video-copy, #page-home.home-questions-visible .home-video-copy{ bottom:calc(138px + env(safe-area-inset-bottom,0px)); } #page-home .home-example-ai-reason, #page-home .home-example-ai-reason.is-expanded{ top:max(112px, calc(env(safe-area-inset-top,0px) + 100px))!important; bottom:auto!important; max-height:min(24vh,180px)!important; width:min(200px,calc(100vw - 72px))!important; } #page-home .home-why-row:nth-child(n+4){display:none} #page-home .home-creator-bar{transform:scale(.9);transform-origin:left top} #page-home .home-video-offer{transform:scale(.92);transform-origin:left top} } @media (max-height:640px){ #page-home .home-example-ai-reason{ max-height:18vh!important; padding:8px 9px!important; } #page-home .home-why-row:nth-child(n+3){display:none} #page-home .home-example-summary p{display:none} #page-home .home-restaurant-info span:last-child{display:none} } @media (max-width:380px){ #page-home .home-example-ai-reason{width:min(178px,calc(100vw - 68px))!important} #page-home .home-video-copy, #page-home.home-questions-visible .home-video-copy{right:52px} #page-home .home-restaurant-info strong{font-size:12px} #page-home .home-context-questions{gap:6px} #page-home .home-context-questions button{max-width:66vw;font-size:10.5px} } @media (max-width:360px) and (max-height:700px){ #page-home .home-example-ai-reason{ left:10px!important; width:min(160px,calc(100vw - 62px))!important; } #page-home .home-creator-identity small{font-size:9px} } /* ===== 社交风轻量配色：参考小红书 / 抖音 ===== */ :root{ --bw-orange:#ff6b4a; --bw-orange-press:#f25a3c; --bw-orange-soft:#fff2ef; --bw-ivory:#ffffff; --bw-paper:#ffffff; --bw-page-soft:#f7f8fa; --bw-ink:#161823; --bw-copy:#73747b; --bw-hairline:#f0f0f0; --bw-green:#ff6b4a; --dark-orange:#ff6b4a; --dark-green:#ff6b4a; --bw-bg:#ffffff; --bw-surface:#ffffff; --bw-surface-soft:#f7f8fa; --bw-muted:#73747b; --bw-subtle:#a2a3aa; --bw-line:#f0f0f0; --bw-shadow:0 2px 10px rgba(22,24,35,.04); } /* 页面：干净白底 + 冷灰分割，避免奶油暖色 */ body:not(.home-page-active), html:not(.home-page-active), #page-settings, #acct-main, body .page:not(#page-home), body .acct-sub-page, body .chat-detail-sheet, body .bottom-sheet{ background:#fff!important; color:var(--bw-ink)!important; } body[data-app-tab=benefits] .app-tabbar, body[data-app-tab=profile] .app-tabbar, body[data-app-tab=saved] .app-tabbar{ background:rgba(255,255,255,.98)!important; border-color:#f0f0f0!important; color:#8a8b92!important; box-shadow:0 -1px 0 rgba(22,24,35,.04)!important; } .app-tabbar-item.is-active, body[data-app-tab=home] .app-tabbar-item.is-active{ color:#ff6b4a!important; } /* 权益：白底 + 轻珊瑚橙按钮（扁平、无色光） */ body[data-app-tab=benefits], body[data-app-tab=benefits] #dining-credits-mount, #dining-credits-mount:has(>.page.active), #dining-credits-mount:has(#page-dining-credits.active), #dining-credits-mount:has(#page-dining-my-credits.active), #page-dining-credits, #page-dining-my-credits, #page-dining-credits>header, #page-dining-credits .dc-main, #page-dining-my-credits .dc-my-shell{ background:#fff!important; color:#161823!important; } #page-dining-credits, #page-dining-my-credits{ --dc-brand:#ff6b4a!important; --dc-brand-light:#fff2ef!important; --dc-bg-base:#fff!important; --dc-bg-surface:#fff!important; --dc-border:#f0f0f0!important; --dc-text-primary:#161823!important; --dc-text-secondary:#73747b!important; --dc-text-tertiary:#a2a3aa!important; --dc-success:#ff6b4a!important; --dc-perk-green:#ff6b4a!important; --dc-perk-green-bg:#fff2ef!important; } #page-dining-credits .dc-header-title{color:#ff6b4a!important;font-weight:700!important;letter-spacing:.04em} #page-dining-credits .dc-hero-title{color:#161823!important;font-weight:750!important} #page-dining-credits .dc-credit-card{ border:1px solid #f0f0f0!important; background:#fff!important; box-shadow:none!important; } #page-dining-credits .dc-credit-card.is-selected{ border:1.5px solid #ff6b4a!important; background:#fff8f6!important; box-shadow:none!important; } #page-dining-credits .dc-credit-price{ background:#fff2ef!important; color:#ff6b4a!important; font-weight:700!important; } #page-dining-credits .dc-credit-max{color:#ff6b4a!important} #page-dining-credits .dc-partners-section, #page-dining-credits .dc-terms-section{ background:#f7f8fa!important; border:0!important; } body[data-app-tab=benefits] #page-dining-credits .dc-bottom-bar{ background:rgba(255,255,255,.98)!important; border-color:#f0f0f0!important; box-shadow:none!important; } /* 主按钮：轻珊瑚、扁平、中等字重 */ #page-dining-credits .dc-bottom-bar .dc-buy-btn, #page-dining-credits .dc-btn-primary, .dc-btn-primary, .ob-new-footer>button:first-child, #acct-dietary .acct-dietary-save, #acct-allergies .acct-allergies-save, body .page:not(#page-home) .bg-primary{ background:#ff6b4a!important; color:#fff!important; border-color:transparent!important; box-shadow:none!important; font-weight:600!important; } #page-dining-credits .dc-bottom-bar .dc-buy-btn{ border-radius:10px!important; min-height:44px!important; height:44px!important; } #page-dining-credits .dc-bottom-bar .dc-buy-btn:active, .dc-btn-primary:active, .ob-new-footer>button:first-child:active{ background:#f25a3c!important; opacity:.92; } .ob-progress span.is-active{ background:#ff6b4a!important; border-color:#ff6b4a!important; color:#fff!important; } /* 首页强调：同系轻珊瑚，避免浓橙块 */ #page-home .home-example-ai-mark, #page-home .home-example-ai-reason strong, #page-home .home-why-match strong, #page-home .home-why-match em, #page-home .home-preference-spark, #page-home .home-restaurant-info b, #page-home .home-restaurant-cta, #page-home .home-example-primary-actions .is-selected, #page-home .home-example-primary-actions .is-saved, #page-home .home-agent-sheet-spark, #page-home .home-agent-answer-card>strong{ color:#ff6b4a!important; } #page-home .home-preference-chip{ background:rgba(255,107,74,.16)!important; color:#ffb39f!important; } #page-home .home-restaurant-card em{ background:rgba(255,107,74,.16)!important; color:#ffb39f!important; } #page-home .home-restaurant-reserve, #page-home .home-control-mic, #page-home .home-video-offer, #page-home .home-creator-verified, #page-home .home-agent-next-preview>.material-symbols-outlined{ background:#ff6b4a!important; box-shadow:none!important; } #page-home .home-video-offer{ border:0!important; color:#fff!important; font-weight:650!important; } #page-home .home-creator-follow{background:#fff!important;color:#161823!important;font-weight:650!important} #page-home .home-restaurant-reserve{font-weight:600!important;box-shadow:none!important} /* 引导页白底 + 轻按钮 */ #page-onboarding.page.active, #page-onboarding.page.active .ob-new-main, #page-onboarding.page.active .ob-new-header{ background:#fff!important; } #page-onboarding .ob-new-footer{ background:linear-gradient(180deg,rgba(255,255,255,.15),#fff 30%)!important; } .ob-personalized{background:#fff2ef!important;color:#ff6b4a!important} .ob-welcome-copy h1 em,.ob-question-head h1 em{color:#ff6b4a!important} .ob-choice-grid button.is-selected{border-color:#ff6b4a!important;background:#fff2ef!important} .ob-choice-grid button.is-selected .material-symbols-outlined, .ob-choice-grid button.is-selected:after{color:#fff} .ob-choice-grid button.is-selected:after{background:#ff6b4a!important} .ob-use-note{background:#fff2ef!important} .ob-use-note span,.ob-voucher-card strong,.ob-voucher-card>.material-symbols-outlined{color:#ff6b4a!important} /* 我的：黑卡点缀 + 轻橙文字，避免满屏重色 */ .acct-balance-card{background:linear-gradient(135deg,#1c1c1f,#111114)!important;border-color:transparent!important} .acct-balance-card .material-symbols-outlined, .acct-balance-card .acct-credits-row-amount, .acct-balance-card #acct-credits-buy-cta, .profile-service-card .material-symbols-outlined, .acct-profile-hero .text-primary, #acct-main .acct-row .text-primary, #acct-main>main>button[onclick="handleSignOut()"], .profile-settings-signout, .profile-settings-group button>.material-symbols-outlined:first-child{ color:#ff6b4a!important; } .profile-content-tabs button.is-active:after{background:#ff6b4a!important} /* ===== Agent 视频播放器：按参考图定位 ===== */ .result-video-lightbox[data-source="agent"] .result-video-lightbox-top{ padding:max(10px,env(safe-area-inset-top)) 12px 0; z-index:8; } .result-video-lightbox[data-source="agent"] .result-video-lightbox-back-chat{ min-width:44px; min-height:44px; padding:6px 8px; border:0; border-radius:0; background:transparent; color:#fff; font-size:0; line-height:0; text-shadow:0 1px 6px rgba(0,0,0,.45); backdrop-filter:none; -webkit-backdrop-filter:none; display:inline-flex; align-items:center; justify-content:flex-start; } .result-video-lightbox[data-source="agent"] .result-video-lightbox-back-chat:before{ content:"‹"; margin:0; font-size:36px; line-height:1; font-weight:300; vertical-align:middle; } /* 右上：为什么推荐（与首页一致） */ .result-video-lightbox-why{ position:absolute; z-index:12; left:auto; right:10px; top:calc(env(safe-area-inset-top,0px) + 58px); width:fit-content; max-width:min(168px,calc(100vw - 72px)); pointer-events:auto; } .result-video-lightbox-why[hidden]{display:none!important} .result-video-lightbox-why .result-video-why-card{ display:flex; flex-direction:column; gap:10px; padding:12px 12px 13px; border:1px solid rgba(255,255,255,.12); border-radius:16px; background:rgba(10,10,10,.48); color:#fff; backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); box-shadow:0 8px 24px rgba(0,0,0,.18); } .result-video-lightbox-why .home-why-header{ width:100%; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:0; border:0; background:transparent; color:#fff; text-align:left; } .result-video-lightbox-why .home-why-header b{ display:inline-flex; align-items:center; gap:4px; color:#fff; font-size:13px; font-weight:750; } .result-video-lightbox-why .home-why-toggle{ font-size:20px; color:rgba(255,255,255,.8); transition:transform .18s ease; transform:none; } /* 折叠时箭头向下；展开后向上 */ .result-video-lightbox-why.is-collapsed .home-why-toggle{transform:none} .result-video-lightbox-why:not(.is-collapsed) .home-why-toggle{transform:rotate(180deg)} .result-video-lightbox-why.is-collapsed .home-why-list{display:none} .result-video-lightbox-why.is-collapsed .result-video-why-card{ gap:0; padding:8px 12px; border-radius:999px; width:max-content; max-width:100%; } .result-video-lightbox-why .home-why-list{display:flex;flex-direction:column;gap:10px} .result-video-lightbox-why .home-why-row{ display:grid; grid-template-columns:22px minmax(0,1fr); gap:8px; align-items:start; } .result-video-lightbox-why .home-why-row>.material-symbols-outlined{ margin-top:1px; font-size:18px; color:#d8b4a0; font-variation-settings:'wght' 350,'FILL' 0; } .result-video-lightbox-why .home-why-row b{ display:block; color:#fff; font-size:12px; font-weight:700; line-height:1.25; } .result-video-lightbox-why .home-why-row small{ display:block; margin-top:2px; color:rgba(255,255,255,.72); font-size:11px; line-height:1.35; } /* 右侧：点赞 / 收藏（无分享、无文案） */ .result-video-lightbox[data-source="agent"] .result-video-lightbox-actions{ right:8px; top:auto; bottom:calc(168px + env(safe-area-inset-bottom,0px)); transform:none; gap:18px; z-index:7; } .result-video-lightbox[data-source="agent"] .result-video-lightbox-actions button{ width:48px!important; min-height:48px!important; height:48px!important; display:grid!important; place-items:center!important; gap:0!important; padding:0!important; color:#fff!important; filter:drop-shadow(0 2px 6px rgba(0,0,0,.55)); } .result-video-lightbox[data-source="agent"] .result-video-lightbox-actions small, .result-video-lightbox[data-source="agent"] .result-video-share{ display:none!important; } /* 看满约 2 秒后再动态展示推荐理由 + 餐厅信息 */ .result-video-lightbox[data-source="agent"] .result-video-lightbox-why, .result-video-lightbox[data-source="agent"] .result-video-lightbox-title, .result-video-lightbox[data-source="agent"] .result-video-lightbox-meta, .result-video-lightbox[data-source="agent"] .result-video-lightbox-restaurant{ opacity:0; transform:translateY(12px); pointer-events:none; transition:opacity .32s ease, transform .32s ease; } .result-video-lightbox[data-source="agent"].is-reveal-details .result-video-lightbox-why, .result-video-lightbox[data-source="agent"].is-reveal-details .result-video-lightbox-title, .result-video-lightbox[data-source="agent"].is-reveal-details .result-video-lightbox-meta, .result-video-lightbox[data-source="agent"].is-reveal-details .result-video-lightbox-restaurant{ opacity:1; transform:none; pointer-events:auto; } .result-video-lightbox[data-source="agent"].is-reveal-details .result-video-lightbox-restaurant{ transition-delay:.06s; } /* 底部：菜名 + 场景 · 菜系 + 餐厅卡 */ .result-video-lightbox[data-source="agent"] .result-video-lightbox-footer{ left:0; right:0; bottom:0; z-index:5; display:flex; flex-direction:column; align-items:stretch; gap:6px; padding:56px 64px max(14px,calc(env(safe-area-inset-bottom,0px) + 10px)) 14px; background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.2) 34%,rgba(0,0,0,.78) 100%); pointer-events:none; text-align:left; } .result-video-lightbox[data-source="agent"] .result-video-lightbox-footer > *{pointer-events:auto} .result-video-lightbox[data-source="agent"] .result-video-lightbox-title{ order:1; margin:0; max-width:100%; color:#fff; font-size:clamp(20px,5.6vw,24px); font-weight:800; line-height:1.18; letter-spacing:-.02em; text-shadow:0 2px 12px rgba(0,0,0,.5); } .result-video-lightbox-meta{ order:2; margin:0; color:rgba(255,255,255,.82); font-size:13px; line-height:1.35; text-shadow:0 1px 8px rgba(0,0,0,.4); } .result-video-lightbox-meta[hidden]{display:none!important} .result-video-lightbox-restaurant{ order:3; display:flex; align-items:center; gap:10px; min-height:58px; margin-top:4px; padding:7px 8px 7px 7px; border:1px solid rgba(255,255,255,.1); border-radius:14px; background:rgba(14,14,14,.58); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); } .result-video-lightbox-restaurant[hidden]{display:none!important} .result-video-lightbox-restaurant-thumb{ width:44px; height:44px; flex:0 0 44px; overflow:hidden; border-radius:10px; background:#222; } .result-video-lightbox-restaurant-thumb img{width:100%;height:100%;object-fit:cover} .result-video-lightbox-restaurant-copy{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; } .result-video-lightbox-restaurant-copy strong{ overflow:hidden; color:#fff; font-size:14px; font-weight:750; text-overflow:ellipsis; white-space:nowrap; } .result-video-lightbox-restaurant-copy small{ overflow:hidden; color:rgba(255,255,255,.72); font-size:11px; text-overflow:ellipsis; white-space:nowrap; } .result-video-lightbox-reserve{ flex:0 0 auto; min-height:34px; display:inline-flex; align-items:center; gap:4px; padding:0 13px; border:0; border-radius:999px; background:#ff6b4a; color:#fff; font-size:12px; font-weight:650; box-shadow:none; } .result-video-lightbox-reserve .material-symbols-outlined{font-size:16px} .result-video-lightbox[data-source="agent"] .ai-precision-feed-hint{ bottom:calc(176px + env(safe-area-inset-bottom,0px)); } @media (max-height:740px){ .result-video-lightbox-why{width:min(188px,52vw)} .result-video-lightbox[data-source="agent"] .result-video-lightbox-actions{ bottom:calc(150px + env(safe-area-inset-bottom,0px)); } } @media (max-height:680px){ .result-video-lightbox-why .home-why-row:nth-child(n+4){display:none} .result-video-lightbox[data-source="agent"] .result-video-lightbox-title{font-size:18px} } /* Browse chips: always clickable above muted parents */ #page-home:not(.home-agent-sheet-open) .home-context-questions.is-ready, #page-home:not(.home-agent-sheet-open) .is-questions-ready .home-context-questions{ opacity:1!important;transform:none!important;pointer-events:auto!important;display:flex!important;z-index:30 } #page-home:not(.home-agent-sheet-open) .is-questions-ready .home-context-questions button{ pointer-events:auto!important;position:relative;z-index:31 } #page-home:not(.home-agent-sheet-open) .home-control-panel.is-questions-ready{ pointer-events:none } #page-home:not(.home-agent-sheet-open) .home-control-panel.is-questions-ready .home-context-questions, #page-home:not(.home-agent-sheet-open) .home-control-panel.is-questions-ready .home-agent-composer{ pointer-events:auto } #page-home .home-agent-post-actions{ display:flex!important;flex-wrap:wrap;gap:8px;margin:12px 0 4px;padding:0;position:relative;z-index:5 } #page-home .home-example-video-pause, #page-home .home-example-video-button.is-pause-flash .home-example-video-pause{display:none!important;opacity:0!important} /* 首页右侧赞过/收藏：靠下，贴近餐厅卡上方（不要垂直居中） */ #page-home .home-example-primary-actions, #page-home.home-questions-visible .home-example-primary-actions{ position:absolute!important; z-index:18!important; right:10px!important; top:auto!important; bottom:calc(168px + env(safe-area-inset-bottom,0px))!important; transform:none!important; display:flex!important; flex-direction:column!important; align-items:center!important; gap:16px!important; pointer-events:auto!important; opacity:1!important; } #page-home.home-questions-visible .home-example-primary-actions{ bottom:calc(210px + env(safe-area-inset-bottom,0px))!important; } #page-home .home-example-primary-actions button{ width:52px!important; min-height:56px!important; height:auto!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:2px!important; color:#fff!important; filter:drop-shadow(0 2px 8px rgba(0,0,0,.75))!important; } #page-home .home-example-primary-actions small{ display:none!important; } #page-home .home-xhs-icon svg{ fill:none; stroke:#fff; stroke-width:1.8; } #page-home .home-action-like.is-selected, #page-home .home-example-save.is-saved{ color:#fe2c55!important; } #page-home .home-example-save.is-saved{ color:#face15!important; } #page-home .home-action-like.is-selected .home-xhs-icon svg, #page-home .home-example-save.is-saved .home-xhs-icon svg{ fill:currentColor; stroke:currentColor; } #page-settings .profile-content-tabs{ grid-template-columns:1fr 1fr!important; } /* 浏览器适配：铺满布局视口、禁止整页上滑白边、保证底栏/预订可点 */ :root{ --bw-app-height:100dvh; --home-viewport-height:100dvh; --home-viewport-top:0px; } html,body{ width:100%; height:100%; height:var(--bw-app-height,100dvh); max-height:var(--bw-app-height,100dvh); overflow:hidden!important; overscroll-behavior:none!important; touch-action:manipulation; } html.home-page-active, body.home-page-active, body.app-main-tab-active{ background:#000!important; } #page-home.page.active{ top:0!important; right:0!important; bottom:0!important; left:0!important; width:100%!important; height:auto!important; max-height:none!important; overflow:hidden!important; } body.bw-keyboard-open #page-home.page.active, body.home-inline-keyboard-open #page-home.page.active{ bottom:auto!important; height:var(--home-viewport-height,var(--bw-app-height,100dvh))!important; max-height:var(--home-viewport-height,var(--bw-app-height,100dvh))!important; } #page-settings.page.active, #page-dining-credits.page.active, #page-dining-my-credits.page.active, #page-onboarding.page.active{ position:fixed!important; top:0!important; right:0!important; bottom:0!important; left:0!important; width:100%!important; height:auto!important; max-height:none!important; overflow:hidden!important; } #page-settings.page.active #acct-main, #page-dining-credits.page.active .dc-main, #page-dining-my-credits.page.active .dc-my-shell{ height:100%; max-height:100%; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; touch-action:pan-y; } body>.app-tabbar, .app-tabbar{ position:fixed!important; bottom:0!important; z-index:500!important; pointer-events:auto!important; transform:translateZ(0); } .app-tabbar-item{ pointer-events:auto!important; touch-action:manipulation; -webkit-tap-highlight-color:transparent; } #page-home .home-example-video-button{z-index:1} #page-home .home-video-copy{ z-index:8!important; pointer-events:none; } #page-home .home-video-copy .home-restaurant-card, #page-home .home-video-copy button{ pointer-events:auto!important; position:relative; z-index:9; touch-action:manipulation; -webkit-tap-highlight-color:transparent; } #page-home .home-bottom-area{ z-index:30!important; } #page-home .home-context-questions, #page-home .home-agent-composer{ pointer-events:auto!important; position:relative; z-index:31; } #page-home .home-context-questions button, #page-home .home-restaurant-reserve{ pointer-events:auto!important; touch-action:manipulation; -webkit-tap-highlight-color:transparent; } #page-home .home-example-primary-actions{ z-index:10!important; pointer-events:auto!important; } @media (min-width:768px){ .app-tabbar{ width:430px; left:50%; right:auto; transform:translateX(-50%); } #page-home.page.active, #page-settings.page.active, #page-dining-credits.page.active, #page-dining-my-credits.page.active, #page-onboarding.page.active{ left:50%!important; right:auto!important; width:min(430px,100vw)!important; transform:translateX(-50%); } }