/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-orange-300:oklch(83.7% .128 66.29);--color-yellow-300:oklch(90.5% .182 98.111);--color-green-300:oklch(87.1% .15 154.449);--color-cyan-300:oklch(86.5% .127 207.078);--color-purple-300:oklch(82.7% .119 306.383);--color-pink-300:oklch(82.3% .12 346.018);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-200:oklch(92.8% .006 264.531);--color-white:#fff;--spacing:.25rem;--breakpoint-xl:80rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.top-0{top:calc(var(--spacing) * 0)}.top-20{top:calc(var(--spacing) * 20)}.right-0{right:calc(var(--spacing) * 0)}.bottom-0{bottom:calc(var(--spacing) * 0)}.left-0{left:calc(var(--spacing) * 0)}.z-50{z-index:50}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-14{height:calc(var(--spacing) * 14)}.min-h-screen{min-height:100vh}.w-64{width:calc(var(--spacing) * 64)}.w-80{width:calc(var(--spacing) * 80)}.w-full{width:100%}.max-w-screen-xl{max-width:var(--breakpoint-xl)}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-gray-200{border-color:var(--color-gray-200)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-white{background-color:var(--color-white)}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.text-cyan-300{color:var(--color-cyan-300)}.text-green-300{color:var(--color-green-300)}.text-orange-300{color:var(--color-orange-300)}.text-pink-300{color:var(--color-pink-300)}.text-purple-300{color:var(--color-purple-300)}.text-white{color:var(--color-white)}.text-yellow-300{color:var(--color-yellow-300)}.italic{font-style:italic}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (min-width:64rem){.lg\:flex{display:flex}.lg\:hidden{display:none}}}:root{--bg:#f0f2f5;--surface:#fff;--surface-hover:#f5f6f8;--border:#e4e6eb;--text:#1c1e21;--text-secondary:#65676b;--text-muted:#8a8d91;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#eff6ff;--danger:#dc2626;--success:#16a34a;--warning:#f59e0b;--shadow:0 1px 2px #0000000f;--shadow-lg:0 2px 8px #00000014;--radius:12px;--radius-sm:8px;--sidebar-w:320px;--tools-w:320px;--topbar-h:56px;--tabbar-h:58px;--spacing:20px;--max-width:1440px}[data-theme=dark]{--bg:#18191a;--surface:#242526;--surface-hover:#3a3b3c;--border:#3e4042;--text:#e4e6eb;--text-secondary:#b0b3b8;--text-muted:#6e7074;--primary:#60a5fa;--primary-hover:#93bbfc;--primary-light:#1e293b;--shadow:0 1px 2px #0000004d;--shadow-lg:0 2px 8px #0006}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#18191a;--surface:#242526;--surface-hover:#3a3b3c;--border:#3e4042;--text:#e4e6eb;--text-secondary:#b0b3b8;--text-muted:#6e7074;--primary:#60a5fa;--primary-hover:#93bbfc;--primary-light:#1e293b;--shadow:0 1px 2px #0000004d;--shadow-lg:0 2px 8px #0006}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6;overflow-x:hidden}a{color:var(--primary);text-decoration:none}img{max-width:100%}button{cursor:pointer;font-family:inherit}#root,.app-root{min-height:100vh}.app-container{max-width:100%;padding-bottom:var(--tabbar-h);padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px));margin:0 auto}.app-container.no-tabbar{padding-bottom:0}@media (min-width:900px){.app-container{max-width:100%;min-height:100vh;padding-bottom:0}.app-container.no-tabbar{padding-bottom:0}.pc-topbar{height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);z-index:100;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.pc-topbar-inner{max-width:var(--max-width);width:100%;padding:0 var(--spacing);align-items:center;height:100%;margin:0 auto;display:flex}.pc-topbar-left{flex-shrink:0;align-items:center;display:flex}.pc-topbar-left .pc-logo{cursor:pointer;align-items:center;gap:10px;display:flex}.pc-topbar-left .emblem{background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.pc-topbar-left .logo-text{white-space:nowrap;font-size:1rem;font-weight:700}.pc-topbar-center{flex:1;justify-content:center;align-items:center;gap:4px;display:flex}.pc-topnav-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:.9375rem;font-weight:500;transition:all .15s;display:flex}.pc-topnav-btn:hover{background:var(--surface-hover);color:var(--text)}.pc-topnav-btn.active{color:var(--primary);background:var(--primary-light);font-weight:600}.pc-topnav-icon{font-size:1.15rem}.pc-topbar-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.pc-topbar-icon-btn{background:var(--bg);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.05rem;transition:background .15s;display:flex}.pc-topbar-icon-btn:hover{background:var(--surface-hover)}.pc-topbar-post-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:20px;padding:7px 16px;font-size:.875rem;font-weight:600;transition:background .15s}.pc-topbar-post-btn:hover{background:var(--primary-hover)}.pc-topbar-avatar{background:var(--bg);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.pc-body{margin-top:var(--topbar-h);min-height:calc(100vh - var(--topbar-h));padding:var(--spacing) var(--spacing) 0;justify-content:center;gap:var(--spacing);max-width:var(--max-width);margin-left:auto;margin-right:auto;display:flex}.pc-sidebar{width:var(--sidebar-w);top:calc(var(--topbar-h) + var(--spacing));max-height:calc(100vh - var(--topbar-h) - var(--spacing));background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);flex-shrink:0;align-self:flex-start;padding:12px 8px;position:sticky;overflow-y:auto}.pc-sidebar-nav{margin-bottom:4px}.pc-main{flex:1;min-width:0;max-width:680px}.pc-tools{width:var(--tools-w);top:calc(var(--topbar-h) + var(--spacing));max-height:calc(100vh - var(--topbar-h) - var(--spacing));flex-shrink:0;align-self:flex-start;position:sticky;overflow-y:auto}.pc-logo{align-items:center;gap:10px;padding:0;display:flex}.pc-logo .emblem{background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.pc-logo .logo-text{font-size:1.1rem;font-weight:700}.pc-nav-item{border-radius:var(--radius-sm);color:var(--text);cursor:pointer;align-items:center;gap:12px;margin-bottom:2px;padding:10px 12px;font-size:.875rem;font-weight:500;transition:background .15s;display:flex}.pc-nav-item:hover{background:var(--surface-hover)}.pc-nav-item.active{background:var(--primary-light);color:var(--primary);font-weight:600}.pc-nav-icon{text-align:center;flex-shrink:0;width:28px;font-size:1.2rem}.pc-nav-divider{background:var(--border);height:1px;margin:8px 12px}.pc-tools-card{background:var(--surface);border-radius:var(--radius);margin-bottom:var(--spacing);box-shadow:var(--shadow);padding:16px}.pc-tools-card h4{margin-bottom:12px;font-size:.875rem;font-weight:700}.pc-tools-item{cursor:pointer;color:var(--text-secondary);align-items:center;gap:10px;padding:8px 0;font-size:.875rem;display:flex}.pc-tools-item:hover{color:var(--primary)}.pc-tools-avatar{background:var(--bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}}@media (max-width:899px){.pc-layout,.pc-topbar,.pc-body,.pc-sidebar,.pc-tools{display:none!important}}.tab-bar{height:var(--tabbar-h);background:var(--surface);border-top:1px solid var(--border);z-index:100;padding-bottom:env(safe-area-inset-bottom,0);display:flex;position:fixed;bottom:0;left:0;right:0}.tab-item{cursor:pointer;color:var(--text-muted);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;transition:color .15s;display:flex;position:relative}.tab-item.active{color:var(--primary)}.tab-icon{font-size:1.35rem;line-height:1}.tab-label{margin-top:2px;font-size:.62rem;font-weight:500}.tab-badge{background:var(--danger);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;margin-right:-16px;padding:0 4px;font-size:.6rem;font-weight:700;display:flex;position:absolute;top:4px;right:50%}@media (min-width:900px){.tab-bar{display:none!important}}.loading-spinner{justify-content:center;padding:40px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0}}.btn-primary,.btn-block.btn-primary,button.btn-primary{background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:20px;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:background .15s;display:inline-flex}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-block{text-align:center;width:100%;display:block}.btn-outline{color:var(--text);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:20px;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:.9rem;transition:all .15s;display:inline-flex}.btn-outline:hover{background:var(--surface-hover)}.form-group input,.form-group textarea,.form-group select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);width:100%;color:var(--text);outline:none;padding:10px 14px;font-family:inherit;font-size:.9rem;transition:border-color .15s}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary)}.auth-error{color:#991b1b;border-radius:var(--radius-sm);background:#fef2f2;margin-bottom:16px;padding:10px 14px;font-size:.8rem}[data-theme=dark] .auth-error{color:#fca5a5;background:#3b1a1a}.mobile-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:90;justify-content:space-between;align-items:center;padding:8px 16px;display:flex;position:sticky;top:0}.mobile-header .tab-switch{gap:0;display:flex}.mobile-header .tab-switch button{color:var(--text-secondary);background:0 0;border:none;border-radius:20px;padding:8px 18px;font-size:.9rem;font-weight:500;transition:all .15s}.mobile-header .tab-switch button.active{color:var(--primary);background:var(--primary-light);font-weight:700}.mobile-header .btn-publish{background:var(--primary);color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;display:flex}.drawer-overlay{z-index:200;background:#00000080;animation:.2s fadeIn;position:fixed;top:0;right:0;bottom:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drawer-sidebar{background:var(--surface);z-index:201;width:280px;padding:16px;animation:.25s slideIn;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.drawer-user{border-radius:var(--radius);background:var(--bg);align-items:center;gap:10px;margin-bottom:12px;padding:12px;display:flex}.drawer-item{border-radius:var(--radius-sm);cursor:pointer;color:var(--text);align-items:center;gap:12px;padding:12px;font-size:.9rem;display:flex}.drawer-item:hover{background:var(--surface-hover)}.drawer-item .icon{text-align:center;width:24px;font-size:1.2rem}.feed-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;margin-bottom:12px;padding:16px;transition:transform .1s}.feed-header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.feed-user{cursor:pointer;align-items:center;gap:10px;display:flex}.feed-avatar{background:var(--bg);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;font-weight:700;display:flex;overflow:hidden}.feed-avatar img,.feed-avatar-img{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.feed-username{font-size:.9rem;font-weight:600}.feed-type{color:var(--primary);margin-top:1px;font-size:.7rem}.feed-time{color:var(--text-muted);white-space:nowrap;font-size:.7rem}.feed-title{margin-bottom:8px;font-size:.95rem;font-weight:600;line-height:1.5}.feed-content{color:var(--text-secondary);margin-bottom:10px;font-size:.85rem;line-height:1.6;overflow:hidden}.feed-images{border-radius:var(--radius-sm);gap:4px;margin-bottom:10px;display:grid;overflow:hidden}.feed-images.grid-1{grid-template-columns:1fr}.feed-images.grid-2{grid-template-columns:1fr 1fr}.feed-images.grid-3{grid-template-columns:1fr 1fr 1fr}.feed-images img{aspect-ratio:1;object-fit:cover;width:100%}.feed-images.grid-1 img{aspect-ratio:16/9;max-height:400px}.feed-actions{border-top:1px solid var(--border);gap:20px;padding-top:10px;display:flex}.feed-action{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:.8rem;transition:color .15s;display:flex}.feed-action:hover{color:var(--primary)}.feed-action.liked{color:#e0245e}.home-page{background:linear-gradient(180deg,#eff6ff 0%,var(--bg) 30%);min-height:100vh}.home-topbar{justify-content:flex-end;gap:10px;padding:12px 16px 0;display:flex}.topbar-btn{border:1px solid var(--primary);color:var(--primary);cursor:pointer;background:0 0;border-radius:20px;padding:6px 16px;font-size:.8rem}.topbar-btn.primary{background:var(--primary);color:#fff}.home-hero{text-align:center;padding:48px 20px 36px}.home-hero .emblem{background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:22px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 16px;font-size:32px;display:flex;box-shadow:0 8px 24px #2563eb4d}.home-hero h1{color:var(--text);font-size:1.5rem;font-weight:800}.home-hero h2{color:var(--text-secondary);margin-top:8px;font-size:1rem;font-weight:400}.home-hero .tagline{color:var(--text-muted);margin-top:12px;font-size:.85rem;line-height:1.6}.btn-enter{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:25px;margin-top:24px;padding:14px 40px;font-size:1rem;font-weight:600;transition:transform .15s;display:inline-block;box-shadow:0 4px 16px #2563eb59}.btn-enter:hover{transform:scale(1.03)}.home-stats{justify-content:center;gap:32px;padding:20px 16px;display:flex}.stat-item{text-align:center}.stat-item .num{color:var(--primary);font-size:1.1rem;font-weight:700}.stat-item .lab{color:var(--text-muted);margin-top:2px;font-size:.7rem}.home-footer{text-align:center;color:var(--text-muted);padding:24px 0;font-size:.7rem}.auth-page{background:linear-gradient(180deg,#eff6ff 0%,var(--bg) 40%);min-height:100vh;padding:40px 20px 60px}.auth-header{text-align:center;margin-bottom:32px}.auth-header .emblem{background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;font-size:28px;display:flex;box-shadow:0 6px 20px #2563eb40}.auth-header h1{font-size:1.3rem;font-weight:700}.auth-header p{color:var(--text-secondary);margin-top:4px;font-size:.85rem}.auth-form{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);max-width:400px;margin:0 auto;padding:24px 20px}.auth-form h2{text-align:center;margin-bottom:20px;font-size:1.1rem;font-weight:600}.auth-switch{text-align:center;color:var(--text-secondary);margin-top:16px;font-size:.8rem}.auth-switch a{color:var(--primary);font-weight:500}.auth-skip{text-align:center;color:var(--text-muted);cursor:pointer;margin-top:20px;font-size:.8rem}.auth-skip:hover{color:var(--primary)}.profile-page{min-height:100vh;padding:16px}.profile-card{text-align:center;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;padding:24px 16px}.profile-card .avatar{margin-bottom:12px;font-size:3rem}.profile-card .name{font-size:1.1rem;font-weight:700}.profile-card .mbti{color:var(--primary);margin-top:4px;font-size:.9rem;font-weight:600}.profile-menu{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;overflow:hidden}.menu-item{border-bottom:1px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;padding:14px 16px;font-size:.9rem;display:flex}.menu-item:last-child{border-bottom:none}.menu-item:hover{background:var(--surface-hover)}.chat-page{height:100vh;height:calc(100vh - var(--tabbar-h) - env(safe-area-inset-bottom,0px));background:var(--bg);flex-direction:column;display:flex}@media (min-width:900px){.chat-page{height:100vh}}.chat-header{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:10px 16px;display:flex}.chat-header .back{cursor:pointer;color:var(--text);background:0 0;border:none;font-size:1.2rem}.chat-header .title{font-size:.95rem;font-weight:600}.chat-header .subtitle{color:var(--text-muted);font-size:.7rem}.chat-messages{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.chat-bubble{word-break:break-word;border-radius:16px;max-width:80%;padding:10px 14px;font-size:.85rem;line-height:1.5}.chat-bubble.ai{background:var(--surface);color:var(--text);border-bottom-left-radius:4px;align-self:flex-start}.chat-bubble.user{background:var(--primary);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.chat-intro{text-align:center;color:var(--text-muted);padding:20px;font-size:.85rem;line-height:1.6}.chat-intro .emblem{margin-bottom:12px;font-size:2.5rem}.chat-quick-actions{flex-wrap:wrap;justify-content:center;gap:8px;padding:12px 16px;display:flex}.chat-quick-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text);border-radius:16px;padding:8px 16px;font-size:.8rem;transition:all .15s}.chat-quick-btn:hover{border-color:var(--primary);color:var(--primary)}.chat-input-area{background:var(--surface);border-top:1px solid var(--border);flex-shrink:0;gap:8px;padding:10px 12px;display:flex}.chat-input-area input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:20px;outline:none;flex:1;padding:10px 14px;font-size:.85rem}.chat-input-area input:focus{border-color:var(--primary)}.chat-input-area .send-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:20px;padding:10px 18px;font-size:.85rem;font-weight:600}.typing-indicator{background:var(--surface);border-radius:16px 16px 16px 4px;align-self:flex-start;gap:4px;padding:10px 14px;display:flex}.typing-indicator span{background:var(--text-muted);border-radius:50%;width:6px;height:6px;animation:1.2s infinite bounce}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.test-page{min-height:100vh;padding:16px}.test-progress{background:var(--border);border-radius:2px;height:4px;margin-bottom:24px;overflow:hidden}.test-progress-bar{background:var(--primary);border-radius:2px;height:100%;transition:width .3s}.test-question{margin-bottom:20px;font-size:1.05rem;font-weight:600;line-height:1.5}.test-options{flex-direction:column;gap:12px;display:flex}.test-option{border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;background:var(--surface);color:var(--text);padding:14px 16px;font-size:.9rem;transition:all .15s}.test-option:hover{border-color:var(--primary)}.test-option.selected{border-color:var(--primary);background:var(--primary-light)}.test-option .lab{font-size:.9rem;font-weight:500}.test-option .desc{color:var(--text-muted);margin-top:2px;font-size:.75rem}.result-page{text-align:center;min-height:100vh;padding:16px}.result-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);max-width:400px;margin:0 auto 20px;padding:28px 20px}.result-badge{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 16px;font-size:1.8rem;font-weight:800;display:flex}.result-type{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}.result-name{margin-top:4px;font-size:1.3rem;font-weight:700}.result-desc{color:var(--text-secondary);margin-top:12px;font-size:.85rem;line-height:1.6}.dim-bars{text-align:left;margin-top:20px}.dim-row{align-items:center;gap:10px;margin-bottom:10px;font-size:.85rem;display:flex}.dim-label{width:16px;color:var(--primary);text-align:center;font-weight:700}.dim-bar{background:var(--border);border-radius:4px;flex:1;height:8px;overflow:hidden}.dim-fill{background:var(--primary);border-radius:4px;height:100%;transition:width .5s}.btn-unlock{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#ef4444);border:none;border-radius:20px;margin-top:20px;padding:12px 36px;font-size:.95rem;font-weight:600;display:inline-block}.report-page{min-height:100vh;padding:16px}.report-section{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;padding:20px 16px}.report-section h3{margin-bottom:12px;font-size:.95rem;font-weight:700}.empty-state{text-align:center;padding:60px 20px}.empty-state p{color:var(--text-secondary);margin-bottom:20px;font-size:.9rem}.modal-overlay{z-index:300;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.modal-box{background:var(--surface);border-radius:var(--radius);text-align:center;width:90%;max-width:380px;box-shadow:var(--shadow-lg);padding:24px}.modal-box h3{margin-bottom:12px;font-size:1.05rem;font-weight:700}.modal-box p{color:var(--text-secondary);margin-bottom:20px;font-size:.85rem}.modal-box .price{color:var(--primary);margin-bottom:20px;font-size:1.3rem;font-weight:800}.modal-box .btn-block{margin-bottom:8px}.msg-conversation-list{background:var(--surface);min-height:100vh}.msg-conversation-item{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:12px;padding:14px 16px;transition:background .15s;display:flex}.msg-conversation-item:hover{background:var(--surface-hover)}.msg-avatar{object-fit:cover;background:var(--border);border-radius:50%;flex-shrink:0;width:48px;height:48px}.msg-conv-body{flex:1;min-width:0}.msg-conv-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.msg-conv-name{color:var(--text);font-size:.9rem;font-weight:600}.msg-conv-time{color:var(--text-muted);flex-shrink:0;margin-left:8px;font-size:.7rem}.msg-conv-bottom{justify-content:space-between;align-items:center;display:flex}.msg-conv-preview{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.8rem;overflow:hidden}.msg-unread-badge{background:var(--danger);color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:8px;padding:0 5px;font-size:.65rem;font-weight:700;display:flex}.msg-online-dot{width:12px;height:12px;box-shadow:0 0 0 1px var(--surface);background:#10b981;border:2px solid #fff;border-radius:50%;position:absolute;bottom:0;right:0}.msg-img-btn{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:1rem;display:flex}.msg-img-btn:disabled{opacity:.5}.msg-image{cursor:pointer;border-radius:12px;max-width:200px;max-height:200px;margin-bottom:4px;display:block}.chat-bubble.user .msg-image{border-bottom-right-radius:4px}.chat-bubble.ai .msg-image{border-bottom-left-radius:4px}.nearby-page{background:var(--bg);min-height:100vh;padding-bottom:var(--tabbar-h)}.nearby-search{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);box-sizing:border-box;border-radius:24px;outline:none;padding:10px 16px;font-size:.85rem}.nearby-search:focus{border-color:var(--primary)}.nearby-type-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;padding:8px 16px 12px;display:flex;overflow-x:auto}.nearby-type-tabs::-webkit-scrollbar{display:none}.nearby-type-tab{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:20px;flex-shrink:0;padding:6px 14px;font-size:.78rem;transition:all .15s}.nearby-type-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.nearby-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;padding:0 16px 16px;display:grid}.nearby-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;flex-direction:column;align-items:center;padding:16px;display:flex}.nearby-card-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:10px;font-size:1.3rem;font-weight:700;display:flex}.nearby-card-body{width:100%}.nearby-card-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.nearby-card-name{color:var(--text);font-size:.85rem;font-weight:700}.nearby-card-dist{color:var(--text-muted);flex-shrink:0;font-size:.68rem}.nearby-card-type{border-radius:10px;margin-bottom:6px;padding:2px 8px;font-size:.68rem;font-weight:700;display:inline-block}.nearby-card-bio{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px;font-size:.73rem;overflow:hidden}.nearby-card-btn{border:1px solid var(--primary);color:var(--primary);cursor:pointer;background:0 0;border-radius:16px;padding:6px 16px;font-size:.78rem;transition:all .15s}.nearby-card-btn:hover{background:var(--primary);color:#fff}.search-page{background:var(--bg);min-height:100vh;padding-bottom:var(--tabbar-h)}.search-page-input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:20px;outline:none;flex:1;padding:8px 14px;font-size:.85rem}.search-page-input:focus{border-color:var(--primary)}.search-tabs{border-bottom:1px solid var(--border);background:var(--surface);display:flex}.search-tab{text-align:center;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px;font-size:.85rem;font-weight:600;transition:all .15s}.search-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.search-results{background:var(--surface)}.search-user-item{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:12px;padding:14px 16px;display:flex}.search-user-item:hover{background:var(--surface-hover)}.town-hero{text-align:center;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6 30%,#ec4899 70%,#f59e0b);padding:40px 20px}.town-hero-overlay{background:#00000026;border-radius:20px;padding:30px 20px}.town-emblem{margin-bottom:12px;font-size:3rem}.town-title{letter-spacing:2px;margin-bottom:6px;font-size:1.6rem;font-weight:800}.town-subtitle{opacity:.9;font-size:.85rem}.town-section{padding:20px 16px 0}.town-section-title{color:var(--text);margin-bottom:4px;font-size:1rem;font-weight:700}.town-section-desc{color:var(--text-muted);margin-bottom:14px;font-size:.78rem}.town-districts{flex-direction:column;gap:10px;display:flex}.town-district-card{background:var(--surface);border-radius:var(--radius);border:2px solid var(--border);cursor:pointer;box-shadow:var(--shadow);padding:14px 16px;transition:all .2s}.town-district-card:hover{box-shadow:var(--shadow-lg)}.town-district-header{align-items:center;gap:12px;display:flex}.town-district-icon{font-size:1.5rem}.town-district-name{font-size:.92rem;font-weight:700}.town-district-desc{color:var(--text-muted);margin-top:2px;font-size:.73rem}.town-district-types{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;padding-top:14px;display:grid}.town-type-tag{border:1px solid #0000;border-radius:10px;align-items:center;gap:6px;padding:8px 10px;display:flex}.town-type-code{font-size:.73rem;font-weight:800}.town-type-label{opacity:.85;font-size:.68rem}.town-activities{flex-direction:column;gap:10px;display:flex}.town-activity-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);gap:14px;padding:14px 16px;display:flex}.town-activity-icon{flex-shrink:0;font-size:1.6rem}.town-activity-body{flex:1}.town-activity-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.town-activity-header h4{color:var(--text);font-size:.88rem;font-weight:700}.town-hot-badge{color:#d97706;background:#fef3c7;border-radius:8px;padding:2px 6px;font-size:.63rem}.town-activity-body p{color:var(--text-secondary);margin-bottom:6px;font-size:.78rem;line-height:1.4}.town-activity-time{color:var(--text-muted);font-size:.7rem}.town-leaderboard{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.town-leader-item{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 16px;display:flex}.town-leader-item:last-child{border-bottom:none}.town-leader-rank{text-align:center;flex-shrink:0;width:28px;font-size:1rem}.town-leader-name{color:var(--text);flex:1;font-size:.85rem;font-weight:600}.town-leader-type{color:var(--primary);background:var(--primary-light);border-radius:8px;padding:2px 8px;font-size:.68rem;font-weight:700}.town-leader-ctb{color:var(--text-muted);flex-shrink:0;font-size:.73rem}.town-actions{flex-direction:column;gap:10px;padding:24px 16px;display:flex}.town-actions .btn-outline{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;text-align:center;border-radius:20px;padding:12px 20px;font-size:.85rem;transition:all .15s}.town-actions .btn-outline:hover{border-color:var(--primary);color:var(--primary)}.town-farm{padding:0 12px}.town-plots-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px;display:grid}.town-plot-slot{aspect-ratio:1;border:2.5px dashed var(--border);border-radius:var(--radius);cursor:pointer;background:var(--surface);text-align:center;color:var(--text-secondary);justify-content:center;align-items:center;font-size:.9rem;transition:all .15s;display:flex}.town-plot-slot:hover{border-color:var(--primary);background:var(--primary-light)}.town-plot-empty,.town-plot-harvested,.town-plot-ready,.town-plot-growing{flex-direction:column;align-items:center;gap:2px;display:flex}.town-plot-ready{color:var(--primary);font-weight:800;animation:1.5s infinite pulse}@keyframes pulse{50%{opacity:.5}}.town-plant-select{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);margin-top:12px;padding:12px}.town-plant-opts{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.town-plant-opt{border-radius:var(--radius);background:var(--bg);text-align:center;cursor:pointer;border:2px solid #0000;padding:10px 6px;transition:all .15s}.town-plant-opt:hover{border-color:var(--primary);background:var(--primary-light)}.town-pet-area{text-align:center;padding:0 12px}.town-pet-empty{padding:30px 0}.town-pet-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;align-items:center;padding:20px;display:flex}.town-pet-avatar{border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:12px;display:flex}.town-pet-info{text-align:center;width:100%}.town-pet-name{color:var(--text);margin-bottom:8px;font-size:1rem;font-weight:800}.town-pet-happiness{color:var(--text-muted);align-items:center;gap:10px;font-size:.72rem;display:flex}.town-pet-bar{background:var(--border);border-radius:4px;flex:1;height:8px;overflow:hidden}.town-pet-bar div{border-radius:4px;height:100%;transition:width .5s}.town-pet-status{color:var(--text-secondary);margin-top:8px;font-size:.8rem;font-weight:600}.town-adopt-form{width:100%;max-width:300px;margin:0 auto}.town-adopt-types{justify-content:center;gap:6px;display:flex}.comments-section{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);margin:12px 16px;padding:16px}.comments-title{color:var(--text);margin-bottom:14px;font-size:.9rem;font-weight:700}.comments-empty{text-align:center;padding:20px 0}.comments-list{flex-direction:column;gap:14px;margin-bottom:16px;display:flex}.comment-item{gap:10px;display:flex}.comment-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.8rem;font-weight:700;display:flex}.comment-body{flex:1;min-width:0}.comment-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.comment-name{color:var(--text);font-size:.82rem;font-weight:600}.comment-type{color:var(--primary);background:var(--primary-light);border-radius:8px;padding:1px 6px;font-size:.62rem;font-weight:700}.comment-time{color:var(--text-muted);margin-left:auto;font-size:.65rem}.comment-content{color:var(--text);word-break:break-word;font-size:.85rem;line-height:1.5}.comment-input-area{border-top:1px solid var(--border);gap:8px;padding-top:14px;display:flex}.comment-input-area input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:20px;outline:none;flex:1;padding:10px 14px;font-size:.82rem}.comment-input-area input:focus{border-color:var(--primary)}.comment-submit{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:20px;padding:8px 18px;font-size:.82rem;font-weight:600;transition:opacity .15s}.comment-submit:disabled{opacity:.5;cursor:default}.user-profile-page{background:var(--bg);min-height:100vh;padding-bottom:80px}.up-hero{background:var(--surface);text-align:center;box-shadow:var(--shadow);margin-bottom:12px;padding:30px 20px}.up-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 14px;font-size:1.8rem;font-weight:800;display:flex}.up-name{color:var(--text);margin-bottom:6px;font-size:1.15rem;font-weight:700}.up-type{background:var(--primary-light);color:var(--primary);border-radius:14px;margin-bottom:10px;padding:4px 12px;font-size:.78rem;font-weight:700;display:inline-block}.up-bio{color:var(--text-secondary);max-width:300px;margin:0 auto;font-size:.85rem;line-height:1.5}.up-meta{color:var(--text-muted);justify-content:center;gap:16px;margin-top:12px;font-size:.73rem;display:flex}.up-moke-badge{color:#f59e0b;font-weight:600}.up-actions{padding:0 16px}.up-section{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);margin:12px 16px;padding:16px}.up-section-title{color:var(--text);margin-bottom:10px;font-size:.9rem;font-weight:700}.up-type-detail{color:var(--text-secondary);font-size:.82rem;line-height:1.6}.moke-page{background:var(--bg);min-height:100vh;padding-bottom:80px}.moke-message{cursor:pointer;border-radius:10px;margin:8px 16px;padding:12px 14px;font-size:.82rem}.moke-message.success{color:#059669;background:#ecfdf5;border:1px solid #d1fae5}.moke-message.error{color:#dc2626;background:#fef2f2;border:1px solid #fee2e2}.moke-section{padding:16px}.moke-section-title{color:var(--text);margin-bottom:12px;font-size:.95rem;font-weight:700}.moke-status-card{border-radius:var(--radius);align-items:center;gap:14px;margin-bottom:12px;padding:16px;display:flex}.moke-status-card.active{background:#ecfdf5;border:1px solid #d1fae5}.moke-status-card.pending{background:#fffbeb;border:1px solid #fef3c7}.moke-status-card.rejected{background:#fef2f2;border:1px solid #fee2e2}.moke-status-icon{font-size:1.4rem}.moke-status-title{color:var(--text);font-size:.9rem;font-weight:700}.moke-status-sub{color:var(--text-muted);margin-top:2px;font-size:.75rem}.moke-apply-form{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.moke-apply-desc{color:var(--text-secondary);margin-bottom:12px;font-size:.82rem;line-height:1.5}.moke-input{border:1px solid var(--border);resize:vertical;background:var(--bg);width:100%;color:var(--text);box-sizing:border-box;border-radius:10px;outline:none;margin-bottom:12px;padding:10px 14px;font-family:inherit;font-size:.85rem}.moke-input:focus{border-color:var(--primary)}.moke-empty{text-align:center;color:var(--text-muted);padding:20px;font-size:.85rem}.moke-list{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.moke-list-item{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:10px;padding:12px 16px;transition:background .15s;display:flex}.moke-list-item:hover{background:var(--surface-hover)}.moke-list-item:last-child{border-bottom:none}.moke-rank{width:24px;color:var(--text-muted);text-align:center;flex-shrink:0;font-size:.85rem;font-weight:700}.moke-list-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.85rem;font-weight:700;display:flex}.moke-list-body{flex:1;min-width:0}.moke-list-name{color:var(--text);font-size:.85rem;font-weight:600}.moke-list-type{color:var(--text-muted);font-size:.68rem}.moke-list-level{color:#f59e0b;flex-shrink:0;font-size:.78rem;font-weight:700}.moke-intro{background:var(--surface);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);margin:16px;padding:18px 16px}.moke-intro h4{color:#f59e0b;margin-bottom:10px;font-size:.9rem;font-weight:700}.moke-intro p{color:var(--text-secondary);font-size:.78rem;line-height:1.6}.moke-referral-info{background:var(--primary-light);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0;padding:10px 14px;font-size:.75rem;display:flex}.moke-referral-label{color:var(--text-muted);font-weight:600}.moke-referral-code{color:var(--primary);letter-spacing:1.5px;font-weight:800}.moke-referral-earn{color:#f59e0b;font-weight:800}.profile-page{background:var(--bg);min-height:100vh;padding-bottom:var(--tabbar-h)}.profile-hero{background:var(--surface);text-align:center;box-shadow:var(--shadow);padding:24px 16px 18px}.profile-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 10px;font-size:1.6rem;font-weight:800;display:flex}.profile-name{color:var(--text);margin-bottom:4px;font-size:1.1rem;font-weight:700}.profile-type{background:var(--primary-light);color:var(--primary);border-radius:12px;margin-bottom:8px;padding:3px 10px;font-size:.73rem;font-weight:700;display:inline-block}.profile-bio{color:var(--text-secondary);max-width:280px;margin:0 auto;font-size:.8rem}.profile-stats{justify-content:center;gap:24px;margin-top:14px;display:flex}.profile-stat{text-align:center}.profile-stat b{color:var(--text);font-size:1rem;display:block}.profile-stat span{color:var(--text-muted);font-size:.68rem}.profile-message{text-align:center;border-radius:10px;margin:8px 16px 0;padding:10px 14px;font-size:.8rem}.profile-message.success{color:#059669;background:#ecfdf5}.profile-message.error{color:#dc2626;background:#fef2f2}.profile-tabs{background:var(--surface);border-bottom:1px solid var(--border);z-index:5;display:flex;position:sticky;top:0}.profile-tab{text-align:center;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px;font-size:.85rem;font-weight:600;transition:all .15s}.profile-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.profile-content{background:var(--bg);min-height:200px;padding:0}.profile-type-sm{background:var(--primary-light);color:var(--primary);border-radius:8px;padding:2px 8px;font-size:.62rem;font-weight:700}.test-record-card{background:var(--surface);border-bottom:1px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;padding:14px 16px;transition:background .15s;display:flex}.test-record-card:hover{background:var(--surface-hover)}.test-record-left{align-items:center;gap:8px;display:flex}.test-record-type{color:var(--text);font-size:.85rem;font-weight:700}.test-record-paid{color:#d97706;background:#fef3c7;border-radius:6px;padding:2px 6px;font-size:.62rem}.test-record-right{color:var(--text-muted);align-items:center;gap:8px;font-size:.75rem;display:flex}.profile-info-card{padding:0}.profile-info-row{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;padding:14px 16px;display:flex}.profile-info-label{color:var(--text-muted);flex-shrink:0;font-size:.82rem}.profile-info-value{color:var(--text);text-align:right;font-size:.82rem;font-weight:500}.profile-edit-form{background:var(--surface);padding:16px}.profile-label{color:var(--text-secondary);margin-top:12px;margin-bottom:6px;font-size:.8rem;font-weight:600;display:block}.profile-label:first-child{margin-top:0}.profile-input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);box-sizing:border-box;resize:vertical;border-radius:10px;outline:none;padding:10px 14px;font-family:inherit;font-size:.85rem}.profile-input:focus{border-color:var(--primary)}.profile-logout-section{padding:24px 16px}.api-keys-intro{margin-bottom:16px}.api-key-created-banner{background:#ecfdf5;border:1px solid #10b981;border-radius:10px;flex-direction:column;gap:8px;margin-bottom:16px;padding:14px;font-size:.85rem;display:flex}.api-key-created-code{background:var(--bg);word-break:break-all;-webkit-user-select:all;user-select:all;border-radius:6px;padding:8px 12px;font-size:.8rem}.api-key-create{gap:8px;margin-bottom:16px;display:flex}.api-key-create input{flex:1}.api-keys-list{flex-direction:column;gap:10px;display:flex}.api-key-item{border:1px solid var(--border);background:var(--surface);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:14px;display:flex}.api-key-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.api-key-name{font-size:.85rem;font-weight:600}.api-key-preview{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.api-key-status{font-size:.72rem}.api-key-status.active{color:#10b981}.api-key-status.inactive{color:var(--text-muted)}.api-key-last-used{color:var(--text-muted);font-size:.7rem}.api-key-actions{flex-shrink:0;gap:6px;display:flex}.btn-outline-sm{border:1px solid var(--border);cursor:pointer;color:var(--text);background:0 0;border-radius:6px;padding:4px 10px;font-size:.75rem}.chat-skin{--skin-primary:var(--primary);--skin-primary-light:var(--primary-light);--skin-bubble-user:var(--primary);--skin-bubble-user-text:#fff;--skin-bubble-ai:var(--surface);--skin-bubble-ai-text:var(--text);--skin-header-bg:var(--surface);--skin-header-text:var(--text);--skin-header-sub-text:var(--text-muted);--skin-input-bg:var(--bg);--skin-accent:var(--primary);--skin-status-color:var(--success);--skin-quick-action-bg:var(--surface);--skin-quick-action-border:var(--border);--skin-quick-action-hover:var(--primary-light);--skin-send-btn-bg:var(--primary);--skin-send-btn-text:#fff;--skin-pattern-opacity:.03;--skin-pattern-size:20px;height:100vh;height:calc(100vh - var(--tabbar-h) - env(safe-area-inset-bottom,0px));background:var(--bg);flex-direction:column;display:flex;position:relative;overflow:hidden}@media (min-width:900px){.chat-skin{height:100vh}}.chat-skin-bg{pointer-events:none;z-index:0;position:absolute;top:0;right:0;bottom:0;left:0}.chat-skin-header{background:var(--skin-header-bg);z-index:1;flex-shrink:0;align-items:center;gap:12px;padding:12px 16px;display:flex;position:relative;box-shadow:0 2px 12px #00000014}.chat-skin-header .back{cursor:pointer;color:var(--skin-header-text);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.1rem;transition:background .15s;display:flex}.chat-skin-header .back:hover{background:#ffffff4d}.chat-skin-header .skin-avatar{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff40;border:2px solid #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;display:flex}.chat-skin-header .skin-info{flex:1;min-width:0}.chat-skin-header .skin-name{color:var(--skin-header-text);font-size:.95rem;font-weight:700;line-height:1.2}.chat-skin-header .skin-subtitle{color:var(--skin-header-sub-text);margin-top:1px;font-size:.7rem}.chat-skin-header .skin-bind-btn{color:var(--skin-header-text);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1.5px solid #fff6;border-radius:18px;flex-shrink:0;padding:6px 16px;font-size:.78rem;font-weight:600;transition:all .15s}.chat-skin-header .skin-bind-btn:hover{background:#ffffff4d}.chat-skin-messages{z-index:0;flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;position:relative;overflow-y:auto}.chat-skin-msg{flex-direction:column;display:flex}.chat-skin-msg.user{align-items:flex-end}.chat-skin-msg.ai{align-items:flex-start}.chat-skin-bubble{word-break:break-word;white-space:pre-wrap;border-radius:18px;max-width:78%;padding:11px 15px;font-size:.86rem;line-height:1.55;box-shadow:0 1px 3px #0000000f}.chat-skin-msg.user .chat-skin-bubble{background:var(--skin-bubble-user);color:var(--skin-bubble-user-text);border-bottom-right-radius:6px}.chat-skin-msg.ai .chat-skin-bubble{background:var(--skin-bubble-ai);color:var(--skin-bubble-ai-text);border-bottom-left-radius:6px}.chat-skin-time{color:var(--text-muted);margin-top:4px;padding:0 6px;font-size:.65rem}.chat-skin-bubble.streaming{background:var(--skin-bubble-ai);color:var(--skin-bubble-ai-text);border-bottom-left-radius:6px}.cursor-blink{background:var(--skin-accent);vertical-align:text-bottom;width:2px;height:1em;margin-left:2px;animation:.8s step-end infinite cursorBlink;display:inline-block}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.chat-skin-typing{background:var(--skin-bubble-ai);border-radius:18px 18px 18px 6px;align-self:flex-start;gap:5px;padding:11px 15px;display:flex;box-shadow:0 1px 3px #0000000f}.chat-skin-typing span{background:var(--skin-accent);opacity:.5;border-radius:50%;width:7px;height:7px;animation:1.2s infinite skinTyping}.chat-skin-typing span:nth-child(2){animation-delay:.2s}.chat-skin-typing span:nth-child(3){animation-delay:.4s}@keyframes skinTyping{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.chat-skin-quick-actions{z-index:1;flex-wrap:wrap;justify-content:center;gap:8px;padding:14px 16px;display:flex;position:relative}.chat-skin-quick-actions button{cursor:pointer;border:1px solid var(--skin-quick-action-border);background:var(--skin-quick-action-bg);color:var(--skin-accent);border-radius:20px;padding:9px 18px;font-size:.82rem;font-weight:500;transition:all .15s}.chat-skin-quick-actions button:hover{background:var(--skin-quick-action-hover);border-color:var(--skin-accent)}.chat-skin-input{background:var(--surface);border-top:1px solid var(--border);z-index:1;flex-shrink:0;align-items:center;gap:10px;padding:12px 16px;display:flex;position:relative}.chat-skin-input input{border:1.5px solid var(--border);background:var(--skin-input-bg);color:var(--text);border-radius:24px;outline:none;flex:1;padding:11px 18px;font-size:.86rem;transition:border-color .15s}.chat-skin-input input:focus{border-color:var(--skin-accent)}.chat-skin-send{background:var(--skin-send-btn-bg);width:40px;height:40px;color:var(--skin-send-btn-text);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;transition:all .15s;display:flex;box-shadow:0 2px 8px #0000001f}.chat-skin-send:disabled{opacity:.4;cursor:default;box-shadow:none}.chat-skin-send:not(:disabled):hover{transform:scale(1.05)}.chat-skin-send:not(:disabled):active{transform:scale(.95)}.chat-skin-action-btn{cursor:pointer;text-align:center;background:var(--skin-bubble-user);width:100%;color:var(--skin-bubble-user-text);border:none;border-radius:16px;margin:8px 0;padding:13px 20px;font-size:.9rem;font-weight:700;transition:all .15s;display:block;box-shadow:0 3px 12px #0000001a}.chat-skin-action-btn:hover{transform:translateY(-1px);box-shadow:0 5px 16px #00000026}.payment-page{background:var(--bg);min-height:100vh}.payment-body{max-width:420px;margin:0 auto;padding:20px 16px}.payment-card{background:var(--surface);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);margin-bottom:20px;padding:24px}.payment-product-name{color:var(--text-secondary);margin-bottom:8px;font-size:.9rem}.payment-price{color:var(--text);font-size:2rem;font-weight:800}.payment-order-info{color:var(--text-muted);margin-top:8px;font-size:.75rem}.payment-methods{margin-bottom:20px}.payment-method-item{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:12px;margin-bottom:8px;padding:14px 16px;transition:all .15s;display:flex}.payment-method-item.active{border-color:var(--skin-accent,var(--primary));background:var(--skin-primary-light,var(--primary-light))}.payment-method-item input[type=radio]{display:none}.method-icon{font-size:1.3rem}.method-label{color:var(--text);font-size:.9rem;font-weight:500}.payment-confirm-btn{margin-top:8px;padding:14px;font-size:.95rem;font-weight:700}.payment-success{text-align:center;padding:32px 20px}.payment-success-icon{margin-bottom:12px;font-size:3rem}.payment-success h2{margin-bottom:8px;font-size:1.2rem;font-weight:700}.payment-amount{color:var(--text);margin-bottom:4px;font-size:1.5rem;font-weight:800}.payment-product{color:var(--text-secondary);margin-bottom:4px;font-size:.85rem}.payment-order-no{color:var(--text-muted);font-size:.75rem}.payment-qr-section{text-align:center;margin:16px 0}.payment-qr-box{background:var(--surface);border:2px dashed var(--border);border-radius:var(--radius);justify-content:center;align-items:center;width:180px;height:180px;margin:0 auto 8px;display:flex}.payment-qr-inner{flex-direction:column;align-items:center;display:flex}.payment-qr-hint{color:var(--text-muted);font-size:.65rem;line-height:1.5}.type-badge{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:20px;font-weight:800;display:inline-block}.report-blur-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--radius);background:#fff6;justify-content:center;align-items:center;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}[data-theme=dark] .report-blur-overlay{background:#00000080}.report-blur-overlay span{background:var(--primary);color:#fff;border-radius:20px;padding:8px 20px;font-size:.85rem;font-weight:600}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes toastSlide{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.mobile-page{animation:.3s ease-out pageFadeIn}.card,.mobile-card,.post-card,.moke-card{animation:.35s ease-out slideUp}.skeleton{background:linear-gradient(90deg,var(--border) 25%,var(--surface-hover) 50%,var(--border) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton-text{border-radius:4px;height:14px;margin-bottom:8px}.skeleton-text:last-child{width:60%}.skeleton-title{border-radius:6px;width:45%;height:20px;margin-bottom:12px}.skeleton-avatar{border-radius:50%;width:48px;height:48px}.skeleton-card{border-radius:var(--radius);height:120px;margin-bottom:12px}.skeleton-card-sm{border-radius:var(--radius);height:80px;margin-bottom:10px}.skeleton-row{align-items:center;gap:12px;padding:12px 0;display:flex}.skeleton-row .skeleton-text{flex:1;margin-bottom:0}.loading-spinner{justify-content:center;align-items:center;padding:32px;animation:1.5s infinite pulse;display:flex}.loading-spinner:after{content:"";border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.btn-primary:active,.btn-outline:active{transform:scale(.96)}.card,.post-card,.moke-card{transition:transform .2s,box-shadow .2s}.card:hover,.post-card:hover,.moke-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}@media (hover:none) and (pointer:coarse){.btn-primary,.btn-outline,.tab-item,button{min-width:44px;min-height:44px}.card:hover,.post-card:hover{box-shadow:var(--shadow);transform:none}}input:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.report-section{position:relative;overflow:hidden}.quick-publish-box{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:12px;overflow:hidden}.qp-collapsed{cursor:pointer;align-items:center;gap:10px;padding:12px 16px;transition:background .15s;display:flex}.qp-collapsed:hover{background:var(--surface-hover)}.qp-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex}.qp-placeholder{color:var(--text-muted);flex:1;font-size:.88rem}.qp-quick-actions{gap:4px;display:flex}.qp-quick-actions button{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:1.1rem;transition:background .15s}.qp-quick-actions button:hover{background:var(--surface-hover)}.qp-expanded{padding:14px 16px}.qp-editor-row{gap:10px;display:flex}.qp-textarea{resize:none;color:var(--text);background:0 0;border:none;outline:none;flex:1;min-height:60px;font-family:inherit;font-size:.9rem;line-height:1.5}.qp-textarea::placeholder{color:var(--text-muted)}.qp-images{flex-wrap:wrap;gap:8px;margin:10px 0 0 46px;display:flex}.qp-img-wrap{width:72px;height:72px;position:relative}.qp-img-wrap img{object-fit:cover;border-radius:8px;width:100%;height:100%}.qp-img-remove{background:var(--danger);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;line-height:1;display:flex;position:absolute;top:-6px;right:-6px}.qp-toolbar{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:10px;padding-top:8px;display:flex}.qp-toolbar-left button{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:1.1rem;transition:background .15s}.qp-toolbar-left button:hover{background:var(--surface-hover)}.qp-toolbar-left button:disabled{opacity:.5;cursor:not-allowed}.qp-toolbar-right{gap:8px;display:flex}.qp-cancel-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:16px;padding:6px 14px;font-size:.8rem;transition:all .15s}.qp-cancel-btn:hover{background:var(--surface-hover)}.qp-submit-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:16px;padding:6px 20px;font-size:.8rem;font-weight:600;transition:all .15s}.qp-submit-btn:hover{background:var(--primary-hover)}.qp-submit-btn:disabled{opacity:.5;cursor:not-allowed}.pc-chat-layout{background:var(--bg);flex-direction:column;height:100vh;display:flex}.pc-chat-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;flex-shrink:0;align-items:center;gap:12px;padding:12px 24px;display:flex}.pc-chat-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.pc-chat-body .chat-messages{flex:1;padding:20px;overflow-y:auto}.pc-chat-body .chat-input-bar{background:var(--surface);border-top:1px solid var(--border);flex-shrink:0;padding:12px 20px}.highlight{color:var(--primary);font-weight:700}.clone-page{background:var(--bg);min-height:100vh}.clone-create-area{padding:16px}.clone-create-card{background:var(--surface);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);padding:28px 20px}.clone-create-icon{margin-bottom:12px;font-size:3rem}.clone-create-card h3{margin-bottom:8px;font-size:1.05rem;font-weight:700}.clone-list-section{margin-top:24px}.clone-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;display:grid}.clone-card-item{background:var(--surface);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);cursor:pointer;padding:16px 10px;transition:all .15s}.clone-card-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.clone-card-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 8px;font-size:1.1rem;font-weight:700;display:flex}.clone-card-name{color:var(--text);font-size:.82rem;font-weight:600}.clone-card-type{color:var(--text-muted);margin-top:2px;font-size:.68rem}.clone-detail-area{height:calc(100vh - var(--tabbar-h) - 56px);flex-direction:column;display:flex}.clone-info-banner{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:16px;display:flex}.clone-info-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.2rem;font-weight:700;display:flex}.clone-info-name{font-size:.95rem;font-weight:700}.clone-info-type{align-items:center;gap:8px;margin-top:3px;display:flex}.clone-traits{background:var(--surface-hover);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px;padding:10px 16px;display:flex}.clone-trait-tag{background:var(--primary-light);color:var(--primary);border-radius:12px;padding:3px 10px;font-size:.7rem;font-weight:600}.clone-chat-area{flex-direction:column;flex:1;display:flex;overflow:hidden}.clone-chat-messages{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.clone-chat-input-row{background:var(--surface);border-top:1px solid var(--border);flex-shrink:0;gap:8px;padding:10px 12px;display:flex}.clone-chat-input-row input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:20px;outline:none;flex:1;padding:10px 14px;font-size:.85rem}.clone-chat-input-row input:focus{border-color:var(--primary)}.clone-chat-input-row button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:20px;padding:10px 18px;font-size:.85rem;font-weight:600}.clone-chat-input-row button:disabled{opacity:.4;cursor:default}.clone-toast{text-align:center;color:var(--primary);padding:8px;font-size:.75rem;font-weight:600;animation:.3s fadeInUp}.clone-actions-bar{gap:8px;padding:12px 0;display:flex}.clone-action-btn{border-radius:var(--radius);border:2px solid var(--primary);background:var(--primary-light);color:var(--primary);cursor:pointer;flex:1;padding:10px;font-size:.8rem;font-weight:700;transition:all .15s}.clone-action-btn:hover{background:var(--primary);color:#fff}.clone-action-btn:disabled{opacity:.5;cursor:not-allowed}.clone-posts-section{margin-top:16px}.clone-posts-section h4{color:var(--text);margin:0 0 10px;font-size:.8rem;font-weight:700}.clone-post-item{border-bottom:1px solid var(--border-light);gap:10px;padding:10px 0;display:flex}.clone-post-item:last-child{border-bottom:none}.clone-post-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex}.clone-post-content{color:var(--text-secondary);margin-bottom:4px;font-size:.78rem;line-height:1.5}.clone-post-time{color:var(--text-muted);font-size:.65rem}.notification-bell-wrapper{position:relative}.notification-bell{cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.2rem;line-height:1;position:relative}.notification-badge{color:#fff;background:#ef4444;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:.6rem;font-weight:700;line-height:1;display:flex;position:absolute;top:-2px;right:-4px}.notification-panel{background:var(--surface);border-radius:var(--radius);width:320px;max-height:420px;box-shadow:var(--shadow-lg);z-index:1000;flex-direction:column;display:flex;position:absolute;top:100%;right:0;overflow:hidden}@media (max-width:400px){.notification-panel{width:280px}}.notification-panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;font-size:.9rem;font-weight:700;display:flex}.notification-panel-header button{color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:.75rem;font-weight:600}.notification-panel-body{flex:1;overflow-y:auto}.notification-item{cursor:pointer;border-bottom:1px solid var(--border-light);align-items:flex-start;gap:10px;padding:12px 16px;transition:background .1s;display:flex}.notification-item.unread{background:var(--primary-light)}.notification-item:hover{background:var(--surface-hover)}.notification-item-icon{flex-shrink:0;margin-top:1px;font-size:1rem}.notification-item-body{flex:1;min-width:0}.notification-item-title{color:var(--text);font-size:.8rem;font-weight:600}.notification-item-content{color:var(--text-secondary);margin-top:2px;font-size:.75rem}.notification-item-time{color:var(--text-muted);margin-top:3px;font-size:.65rem}.notification-item-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:5px}.user-profile-page{background:var(--bg);min-height:100vh}.user-profile-cover{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;align-items:center;margin:12px;padding:30px 20px 20px;display:flex}.user-profile-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:4px;font-size:1.8rem;font-weight:700;display:flex}.user-profile-stats{color:var(--text-secondary);gap:20px;margin:16px 0;font-size:.82rem;display:flex}.user-profile-stats b{color:var(--text);margin-right:2px}.user-profile-actions{gap:8px;margin-top:4px;display:flex}.follow-btn{cursor:pointer;color:#fff;background:var(--primary);border:none;border-radius:22px;padding:9px 24px;font-size:.85rem;font-weight:700;transition:all .15s}.follow-btn.following{background:var(--surface-hover);color:var(--text);border:1.5px solid var(--border)}.follow-btn:hover{opacity:.9}.msg-btn{cursor:pointer;background:var(--primary-light);color:var(--primary);border:none;border-radius:22px;padding:9px 18px;font-size:.82rem;font-weight:600;transition:all .15s}.msg-btn:hover{opacity:.85}.user-profile-joined{text-align:center;color:var(--text-muted);margin:0 12px;padding:12px;font-size:.75rem}.post-images-preview{flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:0 16px;display:flex}.post-image-thumb{border-radius:8px;width:80px;height:80px;position:relative;overflow:hidden}.post-image-thumb img{object-fit:cover;width:100%;height:100%}.post-image-remove{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;display:flex;position:absolute;top:2px;right:2px}.post-create-actions{gap:8px;padding:0 16px;display:flex}.post-upload-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text-secondary);white-space:nowrap;padding:10px 16px;font-size:.82rem}.feed-images{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.feed-images img{object-fit:cover;border-radius:8px;width:calc(50% - 3px);max-width:200px;max-height:160px}.report-page-enhanced{background:var(--bg);min-height:100vh;padding-bottom:80px}.report-hero{background:linear-gradient(135deg,var(--primary-light),var(--primary-light2,#eef2ff));border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;flex-direction:column;align-items:center;margin:12px;padding:28px 20px 20px;display:flex}.report-hero h1{color:var(--text-secondary);margin:6px 0 12px;font-size:.82rem;line-height:1.5}.report-type-badge{letter-spacing:2px;background:linear-gradient(135deg,var(--primary),#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.4rem;font-weight:900}.report-unlock-teaser{color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:6px 18px;font-size:.78rem}.report-tabs{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin:0 12px;display:flex;overflow:hidden}.report-tabs button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px 4px;font-size:.78rem;font-weight:600;transition:all .15s}.report-tabs button.active{color:var(--primary);border-bottom-color:var(--primary);background:var(--primary-light)}.report-body{padding:12px}.report-card-list{flex-direction:column;gap:12px;display:flex}.report-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.report-card h3{color:var(--text);margin:0 0 12px;font-size:.9rem;font-weight:700}.report-highlight-box{border:1px solid var(--border);text-align:center;background:linear-gradient(135deg,#f59e0b14,#7c3aed14);border-radius:10px;padding:16px}.report-blur{text-align:center;background:rgba(var(--bg-rgb,248,248,248),.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:8px;margin-top:12px;padding:24px 12px;position:relative}.report-blur span{color:var(--text-muted);font-size:.8rem;font-weight:600}.report-tags{flex-wrap:wrap;gap:8px;display:flex}.report-tag{background:var(--primary-light);color:var(--primary);white-space:nowrap;border-radius:16px;padding:5px 12px;font-size:.72rem;font-weight:600}.report-career-list{flex-direction:column;gap:8px;display:flex}.report-career-item{background:var(--bg);color:var(--text);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:.82rem;font-weight:600;display:flex}.report-career-rank{color:var(--primary);min-width:22px;font-size:.7rem;font-weight:800}.report-match-grid{flex-direction:column;gap:10px;display:flex}.report-match-item{align-items:center;gap:10px;display:flex}.report-match-type{color:var(--text);min-width:42px;font-size:.78rem;font-weight:700}.report-match-bar{background:var(--border);border-radius:7px;flex:1;height:14px;overflow:hidden}.report-match-bar div{border-radius:7px;height:100%;transition:width .5s}.report-ai-rec{background:var(--bg);border-radius:var(--radius);align-items:center;gap:14px;padding:14px;display:flex}.report-ai-rec-avatar{background:var(--primary-light);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:2rem;display:flex}.report-unlock-card{border-radius:var(--radius);cursor:pointer;color:#92400e;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#fef3c7,#fde68a);align-items:center;gap:10px;margin:0 12px 12px;padding:12px 16px;font-size:.78rem;font-weight:600;transition:transform .15s;display:flex}.report-unlock-card:hover{transform:scale(1.01)}.report-footer-bar{background:var(--surface);border-top:1px solid var(--border);z-index:50;padding:10px 16px;position:fixed;bottom:0;left:0;right:0}.tasks-page{background:var(--bg);min-height:100vh;padding-bottom:80px}.tasks-toast{background:var(--text);color:var(--bg);z-index:999;box-shadow:var(--shadow-lg);border-radius:24px;padding:10px 24px;font-size:.82rem;font-weight:600;animation:.3s fadeInUp;position:fixed;top:20px;left:50%;transform:translate(-50%)}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%)translateY(-10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.tasks-points-bar{background:linear-gradient(135deg,var(--primary-light),var(--surface));border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:8px;margin:12px;padding:16px 20px;display:flex}.tasks-points-icon{font-size:1.5rem}.tasks-points-value{color:var(--primary);font-size:1.8rem;font-weight:900}.tasks-points-label{color:var(--text-muted);font-size:.75rem}.tasks-list{padding:0 12px}.tasks-section-title{color:var(--text);margin:0 0 12px;padding-left:4px;font-size:.85rem;font-weight:700}.tasks-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;margin-bottom:10px;padding:14px;transition:opacity .2s;display:flex}.tasks-card.completed{opacity:.55}.tasks-card.claimable{border:1.5px solid var(--primary);background:var(--primary-light)}.tasks-card-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.tasks-card-icon{flex-shrink:0;font-size:1.3rem}.tasks-card-info{min-width:0}.tasks-card-name{color:var(--text);font-size:.82rem;font-weight:700}.tasks-card-desc{color:var(--text-muted);margin-top:2px;font-size:.72rem}.tasks-card-progress{color:var(--primary);margin-top:4px;font-size:.68rem;font-weight:600}.tasks-card-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.tasks-card-points{color:var(--primary);font-size:.78rem;font-weight:700}.tasks-card-done{color:var(--text-muted);font-size:.72rem;font-weight:600}.tasks-card-btn{cursor:pointer;color:#fff;background:var(--primary);border:none;border-radius:18px;padding:6px 16px;font-size:.75rem;font-weight:700;transition:opacity .15s}.tasks-card-btn.claim{background:linear-gradient(135deg,#f59e0b,#d97706)}.tasks-card-btn:hover{opacity:.85}.tasks-card-btn:disabled{opacity:.6;cursor:not-allowed}.share-page{background:var(--bg);min-height:100vh;padding-bottom:80px}.share-hero{text-align:center;border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(135deg,#fef3c7,#fde68a,#fed7aa);flex-direction:column;align-items:center;margin:12px;padding:28px 20px;display:flex}.share-hero-icon{margin-bottom:8px;font-size:2.2rem}.share-hero-title{color:#92400e;margin-bottom:10px;font-size:.82rem;font-weight:600}.share-code{letter-spacing:4px;color:#92400e;background:#ffffff80;border-radius:10px;margin-bottom:12px;padding:6px 24px;font-size:2rem;font-weight:900}.share-hero-desc{color:#78350f;font-size:.75rem;line-height:1.6}.share-link-box{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);cursor:pointer;align-items:center;gap:8px;margin:0 12px 12px;padding:10px 14px;display:flex}.share-link-text{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.72rem;overflow:hidden}.share-link-btn{background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex-shrink:0;padding:8px 14px;font-size:.75rem;font-weight:700}.share-stats{gap:10px;margin:0 12px 12px;display:flex}.share-stat-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);text-align:center;flex:1;padding:16px}.share-stat-value{color:var(--primary);font-size:1.3rem;font-weight:900}.share-stat-label{color:var(--text-muted);margin-top:4px;font-size:.72rem}.share-how{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin:0 12px 12px;padding:16px}.share-how h3{color:var(--text);margin:0 0 12px;font-size:.85rem;font-weight:700}.share-step{color:var(--text-secondary);align-items:center;gap:10px;padding:8px 0;font-size:.78rem;display:flex}.share-step-num{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;font-weight:700;display:flex}.share-referrals{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin:0 12px;padding:16px}.share-referrals h3{color:var(--text);margin:0 0 12px;font-size:.85rem;font-weight:700}.share-referral-item{border-bottom:1px solid var(--border-light);align-items:center;gap:10px;padding:10px 0;display:flex}.share-referral-item:last-child{border-bottom:none}.share-referral-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.8rem;font-weight:700;display:flex}.share-referral-name{color:var(--text);flex:1;font-size:.8rem;font-weight:600}.share-referral-date{color:var(--text-muted);font-size:.68rem}.admin-page{background:var(--bg);min-height:100vh;padding-bottom:80px}.admin-toast{background:var(--text);color:var(--bg);z-index:999;border-radius:24px;padding:10px 24px;font-size:.82rem;font-weight:600;animation:.3s fadeInUp;position:fixed;top:20px;left:50%;transform:translate(-50%)}.admin-tabs{gap:4px;margin:0 12px 8px;display:flex;overflow-x:auto}.admin-tabs button{background:var(--surface);color:var(--text-muted);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:8px 14px;font-size:.75rem;font-weight:600;transition:all .15s}.admin-tabs button.active{background:var(--primary);color:#fff}.admin-body{padding:0 12px}.admin-stats-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.admin-stat-card{background:var(--surface);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-sm);padding:12px 8px}.admin-stat-icon{font-size:1.2rem}.admin-stat-value{color:var(--primary);margin:4px 0;font-size:1rem;font-weight:900}.admin-stat-title{color:var(--text-muted);font-size:.65rem}.admin-table-wrap{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.admin-table{border-collapse:collapse;width:100%;font-size:.75rem}.admin-table th{background:var(--bg);color:var(--text-secondary);text-align:left;padding:10px 8px;font-size:.7rem;font-weight:700}.admin-table td{border-bottom:1px solid var(--border-light);color:var(--text);padding:10px 8px}.admin-table tr:last-child td{border-bottom:none}.admin-user-cell{align-items:center;gap:8px;display:flex}.admin-user-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.7rem;font-weight:700;display:flex}.admin-user-name{font-size:.78rem;font-weight:700}.admin-user-email{color:var(--text-muted);font-size:.65rem}.admin-actions{gap:6px;display:flex}.admin-actions button{cursor:pointer;background:var(--primary-light);color:var(--primary);border:none;border-radius:6px;padding:4px 10px;font-size:.68rem;font-weight:600}.admin-actions button.danger{color:#dc2626;background:#fef2f2}.admin-actions button.approve{color:#059669;background:#ecfdf5}.admin-moke-card{border-bottom:1px solid var(--border-light);padding:12px}.admin-moke-card:last-child{border-bottom:none}.admin-moke-user{align-items:center;gap:10px;display:flex}.admin-moke-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex}.admin-moke-name{font-size:.8rem;font-weight:700}.admin-moke-email{color:var(--text-muted);font-size:.68rem}.admin-moke-reason{color:var(--text-secondary);margin:8px 0;font-size:.75rem;line-height:1.4}.admin-moke-status-badge{border-radius:10px;padding:3px 10px;font-size:.68rem;font-weight:700;display:inline-block}.admin-moke-status-badge[data-status=pending]{color:#92400e;background:#fef3c7}.admin-moke-status-badge[data-status=approved]{color:#059669;background:#ecfdf5}.admin-moke-status-badge[data-status=rejected]{color:#dc2626;background:#fef2f2}.admin-status-badge{border-radius:8px;padding:2px 8px;font-size:.65rem;font-weight:700;display:inline-block}.admin-status-badge[data-status=pending]{color:#92400e;background:#fef3c7}.admin-status-badge[data-status=paid]{color:#059669;background:#ecfdf5}.admin-status-badge[data-status=cancelled]{color:#6b7280;background:#f3f4f6}.admin-pagination{justify-content:center;gap:4px;padding:12px;display:flex}.admin-pagination button{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:30px;height:30px;color:var(--text-secondary);border-radius:6px;font-size:.72rem}.admin-pagination button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.admin-order-filter{background:var(--bg);gap:4px;padding:8px;display:flex}.admin-order-filter button{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:14px;padding:4px 12px;font-size:.72rem;font-weight:600}.admin-order-filter button.active{background:var(--primary);color:#fff}.membership-page{background:var(--bg);min-height:100vh;padding-bottom:80px}.membership-status-card{border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);margin:12px;padding:24px 20px}.membership-status-badge{background:#ffffff40;border-radius:16px;margin-bottom:8px;padding:4px 14px;font-size:.75rem;font-weight:700;display:inline-block}.membership-status-level{margin-bottom:4px;font-size:1rem;font-weight:800}.membership-status-expire{opacity:.75;font-size:.72rem}.membership-status-icon{margin-bottom:8px;font-size:2.5rem}.membership-status-text{margin-bottom:4px;font-size:1.1rem;font-weight:800}.membership-status-hint{opacity:.6;color:var(--text-muted);font-size:.75rem}.membership-plans{padding:0 12px}.membership-section-title{color:var(--text);margin:0 0 12px;font-size:.85rem;font-weight:700}.membership-plan-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:2px solid var(--border);margin-bottom:14px;padding:20px;transition:border-color .2s;position:relative}.membership-plan-card.recommended{border-color:#f59e0b;box-shadow:0 0 20px #f59e0b26}.membership-plan-recommend{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;padding:3px 16px;font-size:.7rem;font-weight:800;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.membership-plan-header{text-align:center;margin-bottom:14px}.membership-plan-level{margin-bottom:6px;font-size:1rem;font-weight:800}.membership-plan-price{justify-content:center;align-items:baseline;gap:2px;display:flex}.price-num{color:var(--text);font-size:2rem;font-weight:900}.price-unit{color:var(--text-muted);font-size:.78rem}.membership-plan-save{color:#f59e0b;margin-top:2px;font-size:.72rem;font-weight:700}.membership-plan-benefits{margin:0 0 16px;padding:0;list-style:none}.membership-plan-benefits li{color:var(--text-secondary);padding:6px 0;font-size:.78rem}.membership-buy-btn{border-radius:var(--radius);color:#fff;cursor:pointer;border:none;width:100%;padding:12px;font-size:.9rem;font-weight:800;transition:opacity .15s}.membership-buy-btn:hover{opacity:.9}.membership-buy-btn:disabled{opacity:.6;cursor:not-allowed}.vault-page{background:var(--bg);min-height:100vh;padding-bottom:80px}.vault-body{padding:0 12px}.vault-item-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:8px;padding:14px;transition:background .15s;display:flex}.vault-item-card:hover{background:var(--primary-light)}.vault-item-info{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.vault-item-cat{flex-shrink:0;font-size:1.1rem}.vault-item-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.82rem;font-weight:700;overflow:hidden}.vault-item-date{color:var(--text-muted);white-space:nowrap;font-size:.68rem}.vault-item-sharer{color:var(--primary);font-size:.68rem;font-weight:600}.vault-item-actions{flex-shrink:0;gap:4px;margin-left:8px;display:flex}.vault-item-actions button{background:var(--bg);cursor:pointer;border:none;border-radius:8px;width:32px;height:32px;font-size:.85rem}.vault-modal-overlay{z-index:200;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.vault-modal{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:420px;max-height:80vh;box-shadow:var(--shadow-lg);padding:20px;overflow-y:auto}.vault-modal-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.vault-modal-header h3{color:var(--text);margin:0;font-size:.9rem;font-weight:800}.vault-modal-header button{background:var(--bg);cursor:pointer;border:none;border-radius:50%;width:28px;height:28px;font-size:.8rem}.vault-modal-meta{margin-bottom:12px}.vault-modal-content{color:var(--text-secondary);white-space:pre-wrap;word-break:break-all;font-size:.82rem;line-height:1.7}.community-page{background:var(--bg);min-height:100vh;padding-bottom:80px}.community-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.community-header h2{color:var(--text);font-size:1.1rem;font-weight:800}.zone-tabs{background:var(--surface);border-bottom:1px solid var(--border-light);-webkit-overflow-scrolling:touch;gap:6px;padding:8px 12px;display:flex;overflow-x:auto}.zone-tab{border:1px solid var(--border);background:var(--bg);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:18px;flex-shrink:0;align-items:center;gap:4px;padding:6px 12px;font-size:.78rem;font-weight:600;transition:all .15s;display:flex}.zone-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.zone-tab:hover:not(.active){background:var(--surface-hover)}.zone-icon{font-size:.9rem}.zone-name{font-size:.76rem}.sort-bar{background:var(--surface);border-bottom:1px solid var(--border-light);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex}.sort-btn{cursor:pointer;background:var(--bg);color:var(--text-muted);border:none;border-radius:14px;padding:4px 12px;font-size:.74rem;font-weight:600}.sort-btn.active{background:var(--text);color:var(--bg)}.hot-topics-inline{-webkit-overflow-scrolling:touch;flex:1;align-items:center;gap:6px;margin-left:auto;display:flex;overflow-x:auto}.hot-topic-chip{background:var(--primary-light);color:var(--primary);cursor:pointer;white-space:nowrap;border-radius:12px;padding:3px 10px;font-size:.7rem;font-weight:500}.hot-topic-more{color:var(--text-muted);cursor:pointer;white-space:nowrap;font-size:.7rem}.create-overlay{z-index:200;background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.create-dialog{background:var(--surface);border-radius:var(--radius) var(--radius) 0 0;width:100%;max-width:500px;max-height:90vh;padding:20px;animation:.25s ease-out slideUp;overflow-y:auto}.create-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.create-header h3{color:var(--text);margin:0;font-size:1rem;font-weight:800}.close-btn{background:var(--bg);cursor:pointer;border:none;border-radius:50%;width:30px;height:30px;font-size:.9rem}.type-selector{gap:6px;margin-bottom:12px;display:flex}.type-btn{border:1px solid var(--border);background:var(--bg);cursor:pointer;color:var(--text-secondary);border-radius:16px;align-items:center;gap:4px;padding:6px 14px;font-size:.76rem;display:flex}.type-btn.active{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.create-textarea{border:1px solid var(--border);border-radius:var(--radius-sm);resize:vertical;background:var(--bg);width:100%;color:var(--text);outline:none;margin-bottom:10px;padding:12px;font-family:inherit;font-size:.9rem;line-height:1.6}.create-textarea:focus{border-color:var(--primary)}.create-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);width:100%;color:var(--text);outline:none;margin-bottom:12px;padding:10px 12px;font-size:.82rem}.create-input:focus{border-color:var(--primary)}.create-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.create-hint{color:var(--text-muted);flex:1;font-size:.68rem}.publish-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:20px;flex-shrink:0;padding:10px 24px;font-size:.85rem;font-weight:700}.publish-btn:disabled{opacity:.6;cursor:not-allowed}.feed-loading{padding:16px 12px}.feed-loading .skeleton-card{background:var(--surface);border-radius:var(--radius);height:100px;margin-bottom:12px;padding:16px}.skeleton-line{background:linear-gradient(90deg,var(--border) 25%,var(--surface-hover) 50%,var(--border) 75%);background-size:200% 100%;border-radius:6px;height:12px;margin-bottom:8px;animation:1.5s infinite shimmer}.skeleton-line.w60{width:60%}.skeleton-line.w80{width:80%}.skeleton-line.w40{width:40%}.feed-empty{text-align:center;padding:60px 20px}.empty-icon{margin-bottom:12px;font-size:2.5rem}.feed-empty p{color:var(--text-muted);margin-bottom:16px;font-size:.85rem}.feed-empty .create-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:20px;padding:10px 24px;font-size:.85rem;font-weight:700}.feed-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;margin-bottom:12px;transition:transform .15s;overflow:hidden}.feed-card:active{transform:scale(.98)}.card-header{align-items:center;gap:10px;padding:14px 16px 0;display:flex}.card-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:36px;height:36px}.card-user{flex:1;min-width:0}.card-username{color:var(--text);font-size:.85rem;font-weight:700}.card-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:flex}.mbti-badge{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:6px;padding:1px 6px;font-size:.65rem;font-weight:700}.zone-badge,.time-text{color:var(--text-muted);font-size:.68rem}.card-body{padding:8px 16px}.card-text{color:var(--text);word-break:break-word;white-space:pre-wrap;font-size:.88rem;line-height:1.6}.card-media{border-radius:var(--radius-sm);gap:4px;margin-top:8px;display:grid;overflow:hidden}.card-media.count-1{grid-template-columns:1fr}.card-media.count-2,.card-media.count-3{grid-template-columns:1fr 1fr}.card-media.count-3 img:first-child{grid-row:span 2}.card-media img{object-fit:cover;border-radius:4px;width:100%;height:180px}.card-media.count-2 img,.card-media.count-3 img{height:140px}.card-topics{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.topic-tag{color:var(--primary);background:var(--primary-light);cursor:pointer;border-radius:10px;padding:2px 8px;font-size:.7rem;font-weight:500}.card-footer{border-top:1px solid var(--border-light);gap:16px;padding:10px 16px;display:flex}.action-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:3px;font-size:.75rem;display:flex}.action-btn:hover{color:var(--primary)}.load-more{text-align:center;padding:20px}.load-more button{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;border-radius:20px;padding:8px 32px;font-size:.82rem}.load-more button:disabled{opacity:.5}.create-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:20px;padding:8px 18px;font-size:.82rem;font-weight:700}.town-page{background:var(--bg);min-height:100vh;padding-bottom:80px}.town-header{color:#fff;z-index:10;background:linear-gradient(135deg,#2d8a4e,#1a6b38);align-items:center;gap:12px;padding:14px 16px;display:flex;position:sticky;top:0}.town-header h1{flex:1;margin:0;font-size:1.15rem;font-weight:800}.town-back{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.1rem}.town-member-badge{background:#fff3;border-radius:10px;padding:2px 8px;font-size:.7rem}.town-toast{z-index:300;color:#fff;text-align:center;white-space:nowrap;background:#000c;border-radius:24px;padding:12px 24px;font-size:.85rem;font-weight:600;animation:.25s ease-out slideUp;position:fixed;top:60px;left:50%;transform:translate(-50%)}.town-section{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);margin:16px 12px;padding:16px}.town-section h2{color:var(--text);margin:0 0 12px;font-size:.95rem;font-weight:800}.town-count{color:var(--text-muted);margin-left:6px;font-size:.72rem;font-weight:400}.town-farm{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.town-plot{border-radius:var(--radius-sm);border:2px dashed var(--border);background:var(--bg);justify-content:center;align-items:center;min-height:120px;transition:all .15s;display:flex;position:relative}.town-plot.ready{background:#fffbeb;border-color:#f59e0b}.town-plot.locked{opacity:.7;border-style:dashed}.plot-locked{text-align:center}.lock-icon{margin-bottom:4px;font-size:1.5rem;display:block}.lock-price{color:var(--text-muted);margin-bottom:6px;font-size:.8rem;font-weight:700;display:block}.plot-locked button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:14px;padding:5px 14px;font-size:.72rem;font-weight:600}.plot-empty{text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.plot-add{color:var(--primary);font-size:2rem}.plot-label{color:var(--text-muted);margin-top:2px;font-size:.75rem}.plot-planted{text-align:center;cursor:pointer;width:100%}.plant-emoji{font-size:2.2rem;display:block}.plant-name{color:var(--text);margin:4px 0 2px;font-size:.75rem;font-weight:600;display:block}.plant-status{border-radius:8px;padding:2px 8px;font-size:.68rem}.plant-status.harvest{color:#d97706;background:#fef3c7}.plant-status.done{color:#6b7280;background:#e5e7eb}.plant-status.growing{color:#2563eb;background:#dbeafe}.plant-selector{background:var(--surface);border-radius:var(--radius-sm);z-index:5;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:8px;display:flex;position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:0 4px 12px #00000026}.plant-option{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);cursor:pointer;text-align:center;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.plant-option:hover{border-color:var(--primary)}.opt-emoji{font-size:1.3rem}.opt-name{color:var(--text);font-size:.7rem;font-weight:600}.opt-time{color:var(--text-muted);font-size:.62rem}.plant-cancel{width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:6px;font-size:.72rem}.town-pets{flex-direction:column;gap:10px;display:flex}.town-pet-card{border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--border);align-items:center;gap:12px;padding:12px;display:flex}.town-pet-card.hungry{background:#fffbeb;border-color:#fbbf24}.pet-emoji{font-size:2.2rem}.pet-info{flex:1;min-width:0}.pet-name{color:var(--text);font-size:.85rem;font-weight:700;display:block}.pet-level{color:var(--text-muted);font-size:.7rem}.pet-happiness{background:var(--border);border-radius:2px;height:4px;margin-top:4px}.pet-hp-fill{background:#22c55e;border-radius:2px;height:100%;transition:width .3s}.pet-feed-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:16px;flex-shrink:0;padding:8px 14px;font-size:.74rem;font-weight:600}.pet-feed-btn:disabled{opacity:.4;cursor:not-allowed}.town-no-pet{text-align:center;padding:20px}.no-pet-icon{font-size:2rem}.town-no-pet p{color:var(--text-muted);margin-top:6px;font-size:.8rem}.town-pet-actions{margin-top:12px}.town-action-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:20px;padding:10px 20px;font-size:.82rem;font-weight:700}.town-action-btn.secondary{background:var(--bg);color:var(--primary);border:1px solid var(--primary)}.town-action-btn.cancel{background:var(--bg);color:var(--text-muted);border:1px solid var(--border)}.adopt-dialog{margin-top:12px}.pet-selector{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.pet-type-btn{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:16px;padding:8px 14px;font-size:.78rem}.pet-type-btn.selected{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.pet-name-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);width:100%;color:var(--text);outline:none;margin-bottom:10px;padding:10px 12px;font-size:.85rem}.pet-name-input:focus{border-color:var(--primary)}.adopt-actions{gap:8px;display:flex}.town-stats{gap:12px;display:flex}.stat-card{background:var(--bg);border-radius:var(--radius-sm);text-align:center;border:1px solid var(--border-light);flex:1;padding:12px}.stat-value{color:var(--primary);font-size:1.3rem;font-weight:800;display:block}.stat-label{color:var(--text-muted);margin-top:2px;font-size:.7rem}.changelog-list-page{background:var(--bg);min-height:100vh;padding:1.5rem}.changelog-list-container{max-width:720px;margin:0 auto}.changelog-list-hero{text-align:center;padding:3rem 1rem 2rem}.changelog-hero-icon{margin-bottom:.8rem;font-size:2.4rem;display:block}.changelog-hero-title{color:var(--text);margin-bottom:.5rem;font-size:2rem;font-weight:800}.changelog-hero-sub{color:var(--text-muted);max-width:420px;margin:0 auto;font-size:.9rem}.changelog-empty{text-align:center;padding:4rem 1rem}.changelog-empty-icon{opacity:.4;margin-bottom:.6rem;font-size:3rem;display:block}.changelog-empty-text{color:var(--text-muted);margin-bottom:.25rem;font-size:1.1rem}.changelog-empty-hint{color:var(--text-muted);opacity:.7;font-size:.85rem}.changelog-loading-wrap{flex-direction:column;justify-content:center;align-items:center;min-height:60vh;display:flex}.changelog-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;margin-bottom:12px;animation:.7s linear infinite spin;display:block}.changelog-loading-text{color:var(--text-muted);font-size:.95rem}.changelog-timeline{margin-left:12px;padding-left:28px;position:relative}.changelog-timeline:before{content:"";background:linear-gradient(180deg,var(--primary) 0%,var(--border) 80%);border-radius:1px;width:2px;position:absolute;top:0;bottom:0;left:8px}.changelog-timeline-item{cursor:pointer;margin-bottom:20px;position:relative}.changelog-timeline-dot{background:var(--border);border:2px solid var(--bg);border-radius:50%;width:14px;height:14px;transition:background .2s,transform .2s;position:absolute;top:26px;left:-24px}.changelog-timeline-item-latest .changelog-timeline-dot{background:var(--primary);box-shadow:0 0 0 4px #2563eb26}.changelog-timeline-item:hover .changelog-timeline-dot{transform:scale(1.3)}.changelog-dot-sparkle{color:#fff;position:absolute;top:2px;left:2px}.changelog-timeline-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem 1.2rem;transition:box-shadow .2s,transform .2s}.changelog-timeline-item:hover .changelog-timeline-card{transform:translate(4px);box-shadow:0 4px 16px #0000000f}.changelog-timeline-item-latest .changelog-timeline-card{border-left:3px solid var(--primary)}.changelog-card-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.changelog-card-title-row{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.changelog-latest-badge{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:10px;flex-shrink:0;align-items:center;padding:2px 8px;font-size:.65rem;font-weight:700;display:inline-flex}.changelog-card-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;overflow:hidden}.changelog-card-version{background:var(--primary-light,#dbeafe);color:var(--primary);border-radius:10px;flex-shrink:0;padding:2px 8px;font-size:.65rem;font-weight:600;display:inline-flex}.changelog-card-date{color:var(--text-muted);white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;font-size:.7rem;display:flex}.changelog-card-summary{color:var(--text-muted);margin-bottom:8px;font-size:.82rem;line-height:1.5}.changelog-card-readmore{color:var(--primary);align-items:center;gap:4px;font-size:.72rem;font-weight:600;display:inline-flex}.changelog-timeline-item:hover .changelog-card-readmore{text-decoration:underline}.changelog-detail-page{background:var(--bg);min-height:100vh;padding:1.5rem}.changelog-detail-container{max-width:780px;margin:0 auto}.changelog-back-link{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-bottom:1.2rem;padding:8px 0;font-size:.85rem;font-weight:600;display:inline-flex}.changelog-back-link:hover{opacity:.8}.changelog-detail-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem}.changelog-detail-header{border-bottom:1px solid var(--border);margin-bottom:1.5rem;padding-bottom:1rem}.changelog-detail-title{color:var(--text);margin-bottom:.5rem;font-size:1.6rem;font-weight:800}.changelog-detail-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.changelog-version-badge{background:var(--primary-light,#dbeafe);color:var(--primary);border-radius:12px;padding:3px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.changelog-date{color:var(--text-muted);align-items:center;gap:5px;font-size:.8rem;display:flex}.changelog-detail-content{color:var(--text);line-height:1.8}.changelog-detail-content h2{color:var(--text);margin:1.5rem 0 .5rem;font-size:1.3rem}.changelog-detail-content h3{color:var(--text);margin:1.2rem 0 .4rem;font-size:1.1rem}.changelog-detail-content ul,.changelog-detail-content ol{margin-bottom:1rem;padding-left:1.5rem}.changelog-detail-content li{margin-bottom:.35rem}.changelog-detail-content p{margin-bottom:.8rem}.changelog-detail-content code{background:var(--bg);border-radius:4px;padding:2px 6px;font-size:.85em}.changelog-detail-content pre{color:#e2e8f0;background:#1e293b;border-radius:8px;margin-bottom:1rem;padding:1rem;overflow-x:auto}.changelog-detail-content img{border-radius:var(--radius-sm);max-width:100%}@media (max-width:768px){.changelog-list-page{padding:1rem}.changelog-list-hero{padding:2rem .5rem 1.5rem}.changelog-hero-title{font-size:1.6rem}.changelog-card-header{flex-direction:column;align-items:flex-start}.changelog-detail-card{padding:1.2rem}.changelog-detail-title{font-size:1.3rem}}.topics-page{background:var(--bg);min-height:100vh;padding:1.5rem}.topics-hero{text-align:center;padding:1.5rem 1rem}.topics-hero-title{color:var(--text);margin-bottom:.4rem;font-size:1.8rem;font-weight:800}.topics-hero-sub{color:var(--text-muted);font-size:.88rem}.topics-search{gap:8px;max-width:500px;margin:0 auto 1.5rem;padding:0 8px;display:flex}.topics-search-input{border:1px solid var(--border);background:var(--card-bg);color:var(--text);border-radius:8px;outline:none;flex:1;padding:10px 14px;font-size:.9rem}.topics-search-input:focus{border-color:var(--primary)}.topics-search-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:.85rem;font-weight:600}.topics-search-btn:disabled{opacity:.5}.topics-search-clear{background:var(--bg);color:var(--text-muted);cursor:pointer;border:none;border-radius:8px;padding:10px 14px;font-size:.8rem}.topics-section-title{color:var(--text);margin:1.2rem 0 .8rem;padding:0 4px;font-size:1.05rem;font-weight:700}.topics-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;padding:0 4px;display:grid}.topic-card{background:var(--card-bg);border:1px solid var(--border);border-top:3px solid var(--primary);border-radius:var(--radius-md);cursor:pointer;padding:1rem;transition:box-shadow .15s,transform .15s}.topic-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.topic-card-name{color:var(--text);margin-bottom:4px;font-size:.88rem;font-weight:700}.topic-card-count{color:var(--text-muted);font-size:.72rem}.topics-hot-list{max-width:500px;margin:0 auto;padding:0 4px}.topic-hot-item{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;transition:background .15s;display:flex}.topic-hot-item:hover{background:var(--bg)}.topic-hot-rank{background:var(--primary-light,#dbeafe);width:24px;height:24px;color:var(--primary);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex}.topic-hot-name{color:var(--text);flex:1;font-size:.88rem;font-weight:600}.topic-hot-count{color:var(--text-muted);flex-shrink:0;font-size:.72rem}.topic-detail-page{background:var(--bg);min-height:100vh;padding:1rem}.topic-detail-header{margin-bottom:1rem}.topic-detail-info{text-align:center;padding:1rem 0 .5rem}.topic-detail-name{color:var(--text);font-size:1.6rem;font-weight:800}.topic-detail-count{color:var(--text-muted);margin-top:4px;font-size:.8rem}.topic-posts-list{max-width:600px;margin:0 auto}.articles-page{background:var(--bg);min-height:100vh;padding:1.5rem}.articles-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:1.2rem;display:flex}.articles-hero-title{color:var(--text);margin-bottom:.2rem;font-size:1.6rem;font-weight:800}.articles-hero-sub{color:var(--text-muted);font-size:.82rem}.articles-categories{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px;margin-bottom:1.2rem;padding-bottom:.8rem;display:flex}.cate-chip{border:1px solid var(--border);cursor:pointer;background:var(--card-bg);color:var(--text-muted);border-radius:18px;padding:6px 14px;font-size:.78rem;font-weight:500;transition:all .15s}.cate-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.cate-chip:hover:not(.active){border-color:var(--primary);color:var(--primary)}.articles-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.article-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:box-shadow .15s,transform .15s;overflow:hidden}.article-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000012}.article-card-cover{background:var(--bg);width:100%;height:160px;overflow:hidden}.article-card-cover img{object-fit:cover;width:100%;height:100%}.article-card-body{padding:1rem}.article-card-category{margin-bottom:6px}.article-cate-badge{background:var(--primary-light,#dbeafe);color:var(--primary);border-radius:12px;align-items:center;gap:4px;padding:3px 10px;font-size:.68rem;font-weight:600;display:inline-flex}.article-cate-badge.large{margin-bottom:8px;padding:4px 14px;font-size:.8rem}.article-card-title{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:1rem;font-weight:700;display:-webkit-box;overflow:hidden}.article-card-summary{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.article-card-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:.7rem;display:flex}.article-card-author{color:var(--text);font-weight:600}.article-card-stats{color:var(--primary)}.article-detail-page{background:var(--bg);min-height:100vh;padding:1.5rem}.article-detail-container{max-width:780px;margin:0 auto}.article-detail-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem}.article-detail-header{border-bottom:1px solid var(--border);margin-bottom:1.5rem;padding-bottom:1.2rem}.article-detail-title{color:var(--text);margin:.6rem 0;font-size:1.7rem;font-weight:800}.article-detail-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:.6rem;display:flex}.article-detail-author{cursor:pointer;align-items:center;gap:10px;display:flex}.author-avatar-placeholder{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:700;display:flex}.author-name{color:var(--text);font-size:.88rem;font-weight:600;display:block}.author-type{color:var(--text-muted);font-size:.7rem}.article-detail-date{color:var(--text-muted);font-size:.78rem}.article-detail-summary{color:var(--text-muted);background:var(--bg);border-left:3px solid var(--primary);border-radius:8px;padding:10px 14px;font-size:.95rem;font-style:italic}.article-detail-content{color:var(--text);font-size:.95rem;line-height:1.85}.article-detail-content h2{margin:1.5rem 0 .6rem;font-size:1.3rem}.article-detail-content h3{margin:1.2rem 0 .5rem;font-size:1.1rem}.article-detail-content p{margin-bottom:.9rem}.article-detail-content ul,.article-detail-content ol{margin-bottom:1rem;padding-left:1.5rem}.article-detail-content li{margin-bottom:.3rem}.article-detail-content img{border-radius:var(--radius-sm);max-width:100%}.article-detail-content pre{color:#e2e8f0;background:#1e293b;border-radius:8px;margin-bottom:1rem;padding:1rem;overflow-x:auto}.article-detail-content code{background:var(--bg);border-radius:4px;padding:2px 6px;font-size:.85em}.article-detail-footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:2rem;padding-top:1.2rem;display:flex}.article-detail-stats{color:var(--text-muted);gap:16px;font-size:.82rem;display:flex}.article-detail-actions{gap:8px;display:flex}.article-create-page{background:var(--bg);min-height:100vh;padding:1.5rem}.article-create-container{max-width:780px;margin:0 auto}.article-create-title{color:var(--text);margin-bottom:1.2rem;font-size:1.6rem;font-weight:800}.article-create-form{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}.form-group{margin-bottom:1rem}.form-group label{color:var(--text);margin-bottom:4px;font-size:.82rem;font-weight:600;display:block}.form-input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);box-sizing:border-box;border-radius:8px;outline:none;padding:10px 12px;font-size:.9rem}.form-input:focus{border-color:var(--primary)}.form-textarea{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);resize:vertical;box-sizing:border-box;border-radius:8px;outline:none;padding:12px;font-family:monospace;font-size:.9rem}.form-textarea:focus{border-color:var(--primary)}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-actions{justify-content:flex-end;gap:8px;margin-top:.5rem;display:flex}.btn-secondary{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:8px;padding:10px 20px;font-size:.85rem;font-weight:600}.btn-secondary:hover{background:var(--border)}.btn-danger{color:#ef4444;cursor:pointer;background:#fef2f2;border:1px solid #ef4444;border-radius:8px;padding:10px 20px;font-size:.85rem;font-weight:600}.btn-danger:hover{background:#fecaca}.back-link{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-bottom:.8rem;padding:8px 0;font-size:.85rem;font-weight:600;display:inline-flex}.back-link:hover{opacity:.8}@media (max-width:768px){.topics-grid{grid-template-columns:repeat(2,1fr)}.articles-grid{grid-template-columns:1fr}.article-detail-card{padding:1.2rem}.article-detail-title{font-size:1.3rem}.article-create-container{padding:0}.form-row{grid-template-columns:1fr}}.village-page{background:#0a0a1a;min-height:100vh;position:relative;overflow-x:hidden}.village-bg{z-index:0;pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0}.village-sky{background:linear-gradient(#0f0f2e,#1a1040 25%,#2d1b4e 45%,#4a2c5e 60%,#6b3a5e,#8b5e6e);position:absolute;top:0;right:0;bottom:40%;left:0}.village-mountains{background:radial-gradient(120% 100% at 20% 100%,#3c1e46e6,#0000 70%),radial-gradient(90% 80% at 75% 100%,#462350d9,#0000 65%),radial-gradient(140% 60% at 50% 100%,#32193cb3,#0000 60%);height:20%;position:absolute;bottom:38%;left:0;right:0}.village-ground{background:linear-gradient(#2e1a3e,#1e1228 40%,#140e1a);border-top:2px solid #b48cc826;position:absolute;top:62%;right:0;bottom:0;left:0}.village-moon{background:radial-gradient(circle at 35% 35%,#fffbe6,#fde68a 40%,#fbbf24);border-radius:50%;width:44px;height:44px;position:absolute;top:8%;right:16%;box-shadow:0 0 40px 8px #fbbf2440,0 0 80px 16px #fbbf2414}.village-cloud{filter:blur(6px);background:#c8b4dc1a;border-radius:50%;position:absolute}.village-cloud.c1{border-radius:24px;width:70px;height:24px;animation:14s ease-in-out infinite cloudDrift;top:16%;left:10%}.village-cloud.c2{border-radius:18px;width:50px;height:18px;animation:18s ease-in-out 3s infinite cloudDrift;top:12%;left:50%}.village-cloud.c3{border-radius:20px;width:60px;height:20px;animation:16s ease-in-out 6s infinite cloudDrift;top:20%;left:72%}@keyframes cloudDrift{0%,to{opacity:.4;transform:translate(0)}25%{opacity:.6;transform:translate(14px)}50%{opacity:.3;transform:translate(-8px)}75%{opacity:.5;transform:translate(10px)}}.village-tree{filter:drop-shadow(0 2px 4px #0000004d);border-bottom:40px solid #1a1525;border-left:10px solid #0000;border-right:10px solid #0000;width:0;height:0;position:absolute;bottom:60%}.village-tree.t1{border-bottom-color:#1e1830;left:10%}.village-tree.t2{border-bottom-width:56px;border-bottom-color:#181425;border-left-width:14px;border-right-width:14px;width:0;height:0;left:85%}.village-tree.t3{border-bottom-width:32px;border-bottom-color:#201a32;border-left-width:7px;border-right-width:7px;bottom:62%;left:55%}.village-house{background:#1c1530;border:1px solid #9682b41f;border-radius:3px 3px 0 0;width:36px;height:28px;position:absolute;bottom:60%}.village-house.h1{left:24%}.village-house.h2{left:62%}.village-stars{background-image:radial-gradient(1px 1px at 10% 15%,#fff9,#0000),radial-gradient(1px 1px at 22% 8%,#ffffff80,#0000),radial-gradient(1px 1px at 35% 20%,#fff6,#0000),radial-gradient(1px 1px at 48% 6%,#ffffffb3,#0000),radial-gradient(1px 1px at 58% 18%,#ffffff80,#0000),radial-gradient(1px 1px at 65% 4%,#ffffff4d,#0000),radial-gradient(1px 1px at 75% 12%,#fff9,#0000),radial-gradient(1px 1px at 88% 7%,#fff6,#0000),radial-gradient(1px 1px at 93% 22%,#ffffff80,#0000);animation:3s ease-in-out infinite alternate twinkle;position:absolute;top:0;right:0;bottom:70%;left:0}@keyframes twinkle{0%{opacity:.5}to{opacity:1}}.village-pc{z-index:1;gap:0;max-width:1100px;margin:0 auto;padding:0;display:flex;position:relative}.village-map{flex:1;height:90vh;min-height:90vh;padding-bottom:100px;position:relative}.village-icon{cursor:pointer;z-index:2;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;flex-direction:column;align-items:center;gap:4px;padding:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1);animation:3s ease-in-out infinite villageFloat;display:flex;position:absolute;transform:translate(-50%,-50%)}.village-icon.pressing,.village-icon:active{transform:translate(-50%,-50%)scale(.88)}@keyframes villageFloat{0%,to{transform:translate(-50%,-50%)translateY(0)}50%{transform:translate(-50%,-50%)translateY(-6px)}}.village-icon-emoji{-webkit-backdrop-filter:blur(6px);background:#1e1432bf;border:1px solid #b496d233;border-radius:50%;justify-content:center;align-items:center;transition:box-shadow .2s,border-color .2s;display:flex;box-shadow:0 2px 16px #0000004d}.village-icon:hover .village-icon-emoji{border-color:#c8aae666;box-shadow:0 4px 24px #7864b440}.village-icon.pressing .village-icon-emoji{box-shadow:0 2px 8px #0006}.village-icon.lg .village-icon-emoji{width:56px;height:56px;font-size:1.6rem}.village-icon.md .village-icon-emoji{width:50px;height:50px;font-size:1.35rem}.village-icon.sm .village-icon-emoji{width:42px;height:42px;font-size:1.15rem}.village-icon.top .village-icon-emoji{background:#1e1432d9;border-color:#fbbf2466;width:64px;height:64px;font-size:1.9rem;box-shadow:0 0 24px 6px #fbbf2426,0 0 48px 12px #fbbf240f}.village-icon.top:hover .village-icon-emoji{border-color:#fbbf2499;box-shadow:0 0 32px 10px #fbbf2438,0 0 60px 16px #fbbf2414}.village-icon.center .village-icon-emoji{background:#1e183cd9;border-color:#818cf866;box-shadow:0 0 20px 4px #818cf81f,0 0 40px 8px #818cf80d}.village-icon-label{color:#dcd2f0e6;text-shadow:0 1px 3px #00000080;letter-spacing:.5px;white-space:nowrap;font-size:.7rem;font-weight:700}.village-visitor-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;z-index:3;white-space:nowrap;background:#28143cd9;border:1px solid #c8aadc33;border-radius:14px;padding:14px 20px;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}.visitor-text{color:#e6dcf0d9;margin-bottom:8px;font-size:.78rem}.visitor-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:20px;padding:8px 22px;font-size:.78rem;font-weight:700;transition:all .2s}.visitor-btn:hover{transform:scale(1.04);box-shadow:0 4px 14px #6366f166}.village-sidebar{flex-direction:column;flex-shrink:0;gap:12px;width:300px;padding:1.2rem 1rem 1.2rem 0;display:flex}.village-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.2rem}.village-user{cursor:pointer;align-items:center;gap:10px;margin-bottom:1rem;display:flex}.village-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:800;display:flex}.village-user-info{flex-direction:column;display:flex}.village-user-info strong{color:var(--text);font-size:.9rem}.village-type{background:var(--primary-light);color:var(--primary);border-radius:8px;margin-top:2px;padding:2px 8px;font-size:.68rem;font-weight:700;display:inline-block}.village-stats-row{border-top:1px solid var(--border);justify-content:space-around;padding-top:.8rem;display:flex}.village-stat{text-align:center}.village-stat .stat-num{color:var(--text);font-size:1.05rem;font-weight:800}.village-stat .stat-lab{color:var(--text-muted);margin-top:1px;font-size:.68rem}.visitor-card{text-align:center}.visitor-greeting{flex-direction:column;align-items:center;gap:10px;display:flex}.visitor-emoji{font-size:2.4rem}.visitor-greeting h3{color:var(--text);margin:0;font-size:1.05rem}.visitor-greeting p{color:var(--text-muted);margin:0;font-size:.8rem;line-height:1.5}.btn-primary-fill{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:20px;width:100%;padding:10px 20px;font-size:.85rem;font-weight:700;transition:all .15s}.btn-primary-fill:hover{filter:brightness(1.1)}.btn-ghost{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-top:4px;padding:6px 0;font-size:.78rem;font-weight:500}.btn-ghost:hover{color:var(--primary)}.pc-only h4{color:var(--text-secondary);margin:0 0 10px;font-size:.82rem;font-weight:700}.quick-links{flex-direction:column;gap:2px;display:flex}.quick-link{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px;transition:background .15s;display:flex}.quick-link:hover{background:var(--surface-hover)}.ql-icon{flex-shrink:0;font-size:1.2rem}.ql-info{flex:1;min-width:0}.ql-label{color:var(--text);font-size:.8rem;font-weight:600;display:block}.ql-desc{color:var(--text-muted);margin-top:1px;font-size:.68rem;display:block}.ql-arrow{color:var(--text-muted);flex-shrink:0;font-size:.8rem}.village-ai-fab{bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:20;cursor:pointer;-webkit-tap-highlight-color:transparent;position:fixed;left:50%;transform:translate(-50%)}.ai-fab-ring{border:2px solid #818cf84d;border-radius:50%;animation:2s ease-in-out infinite fabPulse;position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}@keyframes fabPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}.ai-fab-inner{z-index:1;background:linear-gradient(135deg,#818cf8,#a78bfa);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;box-shadow:0 4px 20px #818cf873,0 0 40px #a78bfa33}.village-ai-fab:active .ai-fab-inner{transform:scale(.9)}.ai-fab-icon{font-size:1.3rem;line-height:1}.ai-fab-label{color:#fff;letter-spacing:1px;margin-top:-2px;font-size:.55rem;font-weight:800}.ai-modal-overlay{z-index:100;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom,0px));background:#0009;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.ai-modal{background:var(--surface);border-radius:20px 20px 12px 12px;width:100%;max-width:400px;max-height:70vh;padding:1.4rem;animation:.25s slideUp;overflow-y:auto;box-shadow:0 -4px 20px #0003}.ai-modal-close{background:var(--surface-hover);width:28px;height:28px;color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;font-size:.9rem;position:absolute;top:12px;right:16px}.ai-modal-title{color:var(--text);margin:0 0 4px;font-size:1.1rem;font-weight:800}.ai-modal-desc{color:var(--text-muted);margin:0 0 1rem;font-size:.78rem}.ai-chars{flex-direction:column;gap:12px;display:flex}.ai-char-card{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:var(--bg);padding:14px;transition:all .15s}.ai-char-card:hover{border-color:var(--primary);background:var(--primary-light)}.ai-char-icon{margin-bottom:6px;font-size:2rem}.ai-char-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.ai-char-header strong{color:var(--text);font-size:.92rem}.ai-char-type{background:var(--primary-light);color:var(--primary);border-radius:8px;padding:1px 8px;font-size:.7rem;font-weight:700}.ai-char-desc{color:var(--text-secondary);margin:0 0 4px;font-size:.78rem}.ai-char-persona{color:var(--text-muted);margin:0;font-size:.72rem;line-height:1.5}.ai-modal-login-hint{color:var(--text-muted);text-align:center;margin-top:1rem;font-size:.75rem}.link-btn{color:var(--primary);cursor:pointer;font-weight:600;font-size:inherit;background:0 0;border:none;padding:0}.village-footer{z-index:1;text-align:center;color:#c8b9dc66;padding:1.2rem;font-size:.7rem;position:relative}@media (max-width:899px){.village-sidebar{display:none}.village-pc{padding:0}.village-map{height:auto;min-height:calc(100vh - 60px);padding-bottom:120px}}@media (min-width:900px){.village-bg{display:none}.village-page{background:var(--bg)}.village-map{flex:1;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-content:start;gap:12px;height:auto;min-height:auto;padding:1.5rem;display:grid}.village-icon{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:row;justify-content:flex-start;gap:12px;width:100%;padding:14px 16px;animation:none!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important}.village-icon:hover{box-shadow:0 6px 18px #0000000f;transform:translateY(-2px)!important}.village-icon.pressing{transform:scale(.97)!important}.village-icon .village-icon-emoji{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:none;flex-shrink:0;width:40px!important;height:40px!important}.village-icon.top .village-icon-emoji,.village-icon.center .village-icon-emoji{box-shadow:none;border:none}.village-icon-label{color:var(--text);text-shadow:none;font-size:.88rem;font-weight:700}.village-visitor-banner{background:var(--surface);border:1px dashed var(--border);text-align:center;grid-column:1/-1;position:static;transform:none}.village-ai-fab{bottom:24px}.village-footer{background:var(--bg);color:var(--text-muted)}.ai-modal{border-radius:20px;max-height:80vh}}.feedback-page{background:var(--bg);min-height:100vh;padding:1.5rem}.feedback-container{max-width:620px;margin:0 auto}.feedback-hero-title{color:var(--text);text-align:center;margin-bottom:.2rem;font-size:1.6rem;font-weight:800}.feedback-hero-sub{text-align:center;color:var(--text-muted);margin-bottom:1.2rem;font-size:.85rem}.feedback-tabs{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;gap:4px;margin-bottom:1.2rem;padding:4px;display:flex}.fb-tab{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:7px;flex:1;padding:9px 0;font-size:.82rem;font-weight:600;transition:all .15s}.fb-tab.active{background:var(--primary);color:#fff}.feedback-form{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}.fb-message{border-radius:8px;margin-bottom:1rem;padding:10px 14px;font-size:.82rem}.fb-message.success{color:#166534;background:#dcfce7;border:1px solid #86efac}.fb-message.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.fb-type-row{gap:8px;margin-bottom:1rem;display:flex}.fb-type-btn{border:1px solid var(--border);cursor:pointer;background:var(--bg);color:var(--text-muted);border-radius:20px;padding:8px 16px;font-size:.78rem;font-weight:500;transition:all .15s}.fb-type-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.fb-history-list{flex-direction:column;gap:12px;display:flex}.fb-history-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem 1.2rem}.fb-history-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.fb-type-tag{color:var(--primary);font-size:.7rem;font-weight:600}.fb-status{border-radius:10px;padding:2px 8px;font-size:.7rem;font-weight:600}.fb-status.pending{color:#92400e;background:#fef3c7}.fb-status.resolved{color:#166534;background:#dcfce7}.fb-history-title{color:var(--text);margin-bottom:4px;font-size:.92rem;font-weight:700}.fb-history-content{color:var(--text-muted);margin-bottom:8px;font-size:.8rem;line-height:1.5}.fb-reply-box{border-left:2px solid var(--primary);color:var(--text);background:#f0fdf4;border-radius:8px;margin-top:8px;padding:10px 12px;font-size:.8rem}[data-theme=dark] .fb-reply-box{background:#052e16}.fb-reply-label{color:var(--primary);margin-bottom:4px;font-size:.75rem;font-weight:700;display:block}.fb-history-date{color:var(--text-muted);margin-top:6px;font-size:.68rem;display:block}.broadcast-page{background:var(--bg);min-height:100vh;padding:1.5rem}.broadcast-container{max-width:620px;margin:0 auto}.broadcast-hero-title{color:var(--text);text-align:center;margin-bottom:.2rem;font-size:1.6rem;font-weight:800}.broadcast-hero-sub{text-align:center;color:var(--text-muted);margin-bottom:1.2rem;font-size:.85rem}.broadcast-form{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:1.5rem;padding:1.2rem}.broadcast-input-row{gap:8px;display:flex}.broadcast-input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;outline:none;flex:1;padding:12px 14px;font-size:.9rem}.broadcast-input:focus{border-color:var(--primary)}.broadcast-free-hint{color:var(--text-muted);text-align:center;margin-top:8px;font-size:.72rem}.broadcast-list{flex-direction:column;gap:10px;display:flex}.broadcast-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem 1.2rem}.broadcast-user-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.broadcast-user{align-items:center;gap:8px;display:flex}.broadcast-avatar{object-fit:cover;border-radius:50%;width:28px;height:28px}.broadcast-avatar-placeholder{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;display:flex}.broadcast-user-info{flex-direction:column;display:flex}.broadcast-username{color:var(--text);font-size:.78rem;font-weight:700}.broadcast-type{color:var(--text-muted);font-size:.65rem}.broadcast-time{color:var(--text-muted);font-size:.68rem}.broadcast-content{color:var(--text);font-size:.9rem;line-height:1.6}.danmaku-capsule{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#000000bf;border-radius:28px;align-items:center;gap:6px;padding:8px 14px;font-size:.75rem;font-weight:600;transition:all .2s;display:flex;position:fixed;bottom:100px;right:16px;box-shadow:0 4px 20px #00000040}.danmaku-capsule:active{transform:scale(.95)}.danmaku-capsule-icon{font-size:1rem}.danmaku-capsule-label{white-space:nowrap}.danmaku-bar{z-index:999;pointer-events:none;background:#000000b3;padding:6px 0;position:fixed;top:0;left:0;right:0;overflow:hidden}.danmaku-track{animation:danmaku-scroll var(--dm-speed,10s) linear infinite;white-space:nowrap;gap:32px;display:flex}.danmaku-item{color:#fff;text-shadow:0 1px 3px #00000080;padding:2px 0;font-size:.78rem;font-weight:500}@keyframes danmaku-scroll{0%{transform:translate(100vw)}to{transform:translate(-100%)}}.messages-page-v2{background:var(--bg);min-height:100vh}.msg-tabs{background:var(--bg);border-bottom:1px solid var(--border);gap:4px;padding:0 1rem .8rem;display:flex}.msg-tab{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 0;font-size:.88rem;font-weight:600;transition:all .15s}.msg-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.msg-tab:hover:not(.active){color:var(--text)}.notifications-panel{padding:0 0 1rem}.noti-filters{flex-wrap:wrap;gap:4px;padding:.8rem 1rem;display:flex}.noti-filter-btn{border:1px solid var(--border);cursor:pointer;background:var(--card-bg);color:var(--text-muted);border-radius:16px;padding:5px 12px;font-size:.72rem;font-weight:500;transition:all .15s}.noti-filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.noti-filter-btn:hover:not(.active){border-color:var(--primary);color:var(--primary)}.noti-read-all-btn{border:1px solid var(--border);cursor:pointer;color:#166534;background:#f0fdf4;border-radius:16px;margin-left:auto;padding:5px 12px;font-size:.7rem}.noti-list{flex-direction:column;display:flex}.noti-item{border-bottom:1px solid var(--border);cursor:pointer;align-items:flex-start;gap:10px;padding:12px 1rem;transition:background .1s;display:flex}.noti-item.unread{background:var(--primary-light,#eff6ff)}[data-theme=dark] .noti-item.unread{background:#1e3a5f}.noti-item:hover{background:var(--bg)}.noti-icon{flex-shrink:0;margin-top:1px;font-size:1.2rem}.noti-body{flex:1;min-width:0}.noti-title{color:var(--text);margin-bottom:2px;font-size:.82rem;font-weight:600}.noti-content{color:var(--text-muted);margin-bottom:4px;font-size:.75rem}.noti-time{color:var(--text-muted);font-size:.65rem}.noti-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:6px}.store-page{background:var(--bg);min-height:100vh;padding:1.5rem}.store-container{max-width:860px;margin:0 auto}.store-hero{text-align:center;padding:1.5rem 1rem}.store-hero-title{color:var(--text);margin-bottom:.3rem;font-size:1.6rem;font-weight:800}.store-hero-sub{color:var(--text-muted);font-size:.82rem}.store-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.store-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);transition:box-shadow .15s,transform .15s;overflow:hidden}.store-card:hover{transform:translateY(-3px);box-shadow:0 4px 16px #00000012}.store-card-image{background:linear-gradient(135deg,#f8fafc,#e2e8f0);justify-content:center;align-items:center;width:100%;height:180px;display:flex;overflow:hidden}[data-theme=dark] .store-card-image{background:linear-gradient(135deg,#1e293b,#334155)}.store-card-image img{object-fit:cover;width:100%;height:100%}.store-card-placeholder{font-size:3rem}.store-card-body{padding:1rem}.store-card-name{color:var(--text);margin-bottom:4px;font-size:.95rem;font-weight:700}.store-card-desc{color:var(--text-muted);margin-bottom:12px;font-size:.76rem;line-height:1.4}.store-card-footer{justify-content:space-between;align-items:center;display:flex}.store-card-price{color:#ef4444;font-size:1.2rem;font-weight:800}.store-buy-btn{padding:8px 18px;font-size:.8rem}.fate-page{background:var(--bg);min-height:100vh;padding:1.5rem}.fate-container{max-width:720px;margin:0 auto}.fate-hero{text-align:center;padding:1rem 1rem 1.2rem}.fate-hero-title{color:var(--text);margin-bottom:.3rem;font-size:1.5rem;font-weight:800}.fate-hero-sub{color:var(--text-muted);font-size:.82rem}.fate-user-card.mbti-card{background:linear-gradient(135deg,#eff6ff,#e0e7ff);border:1px solid #93c5fd;border-radius:12px;align-items:center;gap:12px;margin-bottom:1rem;padding:14px 16px;display:flex}[data-theme=dark] .fate-user-card.mbti-card{background:linear-gradient(135deg,#1e3a5f,#1e1b4b);border-color:#3b82f6}.fate-mbti-emoji{font-size:2rem}.fate-mbti-label{color:var(--text-muted);font-size:.68rem;display:block}.fate-mbti-type{color:var(--primary);font-size:1.1rem;font-weight:800}.fate-tabs{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;gap:4px;margin-bottom:.8rem;padding:4px;display:flex}.fate-tab{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:7px;flex:1;padding:10px 0;font-size:.82rem;font-weight:600;transition:all .15s}.fate-tab.active{background:var(--primary);color:#fff}.fate-comp-hint{text-align:center;color:var(--text);background:#fdf4ff;border:1px solid #e9d5ff;border-radius:8px;margin-bottom:.5rem;padding:10px;font-size:.82rem}[data-theme=dark] .fate-comp-hint{background:#2e1065;border-color:#7c3aed}.fate-grid{flex-direction:column;gap:10px;display:flex}.fate-user-item{background:var(--card-bg);border:1px solid var(--border);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:all .15s;display:flex}.fate-user-item:hover{border-color:var(--primary);box-shadow:0 2px 8px #0000000a}.fate-user-avatar{background:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.fate-user-avatar img{object-fit:cover;width:100%;height:100%}.fate-avatar-txt{color:#fff;font-size:1.2rem;font-weight:700}.fate-user-body{flex:1;min-width:0}.fate-user-top{align-items:center;gap:8px;margin-bottom:2px;display:flex}.fate-user-name{color:var(--text);font-size:.88rem;font-weight:700}.fate-moke-badge{color:#92400e;background:#fef3c7;border-radius:8px;padding:2px 6px;font-size:.62rem}.fate-user-type{color:var(--primary);margin-bottom:4px;font-size:.72rem}.fate-type-emoji{margin-right:2px}.fate-user-bio{color:var(--text-muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-bottom:6px;font-size:.73rem;display:-webkit-box;overflow:hidden}.fate-user-stats{color:var(--text-muted);gap:12px;font-size:.65rem;display:flex}.fate-chat-btn{border:1px solid var(--border);background:var(--card-bg);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:all .15s;display:flex}.fate-chat-btn:hover{background:var(--primary);border-color:var(--primary)}@media (max-width:768px){.store-grid{grid-template-columns:1fr}}.profile-v2{background:var(--bg);min-height:100vh;padding-bottom:var(--tabbar-h,0)}.profile-banner{padding:32px 16px 20px;position:relative;overflow:hidden}.profile-banner:after{content:"";background:radial-gradient(circle at 80% 20%,#ffffff14,#0000 60%);position:absolute;top:0;right:0;bottom:0;left:0}.profile-banner-inner{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.profile-avatar-lg{color:#fff;border:3px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:10px;font-size:2rem;font-weight:800;display:flex;box-shadow:0 4px 16px #0003}.profile-display-name{color:#fff;text-shadow:0 1px 4px #0003;margin:0 0 6px;font-size:1.3rem;font-weight:800}.profile-type-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border:1px solid #fff3;border-radius:20px;align-items:center;gap:5px;padding:5px 14px;font-size:.82rem;font-weight:700;display:flex}.type-emoji{font-size:1rem}.type-code{color:#fff;letter-spacing:.5px}.type-divider{color:#ffffff80}.type-label{color:#ffffffd9}.profile-banner-bio{text-align:center;color:#ffffffbf;max-width:300px;margin:10px 0 0;font-size:.78rem;line-height:1.5}.profile-stats-bar{gap:28px;margin-top:16px;display:flex}.ps-stat{text-align:center}.ps-num{color:#fff;text-shadow:0 1px 3px #0003;font-size:1.05rem;font-weight:800;display:block}.ps-lab{color:#ffffffb3;margin-top:2px;font-size:.65rem;display:block}.profile-toast{z-index:50;border-radius:20px;padding:10px 24px;font-size:.82rem;font-weight:600;animation:.3s toastIn;position:fixed;top:60px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.profile-toast.success{color:#fff;background:#059669}.profile-toast.error{color:#fff;background:#dc2626}.profile-v2-tabs{background:var(--surface);border-bottom:1px solid var(--border);z-index:5;display:flex;position:sticky;top:0}.profile-v2-tab{text-align:center;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:4px;padding:11px 0;font-size:.82rem;font-weight:600;transition:all .15s;display:flex}.profile-v2-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.profile-v2-body{background:var(--bg);min-height:200px}.profile-posts-list{padding:0}.profile-post-card{background:var(--surface);border-bottom:1px solid var(--border);cursor:pointer;padding:14px 16px;transition:background .1s}.profile-post-card:hover{background:var(--surface-hover)}.ppc-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.ppc-user{align-items:center;gap:8px;display:flex}.ppc-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:700;display:flex}.ppc-name{color:var(--text);font-size:.82rem;font-weight:700}.ppc-time{color:var(--text-muted);font-size:.68rem}.ppc-type{background:var(--primary-light);color:var(--primary);border-radius:8px;padding:2px 8px;font-size:.68rem;font-weight:700}.ppc-content{color:var(--text);margin-bottom:8px;font-size:.88rem;line-height:1.6}.ppc-footer{color:var(--text-muted);gap:16px;font-size:.75rem;display:flex}.profile-info-section{background:var(--bg)}.profile-info-list{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);margin:12px;overflow:hidden}.info-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:13px 16px;display:flex}.info-row:last-child{border-bottom:none}.info-k{color:var(--text-muted);flex-shrink:0;font-size:.8rem}.info-v{color:var(--text);text-align:right;max-width:60%;font-size:.82rem;font-weight:500}.profile-info-actions{border-top:1px solid var(--border);gap:8px;padding:12px 16px;display:flex}.profile-edit-btns{gap:10px;padding-top:8px;display:flex}.profile-logout-section{text-align:center;padding:20px 16px}.btn-logout{color:#dc2626;cursor:pointer;background:0 0;border:1px solid #fecaca;border-radius:10px;padding:10px 28px;font-size:.82rem;font-weight:600;transition:background .15s}.btn-logout:hover{background:#fef2f2}.profile-keys-section{padding:12px 16px}.keys-intro{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:12px;padding:14px}.keys-intro p{color:var(--text);margin:0 0 8px;font-size:.8rem}.keys-code-block{background:var(--bg);color:var(--text-secondary);white-space:pre-wrap;border-radius:6px;padding:10px 12px;font-family:Fira Code,monospace;font-size:.72rem;line-height:1.6;display:block}.keys-created{border-radius:var(--radius);background:#ecfdf5;border:1px solid #86efac;flex-direction:column;gap:8px;margin-bottom:12px;padding:14px;font-size:.82rem;display:flex}.keys-created-code{background:var(--bg);word-break:break-all;-webkit-user-select:all;user-select:all;border-radius:6px;padding:8px 12px;font-size:.78rem}.keys-create-row{gap:8px;margin-bottom:12px;display:flex}.keys-list{flex-direction:column;gap:8px;display:flex}.key-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.key-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.key-info strong{font-size:.82rem}.key-info code{color:var(--text-muted);font-size:.7rem}.key-status{margin-top:2px;font-size:.7rem}.key-status.on{color:#059669}.key-status.off{color:var(--text-muted)}.key-actions{flex-shrink:0;gap:6px;display:flex}.profile-loading{justify-content:center;align-items:center;min-height:60vh;display:flex}.loading-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}.empty-card{text-align:center;padding:3rem 1.5rem}.empty-icon{margin-bottom:.8rem;font-size:2.5rem;display:block}.empty-text{color:var(--text-muted);margin:0;font-size:.85rem}.empty-hint{color:var(--text-muted);margin:6px 0 16px;font-size:.75rem}.empty-actions{justify-content:center;gap:10px;margin-top:12px;display:flex}.btn-outline{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:10px;padding:8px 18px;font-size:.82rem;font-weight:600;transition:all .15s}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:8px 20px;font-size:.82rem;font-weight:700;transition:all .15s}.btn-primary:hover{filter:brightness(1.1)}.btn-outline-sm{border:1px solid var(--border);cursor:pointer;color:var(--text);background:0 0;border-radius:6px;padding:4px 12px;font-size:.73rem;font-weight:500}.btn-outline-sm.danger{color:#dc2626;border-color:#fecaca}.btn-outline-sm:hover{border-color:var(--primary);color:var(--primary)}.btn-outline-sm.danger:hover{background:#fef2f2}.btn-sm{padding:4px 12px;font-size:.73rem}.profile-tests-list{padding:0}.test-card{background:var(--surface);border-bottom:1px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;padding:14px 16px;transition:background .1s;display:flex}.test-card:hover{background:var(--surface-hover)}.tc-left{align-items:center;gap:10px;display:flex}.tc-type-emoji{font-size:1.5rem}.tc-type{color:var(--text);font-size:.85rem;font-weight:700}.tc-date{color:var(--text-muted);font-size:.7rem}.tc-right{color:var(--text-muted);align-items:center;gap:8px;font-size:.75rem;display:flex}.tc-paid{color:#d97706;background:#fef3c7;border-radius:6px;padding:2px 6px;font-size:.62rem}.tc-arrow{color:var(--text-muted);font-size:.9rem}.feed-page{background:var(--bg);min-height:100vh;padding-bottom:var(--tabbar-h,0)}.feed-top{background:var(--surface);border-bottom:1px solid var(--border);z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:10px;padding:14px 1rem;display:flex;position:sticky;top:0}.feed-title{color:var(--text);flex:1;margin:0;font-size:1.1rem;font-weight:800}.feed-refreshing{color:var(--primary);font-size:.72rem;animation:1.2s infinite pulse}.feed-refresh-btn{background:var(--surface-hover);cursor:pointer;border:none;border-radius:8px;padding:6px;font-size:1rem;transition:background .15s}.feed-refresh-btn:hover{background:var(--primary-light)}.feed-refresh-btn:disabled{opacity:.5}.feed-tabs{background:var(--surface);border-bottom:1px solid var(--border);gap:6px;padding:10px 1rem;display:flex}.feed-tab{border:1px solid var(--border);background:var(--bg);cursor:pointer;text-align:center;border-radius:10px;flex:1;padding:10px 8px;transition:all .15s}.feed-tab.active{background:var(--primary);border-color:var(--primary)}.feed-tab:hover:not(.active){border-color:var(--primary-light)}.ft-label{color:var(--text);font-size:.82rem;font-weight:700;display:block}.feed-tab.active .ft-label{color:#fff}.ft-desc{color:var(--text-muted);margin-top:2px;font-size:.65rem;display:block}.feed-tab.active .ft-desc{color:#ffffffb3}.feed-list{padding:8px 0}.feed-card{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:0 0 8px;padding:14px 1rem;transition:background .1s}.feed-card:hover{background:var(--surface-hover)}.fc-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.fc-author{cursor:pointer;align-items:center;gap:8px;display:flex}.fc-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex}.fc-author-info{flex-direction:column;display:flex}.fc-name{color:var(--text);font-size:.82rem;font-weight:700}.fc-time{color:var(--text-muted);font-size:.68rem}.fc-type{background:var(--primary-light);color:var(--primary);cursor:pointer;white-space:nowrap;border-radius:12px;align-items:center;gap:3px;padding:3px 10px;font-size:.7rem;font-weight:700;display:flex}.fc-badge-broadcast{color:#92400e;white-space:nowrap;background:#fef3c7;border-radius:8px;padding:3px 8px;font-size:.68rem;font-weight:600}.fc-title{color:var(--text);margin:0 0 6px;font-size:.95rem;font-weight:700}.fc-content{color:var(--text);word-break:break-word;margin-bottom:8px;font-size:.85rem;line-height:1.6}.fc-city{color:var(--text-muted);margin-bottom:6px;font-size:.7rem;display:block}.fc-actions{border-top:1px solid var(--border);gap:20px;padding-top:6px;display:flex}.fc-action{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:4px 0;font-size:.78rem;transition:color .15s;display:flex}.fc-action:hover{color:var(--primary)}.feed-loading{justify-content:center;align-items:center;min-height:60vh;display:flex}.onboard-overlay{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;justify-content:center;align-items:center;padding:1.5rem;animation:.3s fadeIn;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.onboard-overlay.fade-out{pointer-events:none;animation:.3s forwards fadeOut}@keyframes fadeOut{to{opacity:0}}.onboard-modal{background:var(--surface);border-radius:24px;width:100%;max-width:360px;padding:28px 22px 22px;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000040}.onboard-skip{color:var(--text-muted);cursor:pointer;z-index:2;background:0 0;border:none;font-size:.75rem;font-weight:500;position:absolute;top:12px;right:16px}.onboard-skip:hover{color:var(--text)}.onboard-progress{justify-content:center;gap:8px;margin-bottom:24px;display:flex}.onboard-dot{background:var(--border);border-radius:50%;width:8px;height:8px;transition:all .3s}.onboard-dot.active{background:var(--primary);box-shadow:0 0 8px var(--primary);transform:scale(1.4)}.onboard-dot.done{background:var(--primary);opacity:.5}.onboard-content{min-height:280px;overflow:hidden}.onboard-step{text-align:center;animation-duration:.35s;animation-timing-function:cubic-bezier(.34,1.56,.64,1);animation-fill-mode:both}.slide-in-right{animation-name:slideInRight}.slide-in-left{animation-name:slideInLeft}@keyframes slideInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}.onboard-icon-wrap{border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 16px;animation:2.5s ease-in-out infinite onboardFloat;display:flex}@keyframes onboardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.onboard-icon{font-size:2.2rem}.onboard-title{color:var(--text);margin:0 0 8px;font-size:1.2rem;font-weight:800}.onboard-desc{color:var(--text-muted);max-width:280px;margin:0 auto;font-size:.82rem;line-height:1.6}.onboard-actions{flex-direction:column;align-items:center;gap:8px;margin-top:20px;display:flex}.onboard-action-btn{color:#fff;cursor:pointer;border:none;border-radius:24px;padding:12px 28px;font-size:.9rem;font-weight:700;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 14px #00000026}.onboard-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.onboard-finish-btn,.onboard-next-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:6px 0;font-size:.78rem;font-weight:500}.onboard-finish-btn:hover,.onboard-next-btn:hover{color:var(--primary)}.onboard-nav{justify-content:space-between;min-height:24px;margin-top:16px;display:flex}.onboard-prev,.onboard-next{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:.75rem}.onboard-prev:hover,.onboard-next:hover{color:var(--text)}.toast-container{z-index:300;pointer-events:none;flex-direction:column;gap:8px;width:90%;max-width:360px;display:flex;position:fixed;top:60px;left:50%;transform:translate(-50%)}.toast-item{cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;align-items:center;gap:8px;padding:12px 16px;font-size:.82rem;font-weight:600;animation:.35s cubic-bezier(.34,1.56,.64,1) toastSlide;display:flex;box-shadow:0 4px 16px #00000026}.toast-item.success{color:#fff;background:#059669}.toast-item.error{color:#fff;background:#dc2626}.toast-item.warn{color:#1a1a1a;background:#f59e0b}.toast-item.info{background:var(--primary);color:#fff}.toast-icon{flex-shrink:0;font-size:.9rem}.toast-msg{flex:1}.skeleton-text-group .skeleton-line{background:linear-gradient(90deg,var(--border) 25%,var(--surface-hover) 50%,var(--border) 75%);background-size:200% 100%;border-radius:6px;height:12px;margin-bottom:8px;animation:1.4s infinite shimmer}.skeleton-cards{flex-direction:column;gap:8px;display:flex}.skeleton-card{background:var(--surface);border-bottom:1px solid var(--border);padding:14px 1rem}.skeleton-row{align-items:center;gap:10px;display:flex}.skeleton-avatar{background:var(--border);background-size:200% 100%;border-radius:50%;width:36px;height:36px;animation:1.4s infinite shimmer}.skeleton-profile{min-height:100vh}.skeleton-banner{background:linear-gradient(90deg,var(--border) 25%,var(--surface-hover) 50%,var(--border) 75%);background-size:200% 100%;height:200px;animation:1.4s infinite shimmer}.skeleton-profile-tabs{background:var(--surface);border-bottom:1px solid var(--border);height:44px}.skeleton-profile-content{background:var(--bg)}.badge-wall{margin-top:12px;padding:0 4px}.badge-wall.compact{margin-top:10px}.badge-header{justify-content:center;align-items:center;margin-bottom:8px;display:flex}.badge-header h4{color:#ffffffe6;text-shadow:0 1px 3px #00000026;align-items:center;gap:6px;margin:0;font-size:.78rem;font-weight:700;display:flex}.badge-count{color:#fffc;background:#ffffff26;border-radius:8px;padding:1px 8px;font-size:.65rem;font-weight:600}.badge-grid{grid-template-columns:repeat(5,1fr);gap:6px;max-width:320px;margin:0 auto;display:grid}.badge-item{cursor:default;background:#0000001f;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;transition:transform .2s;display:flex}.badge-item.owned{cursor:pointer}.badge-item.owned:hover{transform:scale(1.08)}.badge-icon-wrap{font-size:1.3rem;line-height:1;transition:filter .2s}.badge-icon-wrap.grayscale{filter:grayscale();opacity:.35}.badge-name{color:#ffffff8c;text-align:center;white-space:nowrap;font-size:.58rem;font-weight:600}.badge-item.owned .badge-name{color:#ffffffd9}.village-sidebar .badge-header h4,.badge-wall:not(.compact) .badge-header h4{color:var(--text);text-shadow:none}.village-sidebar .badge-count,.badge-wall:not(.compact) .badge-count{background:var(--primary-light);color:var(--primary)}.village-sidebar .badge-item,.badge-wall:not(.compact) .badge-item{border-color:var(--border);background:var(--bg)}.village-sidebar .badge-name,.badge-wall:not(.compact) .badge-name{color:var(--text-muted)}.village-sidebar .badge-item.owned .badge-name,.badge-wall:not(.compact) .badge-item.owned .badge-name{color:var(--text)}.village-sidebar .badge-icon-wrap.grayscale,.badge-wall:not(.compact) .badge-icon-wrap.grayscale{filter:grayscale();opacity:.25}@keyframes heartBurst{0%{opacity:1;transform:scale(1)}30%{opacity:1;transform:scale(1.4)}to{opacity:0;transform:scale(2.2)}}.heart-anim{pointer-events:none;z-index:150;animation:.6s ease-out forwards heartBurst;position:fixed}.page-enter{animation:.2s pageEnter}@keyframes pageEnter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.banner-carousel{background:var(--surface);border-bottom:1px solid var(--border);margin:0 0 8px;position:relative;overflow:hidden}.banner-track{aspect-ratio:3;cursor:pointer;width:100%;position:relative;overflow:hidden}.banner-img{object-fit:cover;width:100%;height:100%;transition:opacity .4s;display:block}.banner-text{background:linear-gradient(#0000,#0000008c);padding:24px 14px 10px;position:absolute;bottom:0;left:0;right:0}.banner-label{color:#fff;text-shadow:0 1px 4px #0006;font-size:.88rem;font-weight:700}.banner-dots{justify-content:center;gap:6px;padding:8px 0;display:flex;position:absolute;bottom:5px;left:0;right:0}.banner-dot{cursor:pointer;background:#fff6;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:all .25s}.banner-dot.active{background:#fff;transform:scale(1.5);box-shadow:0 0 6px #ffffff80}@media (min-width:769px){.banner-track{aspect-ratio:5;border-radius:12px;margin:0}.banner-carousel{background:0 0;border-bottom:none;padding-top:10px}.banner-label{padding:24px 20px 14px;font-size:1rem}}.chat-history-overlay{z-index:50;opacity:0;pointer-events:none;background:#0006;transition:opacity .25s;position:fixed;top:0;right:0;bottom:0;left:0}.chat-history-overlay.open{opacity:1;pointer-events:auto}.chat-history-sidebar{background:var(--surface);z-index:51;flex-direction:column;width:300px;max-width:85vw;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #00000026}.chat-history-sidebar.open{transform:translate(0)}.chat-history-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.chat-history-header h3{color:var(--text);margin:0;font-size:.95rem;font-weight:700}.chat-history-close{background:var(--bg);cursor:pointer;width:30px;height:30px;color:var(--text-muted);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;transition:background .15s;display:flex}.chat-history-close:hover{background:var(--border)}.chat-history-new-btn{border:1.5px dashed var(--border);background:var(--bg);color:var(--primary);cursor:pointer;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;margin:12px 14px;padding:11px;font-size:.85rem;font-weight:700;transition:all .15s;display:flex}.chat-history-new-btn:hover{border-color:var(--primary);background:var(--primary-light)}.chat-history-list{flex:1;padding:0 8px 12px;overflow-y:auto}.chat-history-empty{text-align:center;color:var(--text-muted);padding:40px 20px;font-size:.8rem}.chat-history-item{cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:12px 10px;transition:background .12s;display:flex}.chat-history-item:hover{background:var(--bg)}.chat-history-item.active{background:var(--primary-light)}.chi-info{flex:1;min-width:0}.chi-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.chi-meta{align-items:center;gap:6px;margin-top:3px;display:flex}.chi-msg-count{color:var(--text-muted);font-size:.68rem}.chi-time{color:var(--text-muted);font-size:.65rem}.chi-delete{cursor:pointer;width:28px;height:28px;color:var(--text-muted);opacity:0;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.chat-history-item:hover .chi-delete{opacity:.5}.chi-delete:hover{color:#dc2626;background:#fecaca;opacity:1!important}.chat-msg-row{align-items:flex-end;gap:8px;max-width:92%;display:flex}.chat-skin-msg.user .chat-msg-row{flex-direction:row-reverse;align-self:flex-end}.chat-msg-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex}.chat-msg-avatar.ai{background:var(--skin-bubble-ai);border:1.5px solid var(--skin-accent)}.chat-msg-avatar.user{background:var(--skin-bubble-user);border:1.5px solid #ffffff4d}.chat-msg-footer{align-items:center;gap:8px;margin-top:2px;padding:0 40px;display:flex}.chat-skin-msg.user .chat-msg-footer{justify-content:flex-end;padding:0 40px 0 0}.chat-skin-msg.ai .chat-msg-footer{padding:0 0 0 40px}.chat-msg-tools{gap:2px;display:flex}.chat-tool-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 8px;font-size:.65rem;transition:all .15s}.chat-tool-btn:hover{color:var(--primary);background:var(--primary-light)}.chat-tool-btn.done{color:#059669}.chat-feedback-row{flex-wrap:wrap;align-items:center;gap:10px;padding:6px 0 6px 40px;display:flex}.chat-feedback-label{color:var(--text-muted);font-size:.7rem}.chat-feedback-emoji{gap:2px;display:flex}.chat-feedback-emoji button{cursor:pointer;background:0 0;border:none;border-radius:50%;width:30px;height:30px;font-size:1rem;transition:transform .15s,background .15s}.chat-feedback-emoji button:hover{background:var(--bg);transform:scale(1.3)}.chat-history-toggle{cursor:pointer;color:var(--skin-header-text);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s;display:flex}.chat-history-toggle:hover{background:#ffffff4d}.chat-new-btn{cursor:pointer;color:var(--skin-header-text);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.2rem;font-weight:700;transition:background .15s;display:flex}.chat-new-btn:hover{background:#ffffff4d}.chat-skin-typing span{animation:1.4s infinite skinTypingBounce}@keyframes skinTypingBounce{0%,80%,to{opacity:.35;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}