:root{--pq-primary: #0ea5a4;--pq-primary-press: #0b8c8b;--pq-cta: #ff5a3c;--pq-cta-press: #e64b31;--pq-gold: #ffc145;--pq-coral: #ff7a59;--pq-sun: #ffd166;--pq-sea: #0ea5a4;--pq-sea-deep: #0b8f8f;--pq-ink: #0b1f2a;--pq-ink-2: rgba(11, 31, 42, .72);--pq-ink-3: rgba(11, 31, 42, .52);--pq-border: rgba(11, 31, 42, .12);--pq-muted: var(--pq-ink-2);--pq-bg-sand: #f6f1e8;--pq-bg-sky: #eaf6ff;--pq-surface: rgba(255, 255, 255, .92);--pq-surface-2: rgba(255, 255, 255, .8);--pq-r-sm: 14px;--pq-r-md: 18px;--pq-r-lg: 24px;--pq-r-xl: 28px;--pq-sh-sm: 0 10px 26px rgba(2, 6, 23, .06);--pq-sh-md: 0 18px 40px rgba(2, 6, 23, .1);--pq-glow-sea: 0 14px 30px rgba(14, 165, 164, .26);--pq-glow-sun: 0 16px 34px rgba(255, 193, 69, .3);--pq-glow-sunset: 0 16px 36px rgba(255, 90, 60, .26);--pq-page-w: 420px;--pq-pad: 16px;--pq-nav-h: 74px;--pq-safe-b: env(safe-area-inset-bottom, 0px);--pq-font: "Avenir Next", "SF Pro Display", "SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--pq-h1: 22px;--pq-h2: 18px;--pq-body: 14px;--pq-caption: 12px;--pq-ease: cubic-bezier(.2, .8, .2, 1);--color-bg: var(--pq-bg-sand);--color-surface: var(--pq-surface);--color-surface-2: var(--pq-surface-2);--color-border: var(--pq-border);--color-text: var(--pq-ink);--color-text-2: var(--pq-ink-2);--color-text-3: var(--pq-ink-3);--font-sans: var(--pq-font);--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--text-xs: 12px;--text-sm: 13px;--text-md: 15px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 24px;--radius-sm: var(--pq-r-sm);--radius-md: var(--pq-r-md);--radius-lg: var(--pq-r-lg);--radius-full: 999px;--shadow-1: var(--pq-sh-sm);--shadow-2: var(--pq-sh-md);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--app-max-width: var(--pq-page-w);--bottom-nav-height: var(--pq-nav-h);--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--dur-1: .15s;--dur-2: .22s;--cta-bg: linear-gradient(180deg, var(--pq-cta), var(--pq-cta-press));--cta-text: rgba(255, 255, 255, .96);--cta-shadow: 0 14px 30px rgba(255, 90, 60, .28);--cta-ring: 0 0 0 3px rgba(255, 90, 60, .22);--grad-lagoon: linear-gradient(135deg, #13c0c0, #0ea5a4);--pq-cta-2: linear-gradient(135deg, #ff7a59, #ff5a3c);--ocean-600: #0ea5a4;--ocean-800: #0b5e66}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--pq-font);color:var(--pq-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background:radial-gradient(1200px 600px at 20% 0%,rgba(14,165,164,.1),transparent 55%),radial-gradient(900px 520px at 86% 10%,rgba(255,90,60,.1),transparent 60%),linear-gradient(180deg,var(--pq-bg-sky),var(--pq-bg-sand))}#root{height:100%}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{border:0;background:none;padding:0;margin:0;color:inherit}img{display:block;max-width:100%}:focus-visible{outline:3px solid rgba(14,165,164,.35);outline-offset:2px;border-radius:10px}::selection{background:#0ea5a43d}*{-webkit-tap-highlight-color:transparent}.pqApp{max-width:var(--pq-page-w);width:min(100%,var(--pq-page-w));min-height:100vh;margin:0 auto;background:transparent;position:relative}.pqMain{padding:14px var(--pq-pad) calc(var(--pq-nav-h) + var(--pq-safe-b) + 16px)}@media (min-width: 980px){body{background:radial-gradient(900px 520px at 14% 6%,rgba(14,165,164,.18),transparent 62%),radial-gradient(820px 520px at 86% 8%,rgba(255,90,60,.14),transparent 62%),radial-gradient(640px 420px at 50% 88%,rgba(255,193,69,.1),transparent 65%),linear-gradient(180deg,#f8fbfd,#f2f6f8 55%,#eef3f5)}.pqApp{margin:28px auto 40px;min-height:calc(100vh - 68px);background:#fffffff0;border-radius:32px;box-shadow:0 60px 120px #0a192338,0 0 0 1px #0b1f2a14;overflow:hidden}.pqApp:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px #ffffffb3}.pqMain{padding:18px var(--pq-pad) calc(var(--pq-nav-h) + var(--pq-safe-b) + 20px)}}@media (pointer: coarse),(hover: none){.pqApp{max-width:100%;width:100%;margin:0}}.pqRow{display:flex;align-items:center;justify-content:space-between;gap:12px}.pqCol{display:flex;flex-direction:column;gap:10px}.pqTitle{font-size:var(--pq-h1);font-weight:800;letter-spacing:.2px}.pqSub{font-size:var(--pq-body);color:var(--pq-ink-2)}.pqCaption{font-size:var(--pq-caption);color:var(--pq-ink-3)}.pqDivider{height:1px;background:#0b1f2a14;width:100%}.pqCard{position:relative;border-radius:var(--pq-r-lg);background:var(--pq-surface);border:1px solid rgba(11,31,42,.08);box-shadow:var(--pq-sh-sm);overflow:hidden}.pqCard--press{cursor:pointer;transition:transform .18s var(--pq-ease),box-shadow .18s var(--pq-ease)}.pqCard--press:active{transform:translateY(1px) scale(.995);box-shadow:0 10px 24px #02061714}.pqCard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(520px 220px at 16% 10%,rgba(255,255,255,.55),transparent 60%);pointer-events:none}.pqMedia{position:relative;width:100%;height:180px;overflow:hidden}.pqMedia img{width:100%;height:100%;object-fit:cover}.pqImgFallback{width:100%;height:100%;background:linear-gradient(180deg,#94a3b847,#94a3b81f);position:relative}.pqImgFallback:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(520px 220px at 16% 10%,rgba(255,255,255,.55),transparent 60%);pointer-events:none}.pqImgFallback:before{content:"📷";position:absolute;left:14px;top:12px;font-size:18px;opacity:.5}.pqCardBody{padding:14px}.pqCardTitle{font-size:16px;font-weight:800}.pqCardMeta{margin-top:8px;display:flex;gap:10px;flex-wrap:wrap;color:var(--pq-ink-2);font-size:13px}.pqBtn{border:0;border-radius:999px;padding:12px 14px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform .16s var(--pq-ease),filter .16s var(--pq-ease),box-shadow .16s var(--pq-ease);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.pqBtn:active{transform:translateY(1px) scale(.995)}.pqBtn:disabled{opacity:.55;cursor:not-allowed}.pqBtn--primary{color:#fffffff0;background:linear-gradient(180deg,var(--pq-primary),#0b8f8f);box-shadow:0 12px 26px #0ea5a440}.pqBtn--primary:active{filter:brightness(.98)}.pqBtn--cta{color:#fffffff5;background:linear-gradient(180deg,var(--pq-cta),#e64b31);box-shadow:0 14px 30px #ff5a3c47}.pqBtn--cta:active{filter:brightness(.98)}.pqBtn--secondary{color:var(--pq-ink);background:#ffffffeb;border:1px solid rgba(11,31,42,.12);box-shadow:0 10px 20px #0206170f}.pqBtn--ghost{color:var(--pq-ink);background:transparent;border:1px solid rgba(11,31,42,.1)}.pqBtn--danger{color:#fffffff5;background:linear-gradient(180deg,#ef4444,#dc2626);box-shadow:0 14px 30px #ef444438}.pqBtn--sm{padding:10px 12px;font-size:13px}.pqBtn--lg{padding:14px 16px;font-size:15px}.pqBtn--full{width:100%}.pqIconBtn{width:44px;height:44px;border-radius:999px;border:1px solid rgba(11,31,42,.12);background:#ffffffdb;box-shadow:0 10px 20px #0206170f;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .16s var(--pq-ease)}.pqIconBtn:active{transform:translateY(1px) scale(.99)}.pqChip{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;border:1px solid rgba(11,31,42,.1);background:#fffc;color:var(--pq-ink);box-shadow:0 10px 18px #0206170d;font-weight:800;font-size:13px}.pqChip--soft{border-color:#0ea5a42e;background:#0ea5a414;color:#064b4b}.pqField{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:999px;border:1px solid rgba(11,31,42,.1);background:#ffffffe0;box-shadow:0 12px 22px #0206170f}.pqField input{border:0;outline:none;background:transparent;width:100%;font-size:14px;color:var(--pq-ink)}.pqField .ph{color:var(--pq-ink-3);font-weight:700}.pqNav{position:fixed;left:50%;transform:translate(-50%);bottom:10px;width:min(var(--pq-page-w),calc(100vw - 22px));padding:10px 10px calc(10px + var(--pq-safe-b));border-radius:22px;background:radial-gradient(140px 70px at 20% 0%,rgba(0,185,177,.18),transparent 62%),radial-gradient(150px 80px at 80% 0%,rgba(255,88,53,.16),transparent 62%),#ffffffe6;border:1px solid rgba(11,31,42,.1);box-shadow:0 22px 56px #02061729;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.pqNavGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.pqNavItem{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border-radius:16px;color:var(--pq-ink-2);font-size:11px;font-weight:800;transition:color .16s var(--pq-ease),transform .16s var(--pq-ease),background .16s var(--pq-ease)}.pqNavItem:active{transform:translateY(1px)}.pqNavItem--active{background:linear-gradient(135deg,#00b9b133,#ff58352e);color:#063747;box-shadow:inset 0 1px #ffffffc7,0 10px 22px #00b9b12e,0 12px 24px #ff58351f}.pqNavIcon{width:22px;height:22px}.pqSheetOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0206176b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;padding:12px;z-index:1000}.pqSheet{width:min(var(--pq-page-w),calc(100vw - 24px));border-radius:26px;background:#ffffffeb;border:1px solid rgba(11,31,42,.1);box-shadow:0 22px 60px #02061738;overflow:hidden}.pqSheetHead{padding:14px 14px 10px;display:flex;align-items:center;justify-content:space-between}.pqSheetTitle{font-size:16px;font-weight:900}.pqSheetBody{padding:0 14px 14px;max-height:min(62vh,520px);overflow:auto}.pqSheetFoot{padding:12px 14px 14px;border-top:1px solid rgba(11,31,42,.08)}.pqList{display:flex;flex-direction:column;gap:12px}.pqItemRow{display:flex;gap:12px;align-items:center}.pqThumb{width:56px;height:56px;border-radius:14px;overflow:hidden;background:#0b1f2a0f;border:1px solid rgba(11,31,42,.08)}.pqThumb img{width:100%;height:100%;object-fit:cover}.pqGrow{flex:1;min-width:0}.pqEllipsis{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:break-word;word-break:normal;-webkit-hyphens:auto;hyphens:auto}.pqPill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#0b1f2a0f;color:var(--pq-ink-2);font-weight:800;font-size:12px}.pqMap{border-radius:var(--pq-r-lg);overflow:hidden;border:1px solid rgba(11,31,42,.1);background:#ffffffb3;box-shadow:var(--pq-sh-sm)}.pqMap iframe{width:100%;height:220px;border:0}