:root{color-scheme:dark;font-family:system-ui,-apple-system,"Segoe UI","Microsoft JhengHei",sans-serif;color:#fff;--nav-color:#100d0c;--page-color:#2b211d;background:var(--page-color)}
*{box-sizing:border-box}
body{margin:0;min-width:320px;min-height:100vh;position:relative;isolation:isolate;background:radial-gradient(ellipse at 85% 10%,#70503a22,transparent 45%),linear-gradient(120deg,#211916,var(--page-color) 70%);color:#fff}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:url('/index/cookie.png') -100px 22% / 300px auto no-repeat,url('/index/cookie.png') calc(100% + 120px) 85% / 360px auto no-repeat;opacity:.055}
[hidden]{display:none!important}
a{color:#fff;text-decoration:none}
button{font:inherit;color:#fff}
a:focus-visible,button:focus-visible{outline:2px solid #fff;outline-offset:5px}
.site-header,.content,footer{width:min(1120px,calc(100% - 48px));margin-inline:auto}
.site-header{background:linear-gradient(110deg,var(--nav-color),#191311);border:1px solid #b88b5430;border-top:0;border-radius:0 0 16px 16px;padding-inline:20px;box-shadow:0 10px 32px #0003}
.header-top{min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}
.brand-logo{display:block;width:56px;height:56px;flex-shrink:0;border-radius:50%;overflow:hidden;background:#100d0c}
/* Focus the wide source on its central mascot; keep the original PNG unchanged. */
.brand-cookie{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0;transform:scale(2);transform-origin:50% 0}
.brand-name{display:block;font-weight:800;letter-spacing:2px;font-size:20px}
.brand-caption{display:block;margin-top:5px;font-size:13px;letter-spacing:6px}
.account-area{position:relative}
.account-loading{font-size:13px}
.login-actions,.member-area{display:flex;align-items:center;gap:12px}
.login-button{padding:11px 17px;border:1px solid #ffffff30;border-radius:9px;font-size:14px;transition:background .2s}
.login-button:hover,.main-nav a:hover{background:#ffffff0c}
.balance{text-align:right;line-height:1.5;flex-shrink:0;white-space:nowrap}
.balance span{display:block;font-size:12px}
.balance strong{font-size:21px;font-variant-numeric:tabular-nums}
.profile-control{position:relative;flex-shrink:0}
.avatar-button{width:46px;height:46px;padding:0;border:1px solid #ffffff40;border-radius:50%;background:#34291f;cursor:pointer;overflow:hidden;display:grid;place-items:center}
.avatar-button img{width:100%;height:100%;object-fit:cover}
.profile-menu{position:absolute;right:0;top:58px;width:180px;z-index:10;border:1px solid #ffffff26;border-radius:12px;background:#241e18;box-shadow:0 12px 32px #0006;padding:8px}
.profile-menu p{font-size:12px;margin:6px 10px 10px;overflow-wrap:anywhere}
.profile-menu a{display:block;padding:11px 10px;border-radius:6px;font-size:14px}
.profile-menu a:hover{background:#ffffff0c}
.main-nav{display:flex;gap:8px;border-top:1px solid #ffffff20;padding:12px 0}
.main-nav a,.reserved,.nav-label{display:block;text-align:center;padding:10px 24px;font-size:14px;border-radius:7px;white-space:nowrap}
.main-nav .shopping-link{background:linear-gradient(135deg,#966b42,#65462f);border:1px solid #e0b47f90;font-weight:700;letter-spacing:2px;box-shadow:0 3px 12px #c4934f20}
.main-nav .shopping-link:hover{background:linear-gradient(135deg,#ac7b4d,#795438)}
.nav-label{cursor:default}
.reserved{opacity:.45;cursor:default}
.content{padding-block:36px 56px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.service-block{overflow:hidden;background:#241b17;border:1px solid #bc925965;border-radius:16px;box-shadow:0 8px 26px #0003;transition:border-color .2s,box-shadow .2s}
.service-block:hover{border-color:#d6aa72a0;box-shadow:0 10px 32px #0004}
.service-block h1::before,.service-block h2::before{content:"✦";color:#d6aa72;font-size:15px;margin-right:12px;vertical-align:middle}
.service-block h1,.service-block h2{font-size:22px;font-weight:600;letter-spacing:2px;margin:0;padding:24px 28px;border-bottom:1px solid #ffffff09}
.service-image{display:block;width:calc(100% - 32px);height:auto;margin:16px;border-radius:8px}
@media(max-width:600px){.content{grid-template-columns:1fr}.header-top{flex-wrap:wrap;padding-block:18px}.account-area{margin-left:auto;min-width:max-content}.main-nav .nav-label{padding:9px 12px;font-size:13px}}
footer{padding:0 0 32px;font-size:11px;letter-spacing:2px;display:flex;justify-content:space-between}
@media(max-width:600px){.site-header,.content,footer{width:calc(100% - 32px)}.header-top{min-height:110px;gap:12px}.brand{gap:7px}.brand-logo{width:36px;height:36px}.brand-name{font-size:12px;letter-spacing:1px}.brand-caption{font-size:11px;letter-spacing:3px}.login-actions{gap:6px;flex-direction:column}.login-button{font-size:12px;padding:7px 10px;min-width:112px;text-align:center}.member-area{gap:9px}.balance span{font-size:10px}.balance strong{font-size:17px}.avatar-button{width:36px;height:36px}.main-nav{gap:0;justify-content:space-between}.main-nav a,.reserved{padding:9px 12px;font-size:13px}.content{padding-block:24px 36px;gap:20px}.service-block{border-radius:12px}.service-block h1,.service-block h2{font-size:20px;padding:20px}.image-placeholder{aspect-ratio:1.35 / 1}footer{font-size:10px}}