:root{--cream: #fff7f0;--cream-2: #fdeee3;--card: #ffffff;--surface: #ffffff;--bg: #fff7f0;--primary: #ff9a76;--primary-d: #ff7e54;--primary-soft: #ffe9df;--primary-2: #c3b2f5;--primary-2-d: #a78bfa;--primary-2-soft: #f1ecfe;--text: #3a2f2a;--muted: #6b5f57;--ok: #5cb88a;--bad: #c0392b;--border: rgba(0, 0, 0, .08);--card-border: rgba(0, 0, 0, .12);--accent: var(--primary);--coin: #9c6b00;--muted-2: #7a6b5f;--radius: 18px;--radius-lg: 18px;--radius-md: 14px;--radius-sm: 12px;--hover: rgba(0, 0, 0, .03);--shadow: 0 4px 16px rgba(0, 0, 0, .08);--shadow-brand: 0 6px 16px rgba(255, 126, 84, .3);--shadow-brand-sm: 0 4px 12px rgba(255, 126, 84, .28);--shadow-brand-xs: 0 2px 6px rgba(255, 126, 84, .16);--line-brand: rgba(255, 126, 84, .25);--nav-h: 56px;--app-w: 480px;--code-bg: #1e2433;--code-fg: #e6e6e6;--wx-green: #07c160;--fs-xs: 11px;--fs-sm: 13px;--fs-base: 15px;--fs-md: 16px;--fs-lg: 20px;--fs-xl: 26px;--fw-regular: 400;--fw-medium: 500;--fw-bold: 600;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}@media (prefers-color-scheme: dark){:root{--cream: #1c1714;--cream-2: #251e1a;--card: #251e1a;--surface: #2c2420;--bg: #241d1a;--text: #f3e9e2;--muted: #b3a396;--muted-2: #96887b;--primary: #ff9a76;--primary-d: #ff8a5e;--primary-soft: #4a3328;--primary-2: #c3b2f5;--primary-2-d: #b9a6f7;--primary-2-soft: #3a3050;--border: rgba(255,255,255,.08);--card-border: rgba(255,255,255,.14);--accent: var(--primary);--coin: #e0a84a;--hover: rgba(255,255,255,.04);--shadow: 0 4px 16px rgba(0,0,0,.45);--shadow-brand: 0 6px 16px rgba(255,126,84,.22);--shadow-brand-sm: 0 4px 12px rgba(255,126,84,.2);--shadow-brand-xs: 0 2px 6px rgba(255,126,84,.14);--line-brand: rgba(255,126,84,.3);--bad: #e88a8a;--ok: #6fc79a}body:not(.admin-page){background:linear-gradient(160deg,#1c1714,#241d28)}body:not(.admin-page) #app{border-color:#ffffff14;box-shadow:0 20px 60px #00000080}}body.light{--cream: #fff7f0;--cream-2: #fdeee3;--card: #ffffff;--surface: #ffffff;--bg: #fff7f0;--text: #3a2f2a;--muted: #6b5f57;--muted-2: #7a6b5f;--primary: #ff9a76;--primary-d: #ff7e54;--primary-soft: #ffe9df;--primary-2: #c3b2f5;--primary-2-d: #a78bfa;--primary-2-soft: #f1ecfe;--border: rgba(0,0,0,.08);--card-border: rgba(0,0,0,.12);--accent: var(--primary);--coin: #9c6b00;--hover: rgba(0,0,0,.03);--shadow: 0 4px 16px rgba(0,0,0,.08);--shadow-brand: 0 6px 16px rgba(255,126,84,.3);--shadow-brand-sm: 0 4px 12px rgba(255,126,84,.28);--shadow-brand-xs: 0 2px 6px rgba(255,126,84,.16);--line-brand: rgba(255,126,84,.25);--bad: #e07a7a;--ok: #5cb88a}body.light:not(.admin-page){background:linear-gradient(160deg,#fff7f0,#fff3ec)}body.light:not(.admin-page) #app{border-color:#00000014;box-shadow:0 20px 60px #0000001f}body.dark{--cream: #1c1714;--cream-2: #251e1a;--card: #251e1a;--surface: #2c2420;--bg: #241d1a;--text: #f3e9e2;--muted: #b3a396;--muted-2: #96887b;--primary: #ff9a76;--primary-d: #ff8a5e;--primary-soft: #4a3328;--primary-2: #c3b2f5;--primary-2-d: #b9a6f7;--primary-2-soft: #3a3050;--border: rgba(255,255,255,.08);--card-border: rgba(255,255,255,.14);--accent: var(--primary);--coin: #e0a84a;--hover: rgba(255,255,255,.04);--shadow: 0 4px 16px rgba(0,0,0,.45);--shadow-brand: 0 6px 16px rgba(255,126,84,.22);--shadow-brand-sm: 0 4px 12px rgba(255,126,84,.2);--shadow-brand-xs: 0 2px 6px rgba(255,126,84,.14);--line-brand: rgba(255,126,84,.3);--bad: #e88a8a;--ok: #6fc79a}body.dark:not(.admin-page){background:linear-gradient(160deg,#1c1714,#241d28)}body.dark:not(.admin-page) #app{border-color:#ffffff14;box-shadow:0 20px 60px #00000080}[data-admin-theme=dark]{--cream: #121217;--cream-2: #16161c;--card: rgba(255, 255, 255, .04);--surface: rgba(255, 255, 255, .045);--bg: rgba(255, 255, 255, .02);--text: #e9e9ee;--muted: rgba(233, 233, 238, .55);--muted-2: rgba(233, 233, 238, .4);--primary: #f5a04a;--primary-d: #ff9a5e;--primary-soft: rgba(245, 160, 74, .14);--primary-2: #a5b4fc;--primary-2-d: #8b9cf8;--primary-2-soft: rgba(165, 180, 252, .14);--border: rgba(255, 255, 255, .08);--card-border: rgba(255, 255, 255, .11);--accent: var(--primary);--coin: #e0a84a;--hover: rgba(255, 255, 255, .05);--shadow: 0 10px 34px rgba(0, 0, 0, .5);--shadow-brand: 0 6px 18px rgba(245, 160, 74, .18);--shadow-brand-sm: 0 4px 12px rgba(245, 160, 74, .16);--shadow-brand-xs: 0 2px 6px rgba(245, 160, 74, .12);--line-brand: rgba(245, 160, 74, .28);--bad: #f87171;--ok: #4ade80}body[data-admin-theme=dark]{background:#121217}[data-admin-theme=dark] .card{background:var(--card);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border:1px solid var(--card-border);border-radius:14px;box-shadow:inset 0 1px #ffffff0a,0 10px 34px #00000073}[data-admin-theme=dark] input,[data-admin-theme=dark] textarea{background:#ffffff0d;color:var(--text);border-color:var(--card-border)}[data-admin-theme=dark] input:focus,[data-admin-theme=dark] textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}[data-admin-theme=dark] .admin-flash{background:var(--surface);border:1px solid var(--card-border);color:var(--text)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;background:linear-gradient(160deg,var(--cream) 0%,var(--cream-2) 100%);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#app{max-width:var(--app-w);margin:0 auto;padding:16px;padding-bottom:calc(80px + var(--safe-b));height:100%;overflow-y:auto;overscroll-behavior-y:none}body.admin-page #app{max-width:none;width:100%;padding:0}@media (min-width: 600px){body:not(.admin-page){background:linear-gradient(160deg,#f4eae0,#efe4ef)}body:not(.admin-page) #app{max-width:430px;--app-w: 430px;margin:28px auto;background:var(--surface);border-radius:28px;box-shadow:0 20px 60px #3a2f2a2e;border:1px solid rgba(255,255,255,.7);min-height:calc(100vh - 56px);height:calc(100vh - 56px);overflow-y:auto;overscroll-behavior-y:none;padding-bottom:calc(80px + var(--safe-b))}}h1{font-size:26px;margin:8px 0 16px}h2{font-size:20px;margin:12px 0}h3{font-size:16px;margin:0 0 6px}.card{background:var(--card);border:1px solid rgba(0,0,0,.05);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:12px}input,button,textarea{font-family:inherit;font-size:15px}input,textarea{width:100%;border:1.5px solid var(--card-border);border-radius:12px;padding:11px 13px;margin-bottom:10px;background:#fffdfb;color:var(--text);outline:none}input:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}:focus-visible{outline:2px solid var(--primary-d);outline-offset:2px;border-radius:6px}input:focus-visible,textarea:focus-visible{outline:none}img.img-fading{opacity:0}img.img-faded{opacity:1;transition:opacity .32s ease}img.img-fade-err{opacity:1!important;background:var(--primary-soft);object-fit:cover}.layer-enter-active,.layer-leave-active{transition:opacity .2s ease}.layer-enter-from,.layer-leave-to{opacity:0}.layer-enter-active .post-detail,.layer-leave-active .post-detail,.layer-enter-active .ip-img,.layer-leave-active .ip-img{transition:transform .22s cubic-bezier(.2,.8,.2,1)}.layer-enter-from .post-detail,.layer-enter-from .ip-img{transform:scale(.95)}.view-enter-active,.view-leave-active{transition:opacity .14s ease,transform .14s ease}.view-enter-from{opacity:0;transform:translateY(10px)}.view-leave-to{opacity:0;transform:translateY(-8px)}.view-wrap{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.profile-page{flex:1;min-height:0;overflow:auto}.field-err{color:var(--bad);font-size:12px;margin:4px 0 0 2px;line-height:1.4}.field-hint{color:var(--muted);font-size:12px;margin:4px 0 0 2px;line-height:1.4}input.invalid,select.invalid,textarea.invalid{border-color:var(--bad)!important}input.invalid:focus,select.invalid:focus,textarea.invalid:focus{box-shadow:0 0 0 3px #e07a7a2e}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}button{background:linear-gradient(135deg,var(--primary),var(--primary-d));color:#5b2e14;border:none;border-radius:12px;padding:12px 18px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-brand);transition:transform .15s ease,filter .15s ease}button:hover{filter:brightness(1.05)}button:active{transform:scale(.96)}button.ghost{background:#fff;color:var(--primary-d);border:1.5px solid var(--primary);box-shadow:none}.grid{display:grid;gap:12px}nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--app-w);display:flex;gap:4px;padding:8px 10px calc(8px + var(--safe-b));background:#fff7f0f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--card-border);flex-wrap:nowrap}nav .navbtn{position:relative;flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;background:transparent;color:var(--primary-d);border:none;border-radius:12px;padding:7px 4px;font-size:13px;font-weight:600;line-height:1;box-shadow:none;white-space:nowrap}nav .navbtn .nav-badge{position:absolute;top:2px;right:calc(50% - 22px);min-width:16px;height:16px;padding:0 4px;min-height:16px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;line-height:1;color:#fff;background:var(--bad);border-radius:999px;box-shadow:0 0 0 2px var(--surface);pointer-events:none}body.dark nav .navbtn .nav-badge{box-shadow:0 0 0 2px var(--surface)}nav .navbtn .ico{font-size:16px;line-height:1}nav .navbtn.on{background:linear-gradient(135deg,var(--primary),var(--primary-d));color:#5b2e14;box-shadow:var(--shadow-brand-sm)}@media (orientation: landscape) and (max-height: 480px){nav{padding-top:4px;padding-bottom:calc(4px + var(--safe-b))}nav .navbtn{padding:4px 2px;font-size:11px}#app{padding-bottom:calc(58px + var(--safe-b))}}@supports not (backdrop-filter: blur(10px)){nav{background:var(--cream)}}.msgs{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;max-height:60vh;overflow-y:auto}.msgs>div{background:#fff;border-radius:12px;padding:9px 12px;box-shadow:0 2px 8px #0000000a}.msgs b{color:var(--primary-d);margin-right:6px}.badge{display:inline-block;background:var(--cream-2);color:var(--primary-d);border-radius:999px;padding:2px 10px;font-size:12px;margin-left:6px}.onboard-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;background:#281c168c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.onboard-card{width:100%;max-width:360px;background:var(--card);border-radius:var(--radius-lg);padding:28px 24px;box-shadow:var(--shadow-brand);text-align:center;animation:ob-pop .28s ease-out}@keyframes ob-pop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.onboard-card .ob-logo{color:var(--primary);margin-bottom:6px}.onboard-card h2{font-size:19px;margin:4px 0 16px;color:var(--text)}.ob-points{text-align:left;margin:0 0 20px;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}.ob-points li{font-size:14px;color:var(--muted);line-height:1.5;padding-left:14px;position:relative}.ob-points li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--primary)}.ob-points b{color:var(--primary-d);font-weight:700}.ob-go{width:100%;padding:14px;font-size:16px}.back-btn{float:right;padding:6px 12px;min-height:28px;margin:0;font-size:13px;border:1px solid var(--card-border);border-radius:999px;background:var(--surface);color:var(--text);cursor:pointer;box-shadow:none;display:inline-flex;align-items:center;gap:4px}.back-btn:hover{filter:none;background:var(--bg)}.back-btn:active{transform:scale(.96)}.app-coin{display:inline-flex;align-items:center;gap:4px;color:var(--coin);font-weight:700}.netbar{position:fixed;top:0;left:50%;transform:translate(-50%);z-index:90;width:100%;max-width:var(--app-w);padding:8px 16px calc(8px + var(--safe-t));text-align:center;font-size:12px;color:#5b2e14;background:linear-gradient(135deg,var(--primary),var(--primary-d));box-shadow:var(--shadow-brand-sm);animation:netbar-in .25s ease-out}@keyframes netbar-in{0%{transform:translate(-50%,-100%)}to{transform:translate(-50%)}}@keyframes sk-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.sk{background:linear-gradient(90deg,var(--bg) 25%,var(--primary-soft) 50%,var(--bg) 75%);background-size:200% 100%;animation:sk-shimmer 1.4s ease-in-out infinite;border-radius:8px}.bcard,.post.card{content-visibility:auto;contain-intrinsic-size:auto 220px}