:root{color-scheme:dark;--bg: #0b0c10;--bg2: #0f1117;--card: rgba(255, 255, 255, .06);--card-strong: rgba(255, 255, 255, .1);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .6);--border: rgba(255, 255, 255, .08);--main: #00d8ff;--main2: #9b6bff;--danger: #ff5c5c;--r-sm: 12px;--r-md: 16px;--r-lg: 20px;--shadow-sm: 0 10px 24px rgba(0, 0, 0, .25);--shadow-md: 0 18px 48px rgba(0, 0, 0, .35);--ring: 0 0 0 3px color-mix(in srgb, var(--main) 36%, transparent);--text-sm: clamp(12px, 1.2vw, 14px);--text-base: clamp(14px, 1.4vw, 16px);--text-lg: clamp(16px, 2vw, 20px);--text-xl: clamp(20px, 2.8vw, 28px);--gap-1: clamp(8px, 1.2vw, 12px);--gap-2: clamp(12px, 1.8vw, 18px);--gap-3: clamp(16px, 2.6vw, 24px);--page-max: 760px}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(900px 420px at 12% 0%,rgba(0,216,255,.18),transparent 55%),radial-gradient(700px 420px at 88% 10%,rgba(155,107,255,.16),transparent 55%),linear-gradient(180deg,var(--bg2),var(--bg));color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,PingFang SC,Microsoft Yahei,sans-serif}::selection{background:color-mix(in srgb,var(--main) 30%,transparent)}@media(pointer:fine){*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:#ffffff0a}*::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:999px;border:2px solid rgba(0,0,0,0);background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#ffffff24;background-clip:padding-box}}#root{width:100%;min-height:100vh}a{color:inherit;text-decoration:none}a:hover{opacity:.92}img,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit}button,input,textarea,select{-webkit-tap-highlight-color:transparent}:where(button,input,textarea,select,a):focus-visible{outline:none;box-shadow:var(--ring);border-radius:12px}.page{width:min(var(--page-max),100% - 32px);margin:0 auto;padding:16px 0}@media(max-width:480px){.page{width:calc(100% - 24px)}}.minw0{min-width:0}.app-container{display:flex;flex-direction:column;height:100vh;background:var(--bg);color:var(--text)}:root{--tabbar-height: 58px}.content{flex:1;overflow-y:auto;padding-bottom:calc(var(--tabbar-height) + env(safe-area-inset-bottom,0px))}.tab-bar{position:fixed;bottom:0;left:0;width:100%;height:var(--tabbar-height);background:#ffffff0d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:space-around;align-items:center;border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0px)}.tab-item{flex:1;min-width:0;text-decoration:none;color:#ffffff80;position:relative;transition:color .18s ease,filter .18s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:2px;-webkit-tap-highlight-color:transparent}.tab-item .icon{font-size:20px;line-height:1;transform-origin:center;transition:transform .2s cubic-bezier(.2,.8,.2,1)}.tab-item:hover{filter:brightness(1.08)}.tab-item .text{font-size:clamp(10px,2.6vw,12px);line-height:1;max-width:100%;padding:0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-item.active{color:var(--main);font-weight:700}.tab-item.active:before{content:"";position:absolute;inset:6px 10px 10px;border-radius:999px;background:color-mix(in srgb,var(--main) 18%,transparent);box-shadow:0 6px 16px #0000002e;opacity:.95;transform:scale(.98);transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .18s ease;pointer-events:none}@supports not (background: color-mix(in srgb,red 10%,transparent)){.tab-item.active:before{background:#ffffff14}}.tab-item .icon,.tab-item .text{position:relative;z-index:2}.tab-item.active:active:before{transform:scale(.96);opacity:.9}.tab-item.active .icon{transform:scale(1.12);animation:tab-pop .26s cubic-bezier(.2,.8,.2,1) both}.tab-item:after{content:"";position:absolute;left:50%;bottom:6px;width:18px;height:3px;border-radius:999px;background:var(--main);transform:translate(-50%) scaleX(.35);opacity:0;transition:opacity .18s ease,transform .22s cubic-bezier(.2,.8,.2,1)}.tab-item.active:after{opacity:1;transform:translate(-50%) scaleX(1)}.tab-item:active .icon{transform:scale(.94)}@keyframes tab-pop{0%{transform:scale(.92)}60%{transform:scale(1.16)}to{transform:scale(1.12)}}@media(prefers-reduced-motion:reduce){.tab-item,.tab-item .icon,.tab-item:after{transition:none!important;animation:none!important}}@media(min-width:768px){:root{--tabbar-height: 62px}.tab-item .icon{font-size:22px}.tab-item .text{font-size:12px}}@media(max-width:380px){:root{--tabbar-height: 54px}.tab-item .icon{font-size:18px}.tab-item .text{font-size:10px}}@media(max-width:340px){:root{--tabbar-height: 52px}.tab-item .text{display:none}.tab-item{gap:0}.tab-item .icon{font-size:20px}}.user-info-box{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:14px;border-radius:var(--r-lg);border:1px solid var(--border);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm)}.avatar-box{width:52px;height:52px;flex:0 0 52px;border-radius:50%;background:radial-gradient(120% 120% at 20% 0%,#00d8fff2,#9b6bffa6);color:#000000eb;font-weight:700;font-size:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 32px #00d8ff24}.user-text{flex:1;min-width:0}.user-name{font-size:18px;font-weight:700}.user-sign{font-size:13px;color:var(--muted)}.edit-btn{padding:8px 12px;background:#ffffff0f;color:var(--text);border:1px solid var(--border);border-radius:12px;font-size:14px;white-space:nowrap;cursor:pointer;transition:transform .12s ease,background .16s ease,border-color .16s ease}.edit-btn:hover{background:#ffffff14;border-color:#ffffff24}.edit-btn:active{transform:translateY(1px)}.stats-box{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px}.stat-card{background:#ffffff0d;border:1px solid var(--border);padding:12px;text-align:center;border-radius:var(--r-md);box-shadow:0 12px 32px #0000002e;transition:transform .16s ease,background .16s ease,border-color .16s ease}@media(pointer:fine){.stat-card:hover{transform:translateY(-2px);background:#ffffff0f;border-color:#ffffff24}}.stat-num{font-size:20px;font-weight:700}.stat-label{font-size:12px;color:var(--muted)}.goal-list-title{font-size:18px;font-weight:700;margin-bottom:10px}.empty{color:var(--muted);text-align:center;padding:16px 0}.add-btn{display:block;margin:20px auto 0;padding:10px 16px;background:linear-gradient(90deg,#00d8ffe6,#9b6bffbf);color:#000000eb;text-align:center;width:min(220px,100%);border-radius:12px;text-decoration:none;font-weight:800;box-shadow:0 18px 40px #00d8ff24;border:1px solid rgba(255,255,255,.1);transition:transform .14s ease,filter .14s ease}.add-btn:hover{filter:brightness(1.04)}.add-btn:active{transform:translateY(1px)}@media(min-width:1024px){.user-info-box{margin-bottom:24px}.stats-box{gap:12px;margin-bottom:24px}}@media(max-width:480px){.stats-box{grid-template-columns:1fr}.edit-btn{padding:8px 10px}}.goal-card{display:block;border-radius:var(--r-md);padding:14px;margin-bottom:14px;text-decoration:none;color:var(--text);border:1px solid var(--border);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 32px #00000038;transition:transform .16s ease,background .16s ease,border-color .16s ease}@media(pointer:fine){.goal-card:hover{transform:translateY(-2px);background:#ffffff0f;border-color:#ffffff24}}.goal-card:active{transform:translateY(0)}.goal-card-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.goal-card-title{font-size:16px;font-weight:900;letter-spacing:.2px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.goal-check-status{width:28px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;display:flex;align-items:center;justify-content:center;color:#ffffff8c;font-size:14px;font-weight:900;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.goal-check-status.checked{background:color-mix(in srgb,var(--main) 22%,transparent);border-color:color-mix(in srgb,var(--main) 40%,rgba(255,255,255,.12));color:#ffffffeb;box-shadow:0 10px 24px #00d8ff1f}@supports not (background:color-mix(in srgb,red 10%,transparent)){.goal-check-status.checked{background:#00d8ff2e;border-color:#00d8ff59}}.goal-card-days{margin-top:10px;font-size:13px;color:#ffffffa6;display:flex;justify-content:space-between;gap:10px}.goal-card-progress-bar{margin-top:10px;width:100%;height:10px;background:#ffffff0f;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.goal-card-progress-fill{height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--main) 85%,#fff 0%),color-mix(in srgb,var(--main2) 60%,#fff 0%));border-radius:999px}@supports not (background:linear-gradient(90deg,color-mix(in srgb,red 10%,transparent),color-mix(in srgb,blue 10%,transparent))){.goal-card-progress-fill{background:linear-gradient(90deg,#00d8ffcc,#9b6bffb3)}}@media(prefers-reduced-motion:reduce){.goal-card,.goal-check-status{transition:none}}.app-header{position:sticky;top:0;z-index:20;padding:10px 0;background:#0c0d12b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 10px 24px #0000002e}.app-header-inner{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px}.app-header-title{font-size:var(--text-lg);font-weight:900;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header-left,.app-header-right{display:flex;align-items:center;justify-content:center}.app-header-btn{width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s ease,background .16s ease,border-color .16s ease}.app-header-btn:hover{background:#ffffff14;border-color:#ffffff2e}.app-header-btn:active{transform:translateY(1px)}.app-header-spacer{width:36px;height:36px}.goal-form{margin-top:12px}.form-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px;box-shadow:0 12px 30px #00000040}.form-section+.form-section{margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.section-title{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px}.sec-icon{width:20px;height:20px;flex:0 0 auto;color:#ffffffd9;margin-top:2px}.sec-h{font-size:16px;font-weight:700;color:var(--text);line-height:1.2}.sec-sub{margin-top:2px;font-size:12px;color:var(--muted)}.form-grid{display:grid;gap:12px;grid-template-columns:1fr}@media(min-width:860px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.span-2{grid-column:span 2}}.form-group label{display:inline-block;font-size:13px;color:var(--muted);margin-bottom:6px}.req{color:#ff4d4df2;margin-left:4px}.control{position:relative}.form-group input,.form-group select,.form-group textarea{width:100%;border-radius:12px;border:1px solid var(--border);background:var(--card-strong);color:var(--text);padding:12px;outline:none;transition:border-color .16s ease,box-shadow .16s ease,transform .12s ease}.form-group textarea{resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#00bcd48c;box-shadow:0 0 0 4px #00bcd424}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff59}.form-group select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,rgba(255,255,255,.65) 50%),linear-gradient(135deg,rgba(255,255,255,.65) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:36px}.hint{margin-top:6px;font-size:12px;color:#ffffff6b}.inline-icon{display:inline-flex;vertical-align:-3px;margin-right:6px}.mini-icon{width:14px;height:14px;color:#ffffffb8}.counter{position:absolute;right:10px;bottom:10px;font-size:11px;color:#ffffff6b;background:#00000040;border:1px solid rgba(255,255,255,.1);padding:2px 6px;border-radius:999px;pointer-events:none}.counter.over{color:#ff7878f2;border-color:#ff787859}.has-error input,.has-error select,.has-error textarea{border-color:#ff5a5aa6;box-shadow:0 0 0 4px #ff5a5a1a}.field-error{margin-top:6px;font-size:12px;color:#ff7878f2}.form-error{margin-top:12px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,120,120,.35);background:#ff50501a;color:#ffa0a0f2;font-size:13px}.form-actions{margin-top:14px;display:flex;gap:10px;justify-content:flex-end}.ghost-btn,.primary-btn{border-radius:12px;padding:12px 14px;font-weight:700;border:1px solid var(--border);cursor:pointer;transition:transform .12s ease,box-shadow .16s ease,filter .16s ease}.ghost-btn{background:#ffffff0f;color:#fffc}.ghost-btn:hover{filter:brightness(1.08)}.ghost-btn:active{transform:scale(.985)}.primary-btn{background:linear-gradient(135deg,#00bcd4f2,#00bcd4a6);border-color:#00bcd44d;color:#06242b;box-shadow:0 10px 26px #00bcd429}.primary-btn:hover{filter:brightness(1.05)}.primary-btn:active{transform:scale(.985);box-shadow:0 8px 18px #00bcd42e}@media(prefers-reduced-motion:reduce){.ghost-btn,.primary-btn,.form-group input,.form-group select,.form-group textarea{transition:none}}.toast{position:sticky;top:12px;z-index:20;margin:10px auto 0;width:min(760px,100%);padding:10px 12px;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);box-shadow:0 10px 30px #00000040}.toast--error{background:#ff46461f;border-color:#ff5a5a4d}.toast--info{background:#0096ff1f;border-color:#0096ff47}.toast--success{background:#3cdc8c1f;border-color:#3cdc8c47}.toast-close{width:30px;height:30px;border-radius:10px;border:1px solid var(--border);background:#ffffff0f;color:var(--text);cursor:pointer}.toast-close:active{transform:translateY(1px)}.form-group.shake{animation:shake .32s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@media(prefers-reduced-motion:reduce){.form-group.shake{animation:none}}.ps-root{position:relative;width:100%}.ps-trigger{width:100%;height:44px;padding:0 14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff0f;color:#ffffffeb;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;transition:box-shadow .18s ease,border-color .18s ease,background .18s ease,transform .06s ease;outline:none}.ps-root.lg .ps-trigger{height:48px;border-radius:16px}.ps-trigger:hover{border-color:#00d1ff59;background:#ffffff14}.ps-trigger:active{transform:translateY(1px)}.ps-trigger.open{border-color:#00d1ff8c;box-shadow:0 0 0 4px #00d1ff1f}.ps-value{font-size:14px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.ps-root.lg .ps-value{font-size:15px}.ps-value.placeholder{color:#ffffff8c}.ps-caret{flex:0 0 auto;opacity:.85;transform:translateY(-1px)}.ps-panel{position:absolute;z-index:50;left:0;right:0;margin-top:10px;padding:10px;border-radius:16px;background:#121212eb;border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 80px #0000008c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.ps-panel-inner{max-height:260px;overflow:auto;padding-right:4px}.ps-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-radius:12px;border:1px solid transparent;background:transparent;color:#ffffffe0;cursor:pointer;text-align:left;transition:background .14s ease,border-color .14s ease}.ps-option:hover{background:#ffffff0f;border-color:#ffffff14}.ps-option.active{background:#00d1ff1f;border-color:#00d1ff38}.ps-option:disabled{opacity:.45;cursor:not-allowed}.ps-check{flex:0 0 auto;font-weight:700;opacity:.95}.ps-check.ghost{opacity:0}.ps-panel-inner::-webkit-scrollbar{width:8px}.ps-panel-inner::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:20px}.ps-panel-inner::-webkit-scrollbar-track{background:transparent}@media(max-width:360px){.ps-trigger{border-radius:12px}}@media(prefers-reduced-motion:reduce){.ps-trigger,.ps-option{transition:none}}.goal-detail-page{padding-bottom:120px}.goal-detail-page .toast{position:sticky;top:56px;z-index:40;width:min(860px,calc(100% - 24px));margin:10px auto 0;border-radius:14px;padding:12px;border:1px solid rgba(255,255,255,.1);background:#121216e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;gap:10px;align-items:center;justify-content:space-between}.goal-detail-page .toast-success{border-color:#00dcff59}.goal-detail-page .toast-error{border-color:#ff565673}.goal-detail-page .toast-warn{border-color:#ffc53d66}.goal-detail-page .toast-x{border:0;background:#ffffff0f;color:#ffffffd9;border-radius:10px;padding:6px 10px;cursor:pointer}.goal-detail-page .toast-x:hover{background:#ffffff17}.goal-hero{width:min(860px,calc(100% - 24px));margin:12px auto 0}.hero-card{position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#1010129e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 46px #00000059}.hero-card:before{content:"";position:absolute;inset:0;background:radial-gradient(900px 260px at 10% 0%,rgba(0,220,255,.18),transparent 60%),radial-gradient(700px 260px at 90% 15%,rgba(148,92,255,.16),transparent 60%),linear-gradient(to bottom,rgba(255,255,255,.05),transparent);pointer-events:none}.hero-top{position:relative;padding:16px;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:start}@media(max-width:720px){.hero-top{grid-template-columns:1fr}}.hero-title h2{margin:0;font-size:20px;font-weight:900;color:#fffffff5;letter-spacing:.2px}.hero-sub{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px}.pill{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#ffffffc7}.hero-desc{position:relative;margin:0;padding:0 16px 14px;color:#ffffffc7;font-size:13px;line-height:1.45}.ring{position:relative;width:92px;height:92px;justify-self:end}@media(max-width:720px){.ring{justify-self:start}}.ring svg{width:92px;height:92px;display:block}.ring-bg{fill:none;stroke:#ffffff1a;stroke-width:3.2}.ring-fg{fill:none;stroke:#00dcffb3;stroke-width:3.2;stroke-linecap:round}.ring-center{position:absolute;inset:0;display:grid;place-items:center;text-align:center}.ring-num{font-weight:900;color:#fffffff2;font-size:18px}.ring-label{margin-top:-2px;font-size:12px;color:#fff9}.hero-stats{position:relative;padding:0 16px 16px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media(max-width:720px){.hero-stats{grid-template-columns:repeat(2,1fr)}}.stat{border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;padding:10px 12px}.stat-k{font-size:12px;color:#ffffff9e}.stat-v{margin-top:3px;font-size:16px;font-weight:900;color:#fffffff2}.hero-actions{position:relative;padding:0 16px 16px;display:flex;gap:10px;flex-wrap:wrap}.btn{border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffeb;border-radius:14px;padding:10px 14px;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease,opacity .12s ease}.btn:hover{background:#ffffff14}.btn:active{transform:translateY(1px)}.btn.primary{background:#00dcff2e;border-color:#00dcff59}.btn.primary:hover{background:#00dcff38}.btn.ghost{background:transparent}.btn.danger{background:#ff565629;border-color:#ff565659}.btn.danger:hover{background:#ff565633}.detail-grid{width:min(860px,calc(100% - 24px));margin:12px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:860px){.detail-grid{grid-template-columns:1fr}}.panel{border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#1010129e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.panel-h{padding:14px 16px;display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(255,255,255,.08)}.panel-h h3{margin:0;font-size:14px;font-weight:900;color:#ffffffeb}.panel-hint{font-size:12px;color:#fff9}.empty{padding:16px;text-align:center}.empty-title{font-weight:900;color:#ffffffeb}.empty-sub{margin-top:6px;color:#fff9;font-size:13px}.recent-list{padding:10px 10px 14px;display:grid;gap:10px}.recent-item{width:100%;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;border-radius:16px;padding:12px;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;text-align:left;color:inherit}.recent-item:hover{background:#ffffff12}.recent-main{min-width:0}.recent-text{font-weight:800;color:#ffffffeb;font-size:13px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.recent-time{margin-top:6px;font-size:12px;color:#ffffff94}.recent-thumb{width:56px;height:56px;border-radius:14px;border:1px solid rgba(255,255,255,.12);overflow:hidden;background:#ffffff0f}.recent-thumb img{width:100%;height:100%;object-fit:cover;display:block}.spark-wrap{padding:14px 16px 12px}.spark{width:100%;height:110px;display:block}.spark-grid{stroke:#ffffff1f;stroke-width:1.2}.spark-path{fill:none;stroke:#00dcffbf;stroke-width:2.2}.spark-dot{fill:#ffffffe6}.spark-text{fill:#ffffffb3;font-size:10px;font-weight:700}.spark-legend{margin-top:8px;display:flex;justify-content:space-between;font-size:12px;color:#fff9}.tag-row{padding:14px 16px 16px;display:flex;flex-wrap:wrap;gap:8px}.tag{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffd1}.muted{color:#ffffff8c}.modal-mask{position:fixed;inset:0;z-index:60;background:#0000008f;display:grid;place-items:center;padding:18px}.modal{width:min(520px,100%);border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#121216eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px}.modal-h{display:flex;align-items:center;justify-content:space-between;gap:10px}.modal-h h3{margin:0;font-size:15px;font-weight:900;color:#fffffff2}.icon-x,.modal-x{border:0;background:#ffffff0f;color:#ffffffd9;border-radius:12px;padding:6px 10px;cursor:pointer}.icon-x:hover,.modal-x:hover{background:#ffffff1a}.field{margin-top:12px;display:grid;gap:8px}.field span{font-size:12px;color:#ffffffb3}.field textarea,.field input[type=file]{width:100%}.field textarea{border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#ffffffeb;padding:12px;outline:none;resize:none}.field textarea:focus{border-color:#00dcff66;box-shadow:0 0 0 4px #00dcff24}.modal-actions{margin-top:14px;display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.inline-error{margin-top:10px;border:1px solid rgba(255,86,86,.45);background:#ff56561a;color:#ffbebefa;border-radius:14px;padding:10px 12px;font-size:13px}.page-loading{width:min(860px,calc(100% - 24px));margin:12px auto 0;color:#ffffffb3;text-align:center}.history-page{color:var(--text)}.history-page h2{font-size:var(--text-xl);font-weight:900;margin:4px 0 18px}.empty{text-align:center;margin-top:30px;color:var(--muted)}.history-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.history-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-radius:12px;background:var(--card);border:1px solid var(--border)}.history-date{font-size:var(--text-base)}.history-status{font-weight:900;color:var(--main)}.back-btn{width:100%;padding:12px;margin-top:18px;border:none;background:var(--main);color:#000;border-radius:12px;font-weight:900}@media(max-width:480px){.history-item{flex-direction:column;align-items:flex-start}}.punch-detail-page{color:var(--text)}.punch-card{margin-top:12px;border-radius:18px;padding:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 40px #00000059;display:flex;flex-direction:column;gap:12px}.punch-meta{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.punch-id{font-weight:700;letter-spacing:.3px;opacity:.9}.punch-time{font-size:12px;opacity:.7}.punch-content{line-height:1.6;white-space:pre-wrap}.punch-img{border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#00000038;min-height:160px;display:grid;place-items:center}.punch-img img{width:100%;height:auto;display:block}.punch-img.empty{font-size:13px;opacity:.7}.inline-error{margin-top:12px;border-radius:14px;padding:10px 12px;border:1px solid rgba(255,96,96,.35);background:#ff606014}.page-loading{margin-top:12px;font-size:13px;opacity:.75}.punch-actions{display:flex;justify-content:flex-end;gap:10px}.me-page{width:min(900px,calc(100% - 24px));margin:0 auto;display:flex;flex-direction:column;gap:14px;padding-bottom:18px}.me-hero{position:relative;margin-top:-6px}.me-hero-bg{position:absolute;inset:-14px -14px auto;height:176px;border-radius:18px;background:radial-gradient(1200px 260px at 0% 0%,rgba(64,255,209,.34),transparent 58%),radial-gradient(900px 260px at 100% 0%,rgba(95,135,255,.26),transparent 58%),linear-gradient(180deg,rgba(255,255,255,.06),transparent);pointer-events:none}.me-hero-card{position:relative;border-radius:18px;padding:14px;background:#1214189e;border:1px solid rgba(255,255,255,.1);box-shadow:0 14px 44px #00000061;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.me-hero-card:before{content:"";position:absolute;inset:0;background:radial-gradient(700px 220px at 20% 0%,rgba(0,220,255,.1),transparent 60%);pointer-events:none}.me-user{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}@media(max-width:560px){.me-user{grid-template-columns:auto 1fr;grid-template-rows:auto auto}.me-edit{grid-column:1 / -1;justify-self:stretch}}.me-avatar{width:56px;height:56px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;display:grid;place-items:center;box-shadow:0 10px 24px #00000038}.me-avatar-img{width:100%;height:100%;object-fit:cover}.me-avatar-text{width:100%;height:100%;display:grid;place-items:center;font-weight:950;font-size:20px;color:#000000eb;background:linear-gradient(135deg,#40ffd1f2,#5f87ffe6)}.me-user-meta{min-width:0}.me-name{font-size:18px;font-weight:950;letter-spacing:.2px;color:#fffffff2}.me-bio{margin-top:3px;font-size:12.5px;color:#ffffffb3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.me-edit{border:0;cursor:pointer;border-radius:14px;padding:10px 12px;font-weight:950;color:#000000eb;background:var(--main);box-shadow:0 12px 26px #00000040;transition:transform .12s ease,filter .12s ease}.me-edit:hover{filter:brightness(1.03)}.me-edit:active{transform:translateY(1px) scale(.99)}.me-kpis{position:relative;margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.me-kpi{border:1px solid rgba(255,255,255,.1);background:#ffffff0f;border-radius:16px;padding:12px 10px;cursor:pointer;text-align:left;transition:transform .14s ease,background .14s ease,border-color .14s ease}.me-kpi:hover{transform:translateY(-1px);border-color:#ffffff24;background:#ffffff14}.me-kpi:active{transform:translateY(0) scale(.995)}.me-kpi-v{font-size:18px;font-weight:950;color:#fffffff2}.me-kpi-l{margin-top:3px;font-size:12px;color:#ffffff9e}.me-section{display:flex;flex-direction:column;gap:10px}.me-section-title{font-size:13px;font-weight:950;color:#ffffffb8;letter-spacing:.2px}.me-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media(min-width:860px){.me-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.me-tile{border:1px solid rgba(255,255,255,.1);background:#1214189e;border-radius:18px;padding:12px;cursor:pointer;text-align:left;box-shadow:0 12px 34px #00000038;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .14s ease,border-color .14s ease,background .14s ease;min-height:108px}.me-tile:hover{transform:translateY(-1px);border-color:#ffffff24;background:#ffffff0f}.me-tile:active{transform:translateY(0) scale(.995)}.me-tile-ic{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;box-shadow:0 10px 22px #0000002e;font-size:18px}.me-tile-t{margin-top:10px;font-weight:950;color:#ffffffeb}.me-tile-s{margin-top:4px;font-size:12px;color:#ffffff9e}.me-skel{position:relative;overflow:hidden;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.me-skel:after{content:"";position:absolute;inset:0;transform:translate(-60%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:meShimmer 1.2s ease-in-out infinite}.me-skel-line{height:12px;border-radius:10px}.me-skel-line.w1{width:160px}.me-skel-line.w2{width:240px;margin-top:8px}.me-skel-btn{height:40px;width:92px;border-radius:14px}@media(max-width:560px){.me-skel-btn{width:100%}}@keyframes meShimmer{0%{transform:translate(-60%)}to{transform:translate(60%)}}.edit-profile-page{color:var(--text);padding-bottom:calc(18px + env(safe-area-inset-bottom))}.ep-toast{position:sticky;top:10px;z-index:50;margin:0 auto 12px;width:min(760px,100%);border-radius:14px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 26px #00000059}.ep-toast-success{background:#2ecc7124}.ep-toast-error{background:#e74c3c29}.ep-toast-msg{font-size:var(--text-base)}.ep-toast-x{border:none;background:transparent;color:var(--text);cursor:pointer;font-size:16px;opacity:.9}.ep-hero{position:relative;margin:6px 0 14px}.ep-hero-bg{position:absolute;inset:-8px -16px auto;height:170px;border-radius:20px;background:radial-gradient(900px 220px at 20% 0%,rgba(255,214,0,.22),transparent 60%),radial-gradient(800px 220px at 90% 0%,rgba(99,102,241,.24),transparent 60%),linear-gradient(180deg,#ffffff0f,#fff0);pointer-events:none}.ep-hero-card{position:relative;padding:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 30px #00000052}.ep-avatar-wrap{display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px;align-items:center}.ep-avatar-btn{width:88px;height:88px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;box-shadow:0 10px 22px #0000004d;overflow:hidden;cursor:pointer;padding:0}.ep-avatar-btn:active{transform:translateY(1px)}.ep-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.ep-avatar-text{width:100%;height:100%;display:grid;place-items:center;font-weight:900;font-size:30px;letter-spacing:1px;background:radial-gradient(120px 120px at 30% 20%,rgba(255,214,0,.22),transparent 60%),radial-gradient(120px 120px at 80% 80%,rgba(99,102,241,.22),transparent 60%),#ffffff0a}.ep-hero-meta{min-width:0}.ep-hero-title{font-size:var(--text-lg);font-weight:900;margin-bottom:4px}.ep-hero-sub{opacity:.85;font-size:var(--text-sm);margin-bottom:10px}.ep-mode{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}.ep-chip{border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--text);border-radius:999px;padding:8px 12px;cursor:pointer;font-weight:800;font-size:var(--text-sm)}.ep-chip.active{border-color:#ffd6008c;box-shadow:0 8px 20px #ffd60029;background:#ffd6001f}.ep-actions{display:flex;gap:10px;flex-wrap:wrap}.ep-btn{border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--text);border-radius:12px;padding:10px 12px;cursor:pointer;font-weight:900}.ep-btn:active{transform:translateY(1px)}.ep-btn-ghost{background:transparent}.ep-btn-primary{background:var(--main);color:#000;border-color:transparent}.ep-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:14px;box-shadow:0 14px 36px #00000059}.ep-section{padding:6px 2px 2px}.ep-section-title{display:flex;align-items:center;gap:10px;font-weight:900;margin:2px 0 10px}.ep-dot{width:10px;height:10px;border-radius:999px;background:#ffd600d9;box-shadow:0 0 0 6px #ffd60029}.ep-divider{height:1px;background:#ffffff1a;margin:12px 0}.ep-field{margin-bottom:14px}.ep-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}.ep-label-row label{font-weight:900;font-size:var(--text-base)}.ep-counter{font-size:var(--text-sm);opacity:.75}.ep-counter.bad{color:#e74c3cf2;opacity:1}.ep-input,.ep-textarea{width:100%;border:1px solid rgba(255,255,255,.12);background:#00000029;color:var(--text);border-radius:14px;padding:12px;outline:none}.ep-textarea{resize:vertical;min-height:96px}.ep-input:focus,.ep-textarea:focus{border-color:#ffd60099;box-shadow:0 0 0 4px #ffd60024}.ep-input.error,.ep-textarea.error{border-color:#e74c3cd9;box-shadow:0 0 0 4px #e74c3c29}.ep-error{margin-top:8px;font-size:var(--text-sm);color:#e74c3cf2;font-weight:800}.ep-hint{margin-top:8px;font-size:var(--text-sm);opacity:.78}.ep-bottom{margin-top:6px}.ep-save{width:100%;padding:12px 14px;border:none;border-radius:14px;background:var(--main);color:#000;font-weight:1000;font-size:var(--text-base);cursor:pointer;box-shadow:0 14px 30px #ffd6002e}.ep-save:active{transform:translateY(1px)}.ep-file{display:none}@keyframes ep-shake{0%{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}to{transform:translate(0)}}.ep-shake{animation:ep-shake .26s ease-in-out}@media(prefers-reduced-motion:reduce){.ep-shake{animation:none}}.ep-modal-mask{position:fixed;inset:0;background:#0000008c;display:grid;place-items:center;z-index:120;padding:18px}.ep-modal{width:min(520px,100%);background:#141414eb;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:14px;box-shadow:0 22px 60px #0000008c}.ep-modal-title{font-weight:1000;font-size:var(--text-lg);margin-bottom:10px}.ep-crop-row{display:flex;gap:14px;align-items:flex-start;justify-content:center}.ep-crop-side{display:flex;flex-direction:column;gap:8px;min-width:140px}.ep-crop-preview-title{font-size:var(--text-sm);opacity:.85}.ep-crop-preview{width:120px;height:120px;border-radius:50%;overflow:hidden;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 28px #00000059;display:grid;place-items:center}.ep-preview-canvas{width:120px;height:120px;display:block}.ep-crop-hint{font-size:var(--text-sm);opacity:.7;line-height:1.2}.ep-crop{position:relative;width:var(--cropSize, 240px);height:var(--cropSize, 240px);margin:10px auto 12px;border-radius:50%;overflow:hidden;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);touch-action:none}.ep-crop-img{position:absolute;left:50%;top:50%;width:var(--cropSize, 240px);height:var(--cropSize, 240px);object-fit:cover;will-change:transform}.ep-crop-frame{position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 2px #ffd60059;pointer-events:none}.ep-crop-ctrl{display:flex;align-items:center;gap:10px;margin:8px 0 6px}.ep-crop-label{font-size:var(--text-sm);opacity:.8}.ep-range{width:100%}.ep-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}@media(max-width:420px){.ep-avatar-wrap{grid-template-columns:78px minmax(0,1fr)}.ep-avatar-btn{width:78px;height:78px;border-radius:20px}.ep-avatar-text{font-size:26px}}@media(max-width:520px){.ep-crop-row{flex-direction:column;align-items:center}.ep-crop-side{align-items:center;text-align:center}}.ep-btn:disabled{opacity:.55;cursor:not-allowed;filter:saturate(.8)}.ep-btn.primary:disabled{background:#ffffff1a;border-color:#ffffff24;color:#ffffffa6}.my-posts-page{display:flex;flex-direction:column;gap:var(--gap-2, 16px)}.my-posts-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.my-posts-search{flex:1;min-width:220px;display:flex;align-items:center;gap:8px;background:var(--card, rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:10px 12px}.my-posts-search input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--text, #fff);font-size:14px}.my-posts-search-ico{opacity:.8}.my-posts-clear{border:none;background:#ffffff14;color:var(--text, #fff);width:28px;height:28px;border-radius:10px;cursor:pointer}.my-posts-go-community{text-decoration:none;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:var(--text, #fff);font-size:13px}.my-posts-list{display:grid;gap:12px}.my-posts-card{text-decoration:none;color:inherit;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:8px;transition:transform .12s ease,background .12s ease}.my-posts-card:hover{transform:translateY(-1px);background:#ffffff14}.my-posts-card-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.my-posts-title{font-weight:700;letter-spacing:.2px}.my-posts-time{font-size:12px;opacity:.75;white-space:nowrap}.my-posts-content{font-size:13px;opacity:.92;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.my-posts-meta{display:flex;gap:10px;align-items:center;font-size:12px;opacity:.85}.my-posts-pin{padding:2px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f}.my-posts-empty{background:#ffffff0d;border:1px dashed rgba(255,255,255,.16);border-radius:18px;padding:20px;text-align:center}.my-posts-empty-title{font-weight:800;font-size:16px;margin-bottom:6px}.my-posts-empty-desc{opacity:.8;font-size:13px;margin-bottom:12px}.my-posts-primary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:10px 14px;border-radius:14px;background:var(--main, #5b8cff);color:#fff;font-weight:700}.mp-toast{position:fixed;left:50%;top:84px;transform:translate(-50%);z-index:60;display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1e23328c;color:var(--text);min-width:min(520px,calc(100vw - 24px))}.mp-toast.success{background:#195a418c}.mp-toast.error{background:#78232d99}.mp-toast-body{min-width:0;flex:1}.mp-toast-title{font-weight:800}.mp-toast-msg{font-size:13px;opacity:.9;margin-top:2px}.mp-toast-close{border:0;background:#ffffff1a;color:var(--text);border-radius:12px;padding:6px 10px;cursor:pointer}.settings-page{padding-bottom:calc(var(--tabbar-height, 64px) + 18px)}.sp-hero{position:relative;border-radius:18px;overflow:hidden;margin:12px 0 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.sp-hero-bg{position:absolute;inset:-40px;background:radial-gradient(600px 240px at 20% 20%,rgba(80,160,255,.25),transparent 55%),radial-gradient(520px 220px at 80% 30%,rgba(255,160,90,.18),transparent 55%),radial-gradient(520px 220px at 50% 90%,rgba(120,255,210,.12),transparent 55%);filter:blur(2px)}.sp-hero-inner{position:relative;padding:16px 16px 14px}.sp-hero-title{font-size:clamp(18px,2.2vw,22px);font-weight:800;letter-spacing:.2px}.sp-hero-sub{margin-top:6px;opacity:.78;font-size:13px;line-height:1.5}.sp-card{margin:12px 0;padding:14px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 30px #00000038}.sp-section-title{font-weight:800;opacity:.9;margin:2px 2px 10px;font-size:13px;letter-spacing:.3px}.sp-divider{height:1px;margin:12px 0;background:#ffffff14}.sp-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;background:transparent;color:inherit;padding:12px 8px;border-radius:14px;cursor:pointer;text-align:left}.sp-toggle:hover{background:#ffffff0a}.sp-toggle-text{min-width:0}.sp-toggle-label{font-weight:700;font-size:14px}.sp-toggle-desc{margin-top:4px;opacity:.72;font-size:12px;line-height:1.4}.sp-switch{width:44px;height:26px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.1);position:relative;flex:0 0 auto;transition:transform .18s ease,background .18s ease,border-color .18s ease}.sp-knob{width:22px;height:22px;border-radius:999px;background:#ffffffeb;position:absolute;top:50%;left:2px;transform:translateY(-50%);transition:left .18s ease,transform .18s ease;box-shadow:0 10px 18px #00000040}.sp-toggle.on .sp-switch{background:#50a0ff59;border-color:#50a0ff73}.sp-toggle.on .sp-knob{left:20px}.sp-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 8px;border-radius:14px;border:0;cursor:pointer;text-align:left;color:inherit;background:transparent}.sp-row:hover{background:#ffffff0a}.sp-row-left{display:flex;align-items:center;gap:10px;min-width:0}.sp-ico{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);flex:0 0 auto}.sp-ico.danger{background:#ff5a5a1a;border-color:#ff5a5a38}.sp-row-text{min-width:0}.sp-row-title{font-weight:720;font-size:14px}.sp-row-desc{margin-top:4px;opacity:.72;font-size:12px;line-height:1.35}.sp-row-right{display:flex;align-items:center;gap:8px;opacity:.78}.sp-row-right-text{font-size:12px}.sp-chevron{font-size:20px;opacity:.6}.sp-row.danger .sp-row-title{color:#ff7878f2}.sp-toast{position:sticky;top:10px;z-index:20;margin:10px auto 0;width:min(520px,100%);padding:10px 12px;border-radius:14px;background:#141418eb;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 16px 36px #00000059}.sp-toast.success{border-color:#78ffd240}.sp-toast.error{border-color:#ff78784d}.sp-toast.info{border-color:#78b4ff40}.sp-toast-text{font-size:13px;opacity:.92}.sp-toast-x{border:0;background:transparent;color:inherit;opacity:.75;cursor:pointer;padding:6px;border-radius:10px}.sp-toast-x:hover{background:#ffffff0f}.sp-confirm-mask{position:fixed;inset:0;background:#0000008c;display:grid;place-items:center;z-index:50;padding:16px}.sp-confirm{width:min(420px,100%);border-radius:18px;padding:14px;background:#121216f2;border:1px solid rgba(255,255,255,.12);box-shadow:0 22px 60px #00000073}.sp-confirm-title{font-weight:850;font-size:16px}.sp-confirm-text{margin-top:8px;font-size:13px;line-height:1.5;opacity:.82}.sp-confirm-actions{margin-top:14px;display:flex;justify-content:flex-end;gap:10px}.sp-btn{border:0;border-radius:12px;padding:10px 12px;cursor:pointer;color:inherit;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.sp-btn:hover{background:#ffffff14}.sp-btn.ghost{background:transparent}.sp-btn.danger{background:#ff50501f;border-color:#ff505047}@media(max-width:380px){.sp-card{padding:12px}.sp-ico{width:32px;height:32px;border-radius:11px}}.edit-goal-page{color:var(--text)}.edit-goal-page h2{font-size:var(--text-xl);font-weight:800;margin:4px 0 18px}.edit-goal-page label{display:block;font-weight:800;margin-top:14px;margin-bottom:6px}.edit-goal-page input,.edit-goal-page select{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--card);color:var(--text)}.form-group{margin-bottom:12px}.save-btn,.delete-btn,.cancel-btn{width:100%;border:none;padding:12px;border-radius:12px;margin-top:12px;font-size:var(--text-base);font-weight:800;cursor:pointer}.save-btn{background:var(--main);color:#000;margin-top:18px}.delete-btn{background:#ff4d4d;color:#fff}.cancel-btn{background:transparent;border:1px solid rgba(255,255,255,.26);color:var(--text)}@media(min-width:1024px){.edit-goal-page .actions-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.save-btn,.delete-btn,.cancel-btn{margin-top:0}.save-btn{grid-column:1 / -1}}.community-page{color:var(--text)}.community-page .community-hero,.community-page .community-list,.community-page .community-toolbar{width:min(860px,calc(100% - 24px));margin-left:auto;margin-right:auto}.community-page .post-card{border-radius:18px;box-shadow:0 14px 40px #00000052;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.community-page .post-card:hover{transform:translateY(-2px);border-color:#ffffff24}.community-page .badge-pinned{background:#ffd25029;border-color:#ffd25059;color:#ffeec8f2}.community-page .like-btn{border-radius:999px;padding:8px 12px;transition:transform .12s ease,background .12s ease,border-color .12s ease}.community-page .like-btn:active{transform:translateY(1px)}.community-page .like-btn.liked{background:#ff565629;border-color:#ff565661;color:#ffdcdcf2}.community-page .toast{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12)}.community-hero{padding:14px 14px 6px;background:radial-gradient(1200px 400px at 20% -10%,rgba(59,130,246,.18),transparent 50%),radial-gradient(900px 380px at 90% 0%,rgba(16,185,129,.12),transparent 55%);border-radius:16px;border:1px solid rgba(255,255,255,.06)}.community-title{font-size:18px;font-weight:900;letter-spacing:.2px}.community-subtitle{margin-top:6px;font-size:13px;color:#ffffffb8;line-height:1.5}.community-toolbar{margin-top:12px;display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center}.community-filters{grid-column:1 / -1;display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}.community-filters button{border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#ffffffdb;padding:8px 12px;border-radius:999px;font-size:13px;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}.community-filters button:hover{transform:translateY(-1px)}.community-filters button.active{background:#7c5cff2e;border-color:#7c5cff73;color:#fff}.search-wrap{position:relative;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.search-icon{color:#ffffffb3;display:grid;place-items:center;flex:0 0 auto}.community-search{flex:1;min-width:0;border:none;outline:none;background:transparent;color:var(--text);font-size:14px}.community-search::placeholder{color:#ffffff73}.search-clear{flex:0 0 auto;width:28px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#ffffffd9;cursor:pointer;line-height:1}.search-wrap:focus-within{border-color:#ffffff2e;box-shadow:0 0 0 4px #3b82f61f}.community-tabs{display:flex;gap:8px;padding:6px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.community-tabs button{padding:8px 12px;border-radius:999px;background:transparent;border:1px solid transparent;color:#fffc;cursor:pointer;font-weight:800;font-size:13px}.community-tabs button.active{background:#ffffff1f;border-color:#ffffff1a;color:#fff}.community-publish{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#3b82f633;color:#fff;cursor:pointer;font-weight:900}.publish-icon{width:22px;height:22px;border-radius:999px;display:grid;place-items:center;background:#ffffff1f}.community-publish:hover{border-color:#ffffff29;background:#3b82f642}.community-list{margin-top:12px;display:grid;gap:10px}.post-item{padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff09;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.post-item:hover{transform:translateY(-1px);border-color:#ffffff24;background:#ffffff0b}.post-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.post-title{font-weight:950;letter-spacing:.2px}.post-time{font-size:12px;color:#ffffff8c;flex:0 0 auto}.post-snippet{margin-top:8px;font-size:13px;line-height:1.6;color:#ffffffc7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-actions{margin-top:12px;display:flex;gap:10px;align-items:center}.post-actions button{border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#ffffffe6;padding:8px 12px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:13px}.post-actions button:hover{background:#ffffff0f;border-color:#ffffff24}.post-like span{font-variant-numeric:tabular-nums}.empty{padding:18px;border-radius:16px;border:1px dashed rgba(255,255,255,.16);background:#ffffff06;text-align:center}.empty-title{font-weight:950}.empty-sub{margin-top:6px;color:#ffffffa6;font-size:13px}.empty-cta{margin-top:12px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#3b82f638;color:#fff;font-weight:900;cursor:pointer}.empty-cta:hover{background:#3b82f647}@media(max-width:720px){.community-toolbar{grid-template-columns:1fr}.community-tabs{justify-content:space-between}.community-publish{justify-content:center;padding:12px 14px}}@media(prefers-reduced-motion:reduce){.post-item{transition:none}}.toast{position:sticky;top:54px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#00000059;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:10px}.toast.success{border-color:#3bd17a59}.toast.error{border-color:#ff5a5a59}.toast.info{border-color:#7c5cff59}.toast-text{color:#ffffffeb;font-size:13px;line-height:1.4}.toast-close{border:none;background:transparent;color:#ffffffd9;font-size:18px;line-height:1;cursor:pointer;padding:2px 6px;border-radius:8px}.toast-close:hover{background:#ffffff0f}.post-top{display:flex;gap:12px;align-items:flex-start}.post-avatar{width:40px;height:40px;border-radius:999px;display:grid;place-items:center;flex:0 0 auto;font-weight:700;color:#ffffffeb;background:#7c5cff2e;border:1px solid rgba(124,92,255,.28);box-shadow:0 8px 18px #0003}.post-meta{flex:1;min-width:0}.post-title-row{display:flex;align-items:center;gap:8px;min-width:0}.pin-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:4px 8px;border-radius:999px;color:#ffffffeb;background:#ffd25a24;border:1px solid rgba(255,210,90,.3);flex:0 0 auto}.post-author{color:#ffffffdb;font-size:13px}.post-submeta{margin-top:6px;display:flex;align-items:center;gap:8px;color:#ffffffa6;font-size:12px}.post-submeta .dot{opacity:.6}.post-tags{display:flex;gap:6px;flex-wrap:wrap}.tag{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:12px;color:#ffffffe0;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.post-item.pinned{border-color:#ffd25a38;box-shadow:0 10px 24px #00000059}.post-like.liked,.post-like.active{background:#7c5cff2e;border-color:#7c5cff66;color:#fff}.post-like .count{margin-left:6px;font-weight:700}.post-pin.active{background:#ffd25a24;border-color:#ffd25a59;color:#fffffff2}@media(max-width:420px){.post-actions{gap:8px;flex-wrap:wrap}.post-like,.post-share,.post-pin{padding:8px 10px}}.community-hero{position:relative;overflow:hidden}.community-hero:before,.community-hero:after{content:"";position:absolute;inset:-40% -30%;background:radial-gradient(520px 280px at 18% 20%,rgba(0,220,255,.18),transparent 55%),radial-gradient(520px 280px at 82% 25%,rgba(148,92,255,.16),transparent 58%),radial-gradient(420px 240px at 55% 85%,rgba(255,255,255,.06),transparent 60%);pointer-events:none;filter:blur(0px)}.community-hero:after{inset:0;background:linear-gradient(to bottom,rgba(255,255,255,.06),transparent 60%);opacity:.85}.community-toolbar{position:sticky;top:56px;z-index:20;padding:10px 12px;margin:12px auto 0;width:min(980px,calc(100% - 24px));border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#101012b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 30px #00000047}.community-tabs{gap:8px;padding:6px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.community-tab{border-radius:999px;padding:9px 14px;font-weight:800;letter-spacing:.2px;transition:transform .12s ease,background .12s ease,border-color .12s ease,color .12s ease,opacity .12s ease;border:1px solid transparent}.community-tab:hover{background:#ffffff14}.community-tab.active{background:#00dcff29;border-color:#00dcff4d;box-shadow:0 10px 22px #00dcff1a}.community-badge{margin-left:6px;padding:2px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f}.community-publish{border-radius:14px;padding:10px 14px;font-weight:900;border:1px solid rgba(0,220,255,.28);background:#00dcff24;box-shadow:0 14px 30px #0000003d;transition:transform .12s ease,background .12s ease,border-color .12s ease}.community-publish:hover{background:#00dcff2e}.community-publish:active{transform:translateY(1px) scale(.99)}.community-list{width:min(980px,calc(100% - 24px));margin:14px auto 0;display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.community-list>.post-card{grid-column:span 12}@media(min-width:720px){.community-list>.post-card{grid-column:span 6}}@media(min-width:1040px){.community-list>.post-card{grid-column:span 4}}.community-loading,.community-empty{grid-column:1 / -1}.post-card{border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#1010129e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 14px 40px #0000004d;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.post-card:hover{transform:translateY(-2px);box-shadow:0 18px 46px #00000059;border-color:#ffffff24;background:#121216b3}.post-card.pinned{border-color:#945cff57;box-shadow:0 18px 54px #945cff1f,0 18px 46px #0000004d}.post-card-head{padding:12px 12px 10px;border-bottom:1px solid rgba(255,255,255,.08)}.post-card-user{gap:10px}.post-avatar-text{width:38px;height:38px;border-radius:14px;background:radial-gradient(22px 22px at 30% 30%,rgba(0,220,255,.35),transparent 65%),radial-gradient(26px 26px at 70% 70%,rgba(148,92,255,.3),transparent 70%),#ffffff14;border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;font-weight:900;color:#ffffffeb}.post-avatar-img{width:38px;height:38px;border-radius:14px;object-fit:cover;border:1px solid rgba(255,255,255,.12)}.post-user-meta .post-username{font-weight:900;letter-spacing:.2px}.post-user-meta .post-time{font-size:12px;color:#ffffff94}.post-card-body{padding:12px;text-align:left}.post-title{font-weight:900;letter-spacing:.2px}.post-content{margin-top:8px;color:#ffffffc7;line-height:1.45;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.post-tags{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.post-tag{padding:6px 10px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffffc7;font-size:12px}.post-tag.pinned{background:#945cff24;border-color:#945cff42}.post-images{margin-top:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;position:relative}.post-images img{width:100%;aspect-ratio:1 / 1;border-radius:14px;object-fit:cover;border:1px solid rgba(255,255,255,.1);background:#ffffff0a}.post-images-more{position:absolute;right:8px;bottom:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#0000008c;color:#ffffffeb;font-size:12px;font-weight:900;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.post-actions{padding:10px 12px 12px;display:flex;justify-content:space-between;gap:10px;border-top:1px solid rgba(255,255,255,.08)}.post-like,.post-comment{border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;padding:9px 12px;font-weight:800;color:#ffffffdb;transition:transform .12s ease,background .12s ease,border-color .12s ease,color .12s ease}.post-like:hover,.post-comment:hover{background:#ffffff14}.post-like.liked{background:#ff565624;border-color:#ff56564d;color:#ffffffeb}.post-like:active,.post-comment:active{transform:translateY(1px) scale(.99)}.post-icon-btn{border-radius:12px;padding:8px 10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);transition:transform .12s ease,background .12s ease}.post-icon-btn:hover{background:#ffffff17}.post-icon-btn:active{transform:translateY(1px) scale(.99)}.community-search-row{margin-top:10px;display:flex;gap:10px}.search-wrap{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 28px #00000040}.search-wrap:hover{border-color:#ffffff24}.search-wrap:focus-within{border-color:#00dcff59;box-shadow:0 12px 30px #00dcff14,0 10px 26px #00000038}.search-clear:hover{background:#ffffff14}.community-tabs.chips{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;margin-right:10px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.community-tabs.chips::-webkit-scrollbar{display:none}.community-tabs.chips .community-tab{flex:0 0 auto;border-radius:999px;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.community-tabs.chips .community-tab.active{background:#00dcff29;border-color:#00dcff57}.post-tags.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.post-tags.chips::-webkit-scrollbar{display:none}.post-tags.chips .post-tag{flex:0 0 auto}.community-skeleton{display:grid;gap:12px}.post-card.skeleton{transform:none!important}.sk{position:relative;overflow:hidden;border-radius:12px;background:#ffffff12;border:1px solid rgba(255,255,255,.06)}.sk:after{content:"";position:absolute;inset:0;transform:translate(-60%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:sk-shimmer 1.2s ease-in-out infinite}@keyframes sk-shimmer{0%{transform:translate(-60%)}to{transform:translate(60%)}}.sk-avatar{width:40px;height:40px;border-radius:999px}.sk-line{height:12px;border-radius:10px}.sk-pill{height:28px;border-radius:999px}.sk-chip{width:56px;height:22px;border-radius:999px}.sk-img{width:100%;aspect-ratio:1 / 1;border-radius:14px}.w-10{width:40px}.w-16{width:64px}.w-24{width:96px}.w-60{width:60%}.w-80{width:80%}.w-90{width:90%}.post-card.skeleton .post-images-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.post-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.post-card-user{display:flex;align-items:center;gap:10px;background:transparent}.post-card-actions{display:flex;gap:6px}.post-card-body{background:linear-gradient(to bottom,#ffffff0a,#ffffff05);border-radius:12px}.post-tags{margin-top:12px}.post-actions{align-items:center}.post-like,.post-comment{display:inline-flex;align-items:center;gap:6px}.post-like span,.post-comment span{font-weight:900}@media(max-width:480px){.post-card{border-radius:16px}.post-card-body{padding:10px}}.post-card{background:linear-gradient(to bottom,#ffffff0f,#ffffff08);border-radius:18px}.post-card-user-name{font-weight:900;letter-spacing:.2px}.post-card-time{font-size:11px;color:#ffffff8c}.post-card-content{line-height:1.6;font-size:14px}.post-actions{padding-top:6px}.post-like,.post-comment{padding:6px 10px;border-radius:999px;background:#ffffff0f}.post-like:hover,.post-comment:hover{background:#ffffff1a}.community-empty{margin:64px 16px 96px;padding:40px 22px 36px;border-radius:22px;text-align:center;background:radial-gradient(700px 240px at 50% -40%,rgba(0,220,255,.14),transparent 60%),#ffffff09;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.empty-illus{position:relative;width:160px;height:160px;margin:0 auto 22px}.empty-illus .core{position:absolute;inset:0;margin:auto;width:68px;height:68px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#a6edff,#22d3ee 60%,#0e7490);box-shadow:0 0 0 10px #22d3ee24,0 14px 36px #00000073}.empty-illus .ring{position:absolute;inset:0;border-radius:50%;border:1px dashed rgba(255,255,255,.28);animation:ring-spin 18s linear infinite}.empty-illus .r2{transform:scale(1.45) rotate(45deg);animation-duration:26s}.empty-illus .dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 12px #ffffffe6;opacity:.85}.empty-illus .d1{top:16px;left:24px}.empty-illus .d2{bottom:26px;right:34px}.empty-illus .d3{top:42px;right:22px}@keyframes ring-spin{0%{transform:rotate(0) scale(1.2)}to{transform:rotate(360deg) scale(1.2)}}.community-empty-title{font-size:19px;font-weight:900;color:#fffffff5}.community-empty-sub{margin-top:10px;font-size:13px;line-height:1.55;color:#ffffffb3}.community-empty-hint{margin-top:16px;font-size:12px;color:#22d3eef2}.post-detail-page{position:relative}.pd-card{background:var(--card, rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;box-shadow:0 10px 30px #00000040;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pd-empty{margin-top:16px;text-align:center}.pd-empty-title{font-size:16px;margin-bottom:12px;opacity:.9}.pd-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.pd-author{display:flex;align-items:center;gap:10px;min-width:0}.pd-avatar{width:42px;height:42px;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:#ffffff14;flex:0 0 auto;display:grid;place-items:center}.pd-avatar img{width:100%;height:100%;object-fit:cover}.pd-avatar-text{font-weight:700;font-size:14px;opacity:.95}.pd-author-meta{min-width:0}.pd-author-name{font-weight:700;font-size:14px;margin-bottom:2px}.pd-author-time{font-size:12px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-author-time2{opacity:.85}.pd-badges{display:flex;align-items:center;gap:8px}.pd-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff14}.pd-badge.pin{border-color:#7c5cff73;background:#7c5cff2e}.pd-title-row{margin:8px 0}.pd-title{margin:0;font-size:clamp(18px,2.6vw,26px);line-height:1.25;letter-spacing:.2px}.pd-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.pd-tag{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;opacity:.92}.pd-content{font-size:14px;line-height:1.7;opacity:.95;white-space:pre-wrap;overflow-wrap:anywhere}.pd-media{margin-top:14px;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#0000002e}.pd-media img{width:100%;height:auto;display:block;cursor:zoom-in}.pd-media-hint{font-size:12px;opacity:.75;padding:10px 12px}.pd-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.pd-btn{border:1px solid rgba(255,255,255,.16);background:#ffffff14;color:var(--text, #fff);border-radius:12px;padding:10px 12px;font-size:13px;cursor:pointer;transition:transform .12s ease,filter .12s ease,background .12s ease,border-color .12s ease;display:inline-flex;align-items:center;gap:8px}.pd-btn:hover{filter:brightness(1.05)}.pd-btn:active{transform:translateY(1px)}.pd-btn.primary{background:#7c5cff47;border-color:#7c5cff73}.pd-btn.ghost{background:#ffffff0a}.pd-btn.liked{background:#ff63842e;border-color:#ff638459}.pd-btn.pinned{background:#ffc80029;border-color:#ffc80059}.pd-badge-num{font-size:12px;opacity:.9}.pd-toast{position:sticky;top:72px;z-index:50;margin:10px 0;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#00000059;padding:12px;display:flex;justify-content:space-between;gap:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pd-toast.success{border-color:#4caf5059}.pd-toast.error{border-color:#f4433659}.pd-toast-title{font-weight:700;font-size:13px;margin-bottom:2px}.pd-toast-msg{font-size:12px;opacity:.9}.pd-toast-close{border:none;background:transparent;color:var(--text, #fff);cursor:pointer;font-size:14px;opacity:.85}.pd-comments{margin-top:14px}.pd-comments-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.pd-comments-title{font-weight:800;font-size:14px}.pd-comments-sub{font-size:12px;opacity:.75}.pd-comment-form{border:1px solid rgba(255,255,255,.1);background:#ffffff0a;border-radius:14px;padding:12px;margin-bottom:12px}.pd-textarea{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#0000002e;color:var(--text, #fff);padding:10px 12px;outline:none;resize:vertical;min-height:88px}.pd-textarea:focus{border-color:#7c5cff8c;box-shadow:0 0 0 4px #7c5cff2e}.pd-textarea.error{border-color:#f443368c;box-shadow:0 0 0 4px #f4433629}.pd-form-row{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:10px}.pd-count{font-size:12px;opacity:.75}.pd-count.over{opacity:1;color:#ff7b7b}.pd-error{margin-top:8px;font-size:12px;color:#ff7b7b}.pd-comment-list{display:flex;flex-direction:column;gap:10px}.pd-empty2{opacity:.75;font-size:13px;padding:10px 2px}.pd-comment{display:flex;gap:10px;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a}.pd-c-avatar{width:36px;height:36px;border-radius:999px;overflow:hidden;background:#ffffff14;border:1px solid rgba(255,255,255,.14);display:grid;place-items:center;flex:0 0 auto}.pd-c-avatar img{width:100%;height:100%;object-fit:cover}.pd-c-avatar-text{font-weight:800;font-size:12px}.pd-c-body{min-width:0;flex:1}.pd-c-top{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.pd-c-author{font-weight:700;font-size:13px}.pd-c-time{font-size:12px;opacity:.7;white-space:nowrap}.pd-c-content{margin-top:6px;font-size:13px;line-height:1.6;opacity:.92;white-space:pre-wrap;overflow-wrap:anywhere}.pd-c-actions{margin-top:8px}.pd-link{border:none;background:transparent;color:#ffffffd9;font-size:12px;cursor:pointer;padding:0;opacity:.8}.pd-link:hover{opacity:1;text-decoration:underline}.pd-viewer{position:fixed;inset:0;z-index:100;background:#000000c7;display:grid;place-items:center;padding:16px}.pd-viewer-inner{position:relative;width:min(980px,100%);max-height:min(90vh,760px);display:grid;place-items:center}.pd-viewer-img{max-width:100%;max-height:90vh;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:#0003}.pd-viewer-close{position:absolute;top:-10px;right:-10px;width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#00000080;color:#fff;cursor:pointer;font-size:16px}@media(max-width:420px){.pd-card{padding:14px}.pd-actions .pd-btn{flex:1 1 auto;justify-content:center}}.pd-attach-row{margin-top:10px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pd-attach-btn{position:relative;display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:#ffffffeb;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:14px}.pd-attach-btn.small{padding:6px 8px;font-size:13px}.pd-attach-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.pd-attach-preview{position:relative;width:84px;height:54px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:#0003}.pd-attach-preview.small{width:72px;height:46px;border-radius:10px}.pd-attach-preview img{width:100%;height:100%;object-fit:cover;display:block;cursor:zoom-in}.pd-attach-x{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#00000073;color:#ffffffeb;cursor:pointer;display:grid;place-items:center}.pd-link.liked{color:var(--main, #79c0ff)}.pd-link.danger{color:#ff7878f2}.pd-reply-box{margin-top:10px;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a}.pd-textarea.mini{min-height:68px}.pd-btn.small{padding:8px 10px;font-size:14px;border-radius:12px}.pd-replies{margin-top:10px;display:flex;flex-direction:column;gap:10px;padding-left:10px;border-left:1px dashed rgba(255,255,255,.16)}.pd-reply{display:flex;gap:10px}.pd-c-avatar.sm{width:32px;height:32px}.pd-c-media{margin-top:8px;width:min(420px,100%);border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.14)}.pd-c-media img{width:100%;height:auto;display:block;cursor:zoom-in}@media(max-width:420px){.pd-attach-preview{width:76px;height:50px}.pd-c-media{border-radius:12px}}.pd-cmt-head{display:flex;align-items:baseline;justify-content:space-between;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.pd-cmt-title{font-weight:900}.pd-cmt-sub{font-size:12px;opacity:.7}.pd-cmt-empty{padding:12px 14px;opacity:.7}.pd-cmt-list{padding:10px 12px 14px;display:grid;gap:10px}.pd-compose{border-top:1px solid rgba(255,255,255,.06);padding:12px 14px 14px;display:grid;gap:10px}.pd-textarea{width:100%;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text);padding:10px 12px;resize:none;outline:none}.pd-compose-actions{display:flex;gap:10px;justify-content:flex-end;align-items:center;flex-wrap:wrap}.pd-file{display:none}.pd-btn{border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--text);border-radius:12px;padding:8px 12px;cursor:pointer}.pd-btn.primary{background:#3b82f633;border-color:#3b82f659}.pd-btn.ghost{background:transparent}.pd-replying{display:flex;align-items:center;justify-content:space-between;font-size:12px;opacity:.85;padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.pd-reply-cancel{border:0;background:transparent;color:#ffffffd9;cursor:pointer;padding:4px 6px;border-radius:10px}.pd-reply-cancel:hover{background:#ffffff0f}.pd-picked{position:relative;width:120px;height:90px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.pd-picked img{width:100%;height:100%;object-fit:cover;display:block}.pd-picked-x{position:absolute;top:6px;right:6px;border:0;background:#00000073;color:#fff;border-radius:10px;padding:4px 7px;cursor:pointer}.pd-modal{position:fixed;inset:0;z-index:50;background:#0000008c;display:grid;place-items:center;padding:16px}.pd-modal-card{width:min(980px,100%)}.publish-cover{position:relative;padding:16px 16px 14px;border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden}.publish-cover-bg{position:absolute;inset:0;background:radial-gradient(900px 220px at 15% 0%,rgba(0,220,255,.18),transparent 60%),radial-gradient(700px 220px at 85% 10%,rgba(148,92,255,.16),transparent 60%),linear-gradient(to bottom,rgba(255,255,255,.06),transparent 70%);filter:saturate(1.05);pointer-events:none}.publish-cover-content{position:relative;display:grid;gap:8px}.publish-cover-badge{width:fit-content;padding:5px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#ffffffe0;font-weight:900;letter-spacing:.6px;font-size:12px}.publish-cover-title{font-size:18px;font-weight:900;color:#fffffff2;line-height:1.2;word-break:break-word}.publish-cover-sub{font-size:13px;color:#ffffffb8;line-height:1.45;max-width:72ch}.publish-cover-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}.publish-cover-chip{padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#fffc;font-size:12px}.publish-page{padding-bottom:calc(var(--tabbar-height, 72px) + 18px)}.publish-card{width:min(860px,calc(100% - 24px));margin:14px auto 0;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#1010129e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;box-shadow:0 18px 70px #00000059}.publish-card:before{content:"";display:block;height:6px;background:linear-gradient(90deg,#00dcff8c,#945cff73,#ff565659);opacity:.75}.publish-field{padding:14px 16px;border-top:1px solid rgba(255,255,255,.08)}.publish-field:first-of-type{border-top:0}.publish-label{font-weight:900;color:#ffffffeb;font-size:13px;letter-spacing:.2px;display:flex;align-items:center;gap:8px;margin-bottom:10px}.publish-label:before{content:"";width:10px;height:10px;border-radius:999px;background:#00dcffa6;box-shadow:0 0 0 4px #00dcff1f}.publish-input,.publish-textarea{width:100%;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffeb;padding:12px;outline:none;font-size:14px;line-height:1.4;transition:border-color .12s ease,background .12s ease,transform .12s ease}.publish-input::placeholder,.publish-textarea::placeholder{color:#ffffff73}.publish-input:focus,.publish-textarea:focus{border-color:#00dcff73;background:#ffffff12;box-shadow:0 0 0 4px #00dcff1a}.publish-textarea{resize:vertical;min-height:140px}.publish-count{margin-top:8px;font-size:12px;color:#ffffff8c;text-align:right}.publish-count.over{color:#ff5656e0}.publish-tags{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.publish-tag{padding:6px 10px;font-size:12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#ffffffd1}.publish-images{margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}@media(max-width:520px){.publish-images{grid-template-columns:repeat(2,minmax(0,1fr))}}.publish-image{position:relative;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;overflow:hidden;aspect-ratio:1 / 1}.publish-image img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02);transition:transform .18s ease}.publish-image:hover img{transform:scale(1.06)}.publish-image-x{position:absolute;right:8px;top:8px;border:1px solid rgba(255,255,255,.16);background:#0006;color:#ffffffe6;border-radius:10px;padding:6px 8px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.publish-image-x:hover{background:#0000008c}.publish-image-add{border-radius:16px;border:1px dashed rgba(255,255,255,.22);background:#ffffff0a;color:#ffffffdb;cursor:pointer;aspect-ratio:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:10px}.publish-image-add:hover{background:#ffffff0f;border-color:#00dcff59}.pi-add-ic{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;box-shadow:0 10px 30px #00000040}.pi-add-t{font-weight:900;letter-spacing:.2px;color:#ffffffeb;font-size:13px}.pi-add-s{font-size:12px;color:#fff9}.publish-file{display:none}.publish-hint{margin-top:10px;font-size:12px;color:#ffffff8c}.publish-actions{padding:14px 16px 16px;border-top:1px solid rgba(255,255,255,.08);display:flex;gap:10px;justify-content:flex-end;background:linear-gradient(to bottom,#ffffff08,#ffffff05)}.publish-btn{border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffeb;border-radius:14px;padding:10px 14px;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease,opacity .12s ease}.publish-btn:hover{background:#ffffff14}.publish-btn:active{transform:translateY(1px)}.publish-btn:disabled{opacity:.55;cursor:not-allowed}.publish-btn.primary{background:#00dcff2e;border-color:#00dcff59}.publish-btn.primary:hover{background:#00dcff38}.publish-btn.ghost{background:transparent}.pp-toast{position:sticky;top:10px;z-index:50;margin:10px auto 0;width:min(760px,calc(100% - 24px));border-radius:14px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(255,255,255,.1);background:#121216e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pp-toast.success{border-color:#00dcff59}.pp-toast.error{border-color:#ff565673}.pp-toast-title{font-weight:900;color:#fffffff2;font-size:14px}.pp-toast-msg{margin-top:2px;color:#ffffffbf;font-size:13px;line-height:1.35}.pp-toast-x{border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffd9;border-radius:10px;padding:6px 10px;cursor:pointer}.pp-toast-x:hover{background:#ffffff17}.publish-btn.is-loading{position:relative;overflow:hidden;opacity:.95}.publish-btn.is-loading:before{content:"";position:absolute;inset:-2px;background:linear-gradient(110deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-60%);animation:ppShimmer 1.1s ease-in-out infinite;pointer-events:none}.pp-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.22);border-top-color:#ffffffe0;display:inline-block;margin-right:8px;animation:ppSpin .85s linear infinite;vertical-align:-3px}@keyframes ppSpin{to{transform:rotate(360deg)}}@keyframes ppShimmer{0%{transform:translate(-60%)}to{transform:translate(60%)}}.statistics-page{color:var(--text)}.stats-shell{display:flex;flex-direction:column;gap:14px}.stats-error{padding:10px 12px;border-radius:12px;background:#ff3b301f;border:1px solid rgba(255,59,48,.25);color:#ffffffe6;font-size:13px}.stats-head{display:flex;flex-direction:column;gap:8px}.badge{width:fit-content;padding:6px 10px;border-radius:999px;background:#00bcd424;border:1px solid rgba(0,188,212,.28);color:#ffffffe0;font-size:12px}.head-title{font-size:14px;color:#ffffffc7}.select-card{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;border-radius:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);box-shadow:0 14px 30px #00000038}.select-left{display:flex;align-items:center;gap:10px;min-width:0}.sicon{width:18px;height:18px;color:#00bcd4f2;flex:0 0 auto}.select-title{font-weight:800;font-size:13px;color:#ffffffeb}.select-sub{font-size:12px;color:#ffffff9e}.select{appearance:none;background:#0000002e;border:1px solid rgba(255,255,255,.1);color:#ffffffe0;border-radius:12px;padding:10px 12px;min-width:160px}.select:focus{outline:none;border-color:#00bcd48c;box-shadow:0 0 0 4px #00bcd42e}.kpi-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:860px){.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.kpi{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:14px;box-shadow:0 14px 30px #0000002e;display:flex;flex-direction:column;gap:8px;min-width:0}.kpi-head{display:flex;align-items:center;gap:8px;font-size:12px;color:#ffffffb8;font-weight:700}.kpi-value{font-size:28px;font-weight:900;letter-spacing:.2px}.kpi-sub{font-size:12px}.muted{color:#ffffff9e}.seg{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.seg-left{display:flex;align-items:center;gap:10px;color:#fffc;font-size:13px;font-weight:700}.range-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.date-range{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#0000002e;border:1px solid rgba(255,255,255,.1)}.date-input{appearance:none;border:0;outline:none;color:#ffffffeb;background:transparent;font-size:12px;padding:6px 8px;border-radius:10px}.date-input:focus{box-shadow:0 0 0 3px #00bcd433}.date-sep{color:#ffffff8c;font-weight:800;font-size:12px}@media(max-width:420px){.date-range{width:100%;justify-content:space-between;border-radius:14px}.date-input{flex:1;min-width:0}}.seg-ctrl{display:flex;padding:4px;border-radius:999px;background:#0000002e;border:1px solid rgba(255,255,255,.1)}.seg-btn{border:0;background:transparent;color:#ffffffb3;padding:8px 14px;border-radius:999px;cursor:pointer;font-weight:800;font-size:12px}.seg-btn.active{background:#00bcd42e;color:#ffffffeb;border:1px solid rgba(0,188,212,.28)}.stats-grid{display:grid;gap:14px;grid-template-columns:1fr}@media(min-width:980px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid>:nth-child(3){grid-column:1 / -1}}.select-row .ps-root{min-width:160px}@media(max-width:420px){.select-row .ps-root{min-width:0}}.chart-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:14px 14px 12px;box-shadow:0 14px 30px #00000038}.chart-title{font-weight:700;font-size:14px;letter-spacing:.2px;color:#ffffffeb;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.chart-subtitle{font-size:12px;color:#ffffff9e;font-weight:500}.chart-canvas-wrap{position:relative;width:100%;border-radius:14px;background:#0000002e;border:1px solid rgba(255,255,255,.08);overflow:hidden}.chart-canvas{display:block;width:100%;height:220px}@media(max-width:520px){.chart-canvas{height:200px}}.chart-tooltip{position:absolute;pointer-events:none;transform:translate(-50%,-110%);padding:8px 10px;border-radius:12px;background:#0a0c10eb;border:1px solid rgba(255,255,255,.12);color:#ffffffeb;box-shadow:0 14px 30px #00000059;font-size:12px;white-space:nowrap}.chart-tooltip .muted{color:#ffffff9e;font-size:11px;margin-left:6px}.chart-legend{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.chart-legend.scroll{flex-wrap:nowrap;overflow:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}.chart-legend-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffffd6;font-size:12px;white-space:nowrap}.legend-swatch{width:10px;height:10px;border-radius:999px;flex:0 0 auto}.legend-value{color:#ffffff9e}