/* Independent branding layer: official applications remain updateable. */
:root{--four-canvas:#fff9fa;--four-paper:#fff;--four-soft:#fff0f2;--four-ink:#242b35;--four-muted:#72636c;--four-line:#ead9df;--four-accent:#a93d53;--four-hover:#8e2940;--four-shadow:0 14px 45px #79374b0b;--four-display:STSong,SimSun,'Songti SC',serif}
html.dark,html[data-theme=dark]{--four-canvas:#19161b;--four-paper:#242026;--four-soft:#33262e;--four-ink:#f5edf0;--four-muted:#c4b4bd;--four-line:#493640;--four-accent:#edacbc;--four-hover:#f7cad5;--four-shadow:0 14px 45px #0002}
html.four-main{--bg-primary:var(--four-canvas);--bg-secondary:var(--four-soft);--bg-card:var(--four-paper);--bg-modal:var(--four-paper);--bg-input:var(--four-paper);--bg-surface:var(--four-paper);--accent:var(--four-accent);--accent-primary:var(--four-accent);--accent-secondary:var(--four-hover);--accent-light:var(--four-soft);--accent-glow:#a93d5312;--text-primary:var(--four-ink);--text-secondary:var(--four-muted);--text-muted:var(--four-muted);--border:var(--four-line);--font-display:var(--four-display);--font-body:'Microsoft YaHei','PingFang SC',system-ui,sans-serif}
html.four-main body{background:var(--four-canvas)!important;color:var(--four-ink)}
.four-main #app.storefront-next{--next-canvas:var(--four-canvas);--next-surface:var(--four-paper);--next-surface-raised:var(--four-soft);--next-surface-deep:var(--four-paper);--next-ink:var(--four-ink);--next-muted:var(--four-muted);--next-faint:var(--four-muted);--next-line:var(--four-line);--next-line-strong:var(--four-line);--next-teal:var(--four-accent);--next-teal-soft:var(--four-soft);--next-lilac:#876573;--next-lilac-soft:var(--four-soft);--next-coral:var(--four-accent);--next-coral-soft:var(--four-soft);--next-shadow:var(--four-shadow);background:var(--four-canvas)!important;color:var(--four-ink)}
.four-main .shop-nav{background:var(--four-paper)!important;border-color:var(--four-line)!important;box-shadow:none!important}
.four-main #nav-brand{display:flex;align-items:center;gap:10px;color:var(--four-ink)}
.four-main #nav-brand img{width:34px;height:34px;object-fit:cover;border-radius:50%}
.four-main #app.storefront-next .storefront-hero{background:var(--four-paper)!important;border-color:var(--four-line)!important;box-shadow:var(--four-shadow)!important;border-radius:22px!important;margin-top:28px}
.four-main #app.storefront-next .storefront-hero h1{font-family:var(--four-display)!important;font-weight:600;letter-spacing:.015em;line-height:1.25}
.four-main #app.storefront-next .storefront-hero-panel{background:var(--four-soft)!important;border-color:var(--four-line)!important;box-shadow:none!important}
.four-main #app.storefront-next .hero-scope{background:var(--four-paper)!important;border-color:var(--four-line)!important}
.four-main #app.storefront-next .hero-scope::before{background:url('/_four-apartment/sakura-logo.webp') center/contain no-repeat!important;inset:15%!important;opacity:.15!important;border:0!important;transform:none!important}
.four-main #app.storefront-next .hero-scope::after{display:none!important}
.four-main #app.storefront-next .product-card{border-color:var(--four-line)!important;box-shadow:none!important;border-radius:16px!important}
.four-main #app.storefront-next .product-card:hover{box-shadow:var(--four-shadow)!important;border-color:var(--four-accent)!important}
.four-main .btn-primary,.four-main #app.storefront-next .next-button-primary,.four-main .cart-fab{background:var(--four-accent)!important;color:var(--four-canvas)!important;border-color:var(--four-accent)!important}
.four-main .nav-link.active{color:var(--four-accent)!important;background:var(--four-soft)!important;box-shadow:inset 0 -2px var(--four-accent)!important}
.four-services,nav[aria-label="四公寓服务"]{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 24px;padding:12px 20px!important;border-bottom:1px solid var(--four-line);background:var(--four-paper);font:13px/1.6 'Microsoft YaHei',system-ui,sans-serif;color:var(--four-muted)}
.four-services a,nav[aria-label="四公寓服务"] a{color:var(--four-muted)!important;text-decoration:none!important;padding:5px 0;white-space:nowrap}
.four-services a:hover,nav[aria-label="四公寓服务"] a:hover{color:var(--four-accent)!important;text-decoration:underline!important;text-underline-offset:5px}
.four-services a:last-child,nav[aria-label="四公寓服务"] a:last-child{color:var(--four-accent)!important}
.four-relay body,.four-relay #app>.min-h-screen,.four-relay #app>.relative.min-h-screen{background:var(--four-canvas)!important;color:var(--four-ink)}
.four-relay .bg-gray-50,.four-relay .bg-gray-100{background-color:var(--four-canvas)!important}
.four-relay .bg-white{background-color:var(--four-paper)!important}
.four-relay .border-gray-100,.four-relay .border-gray-200{border-color:var(--four-line)!important}
.four-relay .text-primary-500,.four-relay .text-primary-600,.four-relay .text-primary-700{color:var(--four-accent)!important}
.four-relay .bg-primary-50,.four-relay .bg-primary-100{background-color:var(--four-soft)!important}
.four-relay .bg-primary-500,.four-relay .bg-primary-600,.four-relay .btn-primary{background:var(--four-accent)!important;color:var(--four-canvas)!important;border-color:var(--four-accent)!important}
.four-relay .border-primary-500{border-color:var(--four-accent)!important}
.four-relay.four-home #app>div>.pointer-events-none{display:none}
.four-relay.four-home h1{font-family:var(--four-display)!important;font-weight:600!important;letter-spacing:.02em;line-height:1.25}
.four-relay.four-home header{border-bottom:1px solid var(--four-line);background:var(--four-paper)}
.four-relay.four-home header img{border-radius:50%}
.four-relay.four-home header .shadow-md{box-shadow:none!important;overflow:visible}
.four-relay.four-home main .group.rounded-2xl{background:var(--four-paper)!important;border-color:var(--four-line)!important;box-shadow:none!important}
.four-relay.four-home main .bg-gradient-to-r,.four-relay.four-home main .bg-gradient-to-br{background:var(--four-accent)!important;box-shadow:none!important}
.four-relay.four-home .terminal-container{background:var(--four-soft)!important;border-color:var(--four-line)!important;box-shadow:none!important;transform:none!important}
.four-relay.four-home .terminal-header{background:var(--four-paper)!important;border-color:var(--four-line)!important}
.four-relay.four-home .terminal-body{background:var(--four-soft)!important}
.four-relay.four-home .terminal-title{color:var(--four-muted)!important}
.four-relay.four-home .code-comment,.four-relay.four-home .code-flag{color:var(--four-muted)!important}
.four-relay.four-home .code-cmd,.four-relay.four-home .code-url,.four-relay.four-home .code-prompt,.four-relay.four-home .code-response{color:var(--four-accent)!important}
.four-relay.four-home .terminal-container::before{content:'';display:block;width:116px;height:116px;margin:0 auto 22px;background:url('/_four-apartment/sakura-logo.webp') center/cover;border-radius:50%;border:6px solid var(--four-paper);box-shadow:0 0 0 1px var(--four-line)}
.four-relay.four-home .terminal-container{transform:none!important}
.four-relay.four-home main{padding-top:48px}
.four-relay.four-home .text-gray-900,.four-relay.four-home .text-gray-700{color:var(--four-ink)!important}
.four-relay.four-home .text-gray-600,.four-relay.four-home .text-gray-500{color:var(--four-muted)!important}
.four-relay.dark .bg-gray-50,.four-relay.dark .bg-gray-100{background-color:var(--four-canvas)!important}
.four-relay.dark .bg-white{background-color:var(--four-paper)!important}
.four-main :focus-visible,.four-relay :focus-visible{outline:2px solid var(--four-accent);outline-offset:3px}
@media(max-width:640px){.four-services,nav[aria-label="四公寓服务"]{gap:5px 16px;font-size:12px;padding:10px 12px!important}.four-main #app.storefront-next .storefront-hero{margin-top:14px;border-radius:16px!important}.four-relay.four-home main{padding-top:32px}.four-relay.four-home h1{font-size:34px!important}.four-relay.four-home .terminal-container::before{width:86px;height:86px}}
@media(prefers-reduced-motion:reduce){.four-main *,.four-relay *{scroll-behavior:auto!important}}

.four-main #app.storefront-next .storefront-hero{padding:40px!important;gap:42px!important}
.four-main #app.storefront-next .storefront-hero h1{font-size:clamp(30px,3.1vw,46px)!important;max-width:650px;text-wrap:balance}
.four-main #nav-brand::before{display:none!important}
.four-relay.four-home .terminal-window{background:var(--four-paper)!important;border-color:var(--four-line)!important;box-shadow:var(--four-shadow)!important;transform:none!important}
.four-relay.four-home .terminal-container{background:transparent!important;border:0!important}
.four-relay.four-home [class*="border-primary-"]{border-color:var(--four-line)!important}
@media(max-width:640px){.four-main #app.storefront-next .storefront-hero{padding:22px!important;gap:24px!important}.four-main #app.storefront-next .storefront-hero h1{font-size:32px!important}}

@media(max-width:760px){
.four-main #app.storefront-next .shop-nav{position:relative!important;height:auto!important;max-height:none!important;overflow:visible!important;background:var(--four-paper)!important}
.four-main #app.storefront-next .nav-inner{display:grid!important;grid-template-columns:minmax(0,1fr) 32px auto!important;gap:10px 8px!important;padding:12px 0!important;height:auto!important}
.four-main #app.storefront-next .nav-brand-lockup{grid-column:1;grid-row:1}
.four-main #app.storefront-next .theme-toggle{grid-column:2;grid-row:1}
.four-main #app.storefront-next .nav-auth,.four-main #app.storefront-next .nav-user{grid-column:3;grid-row:1;padding:0!important}
.four-main #app.storefront-next .nav-links{position:static!important;grid-column:1/-1!important;grid-row:2!important;height:auto!important;max-height:none!important;min-height:0!important;overflow-x:auto!important;overflow-y:hidden!important;flex-wrap:nowrap!important;padding:8px 0 0!important;transform:none!important;clip-path:none!important}
.four-main #app.storefront-next .nav-link{min-height:36px!important}
.four-main #app.storefront-next .nav-brand{font-size:12px!important;white-space:normal}
}
.four-main[data-theme=dark] #app.storefront-next .next-button-gateway{background:var(--four-soft)!important;color:var(--four-ink)!important}
.four-main[data-theme=dark] #app.storefront-next .next-button-gateway small{color:var(--four-muted)!important}
.four-main[data-theme=dark] #app.storefront-next .next-button:not(.next-button-primary):not(.next-button-gateway){background:var(--four-paper)!important;color:var(--four-ink)!important}
.four-relay.four-home main a[class*="shadow"]{box-shadow:var(--four-shadow)!important}
.four-relay.dark.four-home main a[class*="from-primary-"]{background:var(--four-accent)!important;color:var(--four-canvas)!important}