.user-menu{position:relative;flex:0 0 auto}.user-menu-trigger{display:inline-flex;align-items:center;gap:8px;min-height:38px;max-width:180px;padding:4px 9px 4px 5px;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:var(--dada-cream);cursor:pointer;box-shadow:0 2px rgba(112, 78, 37, 0.75);box-shadow:0 2px color-mix(in srgb,var(--paper-shadow) 75%,transparent);transition:border-color .2s ease, background-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease}.user-menu-trigger:hover{border-color:rgb(181, 156, 124);border-color:color-mix(in srgb,var(--line) 55%,var(--warm-strong));color:var(--warm-strong);background:var(--warm-hover);box-shadow:0 3px rgba(112, 78, 37, 0.85);box-shadow:0 3px color-mix(in srgb,var(--paper-shadow) 85%,transparent);transform:translateY(-1px)}.user-avatar{display:inline-grid;width:28px;height:28px;place-items:center;border-radius:50%;color:#fff;background:#c7833c;box-shadow:inset 0 -2px #603d1c2e;font-size:12px;font-weight:800}.user-menu-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700}.user-menu-chevron{color:var(--ink-soft);font-size:15px;line-height:1}.user-menu-popover{position:absolute;top:calc(100% + 9px);right:0;z-index:30;width:220px;padding:8px;border:1px solid var(--line);border-radius:16px;background:var(--dada-paper);box-shadow:0 9px 24px #604a3629,0 2px 0 var(--paper-shadow)}.user-menu-popover a,.user-menu-logout,.user-menu-popover button[role=menuitem]{display:flex;align-items:center;gap:8px;width:100%;min-height:36px;padding:8px 10px;border:0;border-radius:10px;color:var(--ink);background:transparent;font-size:13px;text-align:left;cursor:pointer;transition:color .18s ease, background-color .18s ease, transform .18s ease}.user-menu-popover a svg,.user-menu-popover button[role=menuitem] svg{flex:0 0 auto}.user-menu-popover a:hover,.user-menu-logout:hover,.user-menu-popover button[role=menuitem]:hover{color:var(--warm-strong);background:var(--warm-hover);transform:translate(2px)}.user-menu-divider{height:1px;margin:5px 4px;background:var(--line)}.user-menu-logout{color:var(--bad)}.user-menu-logout:hover{color:#b42318;background:#fff1ef}.user-menu-diamond-count{margin-left:auto;color:var(--accent-strong);font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.user-menu-error{margin:5px 10px 3px;color:var(--bad);font-size:11px;line-height:1.5}@media(max-width:560px){.user-menu-trigger{max-width:142px}.user-menu-name{max-width:78px}}.standard-shell{min-height:100vh;min-height:100dvh}.skip-link{position:fixed;top:8px;left:12px;z-index:100;padding:8px 12px;border-radius:8px;color:#fff;background:var(--ink);transform:translateY(-160%);transition:transform .15s ease}.skip-link:focus{transform:translateY(0)}.standard-header{display:flex;align-items:center;gap:16px;width:min(calc(100% - 32px),1240px);min-height:62px;margin:14px auto 0;padding:8px 12px 8px 16px;border:1px solid var(--line);border-radius:22px;background:rgba(248, 238, 216, 0.92);background:color-mix(in srgb,var(--dada-paper) 92%,transparent);box-shadow:0 3px 0 var(--paper-shadow);position:sticky;top:14px;z-index:var(--z-nav);backdrop-filter:blur(10px)}.brand-link{display:inline-flex;flex:0 0 auto;align-items:center;padding:2px;background:transparent}.brand-link img{display:block;width:auto;height:38px;object-fit:contain}.shell-page-title{display:none;color:var(--ink-soft);font-size:13px;font-weight:700}.desktop-primary-nav{display:flex;align-items:center;gap:4px;margin-left:auto;color:var(--ink-soft);font-size:14px}.desktop-primary-nav a{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;white-space:nowrap;transition:background-color .2s ease, color .2s ease, transform .2s ease}.desktop-primary-nav a svg{flex:0 0 auto}.desktop-primary-nav a:hover{color:var(--warm-strong);background:var(--warm-hover);box-shadow:inset 0 0 0 1px rgba(232, 214, 183, 0.72);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 72%,transparent);transform:translateY(-1px)}.desktop-primary-nav a.active{color:var(--ink);background:var(--warm-active);box-shadow:inset 0 0 0 1px rgba(213, 169, 54, 0.35);font-weight:700}.desktop-primary-nav a.active:hover{color:var(--ink);background:rgb(255, 229, 148);background:color-mix(in srgb,var(--warm-active) 86%,var(--dada-yellow))}.standard-main{min-height:calc(100vh - 92px);min-height:calc(100dvh - 92px);padding-bottom:28px}.standard-main:focus{outline:none}.mobile-bottom-nav{display:none}@media(max-width:760px){.standard-header{width:min(calc(100% - 20px),620px);margin-top:10px;padding:8px 10px 7px;gap:9px}.brand-link img{height:34px}.shell-page-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-primary-nav{display:none}.standard-main{min-height:calc(100vh - 76px);min-height:calc(100dvh - 76px);padding-bottom:92px}.mobile-bottom-nav{position:fixed;right:10px;bottom:max(10px,env(safe-area-inset-bottom));left:10px;z-index:var(--z-nav);display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:7px;border:1px solid var(--line);border-radius:18px;background:rgba(248, 238, 216, 0.94);background:color-mix(in srgb,var(--dada-paper) 94%,transparent);box-shadow:0 4px 0 var(--paper-shadow);backdrop-filter:blur(10px)}.mobile-bottom-nav a{display:grid;justify-items:center;gap:3px;padding:6px 1px;border-radius:12px;color:var(--ink-soft);font-size:10px;font-weight:700}.mobile-bottom-nav a span{white-space:nowrap}.mobile-bottom-nav a svg{width:20px;height:20px}.mobile-bottom-nav a.active{color:var(--warm-strong);background:var(--warm-active)}}@media(max-width:560px){.standard-header{gap:7px}.shell-page-title{display:none}.standard-header .user-menu-name{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}.standard-header .product-switcher__panel{left:50%;transform:translate(-50%)}}.immersive-shell{min-height:100vh;min-height:100dvh;background:var(--bg)}.immersive-header{display:flex;align-items:center;justify-content:space-between;width:min(calc(100% - 28px),1320px);min-height:50px;margin:0 auto;padding-top:max(8px,env(safe-area-inset-top))}.immersive-brand{display:inline-flex;align-items:center;padding:3px 6px 3px 3px;border-radius:12px;background:var(--dada-cream)}.immersive-brand img{display:block;width:auto;height:30px}.immersive-back{padding:7px 12px;border:1px solid var(--line);border-radius:999px;color:var(--ink-soft);background:var(--dada-paper);font-size:13px;font-weight:700}.immersive-back:hover{color:var(--accent-strong);border-color:var(--accent)}.immersive-main{min-height:calc(100vh - 50px);min-height:calc(100dvh - 50px)}.admin-shell{min-height:100vh;min-height:100dvh;background:var(--bg)}.admin-shell-header{display:flex;align-items:center;gap:14px;width:min(calc(100% - 32px),1320px);min-height:64px;margin:0 auto;padding-top:max(10px,env(safe-area-inset-top))}.admin-brand{display:inline-flex;padding:3px 6px 3px 3px;border-radius:12px;background:var(--dada-cream)}.admin-brand img{display:block;height:34px;width:auto}.admin-context{display:grid;gap:2px;color:var(--ink)}.admin-context span{font-size:15px;font-weight:800}.admin-context small{color:var(--ink-soft);font-size:11px}.admin-return{margin-left:auto;padding:8px 13px;border:1px solid var(--line);border-radius:999px;color:var(--ink-soft);background:var(--dada-paper);font-size:13px;font-weight:700}.admin-return:hover{color:var(--accent-strong);border-color:var(--accent)}.admin-shell-main{min-height:calc(100vh - 64px);min-height:calc(100dvh - 64px)}@media(max-width:560px){.admin-shell-header{width:min(calc(100% - 20px),1320px);gap:9px}.admin-brand img{height:30px}.admin-context small{display:none}.admin-return{padding-left:10px;padding-right:10px;font-size:12px}}.loading-root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--ink-soft);font-size:14px}.loading-spinner{width:32px;height:32px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:app-shell-spin 1s linear infinite}@keyframes app-shell-spin{to{transform:rotate(360deg)}}.route-error{width:min(100% - 32px,560px);margin:0 auto;padding:max(72px,12vh) 0 64px}.route-error h1{margin:0;font-size:clamp(24px,4vw,32px);line-height:1.3}.route-error p{margin:16px 0 0;color:var(--text-secondary, #665f56);line-height:1.75}.route-error-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.route-error-actions .btn{min-height:44px}.notfound-page{min-height:100vh;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px calc(32px + env(safe-area-inset-bottom));background:var(--dada-cream, #fff8e8);background-image:radial-gradient(rgba(47,136,126,.07) 1.5px,transparent 1.5px);background-size:22px 22px;color:var(--dada-brown, #604a36);text-align:center;box-sizing:border-box}.notfound-icon{width:120px;height:auto;filter:drop-shadow(0 8px 16px rgba(96,74,54,.18))}.notfound-code{margin:20px 0 0;font-size:72px;font-weight:800;line-height:1;letter-spacing:2px;color:var(--dada-coral, #ff6b4a)}.notfound-title{margin:12px 0 0;font-size:22px;font-weight:700}.notfound-desc{margin:10px 0 0;font-size:14px;line-height:1.7;color:var(--dada-muted, #7e684a)}.notfound-btn{display:block;width:100%;padding:13px 0;border-radius:12px;border:1.5px solid var(--dada-cobalt, #2f887e);background:#ffffffb3;font-size:16px;color:var(--dada-cobalt, #2f887e);text-decoration:none;box-sizing:border-box;cursor:pointer}.notfound-btn.primary{width:100%;max-width:320px;margin-top:36px;background:var(--dada-cobalt, #2f887e);color:#fff;font-weight:600;box-shadow:0 4px 14px #2f887e59}.notfound-btn-row{display:flex;gap:12px;width:100%;max-width:320px;margin-top:14px}.notfound-btn:active{opacity:.85}:root{--dada-cream: #fff8e8;--dada-paper: #f8eed8;--dada-yellow: #ffd43b;--dada-coral: #ff6b4a;--dada-cobalt: #2f887e;--dada-mint: #55cfaf;--dada-brown: #604a36;--dada-muted: #7e684a;--dada-blue-soft: #e5f1ee;--dada-mint-soft: #e2f6ed;--dada-coral-soft: #ffebe5;--dada-yellow-soft: #fff1b8;--warm-hover: #f3e5cd;--warm-active: #ffe8a3;--warm-strong: #765433;--surface-page: var(--dada-cream);--surface-raised: var(--dada-paper);--text-primary: var(--dada-brown);--text-secondary: var(--dada-muted);--border-default: #e8d6b7;--focus-ring: #216c65;--danger: #b54430;--success: #24745c;--warning: #875b12;--touch-target: 44px;--accent: #28776f;--accent-strong: #216c65;--accent-soft: var(--dada-blue-soft);--ok: var(--success);--bad: var(--danger);--ink: var(--text-primary);--ink-soft: var(--text-secondary);--line: var(--border-default);--bg: var(--surface-page);--combo: var(--dada-coral);--paper-shadow: rgba(112, 78, 37, .14);--radius-card: 22px;--radius-control: 14px;--z-nav: 10;--z-modal: 100}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif;min-width:320px;scroll-behavior:smooth;overflow-x:hidden;overflow-x:clip}.font-en{font-family:Nunito,Trebuchet MS,Segoe UI,system-ui,sans-serif}.prompt-font-system{font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif}.prompt-font-rounded{font-family:ui-rounded,Nunito,Trebuchet MS,Microsoft YaHei,system-ui,sans-serif}.prompt-font-serif{font-family:Songti SC,STSong,SimSun,serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.btn{display:inline-flex;align-items:center;min-height:var(--touch-target);gap:6px;border:1px solid var(--line);background:var(--dada-paper);color:var(--ink);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 3px 0 var(--paper-shadow);transition:background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease}.btn:hover{border-color:var(--accent);color:var(--accent-strong);transform:translateY(-1px)}.btn:active{transform:translateY(2px) scale(.99);box-shadow:0 1px 0 var(--paper-shadow)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px #17534e}.btn-primary:hover{background:var(--accent-strong);color:#fff}.btn-primary:active{box-shadow:0 1px #17534e}.card{background:var(--dada-paper);border:1px solid var(--line);border-radius:var(--radius-card);padding:18px;box-shadow:0 2px 0 var(--paper-shadow)}.chip{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:12px;background:var(--dada-blue-soft);color:var(--accent-strong);font-weight:600}.rating-badge{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:24px;padding:0 8px;border-radius:var(--radius-control);font-weight:800;font-size:13px;font-style:italic;background:#efe5d3;color:var(--ink-soft)}.rating-SSS,.rating-SS{background:var(--dada-yellow);color:#6d4d12}.rating-S,.rating-A{background:var(--dada-blue-soft);color:#216c65}.rating-B{background:var(--dada-mint-soft);color:#286e5d}@media(prefers-color-scheme:dark){:root{--dada-cream: #2d261f;--dada-paper: #3c3025;--dada-brown: #fff1d6;--dada-muted: #d5b993;--dada-blue-soft: #244b49;--dada-mint-soft: #21483e;--dada-coral-soft: #5a3028;--dada-yellow-soft: #5c4a1c;--warm-hover: #493a2d;--warm-active: #5b481f;--warm-strong: #f2d8b5;--border-default: #604b37;--focus-ring: #8ed9cd;--danger: #ff8a70;--success: #70d6ae;--warning: #f2c14e;--line: var(--border-default);--bg: var(--surface-page);--paper-shadow: rgba(0, 0, 0, .24)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}