:root{--brand: #1c6ef2;--brand-deep: #0d4db8;--brand-soft: #e8f1ff;--accent: #ff5a2c;--accent-soft: #fff1eb;--price: #e11d48;--bg: #e8edf5;--bg-page: #f3f5f9;--card: #ffffff;--text: #1a1d26;--muted: #8b93a7;--line: #e6ebf2;--radius: 14px;--radius-sm: 10px;--shadow: 0 2px 14px rgba(22, 40, 80, .06);--shadow-lg: 0 18px 48px rgba(15, 23, 42, .16);--font: "Manrope", "Noto Sans SC", "PingFang SC", "Helvetica Neue", sans-serif}html,body,#app{margin:0;min-height:100%;height:100%}body{font-family:var(--font);color:var(--text);background:radial-gradient(1200px 600px at 10% -10%,#dce8ff 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#ffe8df 0%,transparent 50%),var(--bg);-webkit-font-smoothing:antialiased}*{-webkit-tap-highlight-color:transparent}.shell{min-height:100%;display:flex;justify-content:center;align-items:stretch;box-sizing:border-box;padding:18px 12px}.phone{width:100%;max-width:390px;height:calc(100vh - 36px);min-height:calc(100vh - 36px);background:var(--bg-page);position:relative;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.65)}.phone-body{flex:1;min-height:0;height:100%;overflow-y:auto;overflow-x:hidden;padding-bottom:64px;-webkit-overflow-scrolling:touch}.phone-body:has(>.page){overflow:hidden;display:flex;flex-direction:column}.phone-body:has(>.page)>.page{flex:1;min-height:0;height:auto}.phone.no-tab .phone-body{padding-bottom:0;overflow:hidden;display:flex;flex-direction:column}.phone.no-tab .phone-body>*{flex:1;min-height:0}nav{position:absolute;left:0;right:0;bottom:0;height:58px;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;border-top:1px solid var(--line);z-index:20;padding-bottom:env(safe-area-inset-bottom,0)}nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--muted);text-decoration:none;font-size:11px;font-weight:500;letter-spacing:.02em;transition:color .15s ease}nav a .ico{font-size:16px;line-height:1.1;opacity:.85}nav a.router-link-active{color:var(--brand);font-weight:700}nav a.router-link-active .ico{opacity:1;transform:translateY(-1px)}.cs-fab{position:absolute;z-index:25;width:48px;height:48px;border:0;padding:0;border-radius:50%;color:#fff;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.32),transparent 42%),linear-gradient(145deg,#3b8bff,#1c6ef2 48%,#0d4db8);box-shadow:0 8px 18px #1c6ef257,0 1px #ffffff40 inset;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;will-change:left,top}.cs-fab:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;border:1.5px solid rgba(255,255,255,.42);pointer-events:none}.cs-fab-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1.5px solid rgba(28,110,242,.26);animation:cs-fab-pulse 2.4s ease-out infinite;pointer-events:none}.cs-fab.dragging .cs-fab-ring,.cs-fab.dragging:after{animation:none;opacity:0}.cs-fab-ico{display:block;position:relative;z-index:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))}.cs-fab-badge{position:absolute;top:-2px;right:-2px;z-index:2;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#f56c6c;color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;box-shadow:0 0 0 2px #fff}.cs-fab:active,.cs-fab.dragging{cursor:grabbing;transform:scale(1.08);box-shadow:0 14px 28px #1c6ef273,0 2px #ffffff4d inset;filter:brightness(1.05)}.cs-fab.left{box-shadow:0 10px 24px #1c6ef261,0 2px #ffffff40 inset}@keyframes cs-fab-pulse{0%{transform:scale(.92);opacity:.7}70%{transform:scale(1.18);opacity:0}to{transform:scale(1.18);opacity:0}}@media (max-width: 430px){.shell{padding:0}.phone{max-width:none;height:100vh;min-height:100vh;border-radius:0;box-shadow:none;border:0}body{background:var(--bg-page)}}html.mp-webview body,body.mp-webview{background:var(--bg-page, #f3f5f9)!important}html.mp-webview .shell,body.mp-webview .shell{padding:0!important;min-height:100%;height:100%}html.mp-webview .phone,body.mp-webview .phone{max-width:none!important;width:100%!important;height:100vh!important;min-height:100vh!important;border-radius:0!important;box-shadow:none!important;border:0!important}