:root{--brand-50: #ecfeff;--brand-100: #cffafe;--brand-200: #a5f3fc;--brand-300: #67e8f9;--brand-400: #22d3ee;--brand-500: #06b6d4;--brand-600: #0891b2;--brand-700: #0e7490;--deep-400: #1e4d6b;--deep-500: #123653;--deep-600: #0d2740;--deep-700: #081b2e;--deep-800: #051322;--deep-900: #030c17;--accent-amber: #f59e0b;--accent-orange: #f97316;--accent-rose: #f43f5e;--accent-red: #ef4444;--accent-lime: #84cc16;--accent-green: #22c55e;--accent-teal: #14b8a6;--accent-sky: #0ea5e9;--accent-violet: #8b5cf6;--bg: #04101c;--bg-2: #061a2b;--surface: rgba(13, 39, 64, .62);--surface-2: rgba(18, 54, 83, .5);--surface-solid: #0a2135;--surface-hover: rgba(34, 211, 238, .09);--border: rgba(103, 232, 249, .14);--border-strong: rgba(103, 232, 249, .3);--text: #e8f6ff;--text-2: #a8c6dc;--text-3: #6f92ad;--text-4: #4d6c85;--r-sm: 8px;--r: 14px;--r-lg: 20px;--r-xl: 26px;--r-full: 999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .28);--shadow: 0 10px 30px -8px rgba(0, 0, 0, .55);--shadow-lg: 0 26px 60px -18px rgba(0, 0, 0, .7);--glow: 0 0 0 1px rgba(34, 211, 238, .22), 0 12px 40px -12px rgba(34, 211, 238, .35);--nav-h: 68px;--max-w: 1320px;--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:PingFang SC,Microsoft YaHei,Hiragino Sans GB,Noto Sans SC,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14.5px;line-height:1.65;color:var(--text);background:var(--bg);background-image:radial-gradient(1200px 620px at 12% -8%,rgba(6,182,212,.17),transparent 62%),radial-gradient(1000px 560px at 92% 4%,rgba(139,92,246,.13),transparent 60%),radial-gradient(900px 700px at 50% 108%,rgba(14,165,233,.1),transparent 64%),linear-gradient(180deg,#041220,#04101c 47%,#030b14);background-attachment:fixed;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(103,232,249,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(103,232,249,.028) 1px,transparent 1px);background-size:62px 62px;-webkit-mask-image:radial-gradient(circle at 50% 22%,#000 0%,transparent 78%);mask-image:radial-gradient(circle at 50% 22%,#000 0%,transparent 78%)}#root{position:relative;z-index:1}h1,h2,h3,h4,h5{margin:0;font-weight:700;line-height:1.3;letter-spacing:-.01em}p{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}ul,ol{margin:0;padding:0;list-style:none}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--brand-400);outline-offset:2px;border-radius:4px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#030c1780}::-webkit-scrollbar-thumb{background:#67e8f933;border-radius:6px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#67e8f95c;background-clip:content-box}.app{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 24px}.page{flex:1;padding:30px 0 90px;animation:pageIn .5s var(--ease-out)}@keyframes pageIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.stack{display:flex;flex-direction:column}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-14{gap:14px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.gap-28{gap:28px}.gap-32{gap:32px}.row{display:flex;align-items:center}.row-between{display:flex;align-items:center;justify-content:space-between}.row-wrap{display:flex;align-items:center;flex-wrap:wrap}.spacer{flex:1}.grid{display:grid;gap:18px}.g-2{grid-template-columns:repeat(2,minmax(0,1fr))}.g-3{grid-template-columns:repeat(3,minmax(0,1fr))}.g-4{grid-template-columns:repeat(4,minmax(0,1fr))}.g-5{grid-template-columns:repeat(5,minmax(0,1fr))}.g-auto{grid-template-columns:repeat(auto-fill,minmax(268px,1fr))}.topbar{position:sticky;top:0;z-index:60;height:var(--nav-h);display:flex;align-items:center;background:#04101cc7;-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border-bottom:1px solid var(--border)}.topbar-inner{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:26px}.logo{display:flex;align-items:center;gap:11px;flex-shrink:0}.logo-mark{width:42px;height:42px;display:grid;place-items:center;font-size:22px;border-radius:13px;background:linear-gradient(140deg,var(--brand-400),var(--brand-700) 75%);box-shadow:0 8px 22px -6px #22d3ee99,inset 0 1px #ffffff47}.logo-text{display:flex;flex-direction:column;line-height:1.15}.logo-title{font-size:17px;font-weight:800;letter-spacing:.02em;background:linear-gradient(100deg,#e8f6ff 10%,var(--brand-300) 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.logo-sub{font-size:10.5px;color:var(--text-3);letter-spacing:.16em}.nav-links{display:flex;align-items:center;gap:3px;flex:1 1 auto;min-width:0;overflow:hidden}.nav-link{position:relative;display:flex;align-items:center;gap:7px;padding:9px 15px;border-radius:var(--r-full);font-size:14px;font-weight:500;color:var(--text-2);transition:all .22s var(--ease);white-space:nowrap}.nav-link:hover{color:var(--text);background:var(--surface-hover)}.nav-link.active{color:#04121f;background:linear-gradient(120deg,var(--brand-300),var(--brand-500));font-weight:700;box-shadow:0 6px 18px -6px #22d3eebf}.nav-link .nav-emoji{font-size:15px}.topbar-actions{display:flex;align-items:center;gap:9px;flex-shrink:0;margin-left:auto}.icon-btn{position:relative;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;font-size:18px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);transition:all .2s var(--ease)}.icon-btn:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--text);transform:translateY(-1px)}.badge-dot{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;font-size:10.5px;font-weight:800;color:#04121f;background:linear-gradient(120deg,var(--accent-amber),var(--accent-orange));border-radius:var(--r-full);border:2px solid #04101c}.badge-dot.red{background:linear-gradient(120deg,#fb7185,var(--accent-red));color:#fff}.user-chip{display:flex;align-items:center;gap:9px;padding:5px 13px 5px 5px;border-radius:var(--r-full);background:var(--surface-2);border:1px solid var(--border);transition:all .2s var(--ease)}.user-chip:hover{border-color:var(--border-strong);background:var(--surface-hover)}.user-avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;font-size:16px;background:linear-gradient(140deg,var(--brand-500),var(--deep-500))}.user-meta{display:flex;flex-direction:column;line-height:1.2}.user-name{font-size:13px;font-weight:700}.user-tier{font-size:10px;color:var(--text-3)}.tabbar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:70;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:#04101cf0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border)}.tabbar-inner{display:flex}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 2px;border-radius:12px;font-size:10.5px;font-weight:600;color:var(--text-3);transition:all .2s var(--ease)}.tab-item .tab-emoji{font-size:20px;line-height:1;filter:grayscale(.75);transition:filter .2s}.tab-item.active{color:var(--brand-300);background:#22d3ee1a}.tab-item.active .tab-emoji{filter:none;transform:translateY(-1px)}.card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);transition:border-color .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease)}.card.pad-0{padding:0;overflow:hidden}.card.pad-sm{padding:14px}.card.pad-lg{padding:26px}.card.hoverable:hover{border-color:var(--border-strong);transform:translateY(-3px);box-shadow:var(--shadow),var(--glow)}.card.flat{background:var(--surface-2)}.card.solid{background:var(--surface-solid)}.card-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.card-head.bordered{padding-bottom:14px;border-bottom:1px solid var(--border)}.card-title{font-size:16.5px;font-weight:700;display:flex;align-items:center;gap:8px}.card-title .emoji{font-size:18px}.card-sub{font-size:12.5px;color:var(--text-3);margin-top:2px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px;flex-wrap:wrap}.section-title{font-size:21px;font-weight:800;display:flex;align-items:center;gap:10px}.section-desc{font-size:13px;color:var(--text-3);margin-top:5px;max-width:720px}.divider{height:1px;background:var(--border);margin:16px 0;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 18px;border-radius:var(--r-full);font-size:13.5px;font-weight:600;border:1px solid transparent;transition:all .2s var(--ease);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.975)}.btn-primary{color:#04121f;background:linear-gradient(120deg,var(--brand-300),var(--brand-500));box-shadow:0 8px 22px -8px #22d3eecc}.btn-primary:hover:not(:disabled){box-shadow:0 12px 30px -8px #22d3eef2;filter:brightness(1.06)}.btn-ghost{color:var(--text-2);background:var(--surface-2);border-color:var(--border)}.btn-ghost:hover:not(:disabled){color:var(--text);background:var(--surface-hover);border-color:var(--border-strong)}.btn-outline{color:var(--brand-300);border-color:var(--border-strong);background:#22d3ee12}.btn-outline:hover:not(:disabled){background:#22d3ee29}.btn-warm{color:#1a0f02;background:linear-gradient(120deg,#fbbf24,var(--accent-orange));box-shadow:0 8px 22px -8px #f97316bf}.btn-warm:hover:not(:disabled){filter:brightness(1.07)}.btn-danger{color:#fff;background:linear-gradient(120deg,#fb7185,var(--accent-rose))}.btn-danger:hover:not(:disabled){filter:brightness(1.07)}.btn-sm{padding:6px 13px;font-size:12.5px}.btn-xs{padding:4px 10px;font-size:11.5px;border-radius:var(--r-full)}.btn-lg{padding:13px 28px;font-size:15.5px}.btn-block{width:100%}.chip{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:var(--r-full);font-size:11.5px;font-weight:600;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);transition:all .2s var(--ease)}.chip.clickable:hover{border-color:var(--border-strong);color:var(--text);background:var(--surface-hover)}.chip.active{color:#04121f;background:linear-gradient(120deg,var(--brand-300),var(--brand-500));border-color:transparent;box-shadow:0 5px 15px -6px #22d3eecc}.chip.brand{color:var(--brand-200);border-color:#22d3ee66;background:#22d3ee1f}.chip.amber{color:#fde68a;border-color:#f59e0b66;background:#f59e0b21}.chip.green{color:#bbf7d0;border-color:#22c55e66;background:#22c55e21}.chip.rose{color:#fecdd3;border-color:#f43f5e66;background:#f43f5e21}.chip.violet{color:#ddd6fe;border-color:#8b5cf666;background:#8b5cf621}.chip.lg{padding:6px 14px;font-size:12.5px}.tag-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:12.5px;font-weight:600;color:var(--text-2)}.field-hint{font-size:11.5px;color:var(--text-4)}.field-error{font-size:11.5px;color:#fda4af}.input,.select,.textarea{width:100%;padding:10px 14px;border-radius:var(--r);background:#030c1799;border:1px solid var(--border);color:var(--text);font-size:14px;transition:all .2s var(--ease)}.input::placeholder,.textarea::placeholder{color:var(--text-4)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand-400);background:#030c17d1;box-shadow:0 0 0 3px #22d3ee24}.textarea{resize:vertical;min-height:88px;line-height:1.6}.select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:34px;background-image:linear-gradient(45deg,transparent 50%,var(--text-3) 50%),linear-gradient(135deg,var(--text-3) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.select option{background:var(--surface-solid);color:var(--text)}.search-box{position:relative;flex:1;min-width:180px}.search-box .input{padding-left:40px}.search-box .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:15px;color:var(--text-4);pointer-events:none}.switch{position:relative;width:44px;height:24px;border-radius:var(--r-full);background:#67e8f929;border:1px solid var(--border);transition:all .24s var(--ease);flex-shrink:0}.switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--text-2);transition:all .24s var(--ease)}.switch.on{background:linear-gradient(120deg,var(--brand-400),var(--brand-600));border-color:transparent}.switch.on:after{left:22px;background:#fff}.checkline{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13.5px}.checkbox{width:19px;height:19px;flex-shrink:0;display:grid;place-items:center;border-radius:6px;border:1.5px solid var(--border-strong);background:#030c1799;font-size:12px;color:transparent;transition:all .18s var(--ease)}.checkbox.on{background:linear-gradient(120deg,var(--brand-300),var(--brand-500));border-color:transparent;color:#04121f}.gauge-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}.gauge{position:relative;display:grid;place-items:center}.gauge svg{display:block}.gauge-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.gauge-value{font-size:42px;font-weight:900;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.gauge-value.sm{font-size:30px}.gauge-value.lg{font-size:58px}.gauge-unit{font-size:11px;color:var(--text-3);letter-spacing:.14em}.gauge-level{display:flex;align-items:center;gap:5px;font-size:14px;font-weight:800}.gauge-mini{display:flex;align-items:center;gap:8px}.gauge-mini .num{font-size:17px;font-weight:800;font-variant-numeric:tabular-nums}.score-ring{position:relative;display:grid;place-items:center}.score-ring .ring-label{position:absolute;font-weight:800;font-variant-numeric:tabular-nums}.factor-row{display:grid;grid-template-columns:96px 1fr 62px;align-items:center;gap:12px;padding:9px 0;border-bottom:1px dashed rgba(103,232,249,.09)}.factor-row:last-child{border-bottom:0}.factor-name{font-size:13px;font-weight:600;display:flex;align-items:center;gap:5px}.factor-name .star{color:var(--accent-amber);font-size:11px}.factor-track{height:8px;border-radius:var(--r-full);background:#030c17b3;overflow:hidden;position:relative}.factor-fill{height:100%;border-radius:var(--r-full);transition:width .9s var(--ease-out);position:relative}.factor-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35));border-radius:inherit}.factor-value{font-size:12px;color:var(--text-2);text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.factor-note{grid-column:1 / -1;font-size:11.8px;color:var(--text-3);line-height:1.55;margin-top:-4px;padding-left:2px}.factor-weight{font-size:10px;color:var(--text-4);font-weight:600}.chart-box{position:relative;width:100%}.chart-svg{width:100%;display:block;overflow:visible}.chart-grid-line{stroke:#67e8f91a;stroke-width:1}.chart-axis-label{fill:var(--text-4);font-size:10px;font-weight:600}.chart-x-label{fill:var(--text-3);font-size:10.5px}.chart-line{fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.chart-area{opacity:.26}.chart-dot{stroke:#04101c;stroke-width:1.6}.chart-bar{transition:opacity .2s}.chart-bar:hover{opacity:.82}.chart-tooltip{position:absolute;transform:translate(-50%,-112%);padding:8px 12px;border-radius:var(--r-sm);background:#030c17f5;border:1px solid var(--border-strong);font-size:11.5px;line-height:1.55;white-space:nowrap;pointer-events:none;z-index:20;box-shadow:var(--shadow)}.chart-tooltip b{color:var(--brand-300)}.legend{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:11.5px;color:var(--text-3)}.legend-item{display:flex;align-items:center;gap:6px}.legend-swatch{width:11px;height:11px;border-radius:3px}.map-shell{display:grid;grid-template-columns:306px 1fr;gap:16px;align-items:start}.map-canvas-wrap{position:relative;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border);background:radial-gradient(circle at 30% 20%,rgba(14,116,144,.35),transparent 55%),radial-gradient(circle at 75% 72%,rgba(21,94,117,.34),transparent 58%),linear-gradient(160deg,#062033,#041524 60%,#030e1a);box-shadow:var(--shadow),inset 0 0 90px #0000008c;touch-action:none;-webkit-user-select:none;user-select:none}.map-canvas{display:block;width:100%;height:100%;cursor:grab}.map-canvas.dragging{cursor:grabbing}.map-controls{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:6px;z-index:12}.map-ctrl{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#04101cdb;border:1px solid var(--border);font-size:15px;font-weight:800;color:var(--text-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .18s var(--ease)}.map-ctrl:hover{color:var(--brand-300);border-color:var(--border-strong)}.map-legend{position:absolute;bottom:12px;left:12px;display:flex;gap:12px;flex-wrap:wrap;padding:8px 13px;border-radius:var(--r-full);background:#04101cd6;border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:11px;color:var(--text-2);z-index:12}.map-scale{position:absolute;bottom:14px;right:14px;padding:4px 10px;border-radius:var(--r-sm);background:#04101cd6;border:1px solid var(--border);font-size:10.5px;color:var(--text-3);z-index:12}.map-marker{cursor:pointer}.map-marker circle{transition:all .2s var(--ease)}.map-marker:hover circle{filter:brightness(1.25)}.map-marker .pin-label{font-size:9.5px;font-weight:700;fill:#04101c;pointer-events:none}.map-pin-text{font-size:10px;font-weight:700;fill:var(--text);paint-order:stroke;stroke:#04101c;stroke-width:3px}.map-popup{position:absolute;width:268px;transform:translate(-50%,calc(-100% - 16px));background:#051322f7;border:1px solid var(--border-strong);border-radius:var(--r);padding:14px;box-shadow:var(--shadow-lg);z-index:25;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:popIn .22s var(--ease-out)}@keyframes popIn{0%{opacity:0;transform:translate(-50%,calc(-100% - 8px)) scale(.96)}}.map-popup:after{content:"";position:absolute;bottom:-7px;left:50%;width:13px;height:13px;transform:translate(-50%) rotate(45deg);background:#051322f7;border-right:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong)}.spot-list{max-height:760px;overflow-y:auto;padding-right:4px}.spot-item{display:flex;gap:11px;padding:11px;border-radius:var(--r);border:1px solid transparent;cursor:pointer;transition:all .2s var(--ease)}.spot-item:hover{background:var(--surface-hover);border-color:var(--border)}.spot-item.active{background:#22d3ee21;border-color:var(--border-strong)}.spot-thumb{width:58px;height:58px;flex-shrink:0;border-radius:11px;display:grid;place-items:center;font-size:23px;box-shadow:inset 0 0 22px #00000047}.photo{position:relative;display:grid;place-items:center;overflow:hidden;background-color:#08243a}.photo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(115deg,rgba(255,255,255,.045) 0 2px,transparent 2px 15px),radial-gradient(circle at 30% 25%,rgba(255,255,255,.16),transparent 55%)}.photo:after{content:"";position:absolute;left:-30%;bottom:-55%;width:160%;height:100%;background:#ffffff12;border-radius:50%;filter:blur(2px)}.photo-emoji{position:relative;z-index:2;filter:drop-shadow(0 3px 8px rgba(0,0,0,.45))}.photo-caption{position:absolute;left:0;right:0;bottom:0;padding:14px 12px 9px;background:linear-gradient(transparent,#02080fdb);font-size:11.5px;color:#dbeafe;z-index:3}.hero{position:relative;border-radius:var(--r-xl);padding:30px;margin-bottom:24px;overflow:hidden;background:radial-gradient(900px 400px at 88% -12%,rgba(34,211,238,.28),transparent 62%),radial-gradient(700px 380px at 8% 108%,rgba(139,92,246,.22),transparent 62%),linear-gradient(150deg,#0d2740eb,#051322e6);border:1px solid var(--border);box-shadow:var(--shadow-lg)}.hero:before{content:"";position:absolute;right:-70px;top:-70px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.2),transparent 66%);filter:blur(12px)}.hero-grid{display:grid;grid-template-columns:1fr 320px;gap:30px;align-items:center;position:relative;z-index:2}.hero-loc{display:inline-flex;align-items:center;gap:9px;font-size:13px;color:var(--text-2)}.hero-temp{font-size:66px;font-weight:900;line-height:.95;letter-spacing:-.045em}.hero-temp sup{font-size:24px;font-weight:700;vertical-align:super}.hero-cond{font-size:17px;font-weight:700}.hero-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.hero-metric{padding:11px 13px;border-radius:var(--r);background:#030c1780;border:1px solid var(--border)}.hero-metric .k{font-size:10.5px;color:var(--text-3);display:flex;align-items:center;gap:4px}.hero-metric .v{font-size:17px;font-weight:800;margin-top:3px;font-variant-numeric:tabular-nums}.stat-tile{padding:16px;border-radius:var(--r);background:#030c1770;border:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.stat-tile .k{font-size:11.5px;color:var(--text-3)}.stat-tile .v{font-size:24px;font-weight:900;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat-tile .u{font-size:11.5px;color:var(--text-4);font-weight:600}.kpi-inline{display:flex;align-items:baseline;gap:5px}.kpi-inline .n{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}.kpi-inline .s{font-size:11.5px;color:var(--text-3)}.hour-strip{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:3px}.hour-cell{position:relative;border-radius:7px;padding:7px 2px 6px;text-align:center;font-size:10px;background:#030c178c;border:1px solid transparent;transition:all .2s var(--ease);cursor:pointer;min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px}.hour-cell:hover{border-color:var(--border-strong);transform:translateY(-2px);z-index:3}.hour-cell .hc-bar{width:100%;border-radius:4px;margin-top:auto}.hour-cell .hc-h{font-weight:700;color:var(--text-2);font-variant-numeric:tabular-nums}.hour-cell .hc-v{font-size:9.5px;font-weight:800}.hour-cell.peak{border-color:#f9731699;background:#f973161a}.hour-cell.now{box-shadow:0 0 0 2px var(--brand-400) inset}.spot-card{display:flex;flex-direction:column;overflow:hidden;padding:0}.spot-card .sc-photo{height:132px}.spot-card .sc-body{padding:14px;display:flex;flex-direction:column;gap:9px;flex:1}.spot-card .sc-name{font-size:15px;font-weight:700}.spot-card .sc-meta{font-size:11.5px;color:var(--text-3);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spot-card .sc-foot{margin-top:auto;padding-top:10px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px}.price-tag{font-size:16px;font-weight:800;color:var(--accent-amber);font-variant-numeric:tabular-nums}.price-tag .unit{font-size:11px;font-weight:600;color:var(--text-3)}.price-old{font-size:11.5px;color:var(--text-4);text-decoration:line-through}.rating{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:700;color:var(--accent-amber)}.product-card{display:flex;flex-direction:column;overflow:hidden;padding:0}.product-card .pc-photo{height:168px;position:relative}.product-card .pc-body{padding:13px 14px 14px;display:flex;flex-direction:column;gap:8px;flex:1}.product-card .pc-name{font-size:13.5px;font-weight:700;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:39px}.product-card .pc-brand{font-size:11px;color:var(--text-4)}.product-card .pc-foot{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.product-card .pc-price{font-size:19px;font-weight:900;color:var(--accent-orange);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.product-card .pc-price .cur{font-size:12px;font-weight:700}.product-badge{position:absolute;top:10px;left:10px;z-index:4;padding:3px 10px;border-radius:var(--r-full);font-size:10.5px;font-weight:800;color:#1a0f02;background:linear-gradient(120deg,#fde047,var(--accent-orange));box-shadow:0 5px 14px -5px #f97316e6}.product-fav{position:absolute;top:9px;right:9px;z-index:4;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#030c17b3;border:1px solid var(--border);font-size:14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.spec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:9px}.spec-item{padding:9px 12px;border-radius:var(--r-sm);background:#030c1780;border:1px solid var(--border)}.spec-item .k{font-size:11px;color:var(--text-4)}.spec-item .v{font-size:13px;font-weight:700;margin-top:2px}.cart-line{display:grid;grid-template-columns:62px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.cart-line:last-child{border-bottom:0}.qty-box{display:inline-flex;align-items:center;border-radius:var(--r-full);border:1px solid var(--border);overflow:hidden;background:#030c1780}.qty-btn{width:28px;height:28px;display:grid;place-items:center;font-size:15px;font-weight:700;color:var(--text-2);transition:all .16s}.qty-btn:hover{background:var(--surface-hover);color:var(--brand-300)}.qty-num{min-width:32px;text-align:center;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.checkout-bar{position:sticky;bottom:0;margin-top:18px;padding:16px 20px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;border-radius:var(--r-lg);background:#051322f5;border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-lg)}.summary-row{display:flex;align-items:center;justify-content:space-between;font-size:13.5px;padding:5px 0;color:var(--text-2)}.summary-row.total{font-size:17px;font-weight:800;color:var(--text);padding-top:11px;border-top:1px solid var(--border);margin-top:8px}.summary-row .amt{font-variant-numeric:tabular-nums;font-weight:700}.summary-row .amt.big{font-size:25px;color:var(--accent-orange);font-weight:900}.coupon-card{position:relative;display:flex;align-items:stretch;border-radius:var(--r);overflow:hidden;border:1px solid rgba(245,158,11,.3);background:linear-gradient(120deg,#f59e0b21,#f9731612)}.coupon-card.used{opacity:.46;filter:grayscale(.7)}.coupon-left{width:96px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:linear-gradient(150deg,#f59e0b3d,#f9731624);border-right:1px dashed rgba(245,158,11,.42);padding:12px 6px}.coupon-amount{font-size:26px;font-weight:900;color:#fcd34d;letter-spacing:-.03em;line-height:1}.coupon-amount .u{font-size:12px}.coupon-min{font-size:10.5px;color:#fcd34d;opacity:.8}.coupon-body{flex:1;padding:11px 13px;display:flex;flex-direction:column;gap:3px}.coupon-name{font-size:13.5px;font-weight:700}.coupon-scope{font-size:11px;color:var(--text-3)}.feed{display:grid;grid-template-columns:1fr 316px;gap:20px;align-items:start}.post{display:flex;flex-direction:column;gap:12px}.post-head{display:flex;align-items:center;gap:11px}.post-avatar{width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;font-size:21px;background:linear-gradient(140deg,var(--brand-600),var(--deep-500));border:1px solid var(--border)}.post-author{font-size:13.5px;font-weight:700;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.post-meta{font-size:11.5px;color:var(--text-3);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.post-content{font-size:14px;line-height:1.72;color:#dceefb}.post-media{display:grid;gap:5px;border-radius:var(--r);overflow:hidden}.post-media.n1{grid-template-columns:1fr}.post-media.n2{grid-template-columns:repeat(2,1fr)}.post-media.n3{grid-template-columns:repeat(3,1fr)}.post-media .photo{height:190px;border-radius:0}.post-media.n1 .photo{height:300px}.post-media.n2 .photo,.post-media.n3 .photo{height:150px}.catch-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:11px 13px;border-radius:var(--r);background:#030c1780;border:1px solid var(--border)}.catch-cell{display:flex;flex-direction:column;gap:1px}.catch-cell .k{font-size:10.5px;color:var(--text-4)}.catch-cell .v{font-size:14px;font-weight:800}.post-actions{display:flex;align-items:center;gap:5px;padding-top:10px;border-top:1px solid var(--border)}.post-action{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:var(--r-full);font-size:12.5px;font-weight:600;color:var(--text-3);transition:all .2s var(--ease)}.post-action:hover{background:var(--surface-hover);color:var(--text)}.post-action.liked{color:#fb7185;background:#f43f5e1f}.comment-box{display:flex;flex-direction:column;gap:9px;padding:12px 13px;border-radius:var(--r);background:#030c176b;border:1px solid var(--border)}.comment-item{display:flex;gap:9px;font-size:12.5px}.comment-item .c-avatar{font-size:15px}.comment-item .c-user{font-weight:700;color:var(--brand-200)}.comment-item .c-text{color:var(--text-2);line-height:1.6}.topic-card{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--r);border:1px solid var(--border);background:var(--surface-2);transition:all .2s var(--ease);cursor:pointer;text-align:left;width:100%}.topic-card:hover{border-color:var(--border-strong);transform:translate(3px);background:var(--surface-hover)}.topic-card.active{border-color:var(--brand-400);background:#22d3ee1f}.topic-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;font-size:20px;background:linear-gradient(140deg,#22d3ee38,#0e74902e);flex-shrink:0}.rank-item{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px dashed rgba(103,232,249,.1)}.rank-item:last-child{border-bottom:0}.rank-no{width:26px;height:26px;flex-shrink:0;display:grid;place-items:center;border-radius:8px;font-size:12px;font-weight:900;background:var(--surface-2);color:var(--text-3)}.rank-no.top1{background:linear-gradient(140deg,#fde047,#f59e0b);color:#1a0f02}.rank-no.top2{background:linear-gradient(140deg,#e2e8f0,#94a3b8);color:#1a0f02}.rank-no.top3{background:linear-gradient(140deg,#fdba74,#c2410c);color:#1a0f02}.profile-hero{display:flex;align-items:center;gap:22px;padding:24px;border-radius:var(--r-xl);background:radial-gradient(600px 260px at 92% -20%,rgba(34,211,238,.24),transparent 62%),linear-gradient(140deg,#0d2740eb,#051322db);border:1px solid var(--border);flex-wrap:wrap}.profile-avatar{width:84px;height:84px;flex-shrink:0;display:grid;place-items:center;border-radius:26px;font-size:42px;background:linear-gradient(140deg,var(--brand-500),var(--deep-500));border:2px solid rgba(103,232,249,.35);box-shadow:0 12px 34px -12px #22d3ee99}.tabs{display:flex;gap:5px;padding:5px;border-radius:var(--r-full);background:#030c178c;border:1px solid var(--border);overflow-x:auto}.tab{padding:8px 18px;border-radius:var(--r-full);font-size:13px;font-weight:600;color:var(--text-3);white-space:nowrap;transition:all .2s var(--ease)}.tab:hover{color:var(--text)}.tab.active{color:#04121f;background:linear-gradient(120deg,var(--brand-300),var(--brand-500));font-weight:700;box-shadow:0 5px 15px -6px #22d3eecc}.order-card{display:flex;flex-direction:column;gap:13px}.order-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:11px;border-bottom:1px solid var(--border);flex-wrap:wrap}.order-no{font-size:11.5px;color:var(--text-3);font-family:ui-monospace,Cascadia Code,Consolas,monospace}.order-item-line{display:grid;grid-template-columns:46px 1fr auto;gap:11px;align-items:center;padding:7px 0}.order-item-thumb{width:46px;height:46px;border-radius:9px;display:grid;place-items:center;font-size:21px;background-color:#08243a}.status-pill{padding:3px 11px;border-radius:var(--r-full);font-size:11.5px;font-weight:700}.status-pending{color:#fde68a;background:#f59e0b29}.status-paid{color:#a5f3fc;background:#22d3ee29}.status-shipped{color:#ddd6fe;background:#8b5cf629}.status-done{color:#bbf7d0;background:#22c55e29}.status-cancelled{color:#cbd5e1;background:#64748b33}.notice-item{display:flex;gap:12px;padding:13px;border-radius:var(--r);border:1px solid var(--border);background:var(--surface-2);transition:all .2s var(--ease)}.notice-item.unread{border-color:var(--border-strong);background:#22d3ee14}.notice-icon{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;border-radius:10px;font-size:17px;background:#030c1780}.tier-track{position:relative;height:10px;border-radius:var(--r-full);background:#030c17b3;overflow:hidden}.tier-fill{height:100%;border-radius:var(--r-full);background:linear-gradient(90deg,var(--brand-400),var(--accent-violet));transition:width .9s var(--ease-out)}.perk-item{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;color:var(--text-2);padding:4px 0}.perk-item .perk-check{color:var(--accent-green);font-weight:900}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#02080fb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .22s var(--ease)}@keyframes fadeIn{0%{opacity:0}}.modal{width:100%;max-width:460px;max-height:88vh;overflow-y:auto;background:linear-gradient(165deg,#0d2740fc,#051322fc);border:1px solid var(--border-strong);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);animation:modalIn .3s var(--ease-out)}.modal.wide{max-width:860px}.modal.xwide{max-width:1080px}@keyframes modalIn{0%{opacity:0;transform:translateY(22px) scale(.97)}}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 22px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5;background:#091c2ef7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-title{font-size:17px;font-weight:800;display:flex;align-items:center;gap:9px}.modal-body{padding:22px}.modal-foot{padding:16px 22px;border-top:1px solid var(--border);display:flex;gap:11px;justify-content:flex-end}.drawer{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:430px;z-index:210;display:flex;flex-direction:column;background:linear-gradient(165deg,#0b2137fc,#040f1bfc);border-left:1px solid var(--border-strong);box-shadow:-22px 0 60px -18px #000c;animation:drawerIn .32s var(--ease-out)}@keyframes drawerIn{0%{transform:translate(100%)}}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border)}.drawer-body{flex:1;overflow-y:auto;padding:18px 20px}.drawer-foot{padding:16px 20px;border-top:1px solid var(--border);background:#040f1bb3}.toast-stack{position:fixed;top:calc(var(--nav-h) + 14px);right:20px;z-index:400;display:flex;flex-direction:column;gap:10px;pointer-events:none;max-width:min(380px,calc(100vw - 40px))}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:11px;padding:13px 16px;border-radius:var(--r);background:#061626f7;border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:toastIn .34s var(--ease-out)}@keyframes toastIn{0%{opacity:0;transform:translate(40px) scale(.96)}}.toast.out{animation:toastOut .3s var(--ease) forwards}@keyframes toastOut{to{opacity:0;transform:translate(40px)}}.toast-icon{font-size:17px;line-height:1.3}.toast-title{font-size:13px;font-weight:800}.toast-msg{font-size:12.5px;color:var(--text-2);line-height:1.55}.toast.success{border-left:3px solid var(--accent-green)}.toast.error{border-left:3px solid var(--accent-red)}.toast.warn{border-left:3px solid var(--accent-amber)}.toast.info{border-left:3px solid var(--brand-400)}.empty{display:flex;flex-direction:column;align-items:center;gap:11px;padding:54px 20px;text-align:center;color:var(--text-3)}.empty-icon{font-size:46px;opacity:.5}.empty-title{font-size:15px;font-weight:700;color:var(--text-2)}.empty-desc{font-size:12.5px;max-width:400px;line-height:1.7}.skeleton{border-radius:var(--r);background:linear-gradient(100deg,#67e8f90d 30%,#67e8f924,#67e8f90d 70%);background-size:220% 100%;animation:shimmer 1.5s infinite linear}@keyframes shimmer{to{background-position:-220% 0}}.footer{margin-top:auto;padding:36px 0 30px;border-top:1px solid var(--border);background:#030b1499}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:30px}.footer-col h4{font-size:13.5px;font-weight:700;margin-bottom:11px;color:var(--text)}.footer-link{display:block;font-size:12.5px;color:var(--text-3);padding:3px 0;transition:color .18s}.footer-link:hover{color:var(--brand-300)}.footer-bottom{margin-top:26px;padding-top:18px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:11.5px;color:var(--text-4)}.t-1{font-size:11.5px}.t0{font-size:12.5px}.t1{font-size:13.5px}.t2{font-size:15px}.t3{font-size:17px}.t4{font-size:21px}.t5{font-size:27px}.muted{color:var(--text-2)}.muted-2{color:var(--text-3)}.muted-3{color:var(--text-4)}.strong{font-weight:700}.bolder{font-weight:800}.center{text-align:center}.right{text-align:right}.nowrap{white-space:nowrap}.tnum{font-variant-numeric:tabular-nums}.upper{text-transform:uppercase;letter-spacing:.08em}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.relative{position:relative}.pointer{cursor:pointer}.full{width:100%}.scroll-x{overflow-x:auto;display:flex;gap:9px;padding-bottom:5px}.scroll-x::-webkit-scrollbar{height:6px}.fade-in{animation:fadeIn .4s var(--ease)}.rise{animation:rise .5s var(--ease-out) both}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}.c-brand{color:var(--brand-300)}.c-amber{color:var(--accent-amber)}.c-orange{color:var(--accent-orange)}.c-rose{color:#fb7185}.c-green{color:var(--accent-green)}.c-violet{color:#a78bfa}.divider-v{width:1px;align-self:stretch;background:var(--border);margin:0 4px}.notice-bar{display:flex;align-items:center;gap:10px;padding:10px 15px;border-radius:var(--r);font-size:12.5px;background:#22d3ee17;border:1px solid rgba(34,211,238,.24);color:var(--brand-100)}.notice-bar.amber{background:#f59e0b1a;border-color:#f59e0b47;color:#fde68a}.notice-bar.rose{background:#f43f5e1a;border-color:#f43f5e47;color:#fecdd3}@media (max-width: 1399px){.topbar-inner{gap:14px}.nav-links{gap:1px}.nav-link{padding:8px 11px;font-size:13.5px}.topbar-actions{gap:7px}}@media (max-width: 1279px){.nav-link{padding:8px 10px}.nav-label{display:none}.nav-link .nav-emoji{font-size:17px}.logo-text,.city-label{display:none}.topbar-inner{gap:12px}}@media (max-width: 1180px){.feed{grid-template-columns:1fr}.map-shell{grid-template-columns:268px 1fr}.hero-grid{grid-template-columns:1fr}.g-5{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 900px){.nav-links{display:none}.map-shell{grid-template-columns:1fr}.g-4,.g-3{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-metrics{grid-template-columns:repeat(2,1fr)}.spot-list{max-height:340px}}@media (max-width: 680px){body{font-size:14px}.container,.topbar-inner{padding:0 15px}.page{padding:20px 0 108px}.tabbar{display:block}.logo-sub,.logo-text{display:none}.hero{padding:20px;border-radius:var(--r-lg)}.hero-temp{font-size:50px}.g-2,.g-3,.g-4,.g-5,.g-auto{grid-template-columns:1fr}.card{padding:15px;border-radius:var(--r)}.card.pad-lg{padding:18px}.section-title{font-size:18px}.modal-body,.modal-head,.modal-foot{padding:16px}.drawer{max-width:100%}.toast-stack{left:14px;right:14px;top:auto;bottom:calc(72px + env(safe-area-inset-bottom));max-width:none}.catch-strip{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr;gap:20px}.checkout-bar{flex-direction:column;align-items:stretch}.hour-strip{grid-template-columns:repeat(12,minmax(0,1fr))}.factor-row{grid-template-columns:78px 1fr 54px;gap:8px}.post-media.n3 .photo{height:104px}.hero-metrics{grid-template-columns:repeat(2,1fr)}}@media (min-width: 681px){.hide-desktop{display:none!important}}@media (max-width: 680px){.hide-mobile{display:none!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}