:root{--app-height: 100vh;--app-height-dvh: 100vh;--ios-safari-bottom-offset: 0px;--blur-bg-opacity: .98;--title-bar-content-height: 44px;--title-bar-safe-top: env(safe-area-inset-top, 0px);--title-bar-total-height: calc(var(--title-bar-content-height) + var(--title-bar-safe-top));--color-bg-page: #1a202c;--color-bg-surface: #232a3b;--color-bg-surface-hover: #2a3344;--color-border: rgba(74, 85, 104, .3);--color-border-light: rgba(74, 85, 104, .15);--color-border-solid: #4a5568;--color-text-primary: #f7fafc;--color-text-secondary: #cbd5e0;--color-text-tertiary: #a0aec0;--color-primary: #7f9cf5;--color-primary-solid: #6366f1;--color-success: #34d399;--color-warning: #fbbf24;--color-error: #f87171;--title-font-size: 17px;--title-font-weight: 600;--font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Arial", sans-serif;--font-size-base: 16px;--font-size-min: 12px;--font-size-max: 24px;--line-height: 1.5;--letter-spacing: 0px;--font-weight-thin: 100;--font-weight-extra-light: 200;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semi-bold: 600;--font-weight-bold: 700;--font-weight-extra-bold: 800;--font-weight-black: 900;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--font-size-5xl: 48px;--font-size-6xl: 60px;--font-size-7xl: 72px;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;font-family:var(--font-family);line-height:var(--line-height);font-weight:var(--font-weight-regular);color-scheme:dark;color:#ffffffde;background-color:#1a202c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html{min-width:320px;overflow-x:auto;height:100vh;background-color:#1a202c;-webkit-overflow-scrolling:touch}body{margin:0;min-width:320px;min-height:100dvh;min-height:var(--app-height, 100dvh);overflow-x:auto;background-color:#1a202c;position:relative}#root{width:100%;min-width:320px;min-height:100dvh;min-height:var(--app-height, 100dvh);overflow-x:auto;background-color:#1a202c;position:relative}@supports (padding-bottom: env(safe-area-inset-bottom)){.ios-safe-bottom,.fixed-bottom-safe{padding-bottom:max(16px,env(safe-area-inset-bottom),var(--ios-safari-bottom-offset, 0px))}}.page-title{font-size:var(--title-font-size);font-weight:var(--title-font-weight);color:var(--color-text-primary);margin:0;white-space:nowrap}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#ffffffde;background-color:#1a202c}a:hover{color:#7f9cf5}button{background-color:#2d3748}}@supports (height: 100dvh){:root{--app-height: 100dvh;--app-height-dvh: 100dvh}html{height:100dvh}body,#root{min-height:100dvh}}@supports (backdrop-filter: blur(10px)){:root{--blur-bg-opacity: .85}.bottom-nav-container,.blur-bg-supported{background:rgba(17,24,39,var(--blur-bg-opacity));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}@supports not (backdrop-filter: blur(10px)){.bottom-nav-container,.blur-bg-fallback{background:#111827fa}}@supports (gap: 1px){:root{--flex-gap-supported: 1}}@supports not (gap: 1px){.flex-gap-fallback{gap:0}.flex-gap-fallback>*+*{margin-left:var(--gap-fallback, 8px)}.flex-gap-fallback-column>*+*{margin-left:0;margin-top:var(--gap-fallback, 8px)}}@supports (padding: env(safe-area-inset-top)){:root{--safe-area-supported: 1}}@supports (grid-template-rows: masonry){.masonry-supported{display:grid;grid-template-rows:masonry}}.touch-target{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}@media(hover:none)and (pointer:coarse){button:active,.nav-item:active,.action-button:active,.touch-feedback:active{transform:scale(.98);opacity:.9;transition:transform .1s ease,opacity .1s ease}}*{-webkit-tap-highlight-color:transparent}input:not([type=checkbox]):not([type=radio]),textarea,select{font-size:16px}@media(min-width:768px){input:not([type=checkbox]):not([type=radio]),textarea,select{font-size:inherit}}@media(orientation:landscape){.search-bar-container .search-input{height:44px;min-height:44px}}@media(orientation:landscape){.home-content,.planet-list,.dynamic-content-page{max-height:60vh}}@media(orientation:landscape){.planet-detail-header,.dynamic-detail-header{--title-bar-height: 36px}}@media(orientation:landscape){.card-content{display:flex;flex-direction:row}}@media(orientation:landscape)and (max-height:500px){.page-content,.container{padding-top:8px;padding-bottom:8px}.app-title-bar,.home-top-bar{--title-bar-height: 40px}.login-container,.register-container{padding-top:16px;padding-bottom:16px}.bottom-nav-container{--bottom-nav-height: 40px}}@media(orientation:landscape)and (max-height:400px){.page-content,.container{padding-top:4px;padding-bottom:4px}.logo-section{padding-top:12px;padding-bottom:8px}.form-field,.mobile-field,.password-field,.code-field{margin-bottom:12px}}@media(orientation:landscape){input:focus,textarea:focus{scroll-margin-bottom:100px}}@supports (-webkit-touch-callout: none){body.keyboard-open{position:fixed;width:100%;height:100vh;overflow:hidden}body.keyboard-open .bottom-nav,body.keyboard-open .bottom-navigation,body.keyboard-open .home-tabs{display:none!important}body.keyboard-open .title-bar,body.keyboard-open .page-header{position:fixed;top:0;left:0;right:0;z-index:1000}body.keyboard-open .modal-dialog,body.keyboard-open .dialog-content{max-height:50vh;overflow-y:auto;margin-top:env(safe-area-inset-top)}body.keyboard-open input:focus,body.keyboard-open textarea:focus{transform:translateZ(0);-webkit-transform:translateZ(0)}}@supports (not (-webkit-touch-callout: none)){body.keyboard-open{padding-bottom:0!important}body.keyboard-open .bottom-nav,body.keyboard-open .bottom-navigation{position:fixed;bottom:0;transform:translateY(0);transition:transform .3s ease}body.keyboard-open .input-wrapper,body.keyboard-open .form-section{flex-shrink:0}}.input-wrapper{position:relative;flex-shrink:0;z-index:1}.input-wrapper input:focus,.input-wrapper textarea:focus{outline:none;transform:translateZ(0);-webkit-transform:translateZ(0)}body.keyboard-open .modal-overlay,body.keyboard-open .dialog-overlay{align-items:flex-start;padding-top:max(80px,env(safe-area-inset-top))}body.keyboard-open .modal-content,body.keyboard-open .dialog-content{max-height:calc(100vh - 120px);overflow-y:auto}body.keyboard-open .login-page,body.keyboard-open .register-page{overflow-y:auto;-webkit-overflow-scrolling:touch}body.keyboard-open .publish-page{padding-bottom:0!important}body.keyboard-open .content-input{max-height:200px;overflow-y:auto}body.keyboard-open .create-planet-form{overflow-y:auto;-webkit-overflow-scrolling:touch}body.keyboard-open .amount-input-wrapper{flex-shrink:0}.keyboard-hidden{transition:opacity .2s ease}body.keyboard-open .keyboard-hidden{opacity:0;pointer-events:none}.keyboard-visible{position:fixed;z-index:999}body.keyboard-open .safe-area-top{padding-top:env(safe-area-inset-top)}body.keyboard-open .safe-area-bottom{padding-bottom:0}.smooth-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.prevent-overscroll{overscroll-behavior:contain}.splash-screen{--splash-primary: var(--color-primary);--splash-primary-light: #a3b9ff;--splash-bg: var(--color-bg-page);--splash-text: var(--color-text-primary);--splash-text-sub: var(--color-text-secondary);position:fixed;top:0;left:0;width:100vw;height:100dvh;height:var(--app-height, 100dvh);background:var(--splash-bg);display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden;transition:opacity .5s ease-in-out}.splash-screen.visible{opacity:1}.splash-screen.hidden{opacity:0;pointer-events:none}.splash-bg-decoration{position:absolute;width:100%;height:100%;overflow:hidden;pointer-events:none}.bg-circle{position:absolute;border-radius:50%;background:var(--splash-primary);opacity:.03}.bg-circle-1{width:300px;height:300px;top:-100px;right:-50px;animation:float-circle 8s ease-in-out infinite}.bg-circle-2{width:200px;height:200px;bottom:80px;left:-40px;animation:float-circle 10s ease-in-out infinite 1s}.bg-circle-3{width:150px;height:150px;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.02;animation:pulse-circle 6s ease-in-out infinite}@keyframes float-circle{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}@keyframes pulse-circle{0%,to{opacity:.02;transform:translate(-50%,-50%) scale(1)}50%{opacity:.04;transform:translate(-50%,-50%) scale(1.1)}}.splash-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.logo-container{margin-bottom:.5rem}.logo-icon{width:64px;height:64px;color:var(--splash-primary);animation:logo-glow 2s ease-in-out infinite}@keyframes logo-glow{0%,to{filter:drop-shadow(0 0 8px rgba(127,156,245,.3))}50%{filter:drop-shadow(0 0 16px rgba(127,156,245,.5))}}.app-name{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin:0}.app-name-main{font-size:2.5rem;font-weight:600;color:var(--splash-text);letter-spacing:.2em;animation:slideIn .6s ease-out .2s both}.app-name-sub{font-size:.75rem;font-weight:400;color:var(--splash-primary);letter-spacing:.3em;text-transform:uppercase;animation:slideIn .6s ease-out .3s both}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.loading-spinner{margin-top:.5rem;animation:spinnerFadeIn .5s ease-out .5s both}@keyframes spinnerFadeIn{0%{opacity:0}to{opacity:1}}.spinner{display:flex;gap:8px;align-items:center}.spinner-dot{width:8px;height:8px;background:var(--splash-primary);border-radius:50%;animation:dot-bounce 1.4s ease-in-out infinite}.spinner-dot:nth-child(1){animation-delay:0s}.spinner-dot:nth-child(2){animation-delay:.2s}.spinner-dot:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%,60%,to{transform:translateY(0);opacity:.6}30%{transform:translateY(-12px);opacity:1}}.slogan{font-size:.875rem;color:var(--splash-text-sub);font-weight:400;letter-spacing:.1em;animation:sloganFadeIn .6s ease-out .8s both}@keyframes sloganFadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.app-name-main{font-size:2rem}.logo-icon{width:56px;height:56px}.bg-circle-1{width:240px;height:240px}.bg-circle-2{width:160px;height:160px}}@media(max-width:480px){.app-name-main{font-size:1.75rem;letter-spacing:.15em}.logo-icon{width:48px;height:48px}.splash-content{gap:1.25rem}.spinner{gap:6px}.spinner-dot{width:6px;height:6px}}@media(max-width:360px){.app-name-main{font-size:1.5rem}.app-name-sub{font-size:.625rem}.slogan{font-size:.75rem}}@media(prefers-reduced-motion:reduce){.splash-content,.app-name-main,.app-name-sub,.loading-spinner,.slogan,.logo-icon,.bg-circle{animation:none}.spinner-dot{animation:none;opacity:.6}}.page-transition-container{width:100%;min-height:100%;transition:opacity .15s ease-out}.page-transition-container.hidden{opacity:0}.page-transition-container.visible{opacity:1}.page-transition-container.page-slide-in-right{animation:slideInRight .3s cubic-bezier(.4,0,.2,1)}.page-transition-container.page-slide-in-left{animation:slideInLeft .3s cubic-bezier(.4,0,.2,1)}.page-transition-container.page-fade-in{animation:fadeIn .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}@media(prefers-reduced-motion:reduce){.page-transition-container{transition:none!important;animation:none!important}.page-transition-container.page-slide-in-right,.page-transition-container.page-slide-in-left,.page-transition-container.page-fade-in{animation:none!important}}.page-loading-indicator{--page-loading-primary: var(--color-primary);--page-loading-primary-light: rgba(127, 156, 245, .4);background:transparent!important;background-color:transparent!important;border:none!important;box-shadow:none!important}.page-loading-indicator-bg{position:absolute;inset:0;background:transparent}.page-loading-indicator-content{position:relative;z-index:1}.page-loading-indicator-spinner{width:36px;height:36px;position:relative}.page-loading-indicator-spinner:before{content:"";position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:var(--page-loading-primary);border-right-color:var(--page-loading-primary);border-radius:50%;animation:page-loading-spin .5s linear infinite}.page-loading-indicator-spinner:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;background:var(--page-loading-primary);border-radius:50%;transform:translate(-50%,-50%);animation:page-loading-pulse-dot 1.5s ease-in-out infinite}@keyframes page-loading-spin{to{transform:rotate(360deg)}}@keyframes page-loading-pulse-dot{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.3)}}@media(prefers-reduced-motion:reduce){.page-loading-indicator-bg{animation:none;opacity:.8}.page-loading-indicator-spinner:before{animation:page-loading-spin .8s linear infinite}.page-loading-indicator-spinner:after{animation:none}}.notification-container{position:fixed;top:0;left:0;right:0;z-index:9999;pointer-events:none;display:flex;flex-direction:column;gap:12px;padding:16px;max-width:100%;box-sizing:border-box}.notification{position:relative;display:flex;align-items:center;gap:12px;padding:16px;border-radius:12px;background:var(--notification-bg, #ffffff);box-shadow:0 4px 12px #00000026;pointer-events:auto;animation:notification-slide-in .3s ease-out;min-width:300px;max-width:400px;margin:0 auto;cursor:grab;-webkit-user-select:none;user-select:none;transition:opacity .2s ease-out}.notification:active{cursor:grabbing}.notification-dragging{transition:none;cursor:grabbing}.notification-success{background:#10b981;color:#fff}.notification-error{background:#ef4444;color:#fff}.notification-warning{background:#f59e0b;color:#fff}.notification-info{background:#3b82f6;color:#fff}.notification-loading{background:var(--color-primary-solid);color:#fff}.notification-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.notification-message{flex:1;font-size:14px;line-height:1.5;word-break:break-word}.notification-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:#fff3;color:inherit;border-radius:6px;cursor:pointer;transition:background-color .2s}.notification-close:hover{background:#ffffff4d}.notification-close:active{background:#ffffff40}.notification-action-button{flex-shrink:0;padding:4px 8px;margin:0 4px 0 0;font-size:13px;font-weight:600;color:var(--color-primary, #7f9cf5);background:transparent;border:none;border-radius:4px;cursor:pointer;transition:background-color .15s ease;min-width:32px;min-height:32px}.notification-action-button:hover{background:#7f9cf51a}.notification-action-button:active{background:#7f9cf533}.notification-progress{position:absolute;bottom:0;left:0;height:3px;background:#fffc;border-radius:0 0 12px 12px;transition:width .05s linear}.notification-loading-icon{animation:notification-spin 1s linear infinite}@keyframes notification-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes notification-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.notification-container{padding:12px}.notification{min-width:auto;max-width:100%;width:100%}}@media(max-width:480px){.notification-container{padding:8px}.notification{padding:12px;gap:10px}.notification-message{font-size:13px}}@media(prefers-color-scheme:dark){:root{--notification-bg: var(--color-bg-surface-hover)}.notification-success{background:#059669}.notification-error{background:#dc2626}.notification-warning{background:#d97706}.notification-info{background:#2563eb}.notification-loading{background:#4f46e5}}@media(prefers-reduced-motion:reduce){.notification{animation:none}.notification-close,.notification-progress{transition:none}.notification-loading-icon{animation:none}}@media print{.notification-container,.notification{display:none!important}}@media(prefers-contrast:high){.notification{border:2px solid currentColor;box-shadow:0 4px 12px #0000004d}.notification-close{border:2px solid currentColor}}:root{--breakpoint-mobile-xs: 375px;--breakpoint-mobile-sm: 390px;--breakpoint-mobile-md: 768px;--breakpoint-tablet: 1024px;--breakpoint-desktop: 1280px;--breakpoint-desktop-lg: 1600px;--screen-type: mobile-md;--viewport-width: 100vw;--viewport-height: 100dvh;--viewport-height-dvh: 100dvh;--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--title-bar-content-height: 44px;--bottom-nav-content-height: 44px;--title-bar-total-height: calc(var(--title-bar-content-height) + var(--safe-area-inset-top));--bottom-nav-total-height: calc(var(--bottom-nav-content-height) + var(--safe-area-inset-bottom));--title-bar-safe-top: var(--safe-area-inset-top);--bottom-nav-safe-bottom: var(--safe-area-inset-bottom);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--margin-xs: .25rem;--margin-sm: .5rem;--margin-md: 1rem;--margin-lg: 1.5rem;--margin-xl: 2rem;--container-max-width: 1600px;--container-min-width: 320px;--container-padding-xs: .75rem;--container-padding-sm: 1rem;--container-padding-md: 1.25rem;--container-padding-lg: 1.5rem;--container-padding-xl: 2rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-h1: 2.5rem;--font-size-h2: 2rem;--font-size-h3: 1.75rem;--font-size-h4: 1.5rem;--font-size-h5: 1.25rem;--font-size-h6: 1rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--z-maximum: 9999;--grid-columns: 12;--grid-gap-xs: .25rem;--grid-gap-sm: .5rem;--grid-gap-md: 1rem;--grid-gap-lg: 1.5rem;--masonry-columns: 2}@media(max-width:375px){:root{--screen-type: mobile-xs;--container-padding: var(--container-padding-xs);--masonry-columns: 2;--title-bar-content-height: 40px;--bottom-nav-content-height: 40px;--title-bar-total-height: calc(var(--title-bar-content-height) + var(--safe-area-inset-top));--bottom-nav-total-height: calc(var(--bottom-nav-content-height) + var(--safe-area-inset-bottom));--spacing-xs: .2rem;--spacing-sm: .4rem;--spacing-md: .6rem;--spacing-lg: .8rem;--spacing-xl: 1.2rem;--spacing-2xl: 1.6rem;--font-size-xs: .7rem;--font-size-sm: .8rem;--font-size-md: .9rem;--font-size-lg: 1rem;--font-size-xl: 1.1rem;--font-size-2xl: 1.25rem;--font-size-3xl: 1.5rem;--font-size-h1: 1.75rem;--font-size-h2: 1.5rem;--font-size-h3: 1.3rem;--font-size-h4: 1.15rem;--font-size-h5: 1rem;--font-size-h6: .9rem;--title-font-size: 16px;--title-font-weight: 600}}@media(min-width:376px)and (max-width:390px){:root{--screen-type: mobile-sm;--container-padding: var(--container-padding-sm);--masonry-columns: 2;--title-bar-content-height: 44px;--bottom-nav-content-height: 44px;--title-bar-total-height: calc(var(--title-bar-content-height) + var(--safe-area-inset-top));--bottom-nav-total-height: calc(var(--bottom-nav-content-height) + var(--safe-area-inset-bottom));--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--font-size-xs: .75rem;--font-size-sm: .85rem;--font-size-md: .95rem;--font-size-lg: 1.05rem;--font-size-xl: 1.2rem;--font-size-2xl: 1.4rem;--font-size-3xl: 1.7rem;--font-size-h1: 2rem;--font-size-h2: 1.75rem;--font-size-h3: 1.3rem;--font-size-h4: 1.15rem;--font-size-h5: 1rem;--font-size-h6: .9rem;--title-font-size: 17px;--title-font-weight: 600}}@media(min-width:391px)and (max-width:768px){:root{--screen-type: mobile-md;--container-padding: var(--container-padding-md);--masonry-columns: 2;--title-bar-content-height: 44px;--bottom-nav-content-height: 44px;--title-bar-total-height: calc(var(--title-bar-content-height) + var(--safe-area-inset-top));--bottom-nav-total-height: calc(var(--bottom-nav-content-height) + var(--safe-area-inset-bottom));--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-h1: 2.5rem;--font-size-h2: 2rem;--font-size-h3: 1.75rem;--font-size-h4: 1.5rem;--font-size-h5: 1.25rem;--font-size-h6: 1rem;--title-font-size: 18px;--title-font-weight: 600}}@media(min-width:391px)and (max-width:768px){:root{--screen-type: mobile-md;--container-padding: var(--container-padding-md);--masonry-columns: 2;--title-bar-content-height: 44px;--bottom-nav-content-height: 44px;--title-bar-total-height: calc(var(--title-bar-content-height) + var(--safe-area-inset-top));--bottom-nav-total-height: calc(var(--bottom-nav-content-height) + var(--safe-area-inset-bottom));--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-h1: 2.5rem;--font-size-h2: 2rem;--font-size-h3: 1.75rem;--font-size-h4: 1.5rem;--font-size-h5: 1.25rem;--font-size-h6: 1rem}}@media(min-width:769px)and (max-width:1024px){:root{--screen-type: tablet;--container-padding: var(--container-padding-lg);--masonry-columns: 3;--title-bar-content-height: 48px;--bottom-nav-content-height: 48px;--title-bar-total-height: calc(var(--title-bar-content-height) + var(--safe-area-inset-top));--bottom-nav-total-height: calc(var(--bottom-nav-content-height) + var(--safe-area-inset-bottom));--title-font-size: 18px;--spacing-xs: .3rem;--spacing-sm: .6rem;--spacing-md: 1.2rem;--spacing-lg: 1.8rem;--spacing-xl: 2.4rem;--spacing-2xl: 3rem;--font-size-xs: .8rem;--font-size-sm: .9rem;--font-size-md: 1.05rem;--font-size-lg: 1.2rem;--font-size-xl: 1.35rem;--font-size-2xl: 1.7rem;--font-size-3xl: 2.1rem;--font-size-h1: 2.75rem;--font-size-h2: 2.25rem;--font-size-h3: 1.9rem;--font-size-h4: 1.65rem;--font-size-h5: 1.35rem;--font-size-h6: 1.1rem}}@media(min-width:1025px)and (max-width:1280px){:root{--screen-type: desktop;--container-padding: var(--container-padding-lg);--masonry-columns: 3;--title-bar-content-height: 52px;--bottom-nav-content-height: 52px;--title-bar-total-height: calc(var(--title-bar-content-height) + var(--safe-area-inset-top));--bottom-nav-total-height: calc(var(--bottom-nav-content-height) + var(--safe-area-inset-bottom));--title-font-size: 20px;--spacing-xs: .35rem;--spacing-sm: .7rem;--spacing-md: 1.4rem;--spacing-lg: 2rem;--spacing-xl: 2.6rem;--spacing-2xl: 3.2rem;--font-size-xs: .85rem;--font-size-sm: .95rem;--font-size-md: 1.1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.4rem;--font-size-2xl: 1.8rem;--font-size-3xl: 2.25rem;--font-size-h1: 3rem;--font-size-h2: 2.5rem;--font-size-h3: 2.1rem;--font-size-h4: 1.8rem;--font-size-h5: 1.5rem;--font-size-h6: 1.2rem}}@media(min-width:1281px)and (max-width:1600px){:root{--screen-type: desktop-lg;--container-padding: var(--container-padding-xl);--masonry-columns: 4;--title-bar-content-height: 56px;--bottom-nav-content-height: 56px;--title-bar-total-height: calc(var(--title-bar-content-height) + var(--safe-area-inset-top));--bottom-nav-total-height: calc(var(--bottom-nav-content-height) + var(--safe-area-inset-bottom));--title-font-size: 22px;--spacing-xs: .4rem;--spacing-sm: .8rem;--spacing-md: 1.6rem;--spacing-lg: 2.2rem;--spacing-xl: 2.8rem;--spacing-2xl: 3.5rem;--font-size-xs: .9rem;--font-size-sm: 1rem;--font-size-md: 1.15rem;--font-size-lg: 1.3rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.9rem;--font-size-3xl: 2.4rem;--font-size-h1: 3.2rem;--font-size-h2: 2.7rem;--font-size-h3: 2.25rem;--font-size-h4: 1.9rem;--font-size-h5: 1.6rem;--font-size-h6: 1.3rem}}@media(min-width:1601px){:root{--screen-type: desktop-xl;--container-padding: var(--container-padding-xl);--masonry-columns: 4;--title-bar-content-height: 56px;--bottom-nav-content-height: 56px;--title-bar-total-height: calc(var(--title-bar-content-height) + var(--safe-area-inset-top));--bottom-nav-total-height: calc(var(--bottom-nav-content-height) + var(--safe-area-inset-bottom));--title-font-size: 22px;--spacing-xs: .4rem;--spacing-sm: .8rem;--spacing-md: 1.6rem;--spacing-lg: 2.2rem;--spacing-xl: 2.8rem;--spacing-2xl: 3.5rem;--font-size-xs: .9rem;--font-size-sm: 1rem;--font-size-md: 1.15rem;--font-size-lg: 1.3rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.9rem;--font-size-3xl: 2.4rem;--font-size-h1: 3.2rem;--font-size-h2: 2.7rem;--font-size-h3: 2.25rem;--font-size-h4: 1.9rem;--font-size-h5: 1.6rem;--font-size-h6: 1.3rem}}:root{--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3)}@media(prefers-color-scheme:light){:root{--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3)}}@media(prefers-contrast:high){:root{--shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 8px 0 rgba(0, 0, 0, .5);--shadow-lg: 0 8px 16px 0 rgba(0, 0, 0, .5)}}html,body,#root{min-width:var(--container-min-width);overflow-x:auto}.main-content-wrapper{width:100%;min-width:var(--container-min-width)}@media(min-width:1601px){.main-content-wrapper{display:flex;justify-content:center}.main-content-wrapper>*{width:100%;max-width:var(--container-max-width)}}.container{width:100%;min-width:var(--container-min-width);max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding-left:var(--container-padding-sm);padding-right:var(--container-padding-sm)}@media(max-width:375px){.container{padding-left:var(--container-padding-xs);padding-right:var(--container-padding-xs)}}@media(min-width:391px)and (max-width:768px){.container{padding-left:var(--container-padding-md);padding-right:var(--container-padding-md)}}@media(min-width:769px){.container{padding-left:var(--container-padding-lg);padding-right:var(--container-padding-lg)}}@media(min-width:1281px){.container{padding-left:var(--container-padding-xl);padding-right:var(--container-padding-xl)}}.container-fluid{width:100%;min-width:var(--container-min-width);padding-left:var(--container-padding-sm);padding-right:var(--container-padding-sm)}@media(max-width:375px){.container-fluid{padding-left:var(--container-padding-xs);padding-right:var(--container-padding-xs)}}@media(min-width:391px)and (max-width:768px){.container-fluid{padding-left:var(--container-padding-md);padding-right:var(--container-padding-md)}}@media(min-width:769px){.container-fluid{padding-left:var(--container-padding-lg);padding-right:var(--container-padding-lg)}}@media(min-width:1281px){.container-fluid{padding-left:var(--container-padding-xl);padding-right:var(--container-padding-xl)}}.page-content{width:100%;max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding-left:var(--container-padding-sm);padding-right:var(--container-padding-sm)}@media(max-width:375px){.page-content{padding-left:var(--container-padding-xs);padding-right:var(--container-padding-xs)}}@media(min-width:391px)and (max-width:768px){.page-content{padding-left:var(--container-padding-md);padding-right:var(--container-padding-md)}}@media(min-width:769px){.page-content{padding-left:var(--container-padding-lg);padding-right:var(--container-padding-lg)}}@media(min-width:1281px){.page-content{padding-left:var(--container-padding-xl);padding-right:var(--container-padding-xl)}}@media(orientation:landscape){.container,.page-content{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}}@media(orientation:portrait){.container,.page-content{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}}@media(min-width:1601px){.container-centered{display:flex;justify-content:center}.container-centered>*{max-width:var(--container-max-width);width:100%}}.grid{display:grid;grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));gap:var(--grid-gap-sm)}.grid-gap-sm{gap:var(--grid-gap-sm)}.grid-gap-md{gap:var(--grid-gap-md)}.grid-gap-lg{gap:var(--grid-gap-lg)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}@media(max-width:600px){.grid-cols-sm-1{grid-template-columns:repeat(1,minmax(0,1fr))}}@media(min-width:601px)and (max-width:840px){.grid-cols-md-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:841px)and (max-width:1200px){.grid-cols-lg-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-lg-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1201px){.grid-cols-xl-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-xl-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.flex-1{flex:1}.flex-grow-0{flex-grow:0}.flex-shrink-0{flex-shrink:0}@media(max-width:600px){.flex-sm-col{flex-direction:column}.flex-sm-row{flex-direction:row}}@media(min-width:841px){.flex-lg-row{flex-direction:row}.flex-lg-col{flex-direction:column}}.hidden{display:none!important}@media(max-width:600px){.hidden-sm{display:none!important}}@media(min-width:601px)and (max-width:840px){.hidden-md{display:none!important}}@media(min-width:841px)and (max-width:1200px){.hidden-lg{display:none!important}}@media(min-width:1201px){.hidden-xl{display:none!important}}@media(max-width:840px){.hidden-mobile{display:none!important}}@media(min-width:841px){.hidden-desktop{display:none!important}}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}@media(max-width:600px){.text-sm-center{text-align:center}.text-sm-left{text-align:left}}@media(min-width:841px){.text-lg-left{text-align:left}.text-lg-center{text-align:center}}.safe-area-top{padding-top:var(--safe-area-inset-top)}.safe-area-bottom{padding-bottom:var(--safe-area-inset-bottom)}.safe-area-left{padding-left:var(--safe-area-inset-left)}.safe-area-right{padding-right:var(--safe-area-inset-right)}.safe-area-all{padding:var(--safe-area-inset-top) var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}img{max-width:100%!important;page-break-inside:avoid}h1,h2,h3{page-break-after:avoid}p,h2,h3{orphans:3;widows:3}.no-print{display:none!important}}.m-0{margin:0}.mt-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mx-0{margin-left:0;margin-right:0}.my-0{margin-top:0;margin-bottom:0}.p-0{padding:0}.pt-0{padding-top:0}.pr-0{padding-right:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.px-0{padding-left:0;padding-right:0}.py-0{padding-top:0;padding-bottom:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100dvh;min-height:var(--app-height, 100dvh)}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.position-sticky{position:sticky}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{width:100%;min-height:100vh;position:relative}a{color:var(--color-primary, #3b82f6);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark, #2563eb)}a:active{color:var(--color-primary-dark, #1d4ed8)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0;margin:0}button:focus{outline:2px solid var(--color-primary, #3b82f6);outline-offset:2px}button:focus:not(:focus-visible){outline:none}button:focus-visible{outline:2px solid var(--color-primary, #3b82f6);outline-offset:2px}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;background:var(--color-background, #ffffff);border:1px solid var(--color-border, #e5e7eb);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}input::placeholder,textarea::placeholder{color:var(--color-text-secondary, #6b7280)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-surface)}::-webkit-scrollbar-thumb{background:var(--color-border-solid);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}::selection{background:var(--color-primary-light, #dbeafe);color:var(--color-primary-dark, #1e40af)}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}button,input[type=button],input[type=submit]{-webkit-tap-highlight-color:transparent}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.select-text{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.text-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.no-wrap{white-space:nowrap}.wrap{white-space:normal;word-wrap:break-word;word-break:break-word}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.transition-all{transition:all var(--transition-normal)}.transition-colors{transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal)}.transition-opacity{transition:opacity var(--transition-normal)}.transition-transform{transition:transform var(--transition-normal)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-none{box-shadow:none}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.border{border:1px solid var(--color-border, #e5e7eb)}.border-t{border-top:1px solid var(--color-border, #e5e7eb)}.border-b{border-bottom:1px solid var(--color-border, #e5e7eb)}.border-l{border-left:1px solid var(--color-border, #e5e7eb)}.border-r{border-right:1px solid var(--color-border, #e5e7eb)}.m-1{margin:var(--spacing-sm)}.m-2{margin:var(--spacing-md)}.m-3{margin:var(--spacing-lg)}.m-4{margin:var(--spacing-xl)}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}.ml-1{margin-left:var(--spacing-sm)}.ml-2{margin-left:var(--spacing-md)}.ml-3{margin-left:var(--spacing-lg)}.ml-4{margin-left:var(--spacing-xl)}.mr-1{margin-right:var(--spacing-sm)}.mr-2{margin-right:var(--spacing-md)}.mr-3{margin-right:var(--spacing-lg)}.mr-4{margin-right:var(--spacing-xl)}.p-1{padding:var(--spacing-sm)}.p-2{padding:var(--spacing-md)}.p-3{padding:var(--spacing-lg)}.p-4{padding:var(--spacing-xl)}.pt-1{padding-top:var(--spacing-sm)}.pt-2{padding-top:var(--spacing-md)}.pt-3{padding-top:var(--spacing-lg)}.pt-4{padding-top:var(--spacing-xl)}.pb-1{padding-bottom:var(--spacing-sm)}.pb-2{padding-bottom:var(--spacing-md)}.pb-3{padding-bottom:var(--spacing-lg)}.pb-4{padding-bottom:var(--spacing-xl)}.pl-1{padding-left:var(--spacing-sm)}.pl-2{padding-left:var(--spacing-md)}.pl-3{padding-left:var(--spacing-lg)}.pl-4{padding-left:var(--spacing-xl)}.pr-1{padding-right:var(--spacing-sm)}.pr-2{padding-right:var(--spacing-md)}.pr-3{padding-right:var(--spacing-lg)}.pr-4{padding-right:var(--spacing-xl)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(prefers-color-scheme:dark){:root{--color-background: #1f2937;--color-background-secondary: #374151;--color-text: #f9fafb;--color-text-secondary: #d1d5db;--color-border: #4b5563;--color-border-dark: #6b7280}}.login-page{position:fixed;inset:0;overflow:hidden;background:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.login-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:2}.login-container{width:100%;max-width:520px;min-width:360px;padding:20px;display:flex;flex-direction:column;align-items:center;animation:containerFadeIn .3s ease-out}.login-container :global(.logo-section){padding:40px 56px 32px}.login-form-container{width:100%;padding:40px 42px;background:transparent;border:1px solid rgba(139,92,246,.25);border-radius:12px;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff0d inset;position:relative;overflow:hidden}.login-form{display:flex;flex-direction:column;gap:8px;position:relative;z-index:1}@media(prefers-reduced-motion:reduce){.login-container{animation:none!important}}.mobile-field,.password-field,.code-field{position:relative;display:flex;align-items:center;height:48px;animation:fieldFadeIn .2s ease-out backwards}.mobile-field{animation-delay:.05s}.password-field{animation-delay:.1s}.code-field{animation-delay:.1s;display:flex;flex-direction:row;flex-wrap:nowrap;gap:12px;align-items:center}.form-input{width:100%;height:48px;padding:0 18px 0 44px;box-sizing:border-box;background:transparent!important;background-color:transparent!important;border:1px solid rgba(139,92,246,.3)!important;border-radius:12px!important;font-size:16px!important;color:#fff!important;font-weight:500;letter-spacing:.5px;text-shadow:0 0 2px rgba(0,0,0,.5);transition:all .3s ease;outline:none}.code-field .form-input{flex:1 1 0;min-width:0}.password-field .form-input{padding-right:60px}.form-input:focus~.input-icon,.form-input:not(:placeholder-shown)~.input-icon{color:#8b5cf6cc}.password-toggle-button{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:#ffffff80;text-shadow:0 0 2px rgba(0,0,0,.5);font-size:18px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0;z-index:10}.password-toggle-button:hover{background:#8b5cf61a;color:#fffc;transform:translateY(-50%) scale(1.05)}.password-toggle-button:active{transform:translateY(-50%) scale(.95);background:#8b5cf626}.submit-button{display:inline-flex;align-items:center;justify-content:center;width:100%;height:44px;margin-top:16px;background:#8b5cf6;border:none;border-radius:14px;color:#fff;font-size:18px;font-weight:700;letter-spacing:2px;cursor:pointer;transition:all .3s ease;box-shadow:0 1px 3px #8b5cf633;position:relative;overflow:hidden}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 2px 6px #8b5cf64d}.submit-button.loading{color:#ffffffe6}.submit-button-spinner{display:inline-block;width:18px;height:18px;margin-right:10px;vertical-align:middle;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:submitSpinner .7s linear infinite}@keyframes submitSpinner{to{transform:rotate(360deg)}}.agreement-row{display:block;margin-top:16px;padding:0 4px;text-align:left;min-height:44px}.agreement-label{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;min-height:44px}.agreement-label{position:relative;display:block;cursor:pointer;-webkit-user-select:none;user-select:none}.agreement-text a{color:#a855f7;text-decoration:none;transition:color .2s ease}.agreement-text a:hover{color:#c084fc;text-decoration:underline}.login-action-buttons{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;margin-top:20px;gap:24px;width:100%;background:transparent}.switch-login-type{padding:0;background:transparent;background-color:transparent;border:none;border-radius:0;color:#a78bfa;font-size:14px;font-weight:500;cursor:pointer;text-shadow:0 0 2px rgba(0,0,0,.5);transition:color .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;white-space:nowrap;text-decoration:none}.switch-login-type:hover{background:transparent;background-color:transparent;color:#c4b5fd;text-decoration:underline}.switch-login-type:active{background:transparent;background-color:transparent;color:#8b5cf6}.register-link{padding:0;background:transparent;background-color:transparent;border:none;border-radius:0;color:#a78bfa;font-size:14px;font-weight:500;cursor:pointer;text-shadow:0 0 2px rgba(0,0,0,.5);transition:color .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;white-space:nowrap;text-decoration:none}.register-link:hover{background:transparent;background-color:transparent;color:#c4b5fd;text-decoration:underline}.register-link:active{background:transparent;background-color:transparent;color:#8b5cf6}@media(max-width:768px){.login-container{padding:20px 16px;max-width:100%;min-width:0}.login-form-container{padding:32px;border-radius:28px}.mobile-field,.password-field,.code-field{height:58px;display:flex;align-items:center}.form-input{height:58px;padding:0 20px 0 48px;border-radius:18px}.mobile-field .form-input{padding-left:48px;padding-right:20px}.password-field .form-input{padding-left:48px;padding-right:56px}.password-toggle-button{width:38px;height:38px;font-size:18px;right:14px}.code-field{gap:10px}.code-field .form-input{flex:1 1 0;min-width:0;padding-left:48px}.submit-button{height:56px;font-size:17px;margin-top:24px}.send-code-button{flex-shrink:0;min-width:85px;max-width:110px;height:50px;font-size:12px;padding:10px 12px;white-space:nowrap}.login-container :global(.logo-section){padding:32px 40px 24px}}@media(max-width:480px){.login-form-container{padding:28px;border-radius:24px}.mobile-field,.password-field,.code-field{height:56px;display:flex;align-items:center}.form-input{height:56px;padding:0 18px 0 46px;border-radius:18px;font-size:15px}.mobile-field .form-input{padding-left:46px;padding-right:18px}.password-field .form-input{padding-left:46px;padding-right:54px}.password-toggle-button{width:36px;height:36px;font-size:17px;right:12px}.code-field{gap:8px}.code-field .form-input{flex:1 1 0;min-width:0;padding-left:46px}.submit-button{height:54px;font-size:16px;letter-spacing:1.5px;margin-top:20px}.send-code-button{flex-shrink:0;min-width:78px;max-width:100px;height:48px;font-size:12px;padding:8px 10px;white-space:nowrap}.login-action-buttons{display:flex;flex-direction:row;flex-wrap:nowrap;margin-top:16px;gap:16px}.switch-login-type,.register-link{font-size:13px;padding:0;flex-shrink:0;white-space:nowrap}.login-container :global(.logo-section){padding:24px 32px 20px}}@media(max-width:360px){.login-action-buttons{display:flex;flex-direction:row;flex-wrap:nowrap;gap:12px}.switch-login-type,.register-link{font-size:12px;padding:0;flex-shrink:0;white-space:nowrap}}.logo-section{padding:40px 56px 32px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;animation:logoFadeIn 1s ease-out}@keyframes logoFadeIn{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}.logo-title{font-size:48px;font-weight:700;letter-spacing:6px;line-height:1.2;margin:0;padding:0;position:relative;color:#a78bfa;filter:drop-shadow(0 0 20px rgba(139,92,246,.5));animation:titleBreath 3.5s ease-in-out infinite}@keyframes titleBreath{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.logo-subtitle{margin-top:18px;font-size:17px;font-weight:600;color:#ffffffe0;letter-spacing:3px;margin-bottom:0;position:relative;text-shadow:0 0 12px rgba(139,92,246,.4),0 0 24px rgba(6,182,212,.25),0 2px 8px rgba(0,0,0,.5);animation:subtitlePulse 2.5s ease-in-out infinite}@keyframes subtitlePulse{0%,to{opacity:.88}50%{opacity:1}}.logo-section:after{content:"✦";position:absolute;top:12px;right:18%;font-size:20px;color:#a78bfa99;animation:sparkle 2.5s ease-in-out infinite;pointer-events:none;text-shadow:0 0 12px rgba(139,92,246,.5)}.logo-section:before{content:"✦";position:absolute;bottom:8px;left:22%;font-size:14px;color:#67e8f980;animation:sparkle 2.8s ease-in-out infinite .5s;pointer-events:none;text-shadow:0 0 10px rgba(6,182,212,.4)}@keyframes sparkle{0%,to{opacity:.4;transform:scale(.9) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(180deg)}}@media(max-width:768px){.logo-section{padding:32px 40px 24px}.logo-title{font-size:40px;letter-spacing:4px}.logo-subtitle{margin-top:14px;font-size:15px;letter-spacing:2px}.logo-section:after{font-size:18px;right:14%}.logo-section:before{font-size:12px;left:18%}}@media(max-width:480px){.logo-section{padding:24px 32px 20px}.logo-title{font-size:36px;letter-spacing:3px}.logo-subtitle{margin-top:12px;font-size:14px;letter-spacing:2px}.logo-section:after{font-size:16px;right:10%}.logo-section:before{font-size:11px;left:14%}}@media(prefers-reduced-motion:reduce){.logo-title,.logo-subtitle{animation:none!important}.logo-section:after{animation:none!important}.logo-section:before{animation:none!important}}.agreement-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1050;animation:overlay-fade-in .2s ease}.agreement-modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 32px);max-width:400px;background:var(--color-bg-surface, #2d3748);border-radius:16px;border:1px solid var(--color-border, #4a5568);box-shadow:0 4px 20px #0000004d;padding:24px;z-index:1051;animation:content-slide-in .25s cubic-bezier(.16,1,.3,1);outline:none}.agreement-modal-content[data-state=closed]{animation:content-slide-out .2s ease-in}.agreement-modal-content:focus-visible{box-shadow:0 0 0 2px #667eea80,0 4px 20px #0000004d}.agreement-modal-title{margin:0 0 12px;font-size:18px;font-weight:600;color:var(--color-text-primary, #f7fafc);text-align:center}.agreement-modal-message{margin:0 0 20px;font-size:15px;line-height:1.6;color:var(--color-text-secondary, #cbd5e0);text-align:center;word-break:break-word}.agreement-modal-actions{display:flex;justify-content:center}.agreement-modal-button{width:100%;padding:12px 24px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .2s,box-shadow .2s;min-height:44px}.agreement-modal-button.confirm{background:#7c3aed;color:#fff;box-shadow:0 2px 8px #7c3aed4d}.agreement-modal-button.confirm:hover{background:#8b5cf6;box-shadow:0 2px 10px #7c3aed66}.agreement-modal-button.confirm:active{background:#7c3aed;box-shadow:0 1px 6px #7c3aed4d}@media(max-width:768px){.agreement-modal-content{width:calc(100% - 24px);padding:20px}.agreement-modal-title{font-size:16px}.agreement-modal-message{font-size:14px}}@media(max-width:375px){.agreement-modal-content{width:calc(100% - 20px);padding:18px 16px}}@media(prefers-reduced-motion:reduce){.agreement-modal-overlay,.agreement-modal-content{animation:none}.agreement-modal-button{transition:none}}.login-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;background:transparent}.login-background:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at center,rgba(139,92,246,.12) 0%,transparent 70%);animation:haloRotate 24s linear infinite;pointer-events:none}@keyframes haloRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.star-field{position:absolute;width:100%;height:100%;animation:starFieldMove 72s linear infinite}@keyframes starFieldMove{0%{transform:translate(0)}33%{transform:translate(-1.5%,-.8%)}66%{transform:translate(.5%,-1.2%)}to{transform:translate(0)}}.star{position:absolute;border-radius:50%;animation:twinkle infinite ease-in-out}.star:nth-child(3n+1){width:1.5px;height:1.5px;background:#ffffffd9;animation-duration:2.2s;animation-delay:0s}.star:nth-child(3n+2){width:2px;height:2px;background:#fffffff2;animation-duration:3s;animation-delay:.4s}.star:nth-child(3n+3){width:2.5px;height:2.5px;background:#fff;animation-duration:3.8s;animation-delay:.8s}@keyframes twinkle{0%,to{opacity:.3}25%{opacity:.7}50%{opacity:1}75%{opacity:.5}}.gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,rgba(10,10,18,.6) 100%);pointer-events:none;animation:gradientPulse 10s ease-in-out infinite}@keyframes gradientPulse{0%,to{opacity:.55}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.login-background:before{animation:none!important}.star-field,.star,.gradient-overlay{animation:none!important}}.register-page{position:fixed;inset:0;overflow:hidden;background:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.register-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:2}.register-container{width:100%;max-width:520px;min-width:360px;padding:20px;display:flex;flex-direction:column;align-items:center;animation:containerFadeIn .3s ease-out}@keyframes containerFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.register-container :global(.logo-section){padding:40px 56px 32px}.register-form-container{width:100%;padding:40px 42px;background:transparent;border:1px solid rgba(139,92,246,.25);border-radius:12px;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff0d inset;position:relative;overflow:hidden}.register-form{display:flex;flex-direction:column;gap:8px;position:relative;z-index:1}@media(prefers-reduced-motion:reduce){.register-container{animation:none!important}}@keyframes fieldFadeIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.form-field{position:relative;margin:0;animation:fieldFadeIn .2s ease-out backwards}.form-field:nth-child(1){animation-delay:.05s}.form-field:nth-child(2){animation-delay:.1s}.form-field:nth-child(3){animation-delay:.15s}.form-field:nth-child(4){animation-delay:.2s}.input-wrapper{position:relative;display:flex;align-items:center;height:48px}.input-wrapper .form-input{width:100%;height:48px!important;padding:0 18px 0 44px!important;box-sizing:border-box;background:transparent!important;background-color:transparent!important;border:1px solid rgba(139,92,246,.3)!important;border-radius:12px!important;font-size:16px!important;color:#fff!important;font-weight:500;letter-spacing:.5px;text-shadow:0 0 2px rgba(0,0,0,.5);transition:all .3s ease;outline:none}.form-input::placeholder{color:#ffffff80;font-weight:500;letter-spacing:.3px}.form-input:focus{background:transparent!important;background-color:transparent!important;border-color:#8b5cf699!important;outline:none}.form-input:-webkit-autofill,.form-input:-webkit-autofill:hover,.form-input:-webkit-autofill:focus,.form-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px transparent inset!important;box-shadow:0 0 0 1000px transparent inset!important;-webkit-text-fill-color:#FFFFFF!important;background-color:transparent!important;background:transparent!important;transition:background-color 5000s ease-in-out 0s}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#ffffff80;text-shadow:0 0 2px rgba(0,0,0,.5);pointer-events:none;z-index:1;transition:color .3s ease;width:18px;height:18px}.input-wrapper:focus-within .input-icon{color:#8b5cf6cc}.code-wrapper{gap:12px}.code-input{flex:1 1 0;min-width:0;height:48px!important;box-sizing:border-box}.send-code-button{flex-shrink:0;min-width:90px;max-width:120px;height:48px;padding:0 14px;box-sizing:border-box;background:#8b5cf626;border:1px solid rgba(139,92,246,.4);border-radius:12px;color:#a78bfa;font-size:12px;font-weight:700;letter-spacing:.3px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 6px #8b5cf633;text-shadow:0 1px 2px rgba(0,0,0,.3);position:relative;overflow:hidden}.send-code-button:hover:not(:disabled){transform:translateY(-2px);background:#8b5cf640;border-color:#a78bfab3;color:#c4b5fd;box-shadow:0 4px 12px #8b5cf64d}.send-code-button:active:not(:disabled){transform:translateY(0);box-shadow:inset 0 1px 3px #0003}.send-code-button:disabled{background:#1e1e3299;border-color:#ffffff1a;color:#ffffff4d;cursor:not-allowed;box-shadow:inset 0 1px 3px #0003;text-shadow:none}.submit-button{display:inline-flex;align-items:center;justify-content:center;width:100%;height:44px;margin-top:16px;background:#8b5cf6;border:none;border-radius:14px;color:#fff;font-size:18px;font-weight:700;letter-spacing:2px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #8b5cf64d;position:relative;overflow:hidden}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #8b5cf666}.submit-button:active:not(:disabled){transform:translateY(-1px);box-shadow:0 1px 4px #8b5cf64d}.submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none;background:#6d28d9;box-shadow:none}.agreement-row{margin-top:16px;display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;min-height:44px}.agreement-checkbox{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.agreement-checkbox+.agreement-text:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;border:1.5px solid rgba(139,92,246,.5);background:transparent;transition:border-color .2s ease,background .2s ease;box-sizing:border-box}.agreement-checkbox:checked+.agreement-text:before{border-color:#8b5cf6;background:#8b5cf6}.agreement-checkbox+.agreement-text:after{content:"";position:absolute;left:6px;top:50%;width:5px;height:9px;border:1.5px solid transparent;border-top:none;border-left:none;transform:translateY(-60%) rotate(45deg) scale(0);transition:transform .15s ease;pointer-events:none;box-sizing:border-box}.agreement-checkbox:checked+.agreement-text:after{border-color:#fff;transform:translateY(-60%) rotate(45deg) scale(1)}.agreement-text{position:relative;display:flex;align-items:center;font-size:12px;color:#ffffffb3;text-shadow:0 0 2px rgba(0,0,0,.5);line-height:1.5;padding:13px 0 13px 26px;min-height:44px;box-sizing:border-box}.agreement-text a{color:#8b5cf6;text-decoration:none;transition:color .2s ease}.agreement-text a:hover{color:#a78bfa;text-decoration:underline}.login-link{margin-top:20px;padding:0;background:transparent;background-color:transparent;border:none;border-radius:0;color:#ffffffb3;font-size:14px;font-weight:500;cursor:pointer;text-shadow:0 0 2px rgba(0,0,0,.5);transition:color .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;text-decoration:none;text-align:center}.login-link:hover{background:transparent;background-color:transparent;color:#fff}.login-link:active{background:transparent;background-color:transparent;color:#ffffffe6}.login-link .highlight{color:#a78bfa;font-weight:600;transition:color .3s cubic-bezier(.4,0,.2,1)}.login-link:hover .highlight{color:#c4b5fd;text-decoration:underline}@media(max-width:768px){.register-container{padding:20px 16px;max-width:100%;min-width:0}.register-form{gap:8px}.register-form-container{padding:32px;border-radius:28px}.input-wrapper{height:58px}.form-input{height:100%;padding:0 20px 0 52px;border-radius:18px;font-size:15px}.submit-button{height:56px;font-size:17px;margin-top:8px}.agreement-row{margin-top:8px}.send-code-button{flex-shrink:0;min-width:85px;max-width:110px;height:50px;font-size:12px;padding:10px 12px;white-space:nowrap}.login-link{margin-top:16px;font-size:13px}.register-container :global(.logo-section){padding:32px 40px 24px}}@media(max-width:480px){.register-form-container{padding:28px;border-radius:24px}.input-wrapper{height:56px}.form-input{height:100%;padding:0 18px 0 50px;border-radius:18px;font-size:15px}.submit-button{height:54px;font-size:16px;letter-spacing:1.5px;margin-top:8px}.send-code-button{flex-shrink:0;min-width:78px;max-width:100px;height:48px;font-size:12px;padding:8px 10px;white-space:nowrap}.login-link{margin-top:16px;font-size:13px}.register-container :global(.logo-section){padding:24px 32px 20px}}@media(max-width:360px){.login-link{font-size:12px}}.home-page-shell{display:flex;flex-direction:column;height:100%;overflow:visible}.main-page-shell>div>.home-page-shell{overflow:visible}.home-top-bar{--title-bar-height: var(--title-bar-content-height, 44px);box-sizing:border-box;height:var(--title-bar-total-height, calc(var(--title-bar-height) + env(safe-area-inset-top, 0px)));display:flex;align-items:flex-end;padding:0 var(--container-padding-md, 1rem);background:var(--color-bg-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06);position:sticky;position:-webkit-sticky;top:0;z-index:100;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.home-top-bar.fixed{position:fixed!important;top:0!important;left:0!important;right:0!important;margin-left:auto;margin-right:auto}@media(min-width:769px)and (max-width:1024px){.home-top-bar{--title-bar-content-height: 48px;--title-font-size: 18px}.home-top-bar.fixed{max-width:100%;left:0!important;right:0!important;transform:none!important;margin-left:0;margin-right:0}}@media(min-width:1025px)and (max-width:1280px){.home-top-bar{--title-bar-content-height: 52px;--title-font-size: 20px}.home-top-bar.fixed{max-width:100%;left:0!important;right:0!important;transform:none!important;margin-left:0;margin-right:0}}@media(min-width:1281px){.home-top-bar{--title-bar-content-height: 56px;--title-font-size: 22px}.home-top-bar.fixed{max-width:100%;left:0!important;right:0!important;transform:none!important;margin-left:0;margin-right:0}}.home-top-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--title-bar-safe-top, env(safe-area-inset-top, 0px));background:var(--color-bg-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.home-top-bar .top-tabs,.home-top-bar .top-actions{display:flex;align-items:center;align-self:center}.home-top-bar .tab-item,.home-top-bar .action-button{display:flex;align-items:center;justify-content:center}.top-tabs{gap:16px}.top-actions{gap:8px;margin-left:auto}.tab-item{padding:4px 8px;background:transparent;border:none;font-size:var(--title-font-size, 17px);font-weight:600;line-height:1;color:#f7fafc80;cursor:pointer;transition:color .2s ease,opacity .2s ease;position:relative;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}.tab-item:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:0;height:2px;background:#818cf8;transition:width .25s ease;border-radius:1px}.tab-item.active{color:#f7fafc}.tab-item.active:after{width:20px}.home-top-bar .action-button{width:36px;height:36px;min-width:36px;min-height:36px;background:transparent!important;border:none;border-radius:8px;cursor:pointer;transition:color .2s ease;position:relative;color:#f7fafca6;-webkit-tap-highlight-color:transparent;margin:-4px;padding:4px}.home-top-bar .action-button:hover{color:#f7fafce6}.home-top-bar .action-button:active{background:#f7fafc1a}.home-top-bar .action-button svg{display:block;width:28px;height:28px;stroke-width:2}.message-button .unread-dot{position:absolute;top:2px;right:-2px;width:12px;height:12px;background:#ef4444;border-radius:50%;border:2px solid rgba(26,32,44,.96);pointer-events:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.home-content{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:calc(var(--bottom-nav-height, 44px) + 12px + max(env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0)));scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.home-content::-webkit-scrollbar{display:none}@media(max-width:768px){.home-top-bar{padding:0 12px}.tab-item{font-size:var(--title-font-size, 16px)}.home-top-bar .action-button{width:34px;height:34px;min-width:34px;min-height:34px}.home-top-bar .action-button svg{width:26px;height:26px}}@media(max-width:375px){.top-tabs{gap:12px}.tab-item{font-size:var(--title-font-size, 16px)}.home-top-bar .action-button{width:32px;height:32px;min-width:32px;min-height:32px}.home-top-bar .action-button svg{width:24px;height:24px}}@media(min-width:768px){.home-top-bar{max-width:100%;margin:0;left:0;right:0;transform:none;padding:0 16px}.home-content{max-width:100%;margin:0}}@supports (-webkit-touch-callout: none){.home-top-bar{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}.home-content{-webkit-overflow-scrolling:touch}}@supports (padding-top: env(safe-area-inset-top)){.home-top-bar{height:var(--title-bar-total-height, calc(var(--title-bar-height) + env(safe-area-inset-top)))}}.empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;padding:32px 24px;margin:16px}.empty-state-icon-wrapper{display:flex;align-items:center;justify-content:center;margin-bottom:20px;animation:empty-state-float 3s ease-in-out infinite;overflow:visible;border-radius:0!important;background:transparent!important;box-shadow:none!important}.empty-state-icon{color:#667eea}.empty-state-text{text-align:center;margin-bottom:8px}.empty-state-title{font-size:16px;font-weight:600;color:#f7fafc;margin:0 0 6px;letter-spacing:.3px}.empty-state-desc{font-size:13px;color:#a0aec0;margin:0;line-height:1.5}@media(max-width:375px){.empty-state-container{min-height:240px;padding:24px 16px;margin:12px}.empty-state-icon-wrapper{margin-bottom:16px}.empty-state-title{font-size:15px}.empty-state-desc{font-size:12px}}@media(min-width:769px){.empty-state-container{min-height:320px}}.home-pull-indicator{display:flex;align-items:center;justify-content:center;width:100%;position:relative;transition:height .25s ease-out,opacity .25s ease-out;overflow:hidden}.home-pull-indicator.success{background:#48bb7814}.pull-indicator-content{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;color:#cbcee099;font-size:14px;font-weight:500}.pull-icon-wrapper{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;min-height:28px;aspect-ratio:1 / 1;flex-shrink:0;border-radius:50%;background:#7f9cf51a;box-sizing:border-box;overflow:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1)}.pull-icon-wrapper.spinning{animation:smoothSpin .8s linear infinite}.pull-icon-wrapper.success{background:#48bb7826;animation:successPulse .6s ease-out}.pull-icon{color:var(--primary-color, #7f9cf5);transition:color .2s ease;width:24px;height:24px;flex-shrink:0}.pull-icon.success{color:#48bb78}.pull-indicator-text{letter-spacing:.3px;transition:color .2s ease}.pull-indicator-text.success{color:#48bb78}.home-pull-indicator:has(.spinning) .pull-indicator-text{color:var(--primary-color, #7f9cf5)}@keyframes smoothSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes successPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.spinner{width:20px;height:20px;border:2px solid rgba(127,156,245,.3);border-top-color:var(--primary-color, #7f9cf5);border-radius:50%;animation:spin .8s linear infinite}:root{--background-color: var(--color-bg-page);--background-secondary: var(--color-bg-surface);--background-hover: var(--color-bg-surface-hover);--card-background: var(--color-bg-surface);--border-color: var(--color-border-solid);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--primary-color: var(--color-primary);--primary-color-light: rgba(127, 156, 245, .1);--error-color: #fc8181}@media(prefers-color-scheme:light){:root{--background-color: var(--color-bg-page);--background-secondary: var(--color-bg-surface);--background-hover: var(--color-bg-surface-hover);--card-background: var(--color-bg-surface);--border-color: var(--color-border-solid);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--primary-color: var(--color-primary);--primary-color-light: rgba(127, 156, 245, .1);--error-color: #fc8181}}.home-content-page{min-height:100%;background:var(--color-bg-page);padding-bottom:calc(56px + max(env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0)));position:relative;overflow-x:hidden}.home-masonry{padding:12px 8px 16px;width:100%;min-width:0;max-width:680px;margin:0 auto}.home-masonry:has(.masonry-column){display:flex;gap:8px}.home-masonry [data-testid=virtuoso-scroller]{display:flex;gap:8px;overflow-y:visible!important}.home-masonry [data-testid=virtuoso-list]{flex:1;min-width:0;position:relative}.masonry-item-wrapper{padding-bottom:8px}.masonry-column{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.masonry-column .content-card,.masonry-column [class*=MuiCard-root]{margin-bottom:0}@media(max-width:375px){.home-masonry{padding:10px 6px 14px}.home-masonry [data-testid=virtuoso-scroller]{gap:6px}.masonry-item-wrapper{padding-bottom:6px}}@media(min-width:391px)and (max-width:768px){.home-masonry{padding:12px 10px 16px}.home-masonry [data-testid=virtuoso-scroller]{gap:10px}.masonry-item-wrapper{padding-bottom:10px}}@media(min-width:769px)and (max-width:1024px){.home-masonry{padding:16px 24px 20px;max-width:960px}.home-masonry [data-testid=virtuoso-scroller]{gap:12px}.masonry-item-wrapper{padding-bottom:12px}}@media(min-width:1025px)and (max-width:1280px){.home-masonry{padding:20px 32px 24px;max-width:1200px}.home-masonry [data-testid=virtuoso-scroller]{gap:14px}.masonry-item-wrapper{padding-bottom:14px}}@media(min-width:1281px)and (max-width:1600px){.home-masonry{padding:24px 40px 28px;max-width:1500px}.home-masonry [data-testid=virtuoso-scroller]{gap:16px}.masonry-item-wrapper{padding-bottom:16px}}@media(min-width:1601px){.home-masonry{padding:24px 40px 28px;max-width:var(--container-max-width)}.home-masonry [data-testid=virtuoso-scroller]{gap:16px}.masonry-item-wrapper{padding-bottom:16px}}.home-masonry.loading{opacity:.6;pointer-events:none}.tag-bar{display:flex;gap:4px;padding:4px 8px;background:#1a202c;position:sticky;top:0;z-index:10;-webkit-transform:translateZ(0);transform:translateZ(0)}.tag-bar-fixed{position:fixed!important;top:max(0px,env(safe-area-inset-top,0px))!important;left:0!important;right:0!important;z-index:100!important;max-width:768px;margin:0 auto;box-shadow:0 1px 3px #0000001f}@media(max-width:768px){.tag-bar-fixed{top:max(0px,env(safe-area-inset-top,0px))!important}}.tag-button{padding:3px 10px;background:var(--color-bg-surface);border:none;border-radius:10px;font-size:12px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:background-color .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;overflow:hidden}.tag-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#3b82f61a;transform:translate(-50%,-50%);transition:width .6s,height .6s}.tag-button:hover:before{width:300px;height:300px}.tag-button:hover{background:var(--color-bg-surface-hover)}.tag-button.active{background:#667eea;color:#fff;font-weight:600;box-shadow:0 1px 3px #0000001f}.tag-button.active:before{background:#fff3}.content-card{background:var(--card-background);border-radius:0;margin-bottom:20px;overflow:hidden;box-shadow:0 1px 3px #0000001f;transition:background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s;border:1px solid rgba(0,0,0,.05);position:relative}.content-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#667eea4d;opacity:0;transition:opacity .3s}.content-card:hover{border-color:#667eea33}.content-card:hover:before{opacity:1}.card-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#ffffff0d}.user-info{display:flex;align-items:center;gap:12px;cursor:pointer;flex:1;transition:opacity .2s}.user-info:hover{opacity:.8}.user-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:3px solid transparent;background:#667eea;background-clip:padding-box;padding:2px;box-shadow:0 1px 3px #0000001f;transition:opacity .3s}.user-info:hover .user-avatar{opacity:.9}.user-details{display:flex;flex-direction:column;gap:2px;flex:1}.user-name-row{display:flex;align-items:center;gap:4px}.user-name{font-size:14px;font-weight:600;color:var(--text-primary)}.verified-icon{width:16px;height:16px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.vip-badge{padding:3px 8px;background:#f093fb;color:#fff;border-radius:6px;font-size:10px;font-weight:700;box-shadow:0 1px 3px #0000001f;letter-spacing:.5px}.user-bio{margin:0;font-size:12px;color:var(--text-secondary)}.card-content{padding:0 16px 16px}.content-text{margin:0 0 16px;font-size:15px;line-height:1.7;color:var(--color-text-primary);word-wrap:break-word;letter-spacing:.2px}.post-title{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--color-text-primary);line-height:1.4}.planet-tag{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#667eea1a;color:var(--color-primary);border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;margin-bottom:12px;transition:background-color .3s,border-color .3s;border:1px solid rgba(102,126,234,.2);box-shadow:0 1px 3px #0000001f}.planet-tag:hover{background:#667eea;color:#fff;border-color:transparent}.tags-container{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.tag{padding:6px 14px;background:var(--color-bg-surface);color:var(--color-text-secondary);border-radius:16px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .3s,border-color .3s;border:1px solid transparent}.tag:hover{background:#667eea1a;color:var(--color-primary);border-color:#667eea4d}.image-grid{display:grid;gap:8px;margin-bottom:16px;border-radius:12px;overflow:hidden;background:var(--color-bg-surface);position:relative}.image-grid.single{grid-template-columns:1fr}.image-grid.single img{max-height:450px;border-radius:12px;width:100%;height:auto;object-fit:cover}.image-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;cursor:pointer;transition:opacity .3s cubic-bezier(.4,0,.2,1);position:relative;border-radius:8px;overflow:hidden;background:var(--color-bg-surface)}.image-grid img:before{content:"";position:absolute;inset:0;background:#667eea1a;opacity:0;transition:opacity .3s;z-index:1}.image-grid img:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:#ffffffe6;border-radius:50%}.locked-content{display:flex;align-items:center;gap:12px;padding:16px;background:var(--color-bg-surface);border-radius:8px;margin:12px}.lock-icon{font-size:24px;opacity:.5}.lock-text{flex:1;font-size:14px;color:var(--color-text-secondary)}.buy-button{padding:10px 24px;background:#667eea;color:#fff;border:none;border-radius:24px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 1px 3px #0000001f;position:relative;overflow:hidden}.buy-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .5s,height .5s}.buy-button:hover:before{width:300px;height:300px}.buy-button:hover{background:#764ba2;box-shadow:0 1px 3px #0000001f}.buy-button:active{background:#667eea}.card-actions{display:flex;gap:12px;padding:16px;border-top:1px solid rgba(0,0,0,.05);margin-top:16px}.action-button{display:flex;align-items:center;gap:6px;background:var(--color-bg-surface)}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary)}.error-icon{font-size:64px;margin-bottom:16px;opacity:.5}.error-message{margin:0 0 16px;font-size:16px;color:var(--error-color)}.retry-button{padding:10px 24px;background:var(--primary-color);color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.load-more{padding:20px;display:flex;justify-content:center;align-items:center;min-height:80px;position:relative}.load-more:before{display:none}.loading-indicator{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-secondary);padding:20px}.loading-indicator .spinner{width:32px;height:32px}.loading-indicator .spinner:before{border-width:3px;border-top-color:var(--primary-color);border-right-color:var(--primary-color);border-bottom-color:#3b82f633;border-left-color:#3b82f633}.loading-indicator .spinner:after{width:10px;height:10px}.loading-indicator span{font-size:14px;font-weight:500;color:var(--text-secondary);animation:fadeInOut 1.5s ease-in-out infinite}.bottom-loading-indicator{padding:16px 20px 24px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;background:transparent}.bottom-loading-indicator:before{display:none}.bottom-loading-content{display:flex;flex-direction:column;align-items:center;gap:14px;position:relative;z-index:1;animation:slideUpFade .4s ease-out}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bottom-loading-spinner{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.spinner-svg{width:32px;height:32px;transform:rotate(-90deg)}.spinner-circle-bg{stroke:#7f9cf526}.spinner-circle{stroke:#667eea;stroke-dasharray:90,150;stroke-dashoffset:0;transform-origin:center;animation:spinDraw 1.2s cubic-bezier(.4,0,.2,1) infinite}@keyframes spinDraw{0%{stroke-dasharray:1,150;stroke-dashoffset:0;transform:rotate(0)}50%{stroke-dasharray:90,150;stroke-dashoffset:-35;transform:rotate(135deg)}to{stroke-dasharray:90,150;stroke-dashoffset:-124;transform:rotate(450deg)}}.bottom-loading-text{font-size:13px;font-weight:500;color:var(--text-secondary);letter-spacing:.3px;animation:textPulse 2s ease-in-out infinite}@keyframes textPulse{0%,to{opacity:.7}50%{opacity:1}}.no-more{color:var(--text-secondary);font-size:14px;padding:16px;position:relative;display:flex;align-items:center;justify-content:center;gap:8px;animation:fadeInScale .4s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.no-more:before,.no-more:after{content:"";flex:1;height:1px;background:var(--border-color);max-width:80px}.no-more:before{margin-right:12px}.no-more:after{margin-left:12px}.load-more-sentinel{width:100%;height:1px;min-height:1px;pointer-events:none}.load-more-sentinel:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:20px;height:2px;background:var(--primary-color);opacity:.2;border-radius:1px}.initial-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:60px 20px;position:relative}.initial-loading:before{content:"";position:absolute;inset:0;background:transparent}.loading-content{display:flex;flex-direction:column;align-items:center;gap:20px;position:relative;z-index:1}.loading-content .spinner{width:48px;height:48px}.loading-content .spinner:before{border-width:4px;border-top-color:var(--primary-color);border-right-color:var(--primary-color);border-bottom-color:#3b82f633;border-left-color:#3b82f633}.loading-content .spinner:after{width:12px;height:12px}.loading-content span{font-size:16px;font-weight:500;color:var(--text-secondary);animation:fadeInOut 1.5s ease-in-out infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary)}.empty-text{margin:0;font-size:16px}@media(min-width:768px){.home-masonry{gap:12px;padding:16px 12px 20px}.masonry-column{gap:16px}}@media(max-width:768px){.content-list{padding:16px 12px}.content-card{margin-bottom:16px}.home-masonry{gap:10px;padding:12px 10px 16px}.masonry-column{gap:12px}.tag-bar{padding:2px 6px;gap:4px}.tag-button{padding:3px 8px;font-size:12px}}@media(max-width:480px){.content-list{padding:12px}.content-card{margin-bottom:12px}.home-masonry{gap:8px;padding:10px 8px 14px}.masonry-column{gap:10px}.tag-bar{padding:2px 6px;gap:3px}.tag-button{padding:3px 8px;font-size:12px}.card-header{padding:12px}.user-avatar{width:40px;height:40px}.card-content{padding:0 12px 12px}.card-actions{gap:8px;padding:12px}.action-button{padding:8px 14px;font-size:12px}.action-button .icon{width:16px;height:16px}.locked-content{flex-direction:column;gap:10px;text-align:center;padding:12px}.buy-button{width:100%;padding:12px 20px}.image-grid.single img{max-height:300px}.image-grid{gap:4px}}@media(max-width:360px){.home-content-page{padding:0}.content-list{padding:8px}.content-card{margin-bottom:12px}.home-masonry{gap:6px;padding:8px 6px 12px}.masonry-column{gap:8px}.tag-bar{padding:2px 4px;gap:3px}.tag-button{padding:2px 6px;font-size:12px;min-width:44px}.card-header{padding:10px}.user-avatar{width:36px;height:36px}.card-content{padding:0 10px 10px}.card-actions{gap:6px;padding:10px}.action-button{padding:6px 12px;font-size:12px}.action-button .icon{width:14px;height:14px}.image-grid{gap:4px;border-radius:8px}.image-grid.single img{max-height:250px;border-radius:8px}.image-grid img{border-radius:6px}}.home-masonry-wrapper{position:relative;overflow:hidden}.home-masonry{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.home-masonry.slide-in-left{animation:slideInFromRight .3s cubic-bezier(.4,0,.2,1) forwards}.home-masonry.slide-out-left{animation:slideOutToLeft .25s cubic-bezier(.4,0,.2,1) forwards}.home-masonry.slide-in-right{animation:slideInFromLeft .3s cubic-bezier(.4,0,.2,1) forwards}.home-masonry.slide-out-right{animation:slideOutToRight .25s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideInFromRight{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutToLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-30px);opacity:0}}@keyframes slideInFromLeft{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutToRight{0%{transform:translate(0);opacity:1}to{transform:translate(30px);opacity:0}}.home-masonry.fade-in{animation:fadeIn .25s ease-out forwards}.home-masonry .masonry-column{transition:opacity .3s ease-out}.home-masonry.stagger-left .masonry-column-0 .dynamic-card{animation:cardFadeSlideUp .35s cubic-bezier(.4,0,.2,1) .05s forwards;opacity:0}.home-masonry.stagger-left .masonry-column-1 .dynamic-card{animation:cardFadeSlideUp .35s cubic-bezier(.4,0,.2,1) .1s forwards;opacity:0}.home-masonry.stagger-left .masonry-column-2 .dynamic-card{animation:cardFadeSlideUp .35s cubic-bezier(.4,0,.2,1) .15s forwards;opacity:0}.home-masonry.stagger-left .masonry-column-3 .dynamic-card{animation:cardFadeSlideUp .35s cubic-bezier(.4,0,.2,1) .2s forwards;opacity:0}.home-masonry.stagger-right .masonry-column-0 .dynamic-card{animation:cardFadeSlideUp .35s cubic-bezier(.4,0,.2,1) .05s forwards;opacity:0}.home-masonry.stagger-right .masonry-column-1 .dynamic-card{animation:cardFadeSlideUp .35s cubic-bezier(.4,0,.2,1) .1s forwards;opacity:0}.home-masonry.stagger-right .masonry-column-2 .dynamic-card{animation:cardFadeSlideUp .35s cubic-bezier(.4,0,.2,1) .15s forwards;opacity:0}.home-masonry.stagger-right .masonry-column-3 .dynamic-card{animation:cardFadeSlideUp .35s cubic-bezier(.4,0,.2,1) .2s forwards;opacity:0}@keyframes cardFadeSlideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.home-masonry,.home-masonry .masonry-column,.home-masonry .dynamic-card{animation:none!important;transition:opacity .15s ease-out!important}.home-masonry.slide-in-left,.home-masonry.slide-in-right,.home-masonry.fade-in{animation:fadeIn .15s ease-out forwards!important}}.nickname-dialog-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1050;animation:overlay-fade-in .2s ease}.nickname-dialog-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 32px);max-width:400px;background:var(--color-bg-surface, #2d3748);border-radius:16px;border:1px solid var(--color-border, #4a5568);box-shadow:0 4px 20px #0000004d;padding:0;z-index:1051;animation:content-slide-in .25s cubic-bezier(.16,1,.3,1);outline:none;display:flex;flex-direction:column}.nickname-dialog-content[data-state=closed]{animation:content-slide-out .2s ease-in}.nickname-dialog-content:focus-visible{box-shadow:0 0 0 2px #667eea80,0 4px 20px #0000004d}.nickname-dialog-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:20px auto 12px;background:#667eea26;border-radius:50%;color:#667eea}.dialog-title{margin:0 0 4px;padding:0 24px;font-size:18px;font-weight:600;color:var(--color-text-primary, #f7fafc);text-align:center}.dialog-body{padding:8px 24px 16px}.form-label{display:block;font-size:13px;font-weight:500;color:var(--color-text-secondary, #cbd5e0);margin-bottom:6px}.nickname-input-wrapper{position:relative;display:flex;align-items:center}.nickname-input-wrapper .input-icon{position:absolute;right:12px;color:var(--color-text-tertiary, #a0aec0);pointer-events:none}.nickname-input{width:100%;padding:10px 12px;font-size:15px;background:#0003;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:var(--color-text-primary, #f7fafc);outline:none;transition:border-color .2s,background-color .2s}.nickname-input:focus{border-color:#667eea;background:#0000004d}.nickname-input::placeholder{color:var(--color-text-tertiary, #a0aec0)}.nickname-input.error{border-color:#f87171}.nickname-input.error:focus{border-color:#ef4444}.nickname-input:disabled{opacity:.5;cursor:not-allowed}.input-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;min-height:20px}.error-message{font-size:13px;color:#e53e3e;display:flex;align-items:center;gap:4px}.char-counter{font-size:12px;font-weight:600;color:#718096;font-variant-numeric:tabular-nums;transition:color .2s ease}.char-counter.warning{color:#ed8936}.char-counter.error{color:#e53e3e}.dialog-actions{display:flex;gap:12px;padding:0 24px 20px}.btn-cancel,.btn-confirm{flex:1;padding:10px 20px;font-size:15px;font-weight:500;border:none;border-radius:10px;cursor:pointer;transition:all .2s;min-height:42px}.btn-cancel{background:#ffffff0d;color:var(--color-text-secondary);border:1px solid rgba(255,255,255,.1)}.btn-cancel:hover:not(:disabled){background:#ffffff14}.btn-cancel:active:not(:disabled){background:#ffffff0f}.btn-confirm{background:#7f9cf5;color:#fff;box-shadow:0 2px 8px #7f9cf54d}.btn-confirm:hover:not(:disabled){background:#667eea;box-shadow:0 2px 10px #7f9cf566}.btn-confirm:active:not(:disabled){background:#5a67d8;box-shadow:0 1px 6px #7f9cf54d}.btn-cancel:disabled,.btn-confirm:disabled{opacity:.5;cursor:not-allowed}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.nickname-dialog-content{width:calc(100% - 24px)}.nickname-dialog-icon{width:44px;height:44px;margin:16px auto 10px}.dialog-title{font-size:16px;padding:0 20px}.dialog-body{padding:8px 20px 14px}.nickname-input{font-size:16px}.dialog-actions{padding:0 20px 16px}}@media(max-width:375px){.nickname-dialog-content{width:calc(100% - 20px)}.dialog-actions{flex-direction:column}.btn-cancel,.btn-confirm{width:100%}}@media(prefers-reduced-motion:reduce){.nickname-dialog-overlay,.nickname-dialog-content{animation:none}.btn-cancel,.btn-confirm{transition:none}}.user-info-card{--primary-color: var(--color-primary);--primary-color-hover: #a5b4fc;--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-tertiary: var(--color-text-tertiary);--background-light: var(--color-bg-surface);--border-color: var(--color-border);--shadow: 0 4px 12px rgba(0, 0, 0, .25)}.user-info-card{padding:12px 16px;background:var(--background-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:12px;animation:scaleIn .3s ease-out;box-shadow:var(--shadow);transition:all .3s ease}.user-info-card:hover{box-shadow:0 6px 20px #00000059}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.user-info-content{display:flex;align-items:center;gap:12px}.avatar-section{flex-shrink:0}.avatar-wrapper{position:relative;width:64px;height:64px;cursor:pointer}.user-avatar{width:64px!important;height:64px!important;border-radius:50%;object-fit:cover;transition:all .2s ease;border:2px solid transparent}.avatar-wrapper:hover .user-avatar{transform:scale(1.05);border-color:var(--primary-color)}.avatar-wrapper:active .user-avatar{transform:scale(.98)}.avatar-processing-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:#0009;display:flex;align-items:center;justify-content:center;pointer-events:none}.avatar-processing-text{font-size:11px;color:#fff;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.3)}.user-avatar-placeholder{width:64px!important;height:64px!important;border-radius:50%;background:#7f9cf51f;display:flex;align-items:center;justify-content:center;color:var(--primary-color);border:2px dashed rgba(127,156,245,.5)}.user-info-card .user-info{flex:1 1 0%;min-width:0;display:flex;flex-direction:column;gap:2px;overflow:hidden;justify-content:flex-start;align-items:flex-start}.user-info-card .nickname-section{display:flex;align-items:center;justify-content:flex-start;gap:4px;flex-wrap:nowrap;min-width:0;width:fit-content;max-width:100%}.user-info-card .nickname{flex:0 1 auto;min-width:3ch;max-width:100%;display:block;font-size:17px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info-card .edit-button{flex:0 0 auto;width:auto;min-width:0;padding:4px 6px;background:#7f9cf51f;border:none;border-radius:6px;color:var(--primary-color);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.edit-button:hover{background:#7f9cf533;transform:scale(1.05)}.edit-button:active{transform:scale(.95)}.identity-id-section{display:flex;align-items:center;justify-content:flex-start;gap:4px}.identity-id{font-size:15px;color:var(--text-secondary);overflow:visible;white-space:nowrap;font-family:Courier New,monospace;letter-spacing:.5px}.copy-button{padding:4px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:4px}.copy-button:hover{color:var(--primary-color);background:transparent;transform:scale(1.1)}.copy-button:active{transform:scale(.95)}.login-hint{font-size:14px;color:var(--text-secondary);font-style:italic}.switch-account-button{padding:6px;background:#7f9cf51f;border:none;border-radius:6px;color:var(--primary-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.switch-account-button:hover{background:#7f9cf533;transform:scale(1.05)}.switch-account-button:active{transform:scale(.95)}@media(max-width:768px){.user-info-card{padding:10px 14px}.user-info-content{gap:12px}.avatar-wrapper{width:64px;height:64px}.user-avatar,.user-avatar-placeholder{width:64px!important;height:64px!important}.user-info-card .nickname{font-size:16px}.identity-id{font-size:14px}}@media(max-width:480px){.user-info-card{padding:8px 12px}.user-info-content{gap:10px}.avatar-wrapper{width:60px;height:60px}.user-avatar,.user-avatar-placeholder{width:60px!important;height:60px!important}.avatar-processing-text{font-size:10px}.user-info-card .nickname{font-size:15px}.identity-id{font-size:13px}.login-hint{font-size:12px}.switch-account-button{padding:5px}.edit-button{padding:3px 5px}}@media(max-width:360px){.user-info-card{padding:8px 10px}.user-info-content{gap:8px}.avatar-wrapper{width:56px;height:56px}.user-avatar,.user-avatar-placeholder{width:56px!important;height:56px!important}.avatar-processing-text{font-size:9px}.user-info-card .nickname{font-size:14px}.identity-id{font-size:12px}.edit-button{padding:3px 4px}}@media(max-width:320px){.avatar-wrapper{width:56px;height:56px}.user-avatar,.user-avatar-placeholder{width:56px!important;height:56px!important}}@media print{.user-info-card{background:#fff;box-shadow:none;border:1px solid #ccc}.edit-button,.copy-button,.switch-account-button,.avatar-processing-overlay{display:none}.user-avatar:hover{transform:none;border-color:transparent}}@media(prefers-reduced-motion:reduce){.user-info-card,.avatar-wrapper,.user-avatar,.edit-button,.copy-button,.switch-account-button,.avatar-processing-overlay{animation:none;transition:none}.avatar-wrapper:hover .user-avatar,.user-avatar:hover,.edit-button:hover,.copy-button:hover,.switch-account-button:hover{transform:none}}.dialog-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1050;animation:overlay-fade-in .2s ease}.dialog-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 32px);max-width:400px;min-width:320px;max-height:85vh;background:var(--color-bg-surface, #2d3748);border-radius:16px;border:1px solid var(--color-border, #4a5568);box-shadow:0 4px 20px #0000004d;z-index:1051;overflow:hidden;animation:content-slide-in .25s cubic-bezier(.16,1,.3,1);outline:none}.dialog-content:focus-visible{box-shadow:0 0 0 2px #7f9cf580,0 4px 20px #0000004d}.add-account-dialog-content{display:flex;flex-direction:column;width:100%;max-height:85vh}.dialog-header{display:flex;align-items:center;justify-content:center;position:relative;padding:16px;border-bottom:1px solid var(--color-border, #4a5568);flex-shrink:0}.dialog-title{font-size:18px;font-weight:600;color:var(--color-text-primary, #f7fafc);text-align:center;margin:0}.dialog-close-button{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--color-text-tertiary, #a0aec0);cursor:pointer;transition:background-color .2s,color .2s}.dialog-close-button:hover:not(:disabled){color:var(--color-text-secondary, #cbd5e0);background:#ffffff1a}.dialog-close-button:disabled{opacity:.5;cursor:not-allowed}.dialog-body{flex:1;padding:16px 24px 24px;overflow-y:auto;-webkit-overflow-scrolling:touch}.add-account-dialog-content .form-label{display:block;font-size:13px;font-weight:500;color:var(--color-text-secondary, #cbd5e0);margin-bottom:6px}.add-account-dialog-content .input-wrapper{position:relative;display:flex;align-items:center;margin-bottom:12px}.add-account-dialog-content .input-icon{position:absolute;left:12px;color:var(--color-text-tertiary, #a0aec0);pointer-events:none;z-index:1}.add-account-dialog-content .form-input{width:100%;height:40px;padding:0 12px 0 40px;background:#0003;border:1px solid rgba(255,255,255,.15);border-radius:8px;font-size:14px;color:var(--color-text-primary, #f7fafc);transition:border-color .2s,background-color .2s;outline:none}.add-account-dialog-content .form-input:focus{border-color:var(--color-primary, #7f9cf5);background:#0000004d}.add-account-dialog-content .form-input::placeholder{color:var(--color-text-tertiary, #a0aec0)}.add-account-dialog-content .form-input:disabled{opacity:.5;cursor:not-allowed}.add-account-dialog-content .form-input:-webkit-autofill,.add-account-dialog-content .form-input:-webkit-autofill:hover,.add-account-dialog-content .form-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px rgba(0,0,0,.3) inset!important;box-shadow:0 0 0 1000px #0000004d inset!important;-webkit-text-fill-color:var(--color-text-primary, #f7fafc)!important}.password-toggle{position:absolute;right:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--color-text-tertiary, #a0aec0);cursor:pointer;transition:background-color .2s,color .2s}.password-toggle:hover:not(:disabled){color:var(--color-text-secondary, #cbd5e0);background:#ffffff1a}.password-toggle:disabled{opacity:.5;cursor:not-allowed}.dialog-actions{display:flex;justify-content:center;margin-top:20px}.btn-confirm{width:100%;height:44px;padding:0 16px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .2s;border:none;background:var(--color-primary, #6366f1);color:#fff;touch-action:manipulation;box-shadow:0 1px 3px #0000001f}.btn-confirm:hover:not(:disabled){background:var(--color-primary-dark, #5558e3)}.btn-confirm:active:not(:disabled){background:var(--color-primary-darker, #4c51bf)}.btn-confirm:disabled{opacity:.5;cursor:not-allowed}.spinner{display:inline-block;width:14px;height:14px;margin-right:6px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@media(max-width:768px){.dialog-header{padding:14px 16px}.dialog-title{font-size:16px}.dialog-body{padding:14px 20px 20px}}@media(max-width:375px){.dialog-content{width:calc(100% - 20px)}.dialog-header{padding:12px 16px}.dialog-body{padding:12px 16px 16px}.add-account-dialog-content .form-input{height:38px}.btn-confirm{height:42px}}.dialog-content[data-state=open]{animation:content-slide-in .25s cubic-bezier(.16,1,.3,1)}.dialog-content[data-state=closed]{animation:content-slide-out .2s ease-in}[data-radix-dialog-overlay]{background:none}.switch-account-sheet-backdrop{position:fixed;inset:0;background:#00000080;z-index:1100;display:flex;align-items:flex-end;justify-content:center;animation:switch-account-sheet-backdrop-in .25s ease-out}@keyframes switch-account-sheet-backdrop-in{0%{opacity:0}to{opacity:1}}.switch-account-sheet-panel{position:fixed;left:0;right:0;bottom:0;width:100%;height:85dvh;background:var(--color-bg-surface, #2d3748);border-radius:16px 16px 0 0;display:flex;flex-direction:column;align-items:stretch;box-shadow:0 -4px 24px #0000004d;padding-bottom:max(12px,env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0));animation:switch-account-sheet-panel-in .3s ease-out;transition:border-radius .3s ease,height .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;touch-action:none;overflow:hidden;will-change:transform}.switch-account-sheet-panel.is-expanded{border-radius:0;height:calc(100dvh - var(--bottom-nav-total-height, 50px))}.switch-account-sheet-panel.is-dragging,.switch-account-sheet-panel.is-closing{transition:none!important}@keyframes switch-account-sheet-panel-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.switch-account-sheet-handle{width:40px;height:4px;margin:10px auto 8px;background:#ffffff4d;border-radius:2px}.switch-account-sheet-title{font-size:18px;font-weight:600;color:var(--color-text-primary, #f7fafc);text-align:center;padding:0 16px 12px}@media(max-width:768px){.switch-account-sheet-title{font-size:16px}}.switch-account-sheet-list{flex:1;overflow-y:auto;padding:0 16px;min-height:80px}.switch-account-sheet-empty{padding:24px;text-align:center;color:var(--color-text-tertiary, #a0aec0);font-size:14px}.switch-account-sheet-item{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;margin-bottom:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:var(--color-text-primary, #f7fafc);cursor:pointer;transition:background .2s,border-color .2s;text-align:left}.switch-account-sheet-item:hover{background:#ffffff14;border-color:#7f9cf54d}.switch-account-sheet-item.is-current{border-color:var(--color-primary, #7f9cf5);background:#7f9cf51f}.switch-account-sheet-item-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-page, #1a202c)}.switch-account-sheet-item-avatar img{width:100%;height:100%;object-fit:cover}.switch-account-sheet-item-avatar svg{color:var(--color-primary, #7f9cf5)}.switch-account-sheet-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.switch-account-sheet-item-nickname{font-size:14px;font-weight:600;color:var(--color-text-primary, #f7fafc)}.switch-account-sheet-item-mobile{font-size:12px;color:var(--color-text-secondary, #718096)}.switch-account-sheet-item-uid{font-size:12px;color:var(--color-text-tertiary, #a0aec0)}.switch-account-sheet-item-badge{flex-shrink:0;font-size:12px;color:var(--primary-color, #7f9cf5);padding:2px 8px;border-radius:10px;background:#7f9cf533}.switch-account-sheet-item-remove{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-tertiary, #a0aec0);border-radius:6px;cursor:pointer;transition:background .2s,color .2s;padding:0}.switch-account-sheet-item-remove:hover{background:#ef444426;color:#ef4444}.switch-account-sheet-item-remove:active{background:#ef444440}.switch-account-sheet-footer{padding:12px 16px;padding-bottom:max(12px,calc(var(--bottom-nav-total-height, 50px) + env(safe-area-inset-bottom,0)));border-top:1px solid rgba(255,255,255,.08);margin-top:8px}.switch-account-sheet-add-button{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;background:#7f9cf533;border:1px solid rgba(127,156,245,.4);border-radius:12px;color:var(--color-primary, #7f9cf5);font-size:16px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}.switch-account-sheet-add-button:hover{background:#7f9cf54d;border-color:#7f9cf599}@media(max-width:768px){.switch-account-sheet-add-button{font-size:15px;min-height:44px}}@media(max-width:360px){.switch-account-sheet-item{padding:6px 8px;gap:8px}.switch-account-sheet-item-avatar{width:36px;height:36px}.switch-account-sheet-item-nickname{font-size:13px}.switch-account-sheet-item-mobile,.switch-account-sheet-item-uid{font-size:11px}.switch-account-sheet-item-remove{width:28px;height:28px}.switch-account-sheet-item-remove svg{font-size:14px}}.switch-account-sheet-item.is-switching{opacity:.7;cursor:not-allowed;pointer-events:none}.switch-account-sheet-item.is-current{cursor:not-allowed;pointer-events:none}.switch-account-sheet-item-loading{flex-shrink:0;font-size:12px;color:var(--color-primary, #7f9cf5);padding:2px 8px;border-radius:10px;background:#7f9cf533;display:flex;align-items:center;gap:6px}.spinner-small{display:inline-block;width:14px;height:14px;border:2px solid rgba(127,156,245,.3);border-top-color:var(--color-primary, #7f9cf5);border-radius:50%;animation:spinner-small-rotate .8s linear infinite}@keyframes spinner-small-rotate{to{transform:rotate(360deg)}}.remove-account-modal-overlay{position:fixed;inset:0;z-index:1300;display:flex;align-items:center;justify-content:center;background:#00000080;animation:remove-account-fade-in .2s ease-out}@keyframes remove-account-fade-in{0%{opacity:0}to{opacity:1}}.remove-account-dialog-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 32px);max-width:320px;background:var(--color-bg-surface, #2d3748);border:1px solid var(--color-border, #4a5568);border-radius:12px;box-shadow:0 1px 3px #0000001f;padding:24px 20px;animation:remove-account-slide-in .25s ease-out}@keyframes remove-account-slide-in{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.remove-account-dialog-title{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--color-text-primary, #f7fafc);line-height:1.4}.remove-account-dialog-message{margin:0 0 20px;font-size:14px;line-height:1.6;color:var(--color-text-secondary, #cbd5e0);word-break:break-word}.remove-account-dialog-actions{display:flex;gap:8px;justify-content:flex-end}.remove-account-dialog-button{padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s;display:inline-flex;align-items:center;justify-content:center;min-height:36px;border:1px solid transparent}.remove-account-dialog-button:hover{background-color:var(--color-bg-level2, #374151)}.remove-account-dialog-button:active{opacity:.8}.remove-account-dialog-button.cancel{background:var(--color-bg-level3, #4b5563);border-color:var(--color-border, #4a5568);color:var(--color-text-secondary, #cbd5e0)}.remove-account-dialog-button.cancel:hover{background:var(--color-bg-level2, #374151);border-color:var(--color-border, #4a5568)}.remove-account-dialog-button.confirm{background:#dc2626;border-color:#b91c1c;color:#fff}.remove-account-dialog-button.confirm:hover{background:#e53030;border-color:#c92626}@media(max-width:375px){.remove-account-dialog-container{padding:20px 16px;width:calc(100% - 24px)}.remove-account-dialog-title{font-size:16px}.remove-account-dialog-message{font-size:13px}.remove-account-dialog-actions{flex-direction:column;gap:8px}.remove-account-dialog-button{width:100%}}@media(prefers-reduced-motion:reduce){.remove-account-modal-overlay,.remove-account-dialog-container{animation:none}.remove-account-dialog-button{transition:none}}.pwd-dialog-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1050;animation:overlay-fade-in .2s ease}.pwd-dialog-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 32px);max-width:360px;background:var(--color-bg-surface, #2d3748);border-radius:16px;border:1px solid var(--color-border, #4a5568);box-shadow:0 4px 20px #0000004d;padding:24px 20px;z-index:1051;animation:content-slide-in .25s cubic-bezier(.16,1,.3,1);outline:none}.pwd-dialog-content[data-state=closed]{animation:content-slide-out .2s ease-in}.pwd-dialog-content:focus-visible{box-shadow:0 0 0 2px #667eea80,0 4px 20px #0000004d}.pwd-dialog-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto 16px;background:#667eea26;border-radius:50%;color:#667eea}.pwd-dialog-title{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--color-text-primary, #f7fafc);text-align:center}.pwd-dialog-desc{margin:0 0 20px;font-size:14px;color:var(--color-text-secondary, #cbd5e0);text-align:center}.pwd-mobile{color:#667eea;font-weight:500}.pwd-input-wrap{position:relative;margin-bottom:8px}.pwd-input{width:100%;padding:12px 16px;font-size:15px;background:#0003;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:var(--color-text-primary, #f7fafc);outline:none;transition:border-color .2s,background-color .2s}.pwd-input:focus{border-color:#667eea;background:#0000004d}.pwd-input::placeholder{color:var(--color-text-tertiary, #a0aec0)}.pwd-input.error{border-color:#f87171;color:#f87171}.pwd-input.error:focus{border-color:#ef4444}.pwd-input:disabled{opacity:.5;cursor:not-allowed}.pwd-error{margin:0 0 16px;font-size:13px;color:#f87171;min-height:20px}.pwd-submit{width:100%;padding:12px 20px;font-size:15px;font-weight:600;color:#fff;background:#667eea;border:none;border-radius:10px;cursor:pointer;transition:background-color .2s,box-shadow .2s;box-shadow:0 2px 8px #667eea4d;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px}.pwd-submit:hover:not(:disabled){background:#5a67d8;box-shadow:0 2px 10px #667eea66}.pwd-submit:active:not(:disabled){background:#4c51bf;box-shadow:0 1px 6px #667eea4d}.pwd-submit:disabled{opacity:.6;cursor:not-allowed}.pwd-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.pwd-dialog-content{width:calc(100% - 24px);padding:20px 16px}.pwd-dialog-icon{width:48px;height:48px;margin-bottom:12px}.pwd-dialog-title{font-size:16px}.pwd-dialog-desc{font-size:13px}.pwd-input{font-size:16px}}@media(max-width:375px){.pwd-dialog-content{width:calc(100% - 20px);padding:18px 16px}}@media(prefers-reduced-motion:reduce){.pwd-dialog-overlay,.pwd-dialog-content{animation:none}.pwd-submit{transition:none}}.function-item{cursor:pointer;border-radius:12px;padding:12px 8px;min-height:72px;display:flex;align-items:center;justify-content:center;background:#37415180;border:1px solid rgba(74,85,104,.4);transition:background .2s,border-color .2s,transform .15s}.function-item:hover{background:#4a556899;border-color:#7f9cf559;transform:scale(1.02)}.function-item:active{transform:scale(.98)}.function-item-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;min-width:0}.function-item-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;min-height:36px;color:var(--joy-palette-primary-400, #7f9cf5);flex-shrink:0}.function-item:hover .function-item-icon{color:#a5b4fc}.function-item-title{font-size:13px;font-weight:500;color:var(--color-text-primary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media(max-width:768px){.function-item{padding:10px 6px;min-height:68px}.function-item-icon{width:32px;height:32px;min-width:32px;min-height:32px}.function-item-title{font-size:12px}}@media(max-width:480px){.function-item{padding:10px 6px;min-height:64px}.function-item-icon{width:28px;height:28px;min-width:28px;min-height:28px}.function-item-title{font-size:12px}}@media(max-width:360px){.function-item{min-height:60px;padding:8px 4px}.function-item-content{gap:6px}.function-item-icon{width:26px;height:26px;min-width:26px;min-height:26px}.function-item-title{font-size:11px}}@media(prefers-reduced-motion:reduce){.function-item,.function-item:hover,.function-item:active{transition:none;transform:none}}.profile-page{min-height:100dvh;min-height:var(--app-height, 100dvh);background:var(--color-bg-page);position:relative;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.profile-content{position:relative;z-index:1;padding:16px;padding-top:calc(var(--title-bar-total-height) + 16px);padding-bottom:max(env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0));max-width:1600px;margin-left:auto;margin-right:auto;width:100%;box-sizing:border-box}@keyframes profileSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes profileFadeIn{0%{opacity:0}to{opacity:1}}@keyframes profileScaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.profile-content,.profile-cards,.profile-cards .function-item,.logout-dialog-overlay,.logout-dialog{animation:none;transition:none}.profile-cards .function-item:hover,.logout-button:active,.logout-dialog-button:active{transform:none}}.profile-header{position:sticky;top:0;left:0;right:0;z-index:100;height:var(--title-bar-total-height);display:flex;align-items:flex-end;justify-content:space-between;padding:0 16px;background:var(--color-bg-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(74,85,104,.4);box-sizing:border-box;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.profile-header:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--title-bar-safe-top);background:var(--color-bg-surface);pointer-events:none}.profile-title{margin:0;font-size:17px;font-weight:600;color:var(--color-text-primary);-webkit-user-select:none;user-select:none;flex:1;text-align:center;align-self:center;-webkit-text-size-adjust:100%}.logout-button{min-width:44px;min-height:36px;padding:6px 12px;background:transparent;border:none;border-radius:8px;color:var(--joy-palette-primary-400, #7f9cf5);font-size:14px;font-weight:500;cursor:pointer;transition:color .2s,background .2s;align-self:center;-webkit-tap-highlight-color:transparent}.logout-button:hover{background:#7f9cf51f;color:#a5b4fc}.logout-button:active{transform:scale(.98)}.header-spacer{width:60px;flex-shrink:0;align-self:center}@supports (-webkit-touch-callout: none){.profile-header{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@supports (padding-top: env(safe-area-inset-top)){.profile-header{height:var(--title-bar-total-height)}}.profile-cards{width:100%;position:relative;background:var(--color-bg-surface);border-radius:20px;border:1px solid var(--color-border);box-shadow:0 1px 3px #0000001f;overflow:hidden;transition:box-shadow .25s ease,border-color .25s ease}.profile-cards:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:#ffffff26;pointer-events:none;z-index:1}.profile-cards:hover{box-shadow:0 2px 8px #0000002e;border-color:#4a556899}.profile-cards .user-info-card{position:relative;z-index:1;background:transparent;border:none;border-radius:0;box-shadow:none;padding:20px 20px 18px;margin:0;border-bottom:1px solid rgba(74,85,104,.45);transition:none;animation:none}.profile-cards .user-info-card:after{content:"";position:absolute;left:16%;right:16%;bottom:-1px;height:1px;background:#ffffff0f;pointer-events:none}.profile-cards .user-info-card:hover{box-shadow:none}.profile-cards .user-avatar,.profile-cards .user-avatar-icon{border:2px solid rgba(127,156,245,.25);box-shadow:0 1px 4px #00000026}.profile-cards .user-avatar:hover,.profile-cards .user-avatar-icon:hover{border-color:#7f9cf580;box-shadow:0 2px 8px #7f9cf526}.profile-cards .user-avatar-placeholder{border:2px dashed rgba(127,156,245,.3)}.profile-cards .function-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0;padding:18px 20px 20px;background:transparent;border:none;border-radius:0;box-shadow:none}.profile-cards .function-item{background:#37415166;border-radius:14px;border:1px solid rgba(74,85,104,.35);box-shadow:0 1px 2px #00000014;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.profile-cards .function-item:hover{background:#3c46588c;border-color:#7f9cf566;box-shadow:0 2px 6px #0000001f}.profile-cards .function-item:active{box-shadow:0 1px 3px #0000001a}.profile-cards .function-item-icon{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;background:#7f9cf51f;border:1px solid rgba(127,156,245,.15)}.profile-cards .function-item:hover .function-item-icon{background:#7f9cf52e;border-color:#7f9cf54d;color:#a5b4fc}.logout-dialog-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:24px;animation:logoutFadeIn .3s ease-out}.logout-dialog{position:relative;width:100%;max-width:420px;background:var(--color-bg-surface);border-radius:16px;padding:32px 24px;box-shadow:0 1px 3px #0000001f;animation:logoutSlideUp .3s ease-out;display:flex;flex-direction:column;align-items:center;text-align:center}.logout-dialog-title{margin:0 0 12px;font-size:20px;font-weight:600;color:var(--color-text-primary);text-align:center;line-height:1.4}.logout-dialog-message{margin:0 0 24px;font-size:15px;color:var(--color-text-secondary);text-align:center;line-height:1.6;word-break:break-word}.logout-dialog-actions{display:flex;gap:12px;width:100%}.logout-dialog-button{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px}.logout-dialog-button.cancel{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.logout-dialog-button.cancel:hover{background:var(--color-surface-hover, #374151);border-color:var(--color-border)}.logout-dialog-button.confirm{background:var(--color-primary, #7c3aed);color:#fff;border:1px solid var(--color-primary, #7c3aed);box-shadow:0 1px 3px #0000001f}.logout-dialog-button.confirm:hover{background:var(--color-primary-dark, #6d28d9);border-color:var(--color-primary-dark, #6d28d9);box-shadow:0 1px 3px #0000001f}@keyframes logoutFadeIn{0%{opacity:0}to{opacity:1}}@keyframes logoutSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.logout-dialog-overlay{padding:16px}.logout-dialog{padding:24px 16px;max-width:100%}.logout-dialog-title{font-size:18px}.logout-dialog-message{font-size:14px}.logout-dialog-actions{flex-direction:column}.logout-dialog-button{width:100%}}@media(prefers-reduced-motion:reduce){.logout-dialog-overlay,.logout-dialog{animation:none}.logout-dialog-button{transition:none}}@media(prefers-contrast:high){.logout-dialog{border:2px solid currentColor;box-shadow:0 1px 3px #0000001f}.logout-dialog-button{border:2px solid currentColor}}.creator-auth-modal{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:calc(100% - 48px)!important;max-width:280px!important;background:var(--color-bg-surface)!important;border-radius:16px!important;padding:24px!important;border:1px solid var(--color-border)!important;box-shadow:0 1px 3px #0000001f!important;animation:creatorAuthModalIn .3s ease-out!important}@keyframes creatorAuthModalIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.creator-auth-modal .MuiDialogTitle-root{margin:0 0 12px;font-size:18px;font-weight:600;color:var(--color-text-primary);text-align:center}.creator-auth-modal .MuiDialogContent-root{margin:0 0 16px;padding:0}.creator-auth-modal .MuiDialogContent-root .MuiTypography-root{font-size:15px;color:var(--color-text-secondary);text-align:center;line-height:1.5}.creator-auth-actions{display:flex;gap:12px;justify-content:center}.creator-auth-actions .MuiButton-root{flex:1;padding:12px 16px;border-radius:10px;font-size:15px;font-weight:600;transition:background-color .2s,border-color .2s,color .2s}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;margin-top:20px;background:var(--color-bg-surface);border-radius:20px;border:1px solid var(--color-border);box-shadow:0 1px 3px #0000001a}.empty-state-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin-bottom:14px;border-radius:50%;background:#7f9cf51a;border:1px solid rgba(127,156,245,.25);color:var(--joy-palette-primary-400, #7f9cf5)}.empty-state-text{font-size:15px;color:var(--color-text-tertiary);text-align:center;line-height:1.5}@media(max-width:768px){.profile-header{padding:0 var(--container-padding-md, 1rem)}.profile-title{font-size:16px}.logout-button{min-height:34px;padding:5px 10px;font-size:13px}.header-spacer{width:52px}.profile-content{padding:12px}.profile-cards .user-info-card{padding:16px 16px 14px}.profile-cards .function-grid{gap:12px;padding:14px 16px 16px}.profile-cards .function-item-icon{width:40px;height:40px;min-width:40px;min-height:40px}.logout-dialog{padding:20px}.logout-dialog-title{font-size:17px}.logout-dialog-message{font-size:13px;margin-bottom:18px}.logout-dialog-button{padding:11px 14px;font-size:14px}}@media(max-width:480px){.profile-header{padding:0 10px}.logout-button{min-width:40px;min-height:32px;padding:4px 8px;font-size:12px}.header-spacer{width:44px}.profile-content{padding:10px}.profile-cards .user-info-card{padding:14px 14px 12px}.profile-cards .function-grid{gap:10px;padding:12px 14px 14px}.profile-cards .function-item-icon{width:36px;height:36px;min-width:36px;min-height:36px}.empty-state{padding:36px 20px;margin-top:16px}.empty-state-icon{width:64px;height:64px;margin-bottom:12px}.empty-state-text{font-size:14px}}@media(max-width:360px){.profile-cards .user-info-card{padding:12px 12px 10px}.profile-cards .function-grid{gap:8px;padding:10px 12px 12px}.profile-cards .function-item-icon{width:32px;height:32px;min-width:32px;min-height:32px}}.planet-card{--planet-card-bg: var(--color-bg-surface);--planet-card-border: rgba(74, 85, 104, .5);--planet-card-shadow: 0 4px 12px rgba(0, 0, 0, .25);--planet-card-hover-shadow: 0 8px 24px rgba(0, 0, 0, .35);--planet-text-primary: var(--color-text-primary);--planet-text-secondary: var(--color-text-secondary);--planet-text-tertiary: var(--color-text-tertiary);--planet-primary: var(--color-primary);--planet-badge-bg: rgba(45, 55, 72, .85);--planet-badge-border: rgba(127, 156, 245, .4);position:relative;width:100%;aspect-ratio:1 / 1;background:var(--planet-card-bg);border-radius:14px;overflow:hidden;box-shadow:var(--planet-card-shadow);border:1px solid var(--planet-card-border);cursor:pointer;will-change:auto}@media(prefers-reduced-motion:no-preference){.planet-card:hover{transform:translateY(-4px);box-shadow:var(--planet-card-hover-shadow);transition:transform .2s ease-out,box-shadow .2s ease-out}}.planet-card-header{--planet-top-bar-height: 28px;--planet-top-bar-top: 10px;position:absolute;inset:0;overflow:hidden}.planet-card-header .planet-avatar{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}@media(prefers-reduced-motion:no-preference){.planet-card:hover .planet-avatar{transform:scale(1.06);transition:transform .3s ease-out}}.planet-status{position:absolute;top:var(--planet-top-bar-top);left:10px;min-height:var(--planet-top-bar-height);display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;line-height:1;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);z-index:2}.planet-status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 6px #4ade80,0 0 12px #4ade8099,0 0 2px #00000080;flex-shrink:0}.planet-card-body{position:absolute;left:0;right:0;bottom:0;padding:40px 14px 14px;background:#00000073;z-index:1}.planet-name{font-size:15px;font-weight:600;color:#e5e7eb;text-shadow:0 1px 2px rgba(0,0,0,.8),0 2px 4px rgba(0,0,0,.5);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.planet-list-cols-3 .planet-name{font-size:13px}.planet-list-cols-3 .planet-status{font-size:11px}.planet-list-cols-3 .planet-card-body{padding:36px 10px 10px}@media(max-width:375px){.planet-card-header{--planet-top-bar-top: 8px}.planet-card-body{padding:12px}.planet-name{font-size:14px}.planet-status{left:8px;font-size:11px;gap:5px}.planet-list-cols-3 .planet-name{font-size:12px}.planet-list-cols-3 .planet-status{font-size:10px}.planet-list-cols-3 .planet-card-body{padding:32px 8px 8px}}.planet-page{min-height:100dvh;min-height:var(--app-height, 100dvh);background:#1a202c;padding-bottom:max(env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0));overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.planet-page::-webkit-scrollbar{display:none}.refresh-indicator{display:flex;align-items:center;justify-content:center;overflow:hidden;color:#cbd5e0;font-size:14px;transition:height .3s ease}.refresh-indicator .spinner{width:20px;height:20px;border:2px solid #4a5568;border-top-color:#7f9cf5;border-radius:50%;animation:spin .8s linear infinite}.spinner{width:24px;height:24px;position:relative}.spinner:before{content:"";position:absolute;width:100%;height:100%;border:3px solid transparent;border-top-color:#7f9cf5;border-right-color:#7f9cf5;border-radius:50%;animation:spin .8s linear infinite}.spinner:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;background:#7f9cf5;border-radius:50%;transform:translate(-50%,-50%);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(.8)}}div.planet-list-grid{display:grid;gap:12px;padding:12px 16px;max-width:100%;box-sizing:border-box}div.planet-list-grid.planet-list-cols-1{grid-template-columns:1fr}div.planet-list-grid.planet-list-cols-2{grid-template-columns:repeat(2,1fr)}div.planet-list-grid.planet-list-cols-3{grid-template-columns:repeat(3,1fr)}.planet-list-item{min-width:0}.planet-list-empty{grid-column:1 / -1}@media(max-width:768px){div.planet-list-grid{padding:10px 12px;gap:10px}}@media(max-width:480px){div.planet-list-grid{padding:8px 10px;gap:8px}}.main-page-shell{display:flex;flex-direction:column;height:100dvh;height:var(--app-height, 100dvh);overflow:hidden}.outlet-container{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;position:relative}.outlet-container>.page-transition-container,.outlet-container>.page-transition-container>*{flex:1 1 auto;min-height:0}.cached-pages-container{flex:1;overflow:hidden;position:relative}.cached-page{position:absolute;inset:0;overflow:hidden;transition:transform .25s cubic-bezier(.4,0,.2,1)}.cached-page[data-page-key=home]{transform:translate(0)}.cached-page[data-page-key=profile]{transform:translate(100%)}.cached-page[data-page-key=profile].cached-page-active{transform:translate(0)}.home-hidden{transform:translate(-100%)!important}.cached-page[data-page-key=home].home-active{transform:translate(0)!important}.animate-right .cached-page[data-page-key=home]{transform:translate(-100%)}.animate-right .cached-page[data-page-key=profile]{transform:translate(0)}.animate-left .cached-page[data-page-key=profile]{transform:translate(100%)}.animate-left .cached-page[data-page-key=home]{transform:translate(0)}@media(prefers-reduced-motion:reduce){.cached-page{transition:none}}.tab-content-planet,.home-content[data-active-tab="1"] .tab-content-dynamic{visibility:hidden;height:0;overflow:hidden}.home-content[data-active-tab="1"] .tab-content-planet{visibility:visible;height:auto;overflow:visible}.bottom-nav-container{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:#111827fa;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.08);padding-bottom:max(12px,env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0))}.bottom-nav{--bottom-nav-height: 44px;display:flex;justify-content:space-around;align-items:center;height:var(--bottom-nav-height);min-height:var(--bottom-nav-height);padding:0 20px;position:relative}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:none;padding:4px 0;cursor:pointer;transition:all .3s ease;min-height:44px}.nav-item .nav-label{font-size:14px;color:#fff9;font-weight:400;transition:color .3s ease;line-height:1.4}.nav-item.active .nav-label{color:#818cf8;font-weight:600}.create-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:36px;background:#6366f1;border-radius:16px;border:1px solid rgba(99,102,241,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 3px #0000001f;transition:background-color .3s ease}.create-button:hover{background:#8b5cf6;box-shadow:0 1px 3px #0000001f}.create-button:active{background:#6366f1}.create-button .plus-icon{font-size:24px;font-weight:300;color:#fff;line-height:1}@media(max-width:768px){.bottom-nav{--bottom-nav-height: 40px;padding:0 16px}}@media(max-width:375px){.bottom-nav{padding:0 12px}.create-button{width:64px;height:32px}.create-button .plus-icon{font-size:20px}}@media(min-width:320px){.nav-item .nav-label{font-size:16px}}@media(min-width:375px){.nav-item .nav-label{font-size:17px}}@media(min-width:768px){.nav-item .nav-label{font-size:18px}}@media(min-width:769px)and (max-width:1024px){.bottom-nav{--bottom-nav-height: 48px;max-width:600px;margin-left:auto;margin-right:auto;border-radius:16px 16px 0 0}}@media(min-width:1025px)and (max-width:1280px){.bottom-nav{--bottom-nav-height: 52px;max-width:600px;margin-left:auto;margin-right:auto;border-radius:16px 16px 0 0}}@media(min-width:1281px){.bottom-nav{--bottom-nav-height: 56px;max-width:700px;margin-left:auto;margin-right:auto;border-radius:16px 16px 0 0}}@media(prefers-color-scheme:dark){.bottom-nav-container{background:#111827f2;border-top:1px solid rgba(255,255,255,.08)}.nav-item .nav-label{color:#ffffff80}.create-button{border:1px solid rgba(139,92,246,.3)}}.dynamic-content-page{min-height:100vh;background:#1a202c;padding-bottom:80px}.refresh-indicator{display:flex;justify-content:center;align-items:center;padding:20px;background:#ffffffe6}.dynamic-list{padding:16px;display:flex;flex-direction:column;gap:16px}.filter-bar{position:sticky;top:0;z-index:10;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #0000001a;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px}.type-filter{display:flex;gap:8px;flex:1}.filter-btn{flex:1;padding:8px 16px;border:none;border-radius:20px;background:#f5f5f5;color:#666;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.filter-btn:hover{background:#e0e0e0}.filter-btn.active{background:#667eea;color:#fff;box-shadow:0 2px 8px #667eea4d}.time-filter{flex-shrink:0}.time-select{padding:8px 12px;border:1px solid #e0e0e0;border-radius:20px;background:#fff;color:#333;font-size:14px;cursor:pointer;outline:none;transition:border-color .3s ease}.time-select:hover,.time-select:focus{border-color:#667eea}.dynamic-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 1px 3px #0000001f;transition:border-color .2s,box-shadow .2s}.dynamic-card:hover{border-color:#667eea4d;box-shadow:0 1px 3px #0000001f}.dynamic-header{margin-bottom:12px}.user-info{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.user-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #667eea}.user-details{flex:1;min-width:0}.user-name-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.user-name{font-size:16px;font-weight:600;color:#333}.verified-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:#4caf50;color:#fff;border-radius:50%;font-size:10px;font-weight:700}.vip-badge{padding:2px 8px;background:gold;color:#fff;border-radius:10px;font-size:12px;font-weight:600}.user-bio{font-size:13px;color:#999;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dynamic-content{margin-bottom:12px}.content-text{font-size:15px;line-height:1.6;color:#333;margin:0 0 12px;word-wrap:break-word}.planet-tag{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:#667eea;color:#fff;border-radius:16px;font-size:13px;margin-bottom:8px;cursor:pointer;transition:background-color .2s,border-color .2s}.planet-tag:hover{background:#764ba2;border-color:#764ba2}.tags-container{display:flex;flex-wrap:wrap;gap:8px}.image-grid{display:grid;gap:4px;border-radius:8px;overflow:hidden;margin-bottom:12px}.image-grid img{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:transform .3s ease}.image-grid img:hover{transform:scale(1.05)}.image-grid.single{grid-template-columns:1fr;max-width:400px}.image-grid.two,.image-grid.four{grid-template-columns:repeat(2,1fr)}.image-grid.nine{grid-template-columns:repeat(3,1fr)}.video-container{border-radius:8px;overflow:hidden;margin-bottom:12px}.video-container video{width:100%;max-height:400px;display:block}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-text{font-size:16px;color:#999;margin:0}.loading-container{padding:20px;text-align:center}.loading-indicator{display:inline-flex;justify-content:center;align-items:center}.spinner{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #667eea;border-radius:50%;animation:spin .8s linear infinite}.no-more{font-size:14px;color:#999;text-align:center;padding:20px}@media(max-width:480px){.dynamic-card{padding:12px}.user-avatar{width:40px;height:40px}.user-name{font-size:15px}.content-text{font-size:14px}.filter-bar{padding:10px 12px}.filter-btn{padding:6px 12px;font-size:13px}}@media(prefers-color-scheme:dark){.filter-bar{background:#1e1e1ef2}.filter-btn{background:#444;color:#ccc}.filter-btn:hover{background:#555}.time-select{background:#333;color:#ccc;border-color:#555}.time-select:hover,.time-select:focus{border-color:#764ba2}.dynamic-card{background:#2a2a2a;box-shadow:0 2px 12px #0000004d}.user-name{color:#f0f0f0}.user-bio{color:#aaa}.content-text{color:#e0e0e0}.tag{background:#333;color:#a78bfa}.tag:hover{background:#444}.location-info{color:#aaa}.action-count{color:#ccc}.publish-time{color:#888}.empty-text{color:#aaa}}.avatar-widget{--avatar-bg: var(--color-bg-surface, #2d3748);--avatar-text: var(--color-text-primary, #f7fafc);--online-indicator-color: var(--color-success, #34d399);--online-indicator-size: 12px;--transition-speed: .2s}.avatar-widget{position:relative;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:var(--avatar-bg);color:var(--avatar-text);cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;transition:transform var(--transition-speed) ease;font-weight:500}.avatar-widget.circle{border-radius:50%}.avatar-widget.square{border-radius:8px}.avatar-widget:hover{opacity:.9}.avatar-widget:active{opacity:.8}.avatar-initial{font-size:.5em;line-height:1}.avatar-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--avatar-text)}.avatar-image{width:100%;height:100%;object-fit:cover;border-radius:inherit}.online-indicator{position:absolute;bottom:2px;right:2px;width:var(--online-indicator-size);height:var(--online-indicator-size);background-color:var(--online-indicator-color);border:2px solid var(--color-bg-page);border-radius:50%;box-shadow:0 2px 4px #0003;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #4caf50b3}70%{box-shadow:0 0 0 6px #4caf5000}to{box-shadow:0 0 #4caf5000}}@media(max-width:768px){.avatar-widget{--online-indicator-size: 10px}}@media(prefers-color-scheme:dark){.avatar-widget{--avatar-bg: var(--color-bg-surface, #2d3748);--avatar-text: var(--color-text-primary, #f7fafc);--online-indicator-color: var(--color-success, #34d399)}}@media(prefers-reduced-motion:reduce){.avatar-widget{transition:none}.avatar-widget:hover,.avatar-widget:active{opacity:1}.online-indicator{animation:none}}@media print{.avatar-widget{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.follow-button{--primary-bg: var(--color-primary);--primary-hover: var(--color-primary-solid);--primary-text: #ffffff;--outline-border: var(--color-primary);--outline-hover-bg: rgba(102, 126, 234, .1);--ghost-bg: transparent;--ghost-hover: rgba(102, 126, 234, .05);--disabled-bg: var(--color-bg-surface);--disabled-text: var(--color-text-tertiary);--following-bg: var(--color-bg-surface);--following-text: var(--color-text-secondary);--following-hover-bg: var(--color-bg-surface-hover);--icon-size: 18px;--transition-speed: .2s}.follow-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 20px;border:none;border-radius:20px;font-size:15px;font-weight:500;cursor:pointer;transition:all var(--transition-speed) ease;position:relative;overflow:hidden}.follow-button.small{padding:6px 16px;font-size:13px}.follow-button.medium{padding:8px 20px;font-size:15px}.follow-button.large{padding:10px 24px;font-size:16px}.follow-button.primary{background-color:var(--primary-bg);color:var(--primary-text)}.follow-button.primary:not(.disabled):not(.loading):hover{background-color:var(--primary-hover);opacity:.9}.follow-button.primary:not(.disabled):not(.loading):active{opacity:.8}.follow-button.outline{background-color:transparent;color:var(--outline-border);border:1.5px solid var(--outline-border)}.follow-button.outline:not(.disabled):not(.loading):hover{background-color:var(--outline-hover-bg);opacity:.9}.follow-button.outline:not(.disabled):not(.loading):active{opacity:.8}.follow-button.ghost{background-color:var(--ghost-bg);color:var(--primary-bg)}.follow-button.ghost:not(.disabled):not(.loading):hover{background-color:var(--ghost-hover);opacity:.9}.follow-button.ghost:not(.disabled):not(.loading):active{opacity:.8}.follow-button.following:not(.outline):not(.ghost){background-color:var(--following-bg);color:var(--following-text)}.follow-button.following:not(.outline):not(.ghost):hover{background-color:var(--following-hover-bg)}.follow-button.disabled{background-color:var(--disabled-bg);color:var(--disabled-text);cursor:not-allowed;opacity:.6}.follow-button.disabled:hover{transform:none;box-shadow:none}.follow-button.loading{pointer-events:none;opacity:.7}.follow-button.loading .follow-icon{animation:spin 1s linear infinite}.follow-button__icon{display:flex;align-items:center;justify-content:center;width:var(--icon-size);height:var(--icon-size)}.follow-icon{width:100%;height:100%;transition:transform var(--transition-speed) ease}.follow-button__text{white-space:nowrap}@media(max-width:768px){.follow-button{--icon-size: 16px}.follow-button.small{padding:5px 14px;font-size:12px}.follow-button.medium{padding:7px 18px;font-size:14px}.follow-button.large{padding:9px 20px;font-size:15px}}@media(prefers-color-scheme:dark){.follow-button{--disabled-bg: var(--color-bg-surface);--disabled-text: var(--color-text-tertiary);--following-bg: var(--color-bg-surface);--following-text: var(--color-text-secondary);--following-hover-bg: var(--color-bg-surface-hover)}}@media(prefers-reduced-motion:reduce){.follow-button{transition:none}.follow-button:hover{opacity:1}.follow-button.loading .follow-icon{animation:none}}@media print{.follow-button{border:1px solid #000;background-color:#fff;color:#000;-webkit-print-color-adjust:exact;print-color-adjust:exact}.follow-button.loading{opacity:1}.follow-button.loading .follow-icon{animation:none}}.fullscreen-image-viewer{position:fixed;inset:0;background-color:#000;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.close-button{position:absolute;top:calc(16px + env(safe-area-inset-top));right:16px;width:40px;height:40px;border-radius:50%;background-color:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-button:hover{background-color:#ffffff4d;transform:scale(1.05)}.close-button svg{width:24px;height:24px}.image-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:transform .3s ease-out,opacity .3s ease-out}.image-next{animation:slideInRight .3s ease-out}.image-prev{animation:slideInLeft .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}.nav-button{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background-color:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.nav-button:hover{background-color:#ffffff40;transform:translateY(-50%) scale(1.1)}.nav-button svg{width:24px;height:24px}.nav-button.prev{left:16px}.nav-button.next{right:16px}.image-indicator{position:absolute;top:calc(16px + env(safe-area-inset-top));left:50%;transform:translate(-50%);background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffe6;padding:6px 12px;border-radius:16px;font-size:13px;font-weight:500;white-space:nowrap;box-shadow:0 2px 8px #0000004d;z-index:100;border:1px solid rgba(255,255,255,.1)}.image-info{position:absolute;bottom:calc(80px + env(safe-area-inset-bottom));left:16px;right:16px;background-color:#000000a6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:16px;max-width:600px;margin:0 auto;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.image-info:hover{background-color:#000000bf}.image-info.collapsed{max-height:44px;padding:10px 16px}.image-info.expanded{max-height:200px;overflow-y:auto}.info-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.info-content-preview{color:#ffffffe6;font-size:14px;line-height:1.5;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-info.expanded .info-content-preview{display:none}.info-toggle{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:#ffffff1a;transition:background-color .2s,transform .3s cubic-bezier(.4,0,.2,1)}.image-info:hover .info-toggle{background-color:#fff3}.toggle-icon{width:16px;height:16px;color:#fff;transition:transform .3s cubic-bezier(.4,0,.2,1)}.toggle-icon.icon-up{transform:rotate(0)}.toggle-icon.icon-down{transform:rotate(180deg)}.info-content-full{color:#ffffffe6;font-size:14px;line-height:1.6;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);max-height:120px;overflow-y:auto}@media(prefers-color-scheme:dark){.fullscreen-image-viewer{background-color:#000}}@media(max-width:768px){.nav-button{width:40px;height:40px}.nav-button svg{width:20px;height:20px}.nav-button.prev{left:8px}.nav-button.next{right:8px}.image-info{padding:12px}.image-info.collapsed{max-height:40px;padding:8px 12px}.info-content-preview{font-size:13px}.info-content-full{font-size:13px;margin-top:8px;padding-top:8px}}@media(max-width:480px){.close-button{top:calc(12px + env(safe-area-inset-top));right:12px;width:36px;height:36px}.close-button svg{width:20px;height:20px}}.fullscreen-video-player{position:fixed;inset:0;background-color:#000;z-index:9999;display:flex;align-items:center;justify-content:center}.video-close-button{position:absolute;top:calc(16px + env(safe-area-inset-top));right:16px;width:40px;height:40px;border-radius:50%;background-color:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.video-close-button:hover{background-color:#ffffff4d;transform:scale(1.05)}.video-close-button svg{width:24px;height:24px}.video-player-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.video-element{width:100%;height:100%;object-fit:contain}.video-loading-overlay{position:absolute;inset:0;background:#0009}.video-loading,.video-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#fff}.loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.error-icon{font-size:48px}.error-message{font-size:16px;font-weight:500}.retry-button{padding:12px 24px;background-color:#fff;color:#000;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.retry-button:hover{background-color:#f0f0f0;transform:scale(1.05)}.video-controls{position:absolute;bottom:0;left:0;right:0;padding:0 16px 16px;background:#0009;transition:opacity .3s ease;opacity:0;pointer-events:none}.video-controls.visible{opacity:1;pointer-events:auto}.progress-bar{position:relative;height:6px;margin-bottom:8px;cursor:pointer;background-color:#fff3;border-radius:3px;overflow:visible}.progress-track{position:absolute;inset:0;background-color:#fff3;border-radius:3px}.progress-buffered{position:absolute;top:0;left:0;height:100%;background-color:#ffffff4d;border-radius:3px;transition:width .2s ease}.progress-filled{position:absolute;top:0;left:0;height:100%;background-color:#fff;border-radius:3px;transition:width .1s ease}.progress-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;background-color:#fff;border-radius:50%;box-shadow:0 2px 8px #0000004d;transition:left .1s ease}.controls-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.control-button{background:none;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.control-button:hover{background-color:#ffffff1a}.control-button svg{width:24px;height:24px}.control-button span{font-size:14px;font-weight:500}.time-display{color:#fff;font-size:12px;font-weight:500;white-space:nowrap}.controls-right{display:flex;align-items:center;gap:4px;position:relative}.speed-menu{position:absolute;bottom:calc(100% + 8px);right:0;background-color:#1f1f1f;border-radius:12px;padding:8px;min-width:80px;box-shadow:0 4px 16px #0000004d;z-index:100}.speed-option{width:100%;padding:12px 16px;background:none;border:none;color:#ffffffe6;text-align:left;cursor:pointer;border-radius:8px;transition:all .2s ease;font-size:14px;font-weight:500}.speed-option:hover{background-color:#ffffff1a}.speed-option.active{color:#fff;background-color:#ffffff26;font-weight:600}@media(prefers-color-scheme:dark){.fullscreen-video-player{background-color:#000}}@media(max-width:768px){.video-close-button{width:36px;height:36px}.video-close-button svg{width:20px;height:20px}.progress-bar{height:5px}.control-button svg{width:20px;height:20px}.control-button span{font-size:13px}.time-display{font-size:11px}.speed-option{padding:10px 14px;font-size:13px}}@media(max-width:480px){.video-close-button{top:calc(12px + env(safe-area-inset-top));right:12px;width:32px;height:32px}.video-close-button svg{width:18px;height:18px}.video-controls{padding:0 12px 12px}.control-button{padding:6px}.control-button svg{width:18px;height:18px}.controls-row{gap:8px}}.dynamic-detail-page{--dd-bg: var(--color-bg-page);--dd-surface: var(--color-bg-surface);--dd-surface-hover: var(--color-bg-surface-hover);--dd-text: var(--color-text-primary);--dd-text-secondary: var(--color-text-secondary);--dd-text-tertiary: var(--color-text-tertiary);--dd-border: var(--color-border-solid);--dd-primary: var(--color-primary);--dd-primary-light: rgba(127, 156, 245, .15);--dd-danger: #fc8181;--dd-orange: #f59e0b;--dd-solid: var(--color-primary-solid);min-height:100dvh;min-height:var(--app-height, 100dvh);background:var(--color-bg-page);padding-bottom:max(env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0));display:flex;flex-direction:column;position:relative;overflow-x:hidden}.dynamic-detail-main{flex:1;min-height:0;padding:16px;padding-top:calc(60px + max(12px,env(safe-area-inset-top)));padding-bottom:calc(44px + max(12px,env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0)));overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;z-index:1;touch-action:pan-y}.dynamic-detail-main.no-scroll{overflow-y:hidden}.dynamic-detail-main.no-scroll .expand-text-btn{padding-bottom:calc(52px + max(12px,env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0)))}.dd-content-main{animation:dd-content-enter .25s ease-out forwards}.dd-content-main.dd-content-exiting{animation:dd-content-exit .25s ease-in forwards}@keyframes dd-content-enter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes dd-content-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-24px)}}@media(prefers-reduced-motion:reduce){.dd-content-main,.dd-content-main.dd-content-exiting{animation:none}}.dynamic-detail-main .dynamic-meta{display:flex;align-items:center;justify-content:flex-start;margin-top:8px;padding-top:8px;border-top:1px solid rgba(74,85,104,.35);color:var(--dd-text-tertiary);font-size:12px;line-height:1.4}.dynamic-detail-main .dynamic-meta-time{color:var(--dd-text-tertiary)}.dynamic-detail-main .dynamic-text{font-size:14px;line-height:1.7;color:var(--dd-text);margin-top:12px;margin-bottom:12px;padding:14px 16px;border-radius:10px;background:#2d374880;border:1px solid rgba(74,85,104,.2);white-space:pre-wrap;word-break:break-word}.dynamic-detail-main .dynamic-text:empty{display:none}.dynamic-detail-main .expand-text-btn{display:block;width:100%;padding:10px 16px;margin-top:-4px;border:none;background:transparent;color:var(--dd-primary);font-size:14px;font-weight:500;text-align:right;cursor:pointer;transition:color .2s}.dynamic-detail-main .expand-text-btn:hover{color:var(--dd-primary-light)}.dynamic-detail-main .expand-text-btn:active{opacity:.8}.dynamic-detail-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:60px 20px;gap:20px;position:relative;z-index:1}.dynamic-detail-page .spinner{width:44px;height:44px;border:3px solid rgba(74,85,104,.3);border-top-color:var(--dd-primary);border-radius:50%;animation:dd-spin .8s linear infinite}@keyframes dd-spin{to{transform:rotate(360deg)}}.dynamic-detail-page .loading-container span{color:var(--dd-text-secondary);font-size:14px}.dynamic-detail-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:60px 20px;gap:20px;position:relative;z-index:1}.dynamic-detail-page .empty-state .empty-icon{color:var(--dd-text-tertiary);display:flex;align-items:center;justify-content:center;opacity:.7}.dynamic-detail-page .empty-state p{color:var(--dd-text-secondary);font-size:14px;margin:0}.dynamic-detail-page .empty-state .back-button{margin-top:8px;padding:12px 28px;min-height:44px;border:none;background:var(--dd-solid, #667eea);color:#fff;border-radius:24px;font-size:15px;font-weight:500;cursor:pointer;transition:background-color .2s,opacity .2s;box-shadow:0 1px 3px #0000001f}.dynamic-detail-page .empty-state .back-button:hover{background:var(--dd-solid, #667eea);box-shadow:0 1px 3px #0000001f;opacity:1}.dynamic-detail-page .empty-state .back-button:active{background:var(--dd-solid, #667eea)}.dynamic-detail-page .header-title{font-size:16px;font-weight:600;line-height:1.25;color:var(--dd-text);flex:1;text-align:center;display:flex;align-items:center;justify-content:center}.dynamic-detail-header{box-sizing:border-box;height:var(--title-bar-total-height);display:flex;align-items:flex-end;justify-content:flex-start;padding:0 var(--container-padding-md, 1rem);background:var(--color-bg-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--dd-border);box-shadow:0 1px #ffffff08;flex-shrink:0;z-index:100;position:fixed;top:0;left:0;right:0;vertical-align:top;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.dynamic-detail-header:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--title-bar-safe-top);background:var(--color-bg-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.dynamic-detail-header:after{content:"";position:absolute;top:var(--title-bar-safe-top);left:0;right:0;vertical-align:top;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.dynamic-detail-header:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--title-bar-safe-top, env(safe-area-inset-top, 0px));background:var(--color-bg-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.dynamic-detail-header:after{content:"";position:absolute;top:var(--title-bar-safe-top, env(safe-area-inset-top, 0px));left:0;right:0;height:1px;background:#7f9cf526;opacity:.5}.dynamic-detail-header>*{display:flex;align-items:center;align-self:center}.dynamic-detail-header .header-back{flex-shrink:0;width:40px;min-width:40px;height:40px;min-height:40px;display:flex;align-items:center;justify-content:center;margin:0 -4px 0 0;border:none;background:transparent;color:var(--dd-text);cursor:pointer;border-radius:50%;transition:background-color .2s,transform .2s;-webkit-tap-highlight-color:transparent}.dynamic-detail-header .header-back:hover{background-color:var(--dd-primary-light)}.dynamic-detail-header .header-back:active{transform:scale(.95)}.dynamic-detail-header .header-user{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:4px 8px;margin:0 4px;border:none;background:transparent;cursor:pointer;border-radius:12px;color:inherit;text-align:left;transition:background-color .2s,transform .2s}.dynamic-detail-header .header-user:hover{background-color:var(--dd-primary-light)}.dynamic-detail-header .header-avatar{flex-shrink:0;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;max-width:24px!important;max-height:24px!important;box-shadow:0 2px 8px #0000004d}.dynamic-detail-header .header-nickname{font-size:16px;font-weight:600;line-height:1;color:var(--dd-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.dynamic-detail-header .header-action{flex-shrink:0;display:flex;align-items:center}.dynamic-detail-header .header-placeholder{width:44px;min-width:44px}.dynamic-detail-header .detail-follow-btn{min-width:64px;height:26px;padding:4px 14px;border:none!important;border-radius:14px;font-size:13px;font-weight:500;line-height:1;color:var(--dd-primary);background:var(--dd-primary-light);transition:background .2s,color .2s,transform .2s;display:inline-flex;align-items:center;justify-content:center}.dynamic-detail-header .detail-follow-btn:hover:not(.disabled):not(.loading){background:#7f9cf540;color:var(--dd-primary)}.dynamic-detail-header .detail-follow-btn.following,.dynamic-detail-header .detail-follow-btn[class*=following]{color:var(--dd-text-secondary);background:#ffffff0f}.dynamic-detail-header .detail-follow-btn.following:hover:not(.disabled):not(.loading){background:#ffffff1a;color:var(--dd-text)}.dynamic-detail-header .detail-follow-btn:hover,.dynamic-detail-header .detail-follow-btn:active{transform:none}@media(max-width:768px){.dynamic-detail-header{--title-bar-height: var(--title-bar-content-height, 40px);padding:0 10px}.dynamic-detail-header .header-back{width:30px;min-width:30px;height:30px;min-height:30px}.dynamic-detail-header .header-avatar{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;max-width:22px!important;max-height:22px!important}.dynamic-detail-header .header-nickname{font-size:15px}.dynamic-detail-header .detail-follow-btn{min-width:58px;height:26px;padding:3px 12px;font-size:12px}}@supports (-webkit-touch-callout: none){.dynamic-detail-header{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@supports (padding-top: env(safe-area-inset-top)){.dynamic-detail-header{height:var(--title-bar-total-height, calc(var(--title-bar-height) + env(safe-area-inset-top)))}}.detail-media{border-radius:12px;overflow:hidden;background-color:#0d1117;border:1px solid rgba(74,85,104,.3)}.detail-media:hover{border-color:#7f9cf566}.detail-media-video{position:relative;width:100%;height:50vh;cursor:pointer;overflow:hidden}.detail-media-video .video-cover{width:100%;height:100%;object-fit:cover;display:block;vertical-align:middle}.detail-media-video .video-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;transition:background .2s;pointer-events:none}.detail-media-video:hover .video-play-overlay{background:#00000080}.detail-media-video .video-play-icon-wrap{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#fff3;border:1px solid rgba(255,255,255,.3);transition:background .2s,transform .2s}.detail-media-video:hover .video-play-icon-wrap{background:#ffffff4d;transform:scale(1.05)}.detail-media-video .play-icon{color:#fff;margin-left:4px}.detail-media-video.video-loading{pointer-events:none}.detail-media-video .video-fetch-spinner{width:24px;height:24px;border-width:2px}.detail-media-video:hover .play-icon{color:#fff}.detail-media-carousel{position:relative;width:100%;height:50vh;margin-top:0}.detail-media-carousel .carousel-track{display:flex;width:100%;height:100%;transition:transform .35s cubic-bezier(.4,0,.2,1)}.detail-media-carousel .carousel-slide{flex:0 0 100%;width:100%;height:100%;background:#0d1117}.detail-media-carousel .carousel-slide img{width:100%;height:100%;object-fit:cover;cursor:pointer;-webkit-user-select:none;user-select:none;display:block}.detail-media-carousel .carousel-dots{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:center;gap:8px;z-index:2}.detail-media-carousel .carousel-dot{width:8px;height:8px;border-radius:50%;border:none;padding:0;background:#fff6;cursor:pointer;transition:background .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.detail-media-carousel .carousel-dot:hover{background:#fff9;transform:scale(1.1)}.detail-media-carousel .carousel-dot.active{background:#7f9cf5;transform:scale(1.25)}.detail-media-carousel .carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border:none;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;border-radius:50%;z-index:2;transition:background .2s,transform .2s;box-shadow:0 2px 8px #0000004d}.detail-media-carousel .carousel-arrow:hover{background:#6366f180;transform:translateY(-50%) scale(1.08);box-shadow:0 4px 12px #7f9cf559}.detail-media-carousel .carousel-arrow-prev{left:10px}.detail-media-carousel .carousel-arrow-next{right:10px}.dynamic-detail-footer{--bottom-nav-height: 44px;position:fixed;bottom:0;left:0;right:0;padding-bottom:max(12px,env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0));background:#2d3748e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid #4a5568;box-shadow:0 -1px 3px #0000001f;z-index:100}.dynamic-detail-footer-bar{display:flex;align-items:center;justify-content:space-around;gap:8px;height:var(--bottom-nav-height);min-height:var(--bottom-nav-height);padding:0 16px;position:relative}.dynamic-detail-footer .footer-action{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;height:40px;min-height:40px;max-width:140px;padding:0 16px;border:1px solid transparent;background:#ffffff0d;color:#cbd5e0;font-size:14px;font-weight:500;cursor:pointer;border-radius:8px;transition:all .15s ease;position:relative;overflow:hidden}.dynamic-detail-footer .footer-action{-webkit-tap-highlight-color:transparent}.dynamic-detail-footer .footer-action:hover:not(:disabled){background:#ffffff14;border-color:#ffffff1a}.dynamic-detail-footer .footer-action:active:not(:disabled){transform:scale(.95);background:#ffffff1f}.dynamic-detail-footer .footer-action.footer-action-collect.active{background:#ed8936;border-color:#dd6b20;color:#fff}.dynamic-detail-footer .footer-action.footer-action-collect.active:hover{background:#f0903d;border-color:#e07626}.dynamic-detail-footer .footer-action.footer-action-collect svg{width:20px;height:20px;flex-shrink:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.dynamic-detail-footer .footer-action.footer-action-collect:active svg{animation:bookmarkBounce .3s cubic-bezier(.34,1.56,.64,1)}.dynamic-detail-footer .footer-action.footer-action-collect.active svg{transform:scale(1.08)}.dynamic-detail-footer .footer-action.footer-action-like.active{background:#f56565;border-color:#e53e3e;color:#fff}.dynamic-detail-footer .footer-action.footer-action-like.active:hover{background:#f87b7b;border-color:#f05252}.dynamic-detail-footer .footer-action.footer-action-like svg{width:20px;height:20px;flex-shrink:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.dynamic-detail-footer .footer-action.footer-action-like:active svg{animation:heartbeat .4s cubic-bezier(.34,1.56,.64,1)}.dynamic-detail-footer .footer-action.footer-action-like.active svg{transform:scale(1.08)}.dynamic-detail-footer .footer-action span{transition:transform .15s ease}.dynamic-detail-footer .footer-action:active span{transform:scale(.97)}@media(max-width:768px){.dynamic-detail-footer{--bottom-nav-height: 48px;padding-bottom:max(10px,env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0))}.dynamic-detail-footer-bar{height:var(--bottom-nav-height);min-height:var(--bottom-nav-height);padding:0 12px;gap:6px}.dynamic-detail-footer .footer-action{height:36px;min-height:36px;padding:0 12px;font-size:13px;border-radius:6px;gap:6px}.dynamic-detail-footer .footer-action svg{width:18px;height:18px}.dynamic-detail-main{padding:8px 8px calc(48px + max(10px,env(safe-area-inset-bottom,10px),var(--ios-safari-bottom-offset, 0))) 8px;padding-top:calc(48px + max(10px,env(safe-area-inset-top)))}}@media(max-width:480px){.dynamic-detail-footer .footer-action{max-width:120px;padding:0 10px;font-size:12px}.dynamic-detail-footer .footer-action svg{width:16px;height:16px}}.floating-next-btn{position:fixed;right:20px;bottom:calc(60px + max(12px,env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0)));display:flex;align-items:center;justify-content:center;gap:4px;padding:10px 16px;min-height:40px;border:none;border-radius:20px;background:#ffffff14;color:#f7fafc;font-size:14px;font-weight:500;cursor:grab;box-shadow:0 2px 8px #0003;z-index:150;transition:transform .2s,box-shadow .2s,opacity .2s,left .2s ease-out,top .2s ease-out,right .2s ease-out,bottom .2s ease-out;touch-action:none;user-select:none;-webkit-user-select:none;border:1px solid rgba(255,255,255,.1)}.floating-next-btn:hover:not(:disabled):not(.dragging){box-shadow:0 2px 8px #00000040;background:#ffffff1f}.floating-next-btn:active:not(:disabled){cursor:grabbing}.floating-next-btn.dragging{cursor:grabbing;box-shadow:0 6px 16px #0006}.floating-next-btn:disabled{opacity:.5;cursor:not-allowed}.floating-next-btn .floating-next-loading{font-size:12px;color:#ffffffe6}@media(max-width:768px){.floating-next-btn{right:16px;bottom:calc(56px + max(10px,env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0)));padding:8px 14px;min-height:36px;font-size:13px}}.confirm-dialog-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1050;animation:overlay-fade-in .2s ease}.confirm-dialog-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 48px);max-width:420px;background:var(--color-bg-surface);border-radius:16px;box-shadow:0 4px 20px #0000004d;padding:32px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;z-index:1051;animation:content-slide-in .25s cubic-bezier(.16,1,.3,1);outline:none}.confirm-dialog-content[data-state=closed]{animation:content-slide-out .2s ease-in}.confirm-dialog-content:focus-visible{box-shadow:0 0 0 2px #7c3aed80,0 4px 20px #0000004d}.confirm-dialog-close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:#0000001a;color:var(--color-text-tertiary);border-radius:8px;cursor:pointer;transition:background-color .2s}.confirm-dialog-close:hover{background:#00000026}.confirm-dialog-close:active{background:#0003}.confirm-dialog-title{margin:0 0 12px;font-size:20px;font-weight:600;color:var(--color-text-primary);text-align:center;line-height:1.4}.confirm-dialog-message{margin:0 0 24px;font-size:15px;line-height:1.6;color:var(--color-text-secondary);text-align:center;word-break:break-word}.confirm-dialog-actions{display:flex;gap:12px;width:100%}.confirm-dialog-button{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:background-color .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px}.confirm-dialog-button:disabled{opacity:.6;cursor:not-allowed}.confirm-dialog-button.cancel{background:#ffffff0d;color:var(--color-text-secondary);border:1px solid rgba(255,255,255,.1)}.confirm-dialog-button.cancel:hover:not(:disabled){background:#ffffff14}.confirm-dialog-button.cancel:active:not(:disabled){background:#ffffff0f}.confirm-dialog-button.confirm{background:#7c3aed;color:#fff;box-shadow:0 2px 8px #7c3aed4d}.confirm-dialog-button.confirm:hover:not(:disabled){background:#8b5cf6;box-shadow:0 2px 10px #7c3aed66}.confirm-dialog-button.confirm:active:not(:disabled){background:#7c3aed;box-shadow:0 1px 6px #7c3aed4d}@media(max-width:768px){.confirm-dialog-content{width:calc(100% - 32px);padding:24px 16px}.confirm-dialog-title{font-size:18px}.confirm-dialog-message{font-size:14px}.confirm-dialog-actions{flex-direction:column}.confirm-dialog-button{width:100%}}@media(max-width:375px){.confirm-dialog-content{width:calc(100% - 20px);padding:20px 16px}}@media(prefers-reduced-motion:reduce){.confirm-dialog-overlay,.confirm-dialog-content{animation:none}.confirm-dialog-close,.confirm-dialog-button{transition:none}}@media(prefers-contrast:high){.confirm-dialog-content,.confirm-dialog-close,.confirm-dialog-button{border:2px solid currentColor}}.insufficient-balance-dialog-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:ibd-fadeIn .2s ease}.insufficient-balance-dialog{background:#252f3f;border-radius:16px;padding:24px;max-width:300px;width:100%;text-align:center;animation:ibd-slideUp .3s ease}@keyframes ibd-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes ibd-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.insufficient-balance-dialog .dialog-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto 16px;background:#ecc94b26;border-radius:50%;color:#ecc94b}.insufficient-balance-dialog .dialog-title{font-size:17px;font-weight:600;color:#f7fafc;margin:0 0 8px}.insufficient-balance-dialog .dialog-content{font-size:14px;color:#a0aec0;margin:0 0 20px;line-height:1.5}.insufficient-balance-dialog .dialog-actions{display:flex;gap:12px}.insufficient-balance-dialog .dialog-btn{flex:1;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease,border-color .2s;border:none}.insufficient-balance-dialog .dialog-btn.btn-cancel{background:transparent;border:1px solid #4a5568;color:#a0aec0}.insufficient-balance-dialog .dialog-btn.btn-cancel:active{background:#374151}.insufficient-balance-dialog .dialog-btn.btn-confirm{background:#7f9cf5;color:#fff}.insufficient-balance-dialog .dialog-btn.btn-confirm:active{background:#5a67d8}.planet-detail-banner{--pd-bg: var(--color-bg-page);--pd-surface: var(--color-bg-surface);--pd-text: var(--color-text-primary);--pd-text-secondary: var(--color-text-secondary);--pd-border: var(--color-border-solid);--pd-primary: var(--color-primary);--pd-gold: #fbbf24;padding:12px 16px 4px;box-sizing:border-box}.planet-info-card{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:78px;padding:16px;background:var(--pd-surface);border:1px solid var(--color-border);border-radius:10px;box-sizing:border-box}.planet-info-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.planet-avatar-wrap{flex-shrink:0;width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--pd-bg);border:1px solid rgba(127,156,245,.2)}.planet-avatar{width:100%;height:100%;object-fit:cover}.planet-info-text{display:flex;flex-direction:column;gap:4px;min-width:0}.planet-name{margin:0;font-size:16px;font-weight:600;color:var(--pd-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.planet-owner-id-section{display:flex;align-items:center;justify-content:flex-start;gap:4px}.planet-owner-id{font-size:13px;color:var(--pd-text-secondary);overflow:visible;white-space:nowrap}.planet-owner-copy-button{padding:2px;background:transparent;border:none;color:var(--pd-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:4px}.planet-owner-copy-button:hover{color:var(--pd-primary);background:transparent;transform:scale(1.1)}.planet-owner-copy-button:active{transform:scale(.95)}.planet-stats{display:flex;align-items:center;gap:12px}.planet-stat{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--pd-text-secondary)}.planet-stat svg{flex-shrink:0;color:var(--pd-primary);opacity:.8}.stat-label{color:var(--pd-text-tertiary)}.current-user-section{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0;padding-left:12px;border-left:1px solid rgba(127,156,245,.15)}.current-user-section.is-owner{border-left-color:#fbbf2433}.current-user-section.is-owner .current-user-label{color:var(--pd-gold)}.current-user-section.is-owner .current-user-avatar{border-color:#fbbf2466}.current-user-label{font-size:10px;color:var(--pd-primary);font-weight:500;letter-spacing:.05em}.current-user-info{display:flex;align-items:center;gap:6px}.current-user-avatar-wrap{position:relative;width:28px;height:28px;flex-shrink:0}.current-user-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:1.5px solid rgba(127,156,245,.3)}.current-user-badge{position:absolute;bottom:-2px;right:-2px;color:var(--pd-gold);background:var(--pd-surface);border-radius:50%;padding:1px;box-shadow:0 0 0 1.5px var(--pd-surface)}.current-user-name{font-size:12px;color:var(--pd-text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60px}@media(max-width:768px){.planet-detail-banner{padding:10px 12px}.planet-info-card{padding:10px 12px;gap:12px}.planet-avatar-wrap{width:44px;height:44px;border-radius:50%}.planet-name{font-size:15px}.planet-owner-id{font-size:12px}.planet-stats{gap:10px}.planet-stat{font-size:11px}.planet-stats-skeleton{height:16px}.current-user-section{padding-left:10px;gap:3px}.current-user-avatar-wrap{width:26px;height:26px}.current-user-name{font-size:11px;max-width:50px}}@media(max-width:375px){.planet-detail-banner{padding:8px 12px}.planet-info-card{padding:8px 10px;gap:10px}.planet-info-left{gap:10px}.planet-avatar-wrap{width:40px;height:40px;border-radius:50%}.planet-name{font-size:14px}.planet-owner-id{font-size:11px}.planet-stats{gap:8px}.planet-stat svg{width:11px;height:11px}.planet-stats-skeleton{height:14px}.current-user-section{padding-left:8px}.current-user-avatar-wrap{width:24px;height:24px}}.planet-stats-skeleton{width:100%;height:18px;border-radius:4px;background:linear-gradient(90deg,var(--color-bg-level2) 25%,var(--color-bg-level3) 50%,var(--color-bg-level2) 75%);background-size:200% 100%;animation:planet-stats-shimmer 1.5s ease-in-out infinite}@keyframes planet-stats-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:8px;background-color:var(--pd-surface, #2d3748);box-shadow:0 4px 12px #0000004d;z-index:9999;animation:toastFadeIn .2s ease}@keyframes toastFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.toast-success{border-left:4px solid #48bb78}.toast-error{border-left:4px solid #f56565}.toast-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;flex-shrink:0}.toast-success .toast-icon{background-color:#48bb78;color:#fff}.toast-error .toast-icon{background-color:#f56565;color:#fff}.toast-message{font-size:14px;color:var(--pd-text, #f7fafc)}.planet-detail-page{--pd-bg: var(--color-bg-page);--pd-surface: var(--color-bg-surface);--pd-surface-hover: var(--color-bg-surface-hover);--pd-text: var(--color-text-primary);--pd-text-secondary: var(--color-text-secondary);--pd-border: var(--color-border-solid);--pd-primary: var(--color-primary);--join-bar-height: 64px;display:flex;flex-direction:column;position:absolute;inset:0;background:var(--color-bg-page);padding-top:var(--title-bar-total-height)}.planet-detail-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-bottom:max(env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0));scrollbar-width:none;-ms-overflow-style:none}.planet-detail-content::-webkit-scrollbar{display:none}.planet-detail-page.has-join-bar .planet-detail-content{padding-bottom:calc(var(--join-bar-height) + max(env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0)))}.planet-detail-page.loading{align-items:center;justify-content:center}.planet-detail-loading-wrap{display:flex;flex-direction:column;align-items:center;gap:16px}.planet-detail-spinner{width:44px;height:44px;border:3px solid var(--pd-border);border-top-color:var(--pd-primary);border-radius:50%;animation:planetDetailSpin .8s linear infinite}.planet-detail-spinner-sm{width:32px;height:32px;border-width:2px}.planet-detail-loading-text{font-size:14px;color:var(--pd-text-secondary)}@keyframes planetDetailSpin{to{transform:rotate(360deg)}}.planet-detail-page.empty{flex-direction:column;align-items:center;justify-content:center;padding:20px}.planet-detail-empty-icon{display:flex;align-items:center;justify-content:center;color:var(--pd-primary);opacity:.9;margin-bottom:16px}.planet-detail-empty-icon-sm{margin-bottom:12px}.planet-detail-empty-icon-sm svg{opacity:.7}.planet-detail-empty-text{font-size:16px;font-weight:500;color:var(--pd-text-secondary);margin:0}.planet-detail-empty-action{margin-top:16px;padding:10px 24px;font-size:14px;font-weight:600;color:var(--pd-primary);background:transparent;border:1px solid var(--pd-primary);border-radius:12px;cursor:pointer;transition:background .2s,color .2s}.planet-detail-empty-action:hover{background:#7f9cf526}.planet-detail-empty-text-sm{font-size:14px;margin:0 0 20px}.detail-content{min-height:calc(100dvh - 380px);min-height:calc(var(--app-height, 100dvh) - 380px)}.empty-posts{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.planet-detail-loading-more{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px 16px;animation:planetDetailLoadingMoreFadeIn .3s ease}@keyframes planetDetailLoadingMoreFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.planet-detail-loading-more-text{font-size:13px;color:var(--pd-text-secondary);animation:planetDetailLoadingMoreTextPulse 1.5s ease-in-out infinite}@keyframes planetDetailLoadingMoreTextPulse{0%,to{opacity:.6}50%{opacity:1}}.planet-detail-no-more{display:flex;align-items:center;justify-content:center;padding:24px 16px 32px;animation:planetDetailNoMoreFadeIn .4s ease}@keyframes planetDetailNoMoreFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.planet-detail-no-more-text{font-size:13px;color:var(--pd-text-secondary);font-weight:500;letter-spacing:.5px;-webkit-user-select:none;user-select:none}.load-more-trigger{height:1px;visibility:hidden}.planet-extra-info-card{margin:6px 16px;background:var(--color-bg-surface);border-radius:10px;border:1px solid var(--color-border);overflow:hidden}.planet-section-title{font-size:13px;font-weight:600;color:var(--color-text-primary);letter-spacing:.2px;display:flex;align-items:center;gap:5px}.planet-section-title:before{content:"";width:3px;height:12px;background:var(--color-primary);border-radius:2px}.planet-slogan{padding:10px 12px 8px;position:relative}.planet-slogan-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.planet-slogan-text{margin:0;font-size:12px;line-height:1.5;color:var(--color-text-secondary);word-break:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;padding:8px 10px;background:var(--color-bg-level2);border-radius:6px;border-left:2px solid var(--color-primary)}.planet-slogan-text.expanded{-webkit-line-clamp:unset;overflow:visible}.planet-slogan-toggle{padding:3px 8px;background:var(--color-bg-level3);border:1px solid var(--color-border);border-radius:5px;font-size:11px;font-weight:500;color:var(--color-primary);cursor:pointer;transition:background-color .2s,border-color .2s;flex-shrink:0}.planet-slogan-toggle:hover{background-color:var(--color-bg-level2);border-color:var(--color-primary)}.planet-album{padding:8px 12px 10px;border-top:1px solid rgba(255,255,255,.06);position:relative}.planet-album:first-child{border-top:none;padding-top:10px}.planet-album-header{margin-bottom:6px}.planet-album-scroll{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding:2px;margin:-2px}.planet-album-scroll::-webkit-scrollbar{display:none}.planet-album-item{flex-shrink:0;width:68px;height:68px;border-radius:6px;overflow:hidden;cursor:pointer;background:var(--color-bg-level3);border:1px solid var(--color-border);transition:border-color .2s}.planet-album-item:hover{border-color:var(--color-primary)}.planet-album-item img{width:100%;height:100%;object-fit:cover;display:block}.planet-album-scroll[data-more=true]:after{content:"";position:absolute;right:0;top:0;bottom:0;width:40px;background:var(--color-bg-surface);pointer-events:none}@media(max-width:360px){.planet-extra-info-card{margin:4px 12px;border-radius:8px}.planet-slogan{padding:8px 10px 6px}.planet-slogan-text{font-size:11px;padding:6px 8px}.planet-album{padding:6px 10px 8px}.planet-album-item{width:60px;height:60px;border-radius:5px}}@media(min-width:768px){.planet-extra-info-card{margin:8px 20px;border-radius:12px}.planet-slogan{padding:12px 14px 10px}.planet-slogan-text{font-size:13px;padding:10px 12px;border-radius:8px}.planet-album{padding:10px 14px 12px}.planet-album-item{width:72px;height:72px;border-radius:8px}}.planet-audit-badge{display:inline-flex;align-items:center;padding:2px 6px;font-size:10px;font-weight:500;line-height:1;color:#fff;border-radius:4px;margin-left:6px;flex-shrink:0;transition:opacity .2s}.planet-audit-badge.pending{background-color:#f59e0b;cursor:default}.planet-audit-badge.rejected{background-color:#ef4444;cursor:pointer}.planet-audit-badge.rejected:hover{opacity:.85}.planet-audit-tooltip{position:fixed;z-index:2000;padding:6px 10px;font-size:12px;line-height:1.4;color:#fff;background:#000000d9;border-radius:6px;white-space:nowrap;left:var(--tooltip-x, 0);top:var(--tooltip-y, 0);transform:translate(-50%,-100%);pointer-events:auto;animation:planet-audit-tooltip-fade-in .2s ease}.planet-audit-tooltip-arrow{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(0,0,0,.85)}@keyframes planet-audit-tooltip-fade-in{0%{opacity:0;transform:translate(-50%,-100%) translateY(-4px)}to{opacity:1;transform:translate(-50%,-100%) translateY(0)}}@media(max-width:360px){.planet-audit-badge{font-size:9px;padding:1px 5px;margin-left:4px}}.planet-detail-title-bar{--title-bar-height: var(--title-bar-content-height, 44px);box-sizing:border-box;height:var(--title-bar-total-height, calc(var(--title-bar-height) + env(safe-area-inset-top, 0px)));display:flex;align-items:flex-end;justify-content:space-between;padding:0 var(--container-padding-md, 1rem);background:var(--pd-surface);border-bottom:1px solid var(--pd-border);position:fixed;top:0;left:0;right:0;z-index:100;flex-shrink:0;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.planet-detail-title-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--title-bar-safe-top, env(safe-area-inset-top, 0px));background:var(--pd-surface)}.planet-detail-title-bar-back,.planet-detail-title-bar-more{display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;min-height:40px;padding:0;background:transparent;border:none;border-radius:8px;color:var(--pd-text);cursor:pointer;transition:background .2s,transform .2s;flex-shrink:0;align-self:center;-webkit-tap-highlight-color:transparent}.planet-detail-title-bar-back:hover,.planet-detail-title-bar-more:hover{background:var(--pd-surface)}.planet-detail-title-bar-back:active,.planet-detail-title-bar-more:active{transform:scale(.95)}.planet-detail-title-bar-title{flex:1;margin:0;font-size:var(--title-font-size, 18px);font-weight:var(--title-font-weight, 600);color:var(--pd-text);text-align:center;display:flex;align-items:center;justify-content:center;line-height:1;align-self:center;-webkit-text-size-adjust:100%}.planet-detail-title-bar-placeholder{width:40px;min-width:40px;height:40px;flex-shrink:0}.planet-detail-title-bar-more-wrap{position:relative;flex-shrink:0}.planet-detail-title-bar-menu-overlay{position:fixed;inset:0;background:transparent;z-index:999}.planet-detail-title-bar-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:140px;background:var(--pd-surface);border:1px solid var(--pd-border);border-radius:12px;box-shadow:0 8px 24px #0006;padding:6px;z-index:1000;animation:planetDetailTitleBarMenuIn .2s ease}@keyframes planetDetailTitleBarMenuIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.planet-detail-title-bar-menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px;background:transparent;border:none;border-radius:8px;color:var(--pd-text);font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;text-align:left;-webkit-tap-highlight-color:transparent}.planet-detail-title-bar-menu-item:hover{background:var(--pd-surface-hover)}.planet-detail-title-bar-menu-item svg{flex-shrink:0;color:var(--pd-text-secondary)}.planet-detail-title-bar-menu-item span{flex:1}@supports (-webkit-touch-callout: none){.planet-detail-title-bar{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@supports (padding-top: env(safe-area-inset-top)){.planet-detail-title-bar{height:var(--title-bar-total-height, calc(var(--title-bar-height) + env(safe-area-inset-top)))}}.detail-tabs{display:flex;align-items:center;background:transparent;position:relative;z-index:90;height:44px;min-height:44px;padding:6px 12px}.detail-tabs.sticky{position:fixed;top:calc(44px + env(safe-area-inset-top,0px));left:0;right:0;z-index:100;background:var(--pd-bg, var(--color-bg-page));box-shadow:0 1px 4px #00000014}@media(max-width:768px){.detail-tabs{height:40px;min-height:40px;padding:5px 10px}.detail-tabs.sticky{top:calc(40px + env(safe-area-inset-top,0px))}}@supports (-webkit-touch-callout: none){.detail-tabs.sticky{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}}.detail-tabs-scroll{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:4px;padding:0 2px}.detail-tabs-scroll::-webkit-scrollbar{display:none}.detail-tab-item{flex:0 0 auto;min-width:56px;padding:5px 12px;background:transparent;border:none;border-radius:14px;font-size:12px;font-weight:500;color:var(--pd-text-secondary);cursor:pointer;transition:all .2s ease;position:relative;display:flex;align-items:center;justify-content:center;line-height:1.2;white-space:nowrap}.detail-tab-item:hover{background:#7f9cf51a;color:var(--pd-text)}.detail-tab-item.active{background:var(--pd-primary);color:#1a202c;font-weight:600}.detail-tab-item.active:after{display:none}.detail-tab-item:active{transform:scale(.96)}.detail-tab-item.disabled{opacity:.4;cursor:pointer;color:var(--pd-text-secondary);background:transparent}.detail-tab-item.disabled:hover{background:#ffffff0d;color:var(--pd-text-secondary)}.detail-tab-item.disabled:active{transform:scale(.96)}@media(max-width:360px){.detail-tab-item{padding:4px 10px;min-width:52px;font-size:11px;border-radius:12px}.detail-tabs-scroll{gap:3px}}.detail-content{position:relative;padding-top:8px}.detail-tab-panel{display:none;opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease;padding-left:4px;padding-right:4px}.detail-tab-panel.active{display:block;opacity:1;transform:translateY(0);animation:tabPanelFadeIn .25s ease forwards}@keyframes tabPanelFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.planet-detail-func-area{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:6px 16px 10px;background:var(--pd-bg);border-bottom:1px solid var(--pd-border)}.planet-detail-func-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 6px;background:var(--pd-surface);border:1px solid transparent;border-radius:12px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:transform .15s,filter .15s}.planet-detail-func-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.planet-detail-func-btn:active{transform:translateY(0) scale(.98)}.planet-detail-func-btn svg{flex-shrink:0;color:#fff}.planet-media-container .planet-image-grid{width:100%;height:100%;margin:0}.planet-media-container .planet-image-grid-img{border-radius:0}.func-btn-blue{background:#3b82f6}.func-btn-green{background:#10b981}.func-btn-orange{background:#f59e0b}.func-btn-gray{background:#6b7280}.func-btn-gold{background:#fbbf24;color:#1a202c}.func-btn-gold svg{color:#1a202c}.func-btn-purple{background:#8b5cf6}.func-btn-teal{background:#14b8a6}.func-btn-indigo{background:#6366f1}.func-btn-disabled{background:#4a5568!important;color:#a0aec0!important;cursor:not-allowed!important;opacity:.6}.func-btn-disabled svg{color:#a0aec0!important}.func-btn-disabled:hover{filter:none!important;transform:none!important}.func-btn-disabled:active{transform:none!important}.planet-detail-func-btn span{line-height:1.2;text-align:center;word-break:keep-all}.posts-list{padding:10px 12px 20px}.planet-detail-post-card{margin-bottom:12px;border:1px solid var(--pd-border);box-shadow:none}.planet-detail-post-card:hover{box-shadow:0 1px 3px #0000001f}.planet-detail-post-card .MuiCardContent-root{padding:0}.planet-detail-post-card .planet-content-text{margin:12px 0}.planet-detail-post-footer{padding:8px 12px 10px}.planet-detail-post-user{display:flex;align-items:center;gap:12px}.planet-detail-post-user-info{display:flex;flex-direction:column;gap:2px;min-width:0}.planet-detail-post-stats{display:flex;gap:24px;padding-top:12px;border-top:1px solid var(--pd-border);justify-content:flex-end;margin-left:auto}.planet-detail-post-footer{display:flex;align-items:center;justify-content:space-between;padding-top:4px;padding-bottom:0;border-top:1px solid var(--pd-border);margin-top:4px}.planet-detail-post-time{font-size:12px;color:var(--pd-text-secondary)}.planet-detail-post-footer .planet-detail-post-stats{border-top:none;padding-top:0;margin-left:0}.planet-detail-stat-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--pd-text-secondary);transition:color .2s}.planet-detail-stat-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:12px 4px;margin:-12px -4px;box-sizing:border-box;cursor:pointer}.planet-detail-stat-badge{position:absolute;top:-6px;right:-6px;min-width:14px;height:14px;padding:0 4px;font-size:10px;font-weight:600;line-height:14px;text-align:center;color:#fff;background:#ef4444;border-radius:7px;box-shadow:0 1px 3px #0000004d}.planet-detail-stat-item:hover{color:var(--pd-primary)}.planet-detail-stat-item svg{flex-shrink:0}.planet-media-container{position:relative;width:100%;margin:0;border-radius:10px 10px 0 0;overflow:hidden;background:transparent;aspect-ratio:1 / 1;box-sizing:border-box}.planet-image-grid{display:grid;gap:0;border-radius:0;overflow:hidden;width:100%;height:100%}.planet-image-grid-1{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr)}.planet-image-grid-1 .planet-image-grid-item:first-child{grid-column:1 / span 6;grid-row:1 / span 6}.planet-image-grid-2{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr)}.planet-image-grid-2 .planet-image-grid-item:nth-child(1){grid-column:1 / span 3;grid-row:1 / span 6}.planet-image-grid-2 .planet-image-grid-item:nth-child(2){grid-column:4 / span 3;grid-row:1 / span 6}.planet-image-grid-3{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr)}.planet-image-grid-3 .planet-image-grid-item:nth-child(1){grid-column:1 / span 6;grid-row:1 / span 4}.planet-image-grid-3 .planet-image-grid-item:nth-child(2){grid-column:1 / span 3;grid-row:5 / span 2}.planet-image-grid-3 .planet-image-grid-item:nth-child(3){grid-column:4 / span 3;grid-row:5 / span 2}.planet-image-grid-4{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr)}.planet-image-grid-4 .planet-image-grid-item:nth-child(1){grid-column:1 / span 3;grid-row:1 / span 3}.planet-image-grid-4 .planet-image-grid-item:nth-child(2){grid-column:4 / span 3;grid-row:1 / span 3}.planet-image-grid-4 .planet-image-grid-item:nth-child(3){grid-column:1 / span 3;grid-row:4 / span 3}.planet-image-grid-4 .planet-image-grid-item:nth-child(4){grid-column:4 / span 3;grid-row:4 / span 3}.planet-image-grid-5{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr)}.planet-image-grid-5 .planet-image-grid-item:nth-child(1){grid-column:1 / span 2;grid-row:1 / span 6}.planet-image-grid-5 .planet-image-grid-item:nth-child(2){grid-column:3 / span 2;grid-row:1 / span 2}.planet-image-grid-5 .planet-image-grid-item:nth-child(3){grid-column:3 / span 2;grid-row:3 / span 2}.planet-image-grid-5 .planet-image-grid-item:nth-child(4){grid-column:3 / span 2;grid-row:5 / span 2}.planet-image-grid-5 .planet-image-grid-item:nth-child(2){grid-column:3 / span 2;grid-row:1 / span 3}.planet-image-grid-5 .planet-image-grid-item:nth-child(3){grid-column:5 / span 2;grid-row:1 / span 3}.planet-image-grid-5 .planet-image-grid-item:nth-child(4){grid-column:3 / span 2;grid-row:4 / span 3}.planet-image-grid-5 .planet-image-grid-item:nth-child(5){grid-column:5 / span 2;grid-row:4 / span 3}.planet-image-grid-6{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr)}.planet-image-grid-6 .planet-image-grid-item:nth-child(1){grid-column:1 / span 2;grid-row:1 / span 3}.planet-image-grid-6 .planet-image-grid-item:nth-child(2){grid-column:3 / span 2;grid-row:1 / span 3}.planet-image-grid-6 .planet-image-grid-item:nth-child(3){grid-column:5 / span 2;grid-row:1 / span 3}.planet-image-grid-6 .planet-image-grid-item:nth-child(4){grid-column:1 / span 2;grid-row:4 / span 3}.planet-image-grid-6 .planet-image-grid-item:nth-child(5){grid-column:3 / span 2;grid-row:4 / span 3}.planet-image-grid-6 .planet-image-grid-item:nth-child(6){grid-column:5 / span 2;grid-row:4 / span 3}.planet-image-grid-7{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr)}.planet-image-grid-7 .planet-image-grid-item:nth-child(1){grid-column:1 / span 2;grid-row:1 / span 2}.planet-image-grid-7 .planet-image-grid-item:nth-child(2){grid-column:3 / span 2;grid-row:1 / span 2}.planet-image-grid-7 .planet-image-grid-item:nth-child(3){grid-column:5 / span 2;grid-row:1 / span 2}.planet-image-grid-7 .planet-image-grid-item:nth-child(4){grid-column:1 / span 2;grid-row:3 / span 2}.planet-image-grid-7 .planet-image-grid-item:nth-child(5){grid-column:3 / span 2;grid-row:3 / span 2}.planet-image-grid-7 .planet-image-grid-item:nth-child(6){grid-column:5 / span 2;grid-row:3 / span 4}.planet-image-grid-7 .planet-image-grid-item:nth-child(7){grid-column:1 / span 4;grid-row:5 / span 2}.planet-image-grid-8{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr)}.planet-image-grid-8 .planet-image-grid-item:nth-child(1){grid-column:1 / span 2;grid-row:1 / span 2}.planet-image-grid-8 .planet-image-grid-item:nth-child(4){grid-column:3 / span 2;grid-row:1 / span 2}.planet-image-grid-8 .planet-image-grid-item:nth-child(7){grid-column:5 / span 2;grid-row:1 / span 3}.planet-image-grid-8 .planet-image-grid-item:nth-child(2){grid-column:1 / span 2;grid-row:3 / span 2}.planet-image-grid-8 .planet-image-grid-item:nth-child(5){grid-column:3 / span 2;grid-row:3 / span 2}.planet-image-grid-8 .planet-image-grid-item:nth-child(8){grid-column:5 / span 2;grid-row:4 / span 3}.planet-image-grid-8 .planet-image-grid-item:nth-child(3){grid-column:1 / span 2;grid-row:5 / span 2}.planet-image-grid-8 .planet-image-grid-item:nth-child(6){grid-column:3 / span 2;grid-row:5 / span 2}.planet-image-grid-9{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr)}.planet-image-grid-9 .planet-image-grid-item:nth-child(1){grid-column:1 / span 2;grid-row:1 / span 2}.planet-image-grid-9 .planet-image-grid-item:nth-child(2){grid-column:3 / span 2;grid-row:1 / span 2}.planet-image-grid-9 .planet-image-grid-item:nth-child(3){grid-column:5 / span 2;grid-row:1 / span 2}.planet-image-grid-9 .planet-image-grid-item:nth-child(4){grid-column:1 / span 2;grid-row:3 / span 2}.planet-image-grid-9 .planet-image-grid-item:nth-child(5){grid-column:3 / span 2;grid-row:3 / span 2}.planet-image-grid-9 .planet-image-grid-item:nth-child(6){grid-column:5 / span 2;grid-row:3 / span 2}.planet-image-grid-9 .planet-image-grid-item:nth-child(7){grid-column:1 / span 2;grid-row:5 / span 2}.planet-image-grid-9 .planet-image-grid-item:nth-child(8){grid-column:3 / span 2;grid-row:5 / span 2}.planet-image-grid-9 .planet-image-grid-item:nth-child(9){grid-column:5 / span 2;grid-row:5 / span 2}.planet-image-grid-item{position:relative;overflow:hidden;border-radius:0;background:transparent;cursor:pointer;transition:opacity .15s ease-out;min-width:0;min-height:0;margin:0;padding:0}.planet-image-grid-item:hover{opacity:.85}.planet-image-grid-img{width:100%;height:100%;border-radius:0;background:transparent;transition:opacity .2s;display:block;opacity:1}.planet-image-grid-img.loading{opacity:.3;background-color:transparent}.planet-image-grid-img.loaded{opacity:1}.planet-image-grid-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.planet-image-grid-overlay-text{font-size:20px;font-weight:600;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);letter-spacing:.5px}.planet-content-text .text-clamp-2{-webkit-line-clamp:2;white-space:pre-line;word-break:break-word}.planet-detail-post-info-row{display:flex;align-items:center}.post-info-badge{display:inline-flex;align-items:center;gap:4px;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500;line-height:1}@media(max-width:360px){.posts-list{padding:8px 8px 16px}.planet-detail-post-card{margin-bottom:8px}.planet-image-grid{gap:0}.planet-image-grid-overlay-text{font-size:16px}}@media(max-width:320px){.posts-list{padding:6px 6px 12px}.planet-detail-post-card{margin-bottom:6px}.planet-image-grid{gap:0}.planet-image-grid-item{border-radius:0}.planet-image-grid-overlay-text{font-size:14px}.planet-detail-stat-item{font-size:11px;gap:4px}.planet-detail-stat-badge{min-width:12px;height:12px;font-size:9px;padding:0 3px}.planet-detail-post-stats{gap:12px}.planet-detail-post-footer{padding-top:6px}.planet-media-container{aspect-ratio:4 / 3}}.members-section{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 420px);padding:24px 16px}.members-preview{text-align:center;display:flex;flex-direction:column;align-items:center}.members-preview .planet-detail-empty-text-sm{margin-bottom:20px}.view-members-btn{padding:12px 32px;background:var(--pd-primary);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #7f9cf559}.view-members-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #7f9cf573}.view-members-btn:active{transform:translateY(0)}.planet-detail-join-bar{position:fixed;left:0;right:0;bottom:0;z-index:95;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0));background:var(--pd-bg, var(--color-bg-page));border-top:1px solid var(--pd-border, var(--color-border-solid));box-shadow:0 -4px 20px #00000040}.planet-detail-join-bar-btn{width:100%;min-height:44px;padding:12px 24px;background:var(--pd-primary);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #7f9cf559;display:flex;align-items:center;justify-content:center}.planet-detail-join-bar-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #7f9cf573}.planet-detail-join-bar-btn:active{transform:translateY(0)}@media(max-width:768px){.planet-detail-join-bar{padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0))}.planet-detail-join-bar-btn{font-size:15px;padding:11px 20px}}@media(max-width:375px){.planet-detail-join-bar-btn{font-size:14px;min-height:44px}}@media(max-width:768px){.detail-tab-item{font-size:14px;padding:9px 10px}.posts-list{padding:10px 12px 20px}.planet-detail-post-card .MuiCardContent-root{padding:8px}.planet-detail-post-stats{gap:20px}.planet-detail-func-area{padding:10px 12px;gap:6px}.planet-detail-func-btn{min-height:44px;padding:8px 4px;font-size:11px}.planet-detail-func-btn svg{width:20px;height:20px}}@media(max-width:480px){.detail-tab-item{padding:8px;font-size:13px}.posts-list{padding:8px 12px 16px}.planet-detail-post-card .MuiCardContent-root{padding:8px}.planet-detail-post-user .MuiAvatar-root{--Avatar-size: 36px !important}.planet-detail-post-stats{gap:18px}.planet-detail-stat-item{font-size:11px}.planet-image-grid{gap:6px;margin-bottom:12px}.planet-image-grid-item{border-radius:6px}.planet-image-grid-overlay-text{font-size:20px}}@media(max-width:375px){.detail-tab-item{font-size:13px;padding:8px 6px}.planet-detail-func-area{padding:8px 12px;gap:6px}.planet-detail-func-btn{font-size:11px;padding:8px 2px}}.planet-dynamic-detail-page{--pdd-bg: var(--color-bg-page);--pdd-surface: var(--color-bg-surface);--pdd-surface-hover: var(--color-bg-surface-hover);--pdd-text: var(--color-text-primary);--pdd-text-secondary: var(--color-text-secondary);--pdd-text-tertiary: var(--color-text-tertiary);--pdd-border: var(--color-border-solid);--pdd-primary: var(--color-primary);--pdd-primary-light: rgba(127, 156, 245, .15);--pdd-danger: #fc8181;min-height:100dvh;min-height:var(--app-height, 100dvh);background-color:var(--pdd-bg);padding-top:var(--title-bar-total-height);padding-bottom:max(env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0));display:flex;flex-direction:column}.pdd-main.no-scroll{overflow-y:hidden}.pdd-header{box-sizing:border-box;height:var(--title-bar-total-height);display:flex;align-items:flex-end;padding:0 var(--container-padding-md, 1rem);background:var(--pdd-surface);border-bottom:1px solid var(--pdd-border);flex-shrink:0;z-index:100;position:fixed;top:0;left:0;right:0;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.pdd-header:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--title-bar-safe-top, env(safe-area-inset-top, 0px));background:var(--pdd-surface)}.pdd-header-back{flex-shrink:0;width:44px;min-width:44px;height:44px;min-height:44px;display:flex;align-items:center;justify-content:center;margin:0 -4px 0 0;border:none;background:transparent;color:var(--pdd-text);cursor:pointer;border-radius:50%;transition:background-color .2s,transform .2s;align-self:center;-webkit-tap-highlight-color:transparent}.pdd-header-back:hover{background-color:var(--pdd-primary-light)}.pdd-header-back:active{transform:scale(.95)}.pdd-header-user{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:6px 8px;margin:0 4px;border:none;background:transparent;cursor:pointer;border-radius:12px;color:inherit;text-align:left;transition:background-color .2s;align-self:center}.pdd-header-user:hover{background-color:var(--pdd-primary-light)}.pdd-header-avatar{flex-shrink:0}.pdd-header-nickname{font-size:18px;font-weight:600;color:var(--pdd-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-text-size-adjust:100%}.pdd-header-action{flex-shrink:0;display:flex;align-items:center;align-self:center}.pdd-header-title{font-size:18px;font-weight:600;color:var(--pdd-text);flex:1;text-align:center;align-self:center;-webkit-text-size-adjust:100%}.pdd-header-placeholder{width:44px;min-width:44px;align-self:center}.pdd-follow-btn{min-width:72px}@media(max-width:768px){.pdd-header{--title-bar-height: var(--title-bar-content-height, 40px);padding:0 10px}.pdd-header-nickname{font-size:16px}}@supports (-webkit-touch-callout: none){.pdd-header{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@supports (padding-top: env(safe-area-inset-top)){.pdd-header{height:var(--title-bar-total-height, calc(var(--title-bar-height) + env(safe-area-inset-top)))}}.pdd-main{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:16px}.pdd-media{border-radius:0;overflow:hidden;background-color:#0d1117}.pdd-media-video{position:relative;width:100%;aspect-ratio:16 / 9;cursor:pointer;overflow:hidden}.pdd-video-cover{width:100%;height:100%;object-fit:cover;display:block}.pdd-video-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;transition:background .2s;pointer-events:none}.pdd-media-video:hover .pdd-video-overlay{background:#0006}.pdd-video-play-wrap{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--pdd-primary, #6366f1);box-shadow:0 4px 20px #6366f180;transition:transform .3s,box-shadow .3s}.pdd-media-video:hover .pdd-video-play-wrap{transform:scale(1.08);box-shadow:0 6px 28px #6366f199}.pdd-play-icon{color:#fff;margin-left:4px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.pdd-media-carousel{position:relative;width:100%;aspect-ratio:1}.pdd-carousel-track{display:flex;width:100%;height:100%;transition:transform .35s cubic-bezier(.4,0,.2,1)}.pdd-carousel-slide{flex:0 0 100%;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0d1117}.pdd-carousel-slide img{width:100%;height:100%;object-fit:cover;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .3s}.pdd-carousel-slide img:hover{transform:scale(1.01)}.pdd-carousel-dots{position:absolute;bottom:16px;left:0;right:0;display:flex;justify-content:center;gap:10px;z-index:2}.pdd-carousel-dot{width:10px;height:10px;border-radius:50%;border:none;padding:0;background:#fff6;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}.pdd-carousel-dot:hover{background:#fff9}.pdd-carousel-dot.active{background:var(--pdd-primary);transform:scale(1.25)}.pdd-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border:none;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;border-radius:50%;z-index:2;transition:background .2s,transform .2s}.pdd-carousel-arrow:hover{background:#000000b3;transform:translateY(-50%) scale(1.05)}.pdd-carousel-arrow-prev{left:12px}.pdd-carousel-arrow-next{right:12px}@media(max-width:480px){.pdd-carousel-dots{bottom:12px;gap:8px}.pdd-carousel-dot{width:8px;height:8px}}@media(max-width:375px){.pdd-carousel-arrow{width:40px;height:40px;min-width:40px;min-height:40px}.pdd-carousel-arrow-prev{left:8px}.pdd-carousel-arrow-next{right:8px}.pdd-video-play-wrap{width:70px;height:70px}.pdd-play-icon{width:48px;height:48px}}.pdd-content-area{padding:20px 16px 16px}.pdd-content-text{font-size:15px;line-height:1.75;color:var(--pdd-text);margin:0 0 16px;white-space:pre-wrap;word-break:break-word}.pdd-meta{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px}.pdd-meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--pdd-text-tertiary)}.pdd-meta-item svg{flex-shrink:0}.pdd-stats{display:flex;gap:24px;padding:16px;margin:0 16px;border-radius:12px;background:var(--pdd-surface);border:1px solid var(--pdd-border)}.pdd-stat-item{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--pdd-text-secondary)}.pdd-stat-item svg{flex-shrink:0;color:var(--pdd-text-tertiary)}@media(max-width:768px){.pdd-content-area{padding:16px 14px 12px}.pdd-content-text{font-size:14px;line-height:1.7}.pdd-stats{margin:0 14px;padding:14px;gap:20px}.pdd-stat-item{font-size:13px}}@media(max-width:480px){.pdd-content-area{padding:14px 12px 10px}.pdd-content-text{font-size:13px}.pdd-meta{gap:12px}.pdd-meta-item{font-size:12px}.pdd-stats{margin:0 12px;padding:12px;gap:16px}.pdd-stat-item{font-size:12px}}.pdd-footer{flex-shrink:0;display:flex;align-items:stretch;gap:2px;padding:14px 20px;padding-bottom:max(14px,env(safe-area-inset-bottom));background:var(--pdd-surface);border-top:1px solid var(--pdd-border)}.pdd-action{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:56px;padding:10px;border:none;background:transparent;color:var(--pdd-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:color .2s,background .2s,transform .2s;border-radius:12px;position:relative}.pdd-action:hover:not(:disabled){color:var(--pdd-text);background:var(--pdd-primary-light)}.pdd-action:active:not(:disabled){transform:scale(.96)}.pdd-action.active{color:var(--pdd-danger)}.pdd-action.active svg{filter:drop-shadow(0 2px 6px rgba(252,129,129,.4))}.pdd-action-like.active{color:var(--pdd-danger)}.pdd-action-like.active:after{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:6px;height:6px;border-radius:50%;background:var(--pdd-danger);animation:pddHeartPulse 1.5s ease-in-out infinite}@keyframes pddHeartPulse{0%,to{opacity:1;transform:translate(-50%) scale(1)}50%{opacity:.6;transform:translate(-50%) scale(1.2)}}@media(max-width:768px){.pdd-footer{padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.pdd-action{min-height:52px;font-size:12px}}@media(max-width:375px){.pdd-footer{padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.pdd-action{min-height:48px;gap:4px}.pdd-action svg{width:22px;height:22px}}.pdd-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:60px 20px;gap:20px}.pdd-spinner{width:48px;height:48px;border:3px solid var(--pdd-border);border-top-color:var(--pdd-primary);border-radius:50%;animation:pddSpin .8s linear infinite}@keyframes pddSpin{to{transform:rotate(360deg)}}.pdd-loading-container span{color:var(--pdd-text-secondary);font-size:15px}.pdd-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:60px 20px;gap:20px}.pdd-empty-icon{color:var(--pdd-text-tertiary);display:flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:50%;background:var(--pdd-surface);box-shadow:inset 0 2px 8px #0000004d}.pdd-empty-state p{color:var(--pdd-text-secondary);font-size:16px;margin:0}.pdd-back-button{margin-top:8px;padding:14px 32px;min-height:44px;border:none;background:var(--pdd-primary);color:#fff;border-radius:24px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 16px #6366f166}.pdd-back-button:hover{box-shadow:0 2px 10px #6366f180}.pdd-back-button:active{box-shadow:0 1px 6px #6366f166}.app-title-bar{--bg-color: var(--color-bg-surface);--text-color: var(--color-text-primary);--icon-color: var(--color-text-secondary);--border-color: var(--color-border-solid);--gradient-start: #667eea;--gradient-end: #764ba2;--title-bar-height: var(--title-bar-content-height, 44px);--transition-speed: .3s}.app-title-bar{box-sizing:border-box;position:fixed;top:0;left:0;right:0;height:var(--title-bar-total-height, calc(var(--title-bar-height) + env(safe-area-inset-top, 0px)));display:flex;align-items:center;padding:0 16px;background-color:var(--bg-color);color:var(--text-color);border-bottom:1px solid var(--border-color);z-index:1000;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.app-title-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--title-bar-safe-top, env(safe-area-inset-top, 0px));background-color:var(--bg-color)}.app-title-bar.gradient{background:var(--gradient-start);color:#fff}.app-title-bar.gradient:before{background:var(--gradient-start)}.app-title-bar{--content-height: var(--title-bar-height)}.app-title-bar .back-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:transparent;border:none;color:var(--icon-color);cursor:pointer;border-radius:8px;transition:background-color var(--transition-speed) ease,transform var(--transition-speed) ease;flex-shrink:0;align-self:center;-webkit-tap-highlight-color:transparent}.app-title-bar .back-button:hover{background-color:#ffffff1a;transform:translate(-2px)}.app-title-bar .back-button:active{transform:translate(0) scale(.96);background-color:#ffffff26}.app-title-bar .back-button:focus-visible{outline:none;background-color:#ffffff26}.app-title-bar.gradient .back-button{color:#fffffff2;background:transparent}.app-title-bar.gradient .back-button:hover{background-color:#ffffff26}.app-title-bar .back-button svg{width:24px;height:24px}.app-title-bar .title{position:absolute;left:50%;transform:translate(-50%);font-size:var(--title-font-size, 17px);font-weight:var(--title-font-weight, 600);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;top:50%;translate:0 -50%;-webkit-text-size-adjust:100%}.right-action{display:flex;align-items:center;gap:8px;flex-shrink:0;align-self:center;height:var(--title-bar-height);max-height:var(--title-bar-height);overflow:hidden;min-width:44px;margin-left:auto}.title-bar-spacer{width:44px;flex-shrink:0;align-self:center}@media(prefers-reduced-motion:reduce){.app-title-bar{backdrop-filter:none;-webkit-backdrop-filter:none}.app-title-bar .back-button{transition:none}.app-title-bar .back-button:hover{transform:none}}@media print{.app-title-bar{position:static;border-bottom:1px solid #000;-webkit-print-color-adjust:exact;print-color-adjust:exact}.app-title-bar .back-button{display:none}}@supports (-webkit-touch-callout: none){.app-title-bar{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);-webkit-overflow-scrolling:touch}}@supports (padding-top: env(safe-area-inset-top)){.app-title-bar{height:var(--title-bar-total-height, calc(var(--title-bar-height) + env(safe-area-inset-top)))}}.planet-info-settings-page{min-height:100dvh;min-height:var(--app-height, 100dvh);background-color:var(--color-bg-page);padding-top:var(--title-bar-total-height);padding-bottom:max(12px,env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0))}.planet-info-settings-page.loading,.planet-info-settings-page.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;min-height:var(--app-height, 100dvh);padding:2rem}.planet-info-settings-loading-wrap{display:flex;flex-direction:column;align-items:center;gap:1rem}.planet-info-settings-spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--color-primary);border-radius:50%;animation:infoSettingsSpin .8s linear infinite}@keyframes infoSettingsSpin{to{transform:rotate(360deg)}}.planet-info-settings-loading-text{color:var(--color-text-secondary);font-size:.875rem}.planet-info-settings-empty-icon{color:var(--color-border-solid);margin-bottom:1rem}.planet-info-settings-empty-text{color:#cbd5e0;margin-bottom:1.5rem;font-size:1rem}.planet-info-settings-empty-action{background-color:var(--color-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem}.planet-info-settings-header{--header-height: 44px;height:var(--header-height);display:flex;align-items:center;padding:0 16px;background-color:var(--color-bg-surface);border-bottom:1px solid var(--color-border-solid);position:fixed;top:0;left:0;right:0;z-index:100;padding-top:max(0px,env(safe-area-inset-top));height:calc(var(--header-height) + env(safe-area-inset-top))}.planet-info-settings-header-back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;cursor:pointer;color:var(--color-text-primary)}.planet-info-settings-header-title{flex:1;text-align:center;font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0}.planet-info-settings-header-spacer{width:40px}.planet-info-settings-header-edit{display:flex;align-items:center;gap:4px;background:transparent;border:none;padding:6px 12px;cursor:pointer;color:var(--color-primary);font-size:14px;font-weight:500;border-radius:6px;transition:background-color .15s}.planet-info-settings-header-edit:active:not(:disabled){background-color:#7f9cf51a}.planet-info-settings-header-cancel{background:transparent;border:none;padding:6px 12px;cursor:pointer;color:var(--color-text-tertiary);font-size:14px;font-weight:500;border-radius:6px;transition:color .15s}.planet-info-settings-header-cancel:active:not(:disabled){color:var(--color-text-primary)}.planet-info-settings-header-cancel:disabled{opacity:.5;cursor:not-allowed}.planet-info-settings-content{padding:16px}.planet-info-settings-section{padding:16px;background-color:var(--color-bg-surface);border-radius:12px;margin-bottom:12px}.planet-info-settings-section-label{display:block;font-size:15px;font-weight:500;color:var(--color-text-primary);margin-bottom:12px}.planet-info-settings-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.planet-info-settings-section-header .planet-info-settings-section-label{margin-bottom:0}.planet-info-settings-section-hint{font-size:13px;color:var(--color-text-tertiary);margin:-8px 0 12px}.planet-info-settings-input-hint{font-size:12px;color:var(--color-text-tertiary);margin:6px 0 0}.planet-info-settings-slogan-view{padding:12px;background-color:var(--color-bg-page);border-radius:8px;color:var(--color-text-secondary);font-size:15px;line-height:1.6;white-space:pre-wrap}.planet-info-settings-slogan-view.clamped{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}.planet-info-settings-slogan-view.expanded{white-space:pre-wrap}.planet-info-settings-slogan-toggle{display:flex;align-items:center;gap:2px;padding:4px 8px;background:transparent;border:none;color:var(--color-primary);font-size:13px;cursor:pointer;transition:opacity .15s}.planet-info-settings-slogan-toggle:active{opacity:.7}.planet-info-settings-textarea{width:100%;padding:12px;background-color:var(--color-bg-page);border:1px solid var(--color-border-solid);border-radius:8px;color:var(--color-text-primary);font-size:15px;line-height:1.5;outline:none;resize:none;transition:border-color .15s}.planet-info-settings-textarea:focus{border-color:var(--color-primary)}.planet-info-settings-textarea::placeholder{color:var(--color-text-tertiary)}.planet-info-settings-album-view{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.planet-info-settings-album-image{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background-color:var(--color-border-solid)}.planet-info-settings-image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.planet-info-settings-image-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background-color:var(--color-border-solid)}.planet-info-settings-image-item img{width:100%;height:100%;object-fit:cover}.planet-info-settings-image-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background-color:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:background-color .15s}.planet-info-settings-image-remove:active:not(:disabled){background-color:#000c}.planet-info-settings-image-remove:disabled{opacity:.5;cursor:not-allowed}.planet-info-settings-image-upload{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background-color:var(--color-bg-page);border:2px dashed var(--color-border-solid);border-radius:8px;color:var(--color-text-tertiary);cursor:pointer;transition:all .15s;font-size:12px;padding:8px;text-align:center}.planet-info-settings-image-upload:active:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.planet-info-settings-image-upload:disabled{opacity:.5;cursor:not-allowed}.planet-info-settings-upload-loading{display:flex;flex-direction:column;align-items:center;gap:6px}.planet-info-settings-upload-spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--color-primary);border-radius:50%;animation:uploadSpin .8s linear infinite}@keyframes uploadSpin{to{transform:rotate(360deg)}}.planet-info-settings-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;background-color:var(--color-bg-surface);border-radius:12px;color:var(--color-border-solid);text-align:center}.planet-info-settings-empty p{margin:8px 0 0;font-size:15px;color:var(--color-text-tertiary)}.planet-info-settings-empty-hint{font-size:13px;color:var(--color-text-tertiary)}.planet-info-settings-footer{position:fixed;bottom:0;left:0;right:0;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));background-color:var(--color-bg-surface);border-top:1px solid var(--color-border-solid)}.planet-info-settings-save-button{width:100%;height:44px;background-color:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:opacity .15s}.planet-info-settings-save-button:active:not(:disabled){opacity:.8}.planet-info-settings-save-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.planet-info-settings-header{--header-height: 40px;height:calc(var(--header-height) + env(safe-area-inset-top))}.planet-info-settings-header-title{font-size:16px}.planet-info-settings-page,.planet-info-settings-footer{padding-bottom:max(10px,env(safe-area-inset-bottom))}}@media(min-width:1600px){.planet-info-settings-page{max-width:1600px;margin-left:auto;margin-right:auto}}.planet-settings-page{min-height:100dvh;min-height:var(--app-height, 100dvh);background-color:var(--color-bg-page);padding-top:var(--title-bar-total-height);padding-bottom:max(12px,env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0))}.planet-settings-page.loading,.planet-settings-page.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;min-height:var(--app-height, 100dvh);padding:2rem}.planet-settings-loading-wrap{display:flex;flex-direction:column;align-items:center;gap:1rem}.planet-settings-spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--color-primary);border-radius:50%;animation:planetSettingsSpin .8s linear infinite}@keyframes planetSettingsSpin{to{transform:rotate(360deg)}}.planet-settings-loading-text{color:var(--color-text-secondary);font-size:14px}.planet-settings-empty-icon{color:var(--color-text-tertiary);margin-bottom:1rem}.planet-settings-empty-text{color:var(--color-text-secondary);margin-bottom:1.5rem;font-size:15px}.planet-settings-empty-action{background-color:var(--color-primary);color:#fff;border:none;padding:10px 24px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;transition:opacity .15s}.planet-settings-empty-action:active{opacity:.8}.planet-settings-header{height:var(--title-bar-content-height);display:flex;align-items:center;padding:0 var(--container-padding-md, 1rem);padding-top:env(safe-area-inset-top);background-color:var(--color-bg-surface);border-bottom:1px solid var(--color-border-solid);position:fixed;top:0;left:0;right:0;z-index:100}.planet-settings-header-back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;cursor:pointer;color:var(--color-text-primary)}.planet-settings-header-title{flex:1;text-align:center;font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0}.planet-settings-header-spacer{width:40px}.planet-settings-section{margin:12px;background-color:var(--color-bg-surface);border-radius:12px;overflow:hidden}.planet-settings-section-title{padding:12px 14px 6px;font-size:12px;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.planet-settings-list{display:flex;flex-direction:column}.planet-settings-item{display:flex;align-items:center;width:100%;padding:12px 14px;background:transparent;border:none;border-bottom:1px solid var(--color-border-solid);cursor:pointer;text-align:left;transition:background-color .15s;gap:12px}.planet-settings-item:last-child{border-bottom:none}.planet-settings-item:active{background-color:#ffffff08}.planet-settings-item-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;background-color:#7f9cf51f;color:var(--color-primary);flex-shrink:0}.planet-settings-item-icon.join-pay{background-color:#fbbf241f;color:#fbbf24}.planet-settings-item-icon.role-upgrade{background-color:#a78bfa1f;color:#a78bfa}.planet-settings-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.planet-settings-item-title{font-size:15px;font-weight:500;color:var(--color-text-primary)}.planet-settings-item-desc{font-size:12px;color:var(--color-text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planet-settings-item-arrow{color:var(--color-text-tertiary);flex-shrink:0}@media(max-width:768px){.planet-settings-page{padding-bottom:max(10px,env(safe-area-inset-bottom))}}@media(min-width:1600px){.planet-settings-page{max-width:1600px;margin-left:auto;margin-right:auto}}.planet-agent-page{min-height:100dvh;min-height:var(--app-height, 100dvh);background:var(--bg-color, var(--color-bg-page));padding-bottom:max(env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0))}.agent-header{display:flex;align-items:center;padding:1rem;background:var(--surface-color, var(--color-bg-surface));border-bottom:1px solid var(--border-color, var(--color-border));position:fixed;top:0;left:0;right:0;z-index:100;padding-top:calc(1rem + env(safe-area-inset-top));gap:1rem}.back-button,.add-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;cursor:pointer;color:var(--text-primary, var(--color-text-primary));border-radius:8px;transition:background-color .2s}.back-button:active,.add-button:active{background:var(--bg-color, var(--color-bg-surface-hover))}.back-button svg,.add-button svg{width:24px;height:24px;stroke-width:2}.agent-title{flex:1;text-align:center;font-size:1.25rem;font-weight:600;color:var(--text-primary, #333);margin:0}@media(prefers-color-scheme:dark){.planet-agent-page{background:var(--bg-color-dark, var(--color-bg-page))}.agent-header{background:var(--surface-color-dark, var(--color-bg-surface));border-color:var(--border-color-dark, var(--color-border))}.agent-title{color:var(--text-primary-dark, var(--color-text-primary))}.back-button:active,.add-button:active{background:var(--bg-color-dark, #1a1a1a)}}.filter-bar{background:var(--surface-color, var(--color-bg-surface));padding:1rem;border-bottom:1px solid var(--border-color, var(--color-border));display:flex;flex-direction:column;gap:1rem}.search-box{position:relative;display:flex;align-items:center;background:var(--bg-color, var(--color-bg-surface-hover));border-radius:8px;padding:.5rem 1rem}.search-icon{width:18px;height:18px;color:var(--text-tertiary, var(--color-text-tertiary));stroke-width:2;flex-shrink:0}.search-input{flex:1;border:none;background:transparent;outline:none;padding:0 .5rem;font-size:1rem;color:var(--text-primary, var(--color-text-primary))}.clear-button{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;cursor:pointer;color:var(--text-tertiary, var(--color-text-tertiary));flex-shrink:0}.clear-button svg{width:16px;height:16px;stroke-width:2}.status-filters{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem}.status-filters::-webkit-scrollbar{display:none}.filter-button{padding:.5rem 1rem;border:1px solid var(--border-color, var(--color-border));background:var(--surface-color, var(--color-bg-surface));border-radius:20px;font-size:.875rem;color:var(--text-secondary, var(--color-text-secondary));cursor:pointer;white-space:nowrap;transition:all .2s}.filter-button.active{background:var(--primary-color, var(--color-primary-solid));border-color:var(--primary-color, var(--color-primary-solid));color:#fff}.filter-button:active{opacity:.7}@media(prefers-color-scheme:dark){.filter-bar{background:var(--surface-color-dark, var(--color-bg-surface));border-color:var(--border-color-dark, var(--color-border))}.search-box{background:var(--bg-color-dark, var(--color-bg-page))}.search-input{color:var(--text-primary-dark, var(--color-text-primary))}.filter-button{background:var(--surface-color-dark, var(--color-bg-surface));border-color:var(--border-color-dark, var(--color-border));color:var(--text-secondary-dark, var(--color-text-secondary))}}.agent-list{padding:.5rem 0}.agent-item{display:flex;align-items:center;padding:1rem;background:var(--surface-color, var(--color-bg-surface));border-bottom:1px solid var(--border-color, var(--color-border));gap:1rem}.agent-item:last-child{border-bottom:none}.agent-info{flex:1;display:flex;gap:1rem;min-width:0}.agent-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;flex-shrink:0}.agent-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.agent-name-row{display:flex;align-items:center;gap:.5rem}.agent-name{font-size:1rem;font-weight:500;color:var(--text-primary, var(--color-text-primary));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-status{padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;white-space:nowrap}.status-pending{background:#fbbf241a;color:#f59e0b}.status-approved{background:#22c55e1a;color:#22c55e}.status-rejected{background:#ef44441a;color:#ef4444}.status-disabled{background:#6b72801a;color:#6b7280}.agent-meta{display:flex;gap:.75rem;flex-wrap:wrap;font-size:.875rem;color:var(--text-secondary, var(--color-text-secondary))}.meta-item{white-space:nowrap}.agent-stats{display:flex;gap:1rem;flex-wrap:wrap;font-size:.875rem;color:var(--text-secondary, #666)}.stat-item{display:flex;align-items:center;gap:.25rem}.stat-item svg{stroke-width:2}.agent-time{font-size:.75rem;color:var(--text-tertiary, var(--color-text-tertiary))}.agent-actions{display:flex;gap:.5rem;flex-shrink:0}.action-button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.settings-button{background:var(--bg-color, var(--color-bg-surface-hover));color:var(--primary-color, var(--color-primary-solid))}.settings-button:active{background:#6366f11a}.delete-button{background:var(--bg-color, var(--color-bg-surface-hover));color:var(--danger-color, #ef4444)}.delete-button:active{background:#ef44441a}.action-button svg{width:18px;height:18px;stroke-width:2}@media(prefers-color-scheme:dark){.agent-item{background:var(--surface-color-dark, var(--color-bg-surface));border-color:var(--border-color-dark, var(--color-border))}.agent-name{color:var(--text-primary-dark, var(--color-text-primary))}.agent-meta,.agent-stats,.agent-time{color:var(--text-secondary-dark, var(--color-text-secondary))}.settings-button,.delete-button{background:var(--bg-color-dark, var(--color-bg-page))}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.modal-content{background:var(--surface-color, var(--color-bg-surface));border-radius:12px;padding:1.5rem;max-width:400px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0003}.modal-title{font-size:1.25rem;font-weight:600;color:var(--text-primary, var(--color-text-primary));margin:0 0 1.5rem}.modal-message{font-size:.9375rem;color:var(--text-secondary, var(--color-text-secondary));line-height:1.6;margin:0 0 1.5rem}.agent-info-header{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-color, var(--color-bg-surface-hover));border-radius:8px;margin-bottom:1.5rem}.dialog-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;flex-shrink:0}.dialog-name{font-size:1rem;font-weight:500;color:var(--text-primary, var(--color-text-primary));margin-bottom:.25rem}.dialog-stats{display:flex;gap:1rem;font-size:.875rem;color:var(--text-secondary, var(--color-text-secondary))}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary, var(--color-text-primary));margin-bottom:.5rem}.form-input,.form-textarea,.form-select{width:100%;padding:.75rem;border:1px solid var(--border-color, var(--color-border));border-radius:8px;font-size:1rem;color:var(--text-primary, var(--color-text-primary));background:var(--surface-color, var(--color-bg-surface));outline:none;transition:border-color .2s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--primary-color, var(--color-primary-solid))}.form-textarea{resize:vertical;min-height:80px;font-family:inherit}.form-select{cursor:pointer}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:2rem}.modal-button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:opacity .2s}.modal-button:active{opacity:.7}.cancel-button{background:var(--bg-color, var(--color-bg-surface-hover));color:var(--text-primary, var(--color-text-primary))}.confirm-button{background:var(--primary-color, var(--color-primary-solid));color:#fff}.danger-button{background:var(--danger-color, #ef4444);color:#fff}@media(prefers-color-scheme:dark){.modal-content{background:var(--surface-color-dark, var(--color-bg-surface))}.modal-title,.form-label,.dialog-name{color:var(--text-primary-dark, var(--color-text-primary))}.modal-message,.dialog-stats{color:var(--text-secondary-dark, var(--color-text-secondary))}.agent-info-header{background:var(--bg-color-dark, var(--color-bg-page))}.form-input,.form-textarea,.form-select{background:var(--bg-color-dark, var(--color-bg-page));border-color:var(--border-color-dark, var(--color-border));color:var(--text-primary-dark, var(--color-text-primary))}.cancel-button{background:var(--bg-color-dark, var(--color-bg-page));color:var(--text-primary-dark, var(--color-text-primary))}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-text{font-size:1rem;color:var(--text-secondary, var(--color-text-secondary));margin-bottom:1.5rem}.empty-button{padding:.75rem 1.5rem;background:var(--primary-color, var(--color-primary-solid));color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:opacity .2s}.empty-button:active{opacity:.7}.loading-indicator{display:flex;justify-content:center;padding:1.5rem}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-color, var(--color-border));border-top-color:var(--primary-color, var(--color-primary-solid));border-radius:50%;animation:spin 1s linear infinite}.load-more-trigger{height:1px}@media(prefers-color-scheme:dark){.empty-text{color:var(--text-secondary-dark, var(--color-text-secondary))}.loading-spinner{border-color:var(--border-color-dark, var(--color-border));border-top-color:var(--primary-color, var(--color-primary-solid))}}.planet-fee-settings-page{min-height:100dvh;min-height:var(--app-height, 100dvh);background:var(--bg-color, #f5f5f5);display:flex;flex-direction:column}.planet-fee-settings-page.loading{display:flex;align-items:center;justify-content:center;min-height:100dvh;min-height:var(--app-height, 100dvh)}.loading-spinner{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-top-color:var(--primary-color, #6366f1);border-radius:50%;animation:spin .8s linear infinite}.planet-fee-settings-page.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;min-height:var(--app-height, 100dvh);padding:20px}.empty-icon{font-size:64px;margin-bottom:16px}.planet-fee-settings-page.empty p{color:var(--text-secondary, #666);margin-bottom:24px}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--color-bg-surface);border-bottom:1px solid var(--color-border);position:fixed;top:0;left:0;right:0;z-index:100}.back-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:var(--text-primary, #333);cursor:pointer;border-radius:8px;transition:background .2s}.back-button:hover{background:var(--bg-hover, #f0f0f0)}.settings-title{flex:1;text-align:center;font-size:18px;font-weight:600;color:var(--text-primary, #333);margin:0}.settings-content{flex:1;padding:16px 16px 100px}.settings-section{margin-bottom:24px;background:var(--bg-color, #fff);border-radius:12px;padding:16px}.section-label{display:block;font-size:14px;font-weight:500;color:var(--text-primary, #333);margin-bottom:12px}.section-label .required{color:var(--error-color, #ef4444);margin-left:4px}.fee-type-options{display:flex;flex-direction:column;gap:12px;margin-top:8px}.fee-type-option{display:flex;align-items:center;gap:12px;padding:16px;border:2px solid var(--border-color, #e5e5e5);border-radius:12px;background:var(--bg-color, #fff);cursor:pointer;transition:all .2s;position:relative}.fee-type-option:hover{border-color:var(--primary-color, #6366f1);background:var(--bg-hover, #f8f9ff)}.fee-type-option.active{border-color:var(--primary-color, #6366f1);background:var(--primary-light, #eef2ff)}.option-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:var(--bg-secondary, #f0f0f0);color:var(--text-secondary, #666);flex-shrink:0;transition:all .2s}.fee-type-option.active .option-icon{background:var(--primary-color, #6366f1);color:#fff}.option-icon svg{width:24px;height:24px}.option-content{flex:1;display:flex;flex-direction:column;gap:4px}.option-title{font-size:16px;font-weight:500;color:var(--text-primary, #333)}.fee-type-option.active .option-title{color:var(--primary-color, #6366f1);font-weight:600}.option-desc{font-size:13px;color:var(--text-secondary, #999)}.check-icon{width:24px;height:24px;color:var(--primary-color, #6366f1);flex-shrink:0}.price-input-wrapper{display:flex;align-items:center;gap:12px;margin-top:8px}.price-input{flex:1}.price-unit{font-size:14px;color:var(--text-secondary, #666);white-space:nowrap}.trial-input-wrapper{display:flex;align-items:center;gap:12px;margin-top:8px}.trial-input{flex:1}.trial-unit{font-size:14px;color:var(--text-secondary, #666);white-space:nowrap}.form-input{width:100%;padding:12px;border:1px solid var(--border-color, #e5e5e5);border-radius:8px;font-size:14px;color:var(--text-primary, #333);background:var(--bg-color, #fff);transition:border-color .2s;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--primary-color, #6366f1)}.form-input::placeholder{color:var(--text-placeholder, #999)}.input-hint{font-size:12px;color:var(--text-secondary, #999);margin:8px 0 0;line-height:1.5}.input-error{font-size:12px;color:var(--error-color, #ef4444);margin:8px 0 0}.info-section{background:var(--info-bg, #f0f7ff);border:1px solid var(--info-border, #b3d9ff)}.info-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--info-color, #0066cc);margin-bottom:12px}.info-title svg{width:18px;height:18px}.info-content{font-size:13px;color:var(--text-secondary, #666);line-height:1.8}.info-content p{margin:4px 0}.settings-footer{position:fixed;bottom:0;left:0;right:0;padding:16px;background:var(--bg-color, #fff);border-top:1px solid var(--border-color, #e5e5e5);z-index:100}.save-button{width:100%;padding:14px;background:var(--primary-color, #6366f1);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s}.save-button:hover:not(:disabled){background:var(--primary-hover, #4f46e5)}.save-button:disabled{background:var(--bg-secondary, #f0f0f0);color:var(--text-placeholder, #999);cursor:not-allowed}@media(prefers-color-scheme:dark){.planet-fee-settings-page{background:var(--bg-color-dark, #1a1a1a)}.settings-header{background:var(--bg-color-dark, #1a1a1a);border-bottom-color:var(--border-color-dark, #333)}.back-button{color:var(--text-primary-dark, #fff)}.back-button:hover{background:var(--bg-hover-dark, #2a2a2a)}.settings-title{color:var(--text-primary-dark, #fff)}.settings-section{background:var(--bg-color-dark, #1a1a1a)}.section-label{color:var(--text-primary-dark, #fff)}.fee-type-option{border-color:var(--border-color-dark, #333);background:var(--bg-color-dark, #1a1a1a)}.fee-type-option:hover{border-color:var(--primary-color, #6366f1);background:var(--bg-hover-dark, #2a2a2a)}.fee-type-option.active{background:var(--primary-dark, #312e81)}.option-icon{background:var(--bg-secondary-dark, #2a2a2a);color:var(--text-secondary-dark, #999)}.option-title{color:var(--text-primary-dark, #fff)}.form-input{background:var(--bg-secondary-dark, #2a2a2a);border-color:var(--border-color-dark, #333);color:var(--text-primary-dark, #fff)}.form-input:focus{border-color:var(--primary-color, #6366f1)}.price-unit,.trial-unit,.input-hint{color:var(--text-secondary-dark, #999)}.info-section{background:var(--info-bg-dark, #1e293b);border-color:var(--info-border-dark, #334155)}.info-title{color:var(--info-color-dark, #60a5fa)}.info-content{color:var(--text-secondary-dark, #999)}.settings-footer{background:var(--bg-color-dark, #1a1a1a);border-top-color:var(--border-color-dark, #333)}}.planet-pay-settings-page{min-height:100dvh;min-height:var(--app-height, 100dvh);background-color:var(--color-bg-page);padding-bottom:calc(68px + max(env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0)))}.planet-pay-settings-header{--header-height: 44px;height:calc(var(--header-height) + env(safe-area-inset-top));display:flex;align-items:center;padding:0 16px;padding-top:env(safe-area-inset-top);background-color:var(--color-bg-surface);border-bottom:1px solid var(--color-border-solid);position:fixed;top:0;left:0;right:0;z-index:100}.planet-pay-settings-back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;cursor:pointer;color:var(--color-text-primary)}.planet-pay-settings-title{flex:1;text-align:center;font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0}.planet-pay-settings-spacer{width:40px}.planet-pay-settings-content{padding:12px;padding-top:calc(var(--title-bar-total-height, 44px) + 12px)}.planet-pay-settings-notice{display:flex;align-items:center;gap:8px;padding:10px 12px;background-color:#7f9cf51a;border-radius:8px;margin-bottom:12px;color:var(--color-primary);font-size:13px;line-height:1.4}.planet-pay-settings-section{background-color:var(--color-bg-surface);border-radius:12px;padding:12px}.planet-pay-settings-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.planet-pay-settings-section-label{font-size:14px;font-weight:500;color:var(--color-text-primary)}.planet-pay-settings-add-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;background-color:var(--color-primary);border:none;border-radius:6px;color:#fff;font-size:12px;cursor:pointer;transition:opacity .15s}.planet-pay-settings-add-btn:active{opacity:.8}.planet-pay-settings-empty{text-align:center;padding:24px 16px}.planet-pay-settings-empty p{margin:0;color:var(--color-text-tertiary);font-size:14px}.planet-pay-settings-list{display:flex;flex-direction:column;gap:8px}.planet-pay-settings-item{background-color:var(--color-bg-page);border-radius:8px;padding:8px 10px}.planet-pay-settings-item-main{display:flex;align-items:center;gap:8px}.planet-pay-settings-unit{font-size:12px;color:var(--color-text-tertiary);white-space:nowrap}.planet-pay-settings-remove-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;border-radius:6px;color:var(--color-text-tertiary);cursor:pointer;transition:all .15s;flex-shrink:0}.planet-pay-settings-remove-btn:active{background-color:#ef44441a;color:#ef4444}.planet-pay-settings-item-desc{margin-top:4px;padding-left:2px;font-size:11px;color:var(--color-text-tertiary)}.planet-pay-settings-footer{position:fixed;bottom:0;left:0;right:0;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));background-color:var(--color-bg-surface);border-top:1px solid var(--color-border-solid)}.planet-pay-settings-save-btn{width:100%;height:44px;background-color:var(--color-primary);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:500;cursor:pointer;transition:opacity .15s}.planet-pay-settings-save-btn:active:not(:disabled){opacity:.8}.planet-pay-settings-save-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.planet-pay-settings-header{--header-height: 40px}.planet-pay-settings-title{font-size:16px}.planet-pay-settings-footer{padding-bottom:max(10px,env(safe-area-inset-bottom))}}@media(min-width:1600px){.planet-pay-settings-page{max-width:1600px;margin-left:auto;margin-right:auto}}.planet-member-page{--member-bg: var(--color-bg-page);--member-surface: var(--color-bg-surface);--member-surface-hover: var(--color-bg-surface-hover);--member-text: var(--color-text-primary);--member-text-secondary: var(--color-text-secondary);--member-text-tertiary: var(--color-text-tertiary);--member-border: var(--color-border);--member-border-solid: var(--color-border-solid);--member-primary: var(--color-primary);--member-primary-solid: var(--color-primary-solid);min-height:100dvh;min-height:var(--app-height, 100dvh);background-color:var(--member-bg);padding-top:var(--title-bar-total-height);padding-bottom:max(20px,env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0))}.planet-member-page.loading{display:flex;align-items:center;justify-content:center;min-height:100dvh;min-height:var(--app-height, 100dvh)}.page-header{display:flex;align-items:center;justify-content:center;padding:0 12px;background-color:var(--member-bg);position:fixed;top:0;left:0;right:0;z-index:100;border-bottom:1px solid var(--member-surface)}.back-button{position:absolute;left:12px;background:none;border:none;padding:8px;cursor:pointer;color:var(--member-text-secondary);display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.back-button:hover{background-color:var(--member-surface)}.back-button:active{background-color:var(--member-border-solid)}.page-title{font-size:var(--title-font-size, 17px);font-weight:var(--title-font-weight, 600);color:var(--member-text)}.search-bar{padding:12px;background-color:var(--member-bg);border-bottom:1px solid var(--member-surface)}.search-input-wrapper{display:flex;align-items:center;background-color:var(--member-surface);border-radius:8px;padding:10px 12px;gap:8px;border:1px solid var(--member-border);transition:border-color .2s}.search-input-wrapper:focus-within{border-color:var(--member-primary)}.search-icon{color:var(--member-text-tertiary);flex-shrink:0}.search-input{flex:1;border:none;background:none;outline:none;font-size:14px;color:var(--member-text);padding:0}.search-input::placeholder{color:var(--member-text-tertiary)}.clear-button{background:none;border:none;padding:4px;cursor:pointer;color:var(--member-text-tertiary);display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s,color .2s}.clear-button:hover{background-color:var(--member-surface-hover);color:var(--member-text-secondary)}.role-filter{display:flex;gap:8px;padding:12px;background-color:var(--member-bg);border-bottom:1px solid var(--member-surface);overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative}.role-filter::-webkit-scrollbar{display:none}.planet-member-page{--tab-transition-duration: .3s;--tab-transition-timing: cubic-bezier(.4, 0, .2, 1);--tab-indicator-height: 2px;--tab-scale-active: .95}.filter-btn{flex-shrink:0;padding:6px 16px;border:1px solid var(--member-border);background-color:var(--member-surface);border-radius:12px;font-size:14px;color:var(--member-text-secondary);cursor:pointer;transition:all var(--tab-transition-duration) var(--tab-transition-timing);white-space:nowrap;position:relative}.filter-btn:hover{border-color:var(--member-primary);color:var(--member-primary)}.filter-btn:active{transform:scale(var(--tab-scale-active))}.filter-btn:focus-visible{outline:2px solid var(--member-primary);outline-offset:2px}.filter-btn.active{background-color:var(--member-primary);border-color:var(--member-primary);color:#fff}.tab-indicator{position:absolute;bottom:0;left:0;height:var(--tab-indicator-height);background-color:var(--member-primary);transition:left var(--tab-transition-duration) var(--tab-transition-timing),width var(--tab-transition-duration) var(--tab-transition-timing);pointer-events:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.member-list{padding:8px 0}.member-list.fade-in{animation:fadeIn var(--tab-transition-duration, .3s) var(--tab-transition-timing, cubic-bezier(.4, 0, .2, 1))}.member-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:var(--member-bg);border-bottom:1px solid var(--member-surface);transition:background-color .2s}.member-item:hover{background-color:var(--member-surface)}.member-item:active{background-color:var(--member-surface-hover)}.member-avatar{flex-shrink:0;width:44px;height:44px;border-radius:50%;overflow:hidden;background-color:var(--member-surface);border:1px solid var(--member-border)}.member-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:var(--member-primary-solid);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:600}.member-info{flex:1;min-width:0}.member-name-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.member-name{font-size:15px;font-weight:500;color:var(--member-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-role{flex-shrink:0;padding:2px 8px;border-radius:8px;font-size:11px;font-weight:500;background-color:var(--member-surface);color:var(--member-text-secondary)}.member-role.role-owner{background-color:#fbbf2426;color:var(--color-warning, #fbbf24)}.member-role.role-admin{background-color:#34d39926;color:var(--color-success, #34d399)}.member-role.role-duke{background-color:#f8717126;color:var(--color-error, #f87171)}.member-role.role-earl{background-color:#7f9cf526;color:var(--member-primary)}.member-role.role-normal{background-color:var(--member-surface);color:var(--member-text-tertiary)}.member-meta{display:flex;align-items:center;gap:8px}.member-time{font-size:12px;color:var(--member-text-tertiary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;padding:32px 24px;text-align:center;border:none;box-shadow:none;background-color:transparent}.empty-icon{margin-bottom:20px;opacity:.8;animation:empty-state-float 3s ease-in-out infinite;color:var(--member-primary)}.empty-text{font-size:16px;font-weight:600;color:var(--member-text);margin:0 0 6px;letter-spacing:.3px}.empty-desc{font-size:13px;color:var(--member-text-tertiary);margin:0;line-height:1.5}@media(max-width:375px){.empty-state{min-height:240px;padding:24px 16px}.empty-icon{margin-bottom:16px}.empty-text{font-size:15px}.empty-desc{font-size:12px}}@media(min-width:769px){.empty-state{min-height:320px}}.loading-indicator{padding:20px;display:flex;align-items:center;justify-content:center}.spinner{width:24px;height:24px;border:2px solid var(--member-surface);border-top-color:var(--member-primary-solid);border-radius:50%;animation:spin .8s linear infinite}.no-more{padding:20px;text-align:center;font-size:14px;color:var(--member-text-tertiary)}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background-color:var(--member-surface);border-radius:12px;width:100%;max-width:400px;max-height:90vh;overflow-y:auto;border:1px solid var(--member-border);box-shadow:0 10px 25px -5px #0006}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--member-border)}.modal-title{font-size:17px;font-weight:600;color:var(--member-text)}.modal-close{background:none;border:none;padding:4px;cursor:pointer;color:var(--member-text-tertiary);display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s,color .2s}.modal-close:hover{background-color:var(--member-surface-hover);color:var(--member-text-secondary)}.modal-body p{margin:0 0 12px;font-size:14px;color:var(--member-text-secondary);line-height:1.6}.modal-warning{color:var(--color-error, #f87171)!important;font-size:12px!important}.member-preview{display:flex;flex-direction:column;align-items:center;padding:20px;border-bottom:1px solid var(--member-border);margin-bottom:20px}.preview-avatar{width:64px;height:64px;border-radius:50%;margin-bottom:12px;border:2px solid var(--member-border)}.preview-name{font-size:16px;font-weight:500;color:var(--member-text);margin-bottom:8px}.preview-role{font-size:14px;color:var(--member-text-tertiary)}.role-options{display:flex;flex-direction:column;gap:12px}.role-option{display:flex;flex-direction:column;align-items:flex-start;padding:14px 16px;border:1px solid var(--member-border);background-color:var(--member-bg);border-radius:8px;cursor:pointer;transition:all .2s;width:100%}.role-option:hover:not(:disabled){border-color:var(--member-primary);background-color:var(--member-surface)}.role-option.active{border-color:var(--member-primary);background-color:var(--member-surface)}.role-option:disabled{opacity:.5;cursor:not-allowed}.role-label{font-size:15px;font-weight:500;color:var(--member-text);margin-bottom:4px}.role-desc{font-size:12px;color:var(--member-text-tertiary)}.modal-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid var(--member-border)}.modal-button{flex:1;padding:12px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.modal-button.secondary{background-color:var(--member-surface);color:var(--member-text-secondary);border:1px solid var(--member-border)}.modal-button.secondary:hover{background-color:var(--member-surface-hover);color:var(--member-text)}.modal-button.danger{background-color:var(--color-error, #f87171);color:#fff}.modal-button.danger:hover{background-color:#f87171d9}@media(max-width:480px){.page-header{padding:10px 12px}.page-title{font-size:16px}.search-bar{padding:10px 12px}.search-input-wrapper{padding:8px 10px}.role-filter{padding:10px 12px;gap:6px}.filter-btn{padding:5px 12px;font-size:13px}.member-item{padding:10px 12px;gap:10px}.member-avatar{width:40px;height:40px}.member-name{font-size:14px}.member-role{font-size:10px;padding:2px 6px}.member-time{font-size:11px}.modal-content{margin:10px;max-width:calc(100% - 20px)}}@media(max-width:375px){.search-bar,.role-filter,.member-item{padding:8px 10px}.filter-btn{padding:4px 10px;font-size:12px}}@media(min-width:768px){.member-list{max-width:600px;margin:0 auto}.member-item{padding:14px 20px;border-radius:8px;margin:4px 12px;border:1px solid var(--member-border);background-color:var(--member-surface)}.member-item:hover{background-color:var(--member-surface-hover)}}.planet-role-cost-page{min-height:100dvh;min-height:var(--app-height, 100dvh);background-color:var(--color-bg-page);padding-top:var(--title-bar-total-height);padding-bottom:calc(68px + max(env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0)))}.planet-role-cost-header{--header-height: 44px;height:calc(var(--header-height) + env(safe-area-inset-top));display:flex;align-items:center;padding:0 16px;padding-top:env(safe-area-inset-top);background-color:var(--color-bg-surface);border-bottom:1px solid var(--color-border-solid);position:fixed;top:0;left:0;right:0;z-index:100}.planet-role-cost-back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;cursor:pointer;color:var(--color-text-primary)}.planet-role-cost-title{flex:1;text-align:center;font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0}.planet-role-cost-spacer{width:40px}.planet-role-cost-content{padding:12px}.planet-role-cost-notice{display:flex;align-items:center;gap:8px;padding:10px 12px;background-color:#7f9cf51a;border-radius:8px;margin-bottom:12px;color:var(--color-primary);font-size:13px;line-height:1.4}.planet-role-cost-section{background-color:var(--color-bg-surface);border-radius:12px;padding:8px}.planet-role-cost-role-item{padding:8px 0;border-bottom:1px solid var(--color-border-light)}.planet-role-cost-role-item:last-child{border-bottom:none;padding-bottom:0}.planet-role-cost-role-item:first-child{padding-top:0}.planet-role-cost-role-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.planet-role-cost-role-label{font-size:15px;font-weight:500;color:var(--color-text-primary)}.planet-role-cost-switch{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer}.planet-role-cost-switch input{position:absolute;opacity:0;width:0;height:0}.planet-role-cost-switch-slider{position:absolute;inset:2px;background-color:var(--color-border-light);transition:.2s;border-radius:12px}.planet-role-cost-switch-slider:before{position:absolute;content:"";height:20px;width:20px;left:0;bottom:0;background-color:#fff;transition:.2s;border-radius:50%;box-shadow:0 1px 3px #0000001a}.planet-role-cost-switch input:checked+.planet-role-cost-switch-slider{background-color:var(--color-primary)}.planet-role-cost-switch input:checked+.planet-role-cost-switch-slider:before{transform:translate(20px)}.planet-role-cost-switch-small{width:36px;height:20px}.planet-role-cost-switch-small .planet-role-cost-switch-slider{inset:2px;border-radius:10px}.planet-role-cost-switch-small .planet-role-cost-switch-slider:before{height:16px;width:16px}.planet-role-cost-switch-small input:checked+.planet-role-cost-switch-slider:before{transform:translate(16px)}.planet-role-cost-cycles{display:flex;flex-direction:column;gap:6px;padding-left:6px}.planet-role-cost-cycle-item{display:flex;align-items:center;gap:8px;padding:6px;background-color:var(--color-bg-page);border-radius:6px}.planet-role-cost-cycle-label{font-size:13px;color:var(--color-text-secondary);white-space:nowrap}.planet-role-cost-cost-input{flex:1;max-width:80px;height:28px;padding:4px 8px;background-color:var(--color-bg-surface);border:1px solid var(--color-border-light);border-radius:6px;color:var(--color-text-primary);font-size:13px;text-align:center;outline:none;transition:border-color .15s}.planet-role-cost-cost-input:focus{border-color:var(--color-primary)}.planet-role-cost-cost-input:disabled{opacity:.5;cursor:not-allowed}.planet-role-cost-unit{font-size:12px;color:var(--color-text-tertiary);white-space:nowrap}.planet-role-cost-footer{position:fixed;bottom:0;left:0;right:0;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));background-color:var(--color-bg-surface);border-top:1px solid var(--color-border-solid)}.planet-role-cost-save-btn{width:100%;height:44px;background-color:var(--color-primary);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:500;cursor:pointer;transition:opacity .15s}.planet-role-cost-save-btn:active:not(:disabled){opacity:.8}.planet-role-cost-save-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.planet-role-cost-header{--header-height: 40px}.planet-role-cost-title{font-size:16px}.planet-role-cost-footer{padding-bottom:max(10px,env(safe-area-inset-bottom))}}@media(min-width:1600px){.planet-role-cost-page{max-width:1600px;margin-left:auto;margin-right:auto}}.create-planet-page{min-height:100dvh;min-height:var(--app-height, 100dvh);background:var(--color-bg-page);padding-bottom:20px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.page-header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--background-primary);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;transition:background-color .2s}.back-button:hover{background:var(--background-secondary)}.back-button svg{width:24px;height:24px}.page-title{font-size:17px;font-weight:600;color:var(--text-primary);margin:0}.submit-button{padding:8px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.submit-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.submit-button:active:not(:disabled){transform:translateY(0)}.page-content{padding:16px;max-width:600px;margin:0 auto}.error-message{padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:14px;margin-bottom:16px}.required{color:#ef4444;margin-left:2px}.upload-hint,.input-hint{font-size:12px;color:var(--text-tertiary);margin:4px 0 0}.cover-upload-area{margin-bottom:8px}.cover-preview{position:relative;width:100%;aspect-ratio:2 / 1;background:var(--background-secondary);border-radius:12px;overflow:hidden;border:2px dashed var(--border-color);transition:border-color .2s}.cover-preview:hover{border-color:var(--primary-color)}.cover-preview img{width:100%;height:100%;object-fit:cover}.cover-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);gap:12px}.cover-placeholder svg{width:48px;height:48px}.cover-placeholder span{font-size:14px}.cover-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.cover-preview:hover .cover-overlay{opacity:1}.upload-button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 24px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.upload-button:hover{transform:scale(1.05)}.upload-button svg{width:24px;height:24px}.avatar-upload-area{display:flex;align-items:center;gap:16px;margin-bottom:8px}.avatar-preview{position:relative;width:80px;height:80px;border-radius:50%;background:var(--background-secondary);border:2px dashed var(--border-color);overflow:hidden;flex-shrink:0;transition:border-color .2s}.avatar-preview:hover{border-color:var(--primary-color)}.avatar-preview img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary)}.avatar-placeholder svg{width:32px;height:32px}.avatar-upload-button{position:absolute;bottom:0;right:0;width:24px;height:24px;background:var(--primary-color);border:2px solid var(--background-primary);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.avatar-upload-button:hover{transform:scale(1.1)}.avatar-upload-button svg{width:14px;height:14px}.form-input,.form-textarea{width:100%;padding:12px 16px;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:16px;color:var(--text-primary);transition:all .2s;font-family:inherit}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.form-input.error,.form-textarea.error{border-color:#ef4444}.form-input.error:focus,.form-textarea.error:focus{box-shadow:0 0 0 3px #ef44441a}.form-input.disabled{opacity:.5;cursor:not-allowed}.form-textarea{resize:vertical;min-height:100px}.input-footer{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.char-count{font-size:12px;color:var(--text-tertiary);margin:0}.field-error{font-size:12px;color:#ef4444;margin:0}.tag-input-area{display:flex;gap:8px;margin-bottom:8px}.tag-input{flex:1}.add-tag-button{padding:0 16px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.add-tag-button:hover:not(:disabled){opacity:.9}.add-tag-button:disabled{opacity:.5;cursor:not-allowed}.tags-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.tag-item{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:16px;font-size:13px;color:var(--text-primary)}.tag-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:transparent;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;font-size:16px;line-height:1;transition:all .2s}.tag-remove:hover{background:#ef44441a;color:#ef4444}.fee-type-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:8px}.fee-type-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:var(--background-secondary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s}.fee-type-option:hover{border-color:var(--primary-color)}.fee-type-option.active{border-color:var(--primary-color);background:#3b82f60d}.fee-type-icon{font-size:32px}.fee-type-info{text-align:center}.fee-type-name{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.fee-type-desc{font-size:12px;color:var(--text-secondary)}.fee-input-wrapper,.trial-days-input-wrapper{display:flex;align-items:center;gap:8px;position:relative}.fee-input,.trial-days-input{flex:1}.fee-unit,.trial-days-unit{position:absolute;right:12px;font-size:14px;color:var(--text-tertiary);pointer-events:none}.fee-input-wrapper .fee-unit{right:60px}.fee-input,.trial-days-input{padding-right:60px}@media(max-width:768px){.fee-type-options{grid-template-columns:1fr}.page-header{padding:10px 12px}.page-content{padding:12px}}@media(max-width:480px){.page-title{font-size:16px}.submit-button{padding:6px 16px;font-size:13px}.form-section{margin-bottom:20px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.create-planet-page{background:#fff}.page-header,.submit-button,.upload-button,.avatar-upload-button,.add-tag-button,.tag-remove{display:none}.form-input,.form-textarea{border:1px solid #ccc;color:#000}}.purchased-page{--purchased-bg: var(--color-bg-page);--purchased-surface: var(--color-bg-surface);--purchased-surface-hover: var(--color-bg-surface-hover);--purchased-text: var(--color-text-primary);--purchased-text-secondary: var(--color-text-secondary);--purchased-border: var(--color-border-solid);--primary-color: var(--color-primary);min-height:100dvh;min-height:var(--app-height, 100dvh);background:var(--color-bg-page);color:var(--purchased-text);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scrollbar-gutter:stable;padding-top:var(--title-bar-total-height)}.purchased-list{padding:10px 12px 14px;display:flex;flex-direction:column;gap:8px}.purchased-title-bar-sticky{position:fixed;top:0;left:0;right:0;z-index:100}.purchased-title-bar{--title-bar-height: var(--title-bar-content-height, 44px);--purchased-primary: #7f9cf5;--purchased-primary-light: rgba(127, 156, 245, .15);box-sizing:border-box;height:var(--title-bar-total-height, calc(var(--title-bar-height) + env(safe-area-inset-top, 0px)));display:flex;align-items:flex-end;justify-content:space-between;padding:0 var(--container-padding-md, 1rem);background:var(--purchased-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--purchased-border);box-shadow:0 1px #ffffff0a;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.purchased-title-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--title-bar-safe-top, env(safe-area-inset-top, 0px));background:var(--purchased-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.purchased-title-bar:after{content:"";position:absolute;top:var(--title-bar-safe-top, env(safe-area-inset-top, 0px));left:0;right:0;height:1px;background:var(--purchased-primary-light);opacity:.5}.purchased-title-bar-back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;min-height:36px;padding:0;background:transparent;border:none;border-radius:8px;color:var(--purchased-text);cursor:pointer;transition:background .2s,color .2s;flex-shrink:0;align-self:center;-webkit-tap-highlight-color:transparent}.purchased-title-bar-back:hover{background:var(--purchased-primary-light);color:var(--purchased-primary)}.purchased-title-bar-back:active{transform:scale(.95)}.purchased-title-bar-title{flex:1;margin:0;font-size:var(--title-font-size, 17px);font-weight:600;color:var(--purchased-text);text-align:center;display:flex;align-items:center;justify-content:center;line-height:1;align-self:center;-webkit-text-size-adjust:100%}.purchased-title-bar-spacer{width:36px;min-width:36px;flex-shrink:0;align-self:center}@media(prefers-reduced-motion:reduce){.purchased-title-bar:before,.purchased-title-bar:after{display:none}.purchased-title-bar{backdrop-filter:none;-webkit-backdrop-filter:none}}@media(max-width:768px){.purchased-title-bar-title{font-size:var(--title-font-size, 16px)}}.purchased-card{position:relative;cursor:pointer;border-radius:12px;background:var(--purchased-surface)!important;border:1px solid var(--purchased-border);box-shadow:0 1px 3px #0000001f;transition:background .2s ease,border-color .2s ease;padding:6px 8px}.purchased-card:hover{background:var(--purchased-surface-hover)!important;border-color:#4a55688c}.purchased-card:active{background:var(--purchased-surface-hover)!important;transform:scale(.98)}.purchased-card-row1{display:flex;align-items:flex-start;gap:8px;margin-bottom:4px}.purchased-card-text{flex:1;min-width:0;word-wrap:break-word;overflow-wrap:break-word}.purchased-card-content{font-size:13px;font-weight:400;line-height:1.45;margin:0;color:var(--purchased-text);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.purchased-card-thumbnail{flex-shrink:0;width:56px;height:56px;border-radius:8px;overflow:hidden;border:1px solid rgba(74,85,104,.3);background:#4a55684d}.purchased-card-thumbnail img{width:100%;height:100%;object-fit:cover}.purchased-card-meta{display:flex;align-items:center;justify-content:space-between;gap:4px}.purchased-meta-left,.purchased-meta-right{display:flex;align-items:center;gap:4px}.purchased-meta-icon{font-size:14px;color:var(--purchased-text-secondary)}.purchased-meta-text{font-size:12px;color:var(--purchased-text-secondary)}.purchased-like-icon{font-size:16px;color:#ffb3b3;transition:color .2s}.purchased-like-icon.liked{color:#f687b3}@media(max-width:768px){.purchased-card-thumbnail{width:48px;height:48px}}.purchased-pull-indicator{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:8px;background:var(--purchased-surface);transition:height .15s ease-out,opacity .15s ease-out;overflow:hidden;opacity:0;pointer-events:none}.purchased-pull-indicator.visible{opacity:1;pointer-events:auto}.purchased-pull-icon{font-size:22px;color:var(--purchased-text-secondary);transition:color .2s,transform .2s}.purchased-pull-icon.ready{color:var(--primary-color)}.purchased-pull-icon.spinning{animation:spin 1s linear infinite}.purchased-load-more{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 0}.purchased-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;padding:32px 24px;margin:16px;text-align:center;background:transparent!important;border:none!important;box-shadow:none!important}.purchased-empty-icon-wrap{display:flex;align-items:center;justify-content:center;margin-bottom:20px;animation:purchased-empty-float 3s ease-in-out infinite;overflow:visible;background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important}.purchased-empty-icon{color:#7f9cf5;font-size:64px}@keyframes purchased-empty-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.purchased-empty-title{font-size:16px;font-weight:600;color:#f7fafc;margin:0 0 6px;letter-spacing:.3px}.purchased-empty-desc{font-size:13px;color:#a0aec0;margin:0;line-height:1.5}.purchased-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;padding:32px 24px;margin:16px;text-align:center;background:transparent!important;border:none!important;box-shadow:none!important}.purchased-error-icon-wrap{display:flex;align-items:center;justify-content:center;margin-bottom:20px;animation:purchased-error-shake .5s ease-in-out;overflow:visible;background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important}.purchased-error-icon{color:#f87171;font-size:64px}@keyframes purchased-error-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.purchased-error-title{font-size:16px;font-weight:600;color:#f7fafc;margin:0 0 6px;letter-spacing:.3px}.purchased-error-desc{font-size:13px;color:#a0aec0;margin:0 0 16px;line-height:1.5}.purchased-error button{margin-top:8px}@media(max-width:375px){.purchased-empty,.purchased-error{min-height:240px;padding:24px 16px;margin:12px}.purchased-empty-icon-wrap,.purchased-error-icon-wrap{margin-bottom:16px}.purchased-empty-title,.purchased-error-title{font-size:15px}.purchased-empty-desc,.purchased-error-desc{font-size:12px}}@media(min-width:769px){.purchased-empty,.purchased-error{min-height:320px}}@media(min-width:768px){.purchased-page{max-width:800px;margin:0 auto}.purchased-list{padding:12px 16px 20px}}@media(max-width:375px){.purchased-title-bar-back{width:32px;height:32px;min-width:32px;min-height:32px}.purchased-title-bar-spacer{width:32px;min-width:32px}.purchased-empty,.purchased-error{padding:40px 16px;margin:8px}.purchased-empty-icon-wrap,.purchased-error-icon-wrap{width:72px;height:72px}}@media(min-width:1440px){.purchased-page{max-width:1200px}}@media(min-width:768px)and (max-width:1023px){.purchased-page{max-width:90%;margin:0 auto}}@supports (padding: max(0px)){.purchased-title-bar{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.purchased-list{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.purchased-card{animation:fadeIn .3s ease}@media(prefers-reduced-motion:reduce){.purchased-pull-icon.spinning{animation-duration:3s}.purchased-card{animation:none}}@media(prefers-contrast:high){.purchased-card{border-width:2px}}.message-center-page{min-height:100dvh;min-height:var(--app-height, 100dvh);background:var(--color-bg-page);color:var(--color-text-primary);display:flex;flex-direction:column;padding-top:var(--title-bar-total-height);padding-bottom:max(env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0));position:relative;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.message-center-content{flex:1;position:relative;z-index:1;padding:16px;max-width:1600px;margin-left:auto;margin-right:auto;width:100%;box-sizing:border-box;animation:contentFadeIn .35s ease-out}.message-list-page{min-height:100dvh;min-height:var(--app-height, 100dvh);background:var(--color-bg-page);color:var(--color-text-primary);display:flex;flex-direction:column;padding-top:var(--title-bar-total-height);padding-bottom:max(env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0));position:relative;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.message-list-content{flex:1;position:relative;z-index:1;overflow-y:auto;animation:contentFadeIn .35s ease-out}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.message-center-header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--title-bar-total-height);display:flex;align-items:flex-end;justify-content:space-between;padding:0 16px;background:var(--color-bg-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);box-sizing:border-box;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.message-center-header:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--title-bar-safe-top);background:var(--color-bg-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.back-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;min-height:36px;padding:0;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:background .2s ease;color:#f7fafca6;margin-right:auto;align-self:center;-webkit-tap-highlight-color:transparent}.back-button:hover{background:#ffffff14;color:#f7fafce6}.back-button svg{width:24px;height:24px;stroke-width:2}.message-center-title{position:absolute;left:50%;transform:translate(-50%);margin:0;font-size:17px;font-weight:600;color:var(--color-text-primary);-webkit-user-select:none;user-select:none;pointer-events:none;bottom:calc(var(--title-bar-height) / 2 - 8.5px);-webkit-text-size-adjust:100%}.mark-all-read-button{display:flex;align-items:center;justify-content:center;gap:4px;min-width:44px;min-height:36px;padding:6px 12px;background:transparent;border:none;border-radius:8px;color:#f7fafca6;font-size:14px;font-weight:500;cursor:pointer;transition:color .2s ease,background .2s ease;margin-left:auto;align-self:center;-webkit-tap-highlight-color:transparent}.mark-all-read-button:hover:not(:disabled){background:#ffffff14;color:#f7fafce6}.mark-all-read-button:active:not(:disabled){transform:scale(.95)}.mark-all-read-button:disabled{opacity:.3;cursor:not-allowed}.mark-all-read-button svg{flex-shrink:0}.message-list-header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--title-bar-total-height);display:flex;align-items:flex-end;justify-content:space-between;padding:0 16px;background:var(--color-bg-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);box-sizing:border-box;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.message-list-header:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--title-bar-safe-top);background:var(--color-bg-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.message-list-header .mark-all-read-button{display:flex;align-items:center;justify-content:center;gap:4px;min-width:44px;min-height:36px;padding:6px 12px;background:transparent;border:none;border-radius:8px;color:#f7fafca6;font-size:14px;font-weight:500;cursor:pointer;transition:color .2s ease,background .2s ease;align-self:center}.message-list-header .mark-all-read-button:hover{background:#ffffff14;color:#f7fafce6}.message-list-header .mark-all-read-button:active{transform:scale(.95)}.message-list-header .mark-all-read-button svg{flex-shrink:0}.message-list-title{position:absolute;left:50%;transform:translate(-50%);margin:0;font-size:17px;font-weight:600;color:var(--color-text-primary);-webkit-user-select:none;user-select:none;pointer-events:none;bottom:calc(var(--title-bar-height) / 2 - 8.5px);-webkit-text-size-adjust:100%}@supports (-webkit-touch-callout: none){.message-center-header,.message-list-header{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@supports (padding-top: env(safe-area-inset-top)){.message-center-header,.message-list-header{height:var(--title-bar-total-height)}}.message-categories-list{width:100%;background:var(--color-bg-page);border:none;border-radius:0;box-shadow:none;overflow:visible;position:relative;transition:none;padding:8px 0}.message-category-card{width:100%;padding:18px 20px;border:none;background:transparent;cursor:pointer;transition:all .25s ease;position:relative;text-align:left;display:flex;align-items:center;z-index:1}.message-category-card:after{content:"";position:absolute;bottom:0;left:16%;right:16%;height:1px;background:#ffffff14;pointer-events:none}.message-category-card:last-child:after{display:none}.message-category-card:hover{background:#ffffff08}.message-category-card:active{background:#ffffff0d;transform:scale(.995)}.message-category-card-inner{display:flex;align-items:center;width:100%}.message-category-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;min-width:52px;min-height:52px;border-radius:50%;flex-shrink:0;transition:all .3s ease;position:relative}.message-category-icon:before{display:none}.message-category-icon.system{background:#818cf826;border:1px solid rgba(129,140,248,.25);color:#818cf8;box-shadow:0 4px 12px #818cf833}.message-category-card:hover .message-category-icon.system{background:#818cf840;border-color:#818cf866;box-shadow:0 4px 16px #818cf84d;transform:scale(1.05)}.message-category-icon.interaction{background:#34d39926;border:1px solid rgba(52,211,153,.25);color:var(--color-success);box-shadow:0 4px 12px #34d39933}.message-category-card:hover .message-category-icon.interaction{background:#34d39940;border-color:#34d39966;box-shadow:0 4px 16px #34d3994d;transform:scale(1.05)}.message-category-icon.purchase{background:#fbbf2426;border:1px solid rgba(251,191,36,.25);color:var(--color-warning);box-shadow:0 4px 12px #fbbf2433}.message-category-card:hover .message-category-icon.purchase{background:#fbbf2440;border-color:#fbbf2466;box-shadow:0 4px 16px #fbbf244d;transform:scale(1.05)}.message-category-icon.follow{background:#f472b626;border:1px solid rgba(244,114,182,.25);color:#f472b6;box-shadow:0 4px 12px #f472b633}.message-category-card:hover .message-category-icon.follow{background:#f472b640;border-color:#f472b666;box-shadow:0 4px 16px #f472b64d;transform:scale(1.05)}.message-category-icon.private{background:#60a5fa26;border:1px solid rgba(96,165,250,.25);color:#60a5fa;box-shadow:0 4px 12px #60a5fa33}.message-category-card:hover .message-category-icon.private{background:#60a5fa40;border-color:#60a5fa66;box-shadow:0 4px 16px #60a5fa4d;transform:scale(1.05)}.message-category-icon svg{color:inherit;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.message-category-content{flex:1;min-width:0;margin-left:14px}.message-category-name{font-size:16px;font-weight:600;color:var(--color-text-primary);margin:0 0 3px;letter-spacing:-.01em}.message-category-desc{font-size:14px;color:var(--color-text-tertiary);margin:0}.message-category-right{display:flex;align-items:center;flex-shrink:0;gap:8px}.message-category-badge{display:flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;background:#ef4444;color:#fff;font-size:11px;font-weight:600;border-radius:11px;line-height:1;box-shadow:0 2px 8px #ef444466}.message-category-arrow{display:flex;align-items:center;justify-content:center;width:22px;height:22px;color:#f7fafc66;transition:all .3s ease}.message-category-card:hover .message-category-arrow{transform:translate(3px);color:#f7fafcb3}.message-category-arrow svg{width:18px;height:18px;stroke-width:2}.message-list{padding:8px 0}.message-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:transparent;cursor:pointer;transition:background .2s ease;position:relative}.message-item:after{content:"";position:absolute;bottom:0;left:60px;right:16px;height:1px;background:#ffffff0f;pointer-events:none}.message-item:last-child:after{display:none}.message-item:hover{background:#3741514d}.message-item:active{background:#37415180}.message-item.unread{background:#7f9cf50d}.message-item.unread:hover{background:#7f9cf514}.message-item.unread .message-title.unread{color:#a5b4fc}.message-avatar{flex-shrink:0}.message-avatar .avatar-image{width:48px;height:48px;border-radius:50%;object-fit:cover;border:1px solid var(--color-border)}.message-content{flex:1;min-width:0}.message-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;gap:12px}.message-title{flex:1;font-size:15px;font-weight:500;color:var(--color-text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-title.unread{font-weight:600}.message-time{flex-shrink:0;font-size:12px;color:#718096}.message-summary{font-size:14px;color:var(--color-text-tertiary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.unread-dot{position:absolute;top:18px;right:16px;width:8px;height:8px;background:var(--color-error);border-radius:50%;flex-shrink:0}.load-more-container{padding:16px 20px;text-align:center}.load-more-button{padding:10px 24px;background:#7f9cf51a;border:1px solid rgba(127,156,245,.3);border-radius:10px;color:#a5b4fc;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.load-more-button:hover:not(:disabled){background:#7f9cf533;border-color:#7f9cf580}.load-more-button:disabled{opacity:.5;cursor:not-allowed}.no-more{padding:16px 20px;text-align:center;color:#718096;font-size:13px}@media(max-width:768px){.message-center-header,.message-list-header{padding:0 12px;padding-top:max(10px,env(safe-area-inset-top))}.back-button{width:34px;height:34px;min-width:34px;min-height:34px}.back-button svg{width:22px;height:22px}.refresh-button{width:34px;height:34px}.message-center-title,.message-list-title{font-size:var(--title-font-size, 16px)}.clear-all-button,.mark-all-read-button{min-height:34px;padding:5px 10px;font-size:13px}.message-center-content{padding:12px}.message-category-card{padding:14px 16px}.message-category-icon{width:48px;height:48px;min-width:48px;min-height:48px}.message-category-name{font-size:15px}.message-category-desc{font-size:13px}.message-item{padding:12px 14px}.message-avatar .avatar-image{width:44px;height:44px}.message-title{font-size:14px}.message-summary{font-size:13px}}@media(max-width:480px){.message-center-header,.message-list-header{padding:0 10px}.back-button{width:32px;height:32px;min-width:32px;min-height:32px}.back-button svg{width:20px;height:20px}.refresh-button{width:32px;height:32px}.clear-all-button{min-width:40px;min-height:32px;padding:4px 8px;font-size:12px}.mark-all-read-button{min-height:32px;padding:4px 8px;font-size:12px}.mark-all-read-button svg{width:14px;height:14px}.message-center-content{padding:10px}.message-category-card{padding:12px 14px}.message-category-icon{width:44px;height:44px;min-width:44px;min-height:44px}.message-category-name{font-size:14px}.message-category-desc{font-size:13px}.empty-state{padding:24px 16px;margin:16px auto;max-width:260px}.empty-state-icon{width:48px;height:48px;margin-bottom:10px}.empty-state-icon svg{width:20px;height:20px}.empty-state-text{font-size:13px}.message-item{padding:10px 12px;gap:10px}.message-avatar .avatar-image{width:40px;height:40px}.message-title{font-size:14px}.message-summary{font-size:13px}}@media(max-width:360px){.message-category-card{padding:12px 14px}.message-category-icon{width:40px;height:40px;min-width:40px;min-height:40px}}@media(prefers-reduced-motion:reduce){.message-center-content,.message-list-content,.message-category-card,.message-category-icon,.message-item,.back-button,.clear-all-button,.mark-all-read-button,.refresh-button,.loading-spinner,.load-more-button,.pull-icon{animation:none;transition:none}.back-button:active,.clear-all-button:active,.mark-all-read-button:active,.refresh-button:active,.message-category-card:hover .message-category-arrow{transform:none}.refresh-button .spinning,.pull-icon.spinning svg{animation:none}}.back-button:focus-visible,.clear-all-button:focus-visible,.mark-all-read-button:focus-visible,.refresh-button:focus-visible,.message-category-card:focus-visible,.message-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(hover:none)and (pointer:coarse){.back-button:active{background:#ffffff1f}.message-item:active{background:#37415180}.message-category-card:active{background:#37415199}.clear-all-button:active:not(:disabled),.mark-all-read-button:active,.refresh-button:active{background:#ffffff1f}}.loading-container{display:flex;align-items:center;justify-content:center;padding:80px 20px}.loading-state{display:flex;align-items:center;justify-content:center;padding:100px 20px}.loading-spinner{width:36px;height:36px;border:3px solid rgba(127,156,245,.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;margin:20px auto;max-width:280px;background:var(--color-bg-surface);border-radius:12px;border:1px solid var(--color-border)}.empty-state-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:12px;border-radius:50%;background:#7f9cf51f;color:var(--color-primary)}.empty-state-icon svg{width:24px;height:24px}.empty-state-text{font-size:14px;color:var(--color-text-secondary);text-align:center}.message-empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;padding:32px 24px;margin:16px}.message-empty-state-icon-wrapper{display:flex;align-items:center;justify-content:center;margin-bottom:20px;animation:empty-state-float 3s ease-in-out infinite;overflow:visible;border-radius:0!important;background:transparent!important;box-shadow:none!important}.message-empty-state-icon{color:#667eea}.message-empty-state-text{text-align:center;margin-bottom:8px}.message-empty-state-title{font-size:16px;font-weight:600;color:#f7fafc;margin:0 0 6px;letter-spacing:.3px}.message-empty-state-desc{font-size:13px;color:#a0aec0;margin:0;line-height:1.5}@keyframes empty-state-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(max-width:375px){.message-empty-state-container{min-height:240px;padding:24px 16px;margin:12px}.message-empty-state-icon-wrapper{margin-bottom:16px}.message-empty-state-title{font-size:15px}.message-empty-state-desc{font-size:12px}}@media(min-width:769px){.message-empty-state-container{min-height:320px}}.pull-to-refresh-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding-top:20px;transition:height .2s ease-out;position:relative;z-index:10}.pull-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#7f9cf526;border:1px solid rgba(127,156,245,.3);color:var(--color-primary);transition:all .3s ease}.pull-icon.ready{background:#34d39926;border-color:#34d3994d;color:var(--color-success);transform:rotate(180deg)}.pull-icon.spinning svg{animation:spin .8s linear infinite}.pull-text{font-size:13px;color:var(--color-text-tertiary);font-weight:500}.search-bar-container{position:relative;width:100%;max-width:100%}.search-bar-wrapper{display:flex;align-items:stretch;gap:10px;width:100%}.search-bar-wrapper .JoyInput-root{flex:1;min-width:0;border-radius:10px;box-shadow:0 1px 3px #0000001f;transition:border-color .2s ease,box-shadow .2s ease}.search-bar-wrapper .JoyInput-root:focus-within{box-shadow:0 0 0 2px #7f9cf533}.search-bar-clear{display:flex;align-items:center;justify-content:center;padding:6px;background:transparent;border:none;border-radius:8px;color:var(--joy-palette-neutral-400);cursor:pointer;transition:color .2s,background .2s}.search-bar-clear:hover{color:var(--joy-palette-neutral-100);background:#ffffff14}.search-bar-clear:active{background:#ffffff1f}.search-bar-wrapper .JoyButton-root{border-radius:10px;background:var(--color-primary, #7f9cf5);border:none;box-shadow:none;color:var(--color-text-inverse, #1a202c);transition:opacity .2s ease}.search-bar-wrapper .JoyButton-root:hover{opacity:.85}.search-bar-wrapper .JoyButton-root:active{opacity:.75}.search-dropdown-overlay{position:fixed;inset:0;z-index:999;background:transparent}.search-dropdown{position:absolute;top:calc(100% + 10px);left:0;right:0;background:var(--color-bg-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 4px 16px #00000040;z-index:1000;max-height:320px;overflow-y:auto}.dropdown-section{padding:14px 0}.dropdown-header{padding:0 18px 10px}.dropdown-title{font-size:13px;font-weight:600;color:var(--color-text-secondary)}.history-list{display:flex;flex-direction:column;gap:2px}.history-item-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 18px;background:transparent;border:none;border-radius:0;color:var(--color-text-primary);font-size:14px;text-align:left;cursor:pointer;transition:background .2s ease}.history-item-row:hover{background:var(--color-bg-surface-hover)}.history-item-row:active{background:var(--color-bg-surface)}.history-item-row .history-keyword{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item-row .history-item-remove{flex-shrink:0;opacity:.6}.history-item-row .history-item-remove:hover{opacity:1}@media(max-width:768px){.search-bar-wrapper{gap:8px}.search-bar-wrapper .JoyInput-root,.search-bar-wrapper .JoyButton-root{border-radius:8px}.search-dropdown{top:calc(100% + 8px);max-height:280px;border-radius:12px}.dropdown-section{padding:12px 0}.dropdown-header{padding:0 14px 8px}.history-item-row{padding:10px 14px;font-size:13px}}@media(max-width:480px){.search-bar-wrapper{gap:8px}.search-bar-wrapper .JoyInput-root,.search-bar-wrapper .JoyButton-root{border-radius:8px}.search-dropdown{max-height:260px}.history-item-row{padding:10px 12px}}.search-page{--search-primary: #7f9cf5;--search-primary-light: rgba(127, 156, 245, .15);--search-border-dashed: rgba(127, 156, 245, .25);--search-bg-tint: rgba(127, 156, 245, .08);--search-hover-tint: rgba(127, 156, 245, .12);--transition-smooth: cubic-bezier(.4, 0, .2, 1);--transition-bounce: cubic-bezier(.34, 1.56, .64, 1);min-height:100dvh;min-height:var(--app-height, 100dvh);background:var(--color-bg-page);position:relative;padding-top:var(--title-bar-total-height);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.search-page-sheet{min-height:100dvh;min-height:var(--app-height, 100dvh)}.search-bar-section{margin-bottom:20px}@media(max-width:768px){.search-page-sheet{padding:12px!important;padding-bottom:calc(12px + max(env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0)))!important}.search-bar-section{margin-bottom:14px}}@media(max-width:480px){.search-page-sheet{padding:10px!important}.search-bar-section{margin-bottom:12px}}.search-title-bar-sticky{position:fixed;top:0;left:0;right:0;z-index:100}.search-title-bar{box-sizing:border-box;height:var(--title-bar-total-height, calc(var(--title-bar-content-height) + env(safe-area-inset-top, 0px)));display:flex;align-items:center;justify-content:flex-start;padding:0 var(--container-padding-md, 1rem);background:var(--color-bg-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.search-title-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--title-bar-safe-top, env(safe-area-inset-top, 0px));background:var(--color-bg-surface)}.search-title-bar-back{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;background:transparent;border:none;border-radius:8px;color:var(--color-text-primary);cursor:pointer;transition:opacity .2s;flex-shrink:0;-webkit-tap-highlight-color:transparent}.search-title-bar-back:hover{opacity:.7}.search-title-bar-back:active{opacity:.5}.search-title-bar-title{position:absolute;left:50%;transform:translate(-50%);margin:0;font-size:var(--title-font-size, 17px);font-weight:600;color:var(--color-text-primary);line-height:1;-webkit-text-size-adjust:100%}@media(prefers-reduced-motion:reduce){.search-title-bar:before{display:none}.search-title-bar{backdrop-filter:none;-webkit-backdrop-filter:none}}@media(max-width:768px){.search-title-bar{padding:0 12px}.search-title-bar-title{font-size:var(--title-font-size, 16px)}.search-title-bar-back{width:44px;height:44px;min-width:44px;min-height:44px}}@media(max-width:375px){.search-title-bar-back{width:44px;height:44px;min-width:44px;min-height:44px}}@supports (-webkit-touch-callout: none){.search-title-bar{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@supports (padding-top: env(safe-area-inset-top)){.search-title-bar{height:var(--title-bar-total-height, calc(var(--title-bar-content-height) + env(safe-area-inset-top)))}}.search-results-section{margin-top:12px}.results-header{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--color-border);flex-wrap:wrap}.results-keyword{color:var(--joy-palette-primary-400)!important;font-weight:500}.results-list{display:flex;flex-direction:column;gap:10px}.result-item{position:relative;transition:transform .2s var(--transition-smooth),box-shadow .2s var(--transition-smooth)}.result-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#667eea59;opacity:0;transition:opacity .25s var(--transition-smooth);border-radius:12px 12px 0 0;pointer-events:none}.result-item:hover:before{opacity:1}.result-item:hover{box-shadow:0 1px 3px #0000001f}.result-item-inner{display:flex;align-items:center;gap:12px}.result-avatar{flex-shrink:0}.result-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.result-arrow{flex-shrink:0;color:#a0aec099;transition:color .25s var(--transition-smooth)}.result-item:hover .result-arrow{color:var(--joy-palette-primary-400, #7f9cf5)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.empty-state-icon-wrap{display:flex;align-items:center;justify-content:center;width:88px;height:88px;border-radius:50%;background:var(--search-bg-tint);margin-bottom:16px;border:2px dashed var(--search-border-dashed);transition:all .3s var(--transition-smooth)}.empty-state-icon-wrap:hover{background:var(--search-hover-tint);border-color:#7f9cf559;transform:scale(1.05)}.empty-icon{color:var(--joy-palette-primary-400, #7f9cf5);opacity:.85;transition:opacity .3s var(--transition-smooth)}.empty-state-icon-wrap:hover .empty-icon{opacity:1}.empty-title{color:var(--joy-palette-neutral-300)!important;font-weight:600}.empty-desc{color:var(--joy-palette-neutral-500)!important;margin-top:6px!important}@media(max-width:768px){.results-header{margin-bottom:12px;padding-bottom:10px}.result-item-inner,.result-content{gap:10px}.empty-state{padding:36px 20px}.empty-state-icon-wrap{width:76px;height:76px;margin-bottom:14px}}@media(max-width:480px){.result-item-inner,.result-content{gap:8px}.empty-state{padding:32px 16px}}@media(max-width:375px){.result-item:before{height:2px}}.search-history-section{margin-top:20px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title{color:var(--joy-palette-neutral-200)!important}.section-title .JoyTypography-startDecorator{color:#a0aec0cc}.section-clear-btn{color:#a0aec0e6!important}.section-clear-btn:hover{color:var(--joy-palette-primary-400)!important;background:#7f9cf514!important}.history-item{position:relative}.history-item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:#7f9cf54d;opacity:0;transition:opacity .25s var(--transition-smooth);border-radius:10px 10px 0 0;pointer-events:none}.history-item:hover:before{opacity:1}.history-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.history-item .history-keyword{display:block;font-size:15px;font-weight:500;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item .history-time{display:block;font-size:12px;color:#a0aec0b3}.history-item-remove-btn{flex-shrink:0;opacity:.6}.history-item-remove-btn:hover{opacity:1}.search-clear-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}@media(max-width:375px){.history-item:before{height:2px}}@media(min-width:320px)and (max-width:374px){.history-item .history-keyword{font-size:14px}}.search-hint-section{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:min(42vh,300px);padding:32px 20px;text-align:center}.hint-icon-wrap{display:flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:50%;background:#7f9cf51a;margin-bottom:20px;border:2px dashed rgba(127,156,245,.3);transition:all .3s var(--transition-smooth)}.hint-icon-wrap:hover{background:#7f9cf526;border-color:#7f9cf566;transform:scale(1.03)}.hint-icon{color:var(--joy-palette-primary-400, #7f9cf5);opacity:.9;transition:opacity .3s var(--transition-smooth)}.hint-icon-wrap:hover .hint-icon{opacity:1}.hint-title{color:var(--joy-palette-neutral-300)!important;font-weight:600}.hint-desc{color:var(--joy-palette-neutral-500)!important;margin-top:8px!important;max-width:260px}@media(max-width:768px){.search-hint-section{min-height:min(38vh,260px);padding:24px 16px}.hint-icon-wrap{width:88px;height:88px;margin-bottom:16px}}@media(max-width:480px){.search-hint-section{min-height:min(36vh,240px);padding:20px 12px}.hint-icon-wrap{width:80px;height:80px}}@media(max-width:375px){.hint-icon-wrap{width:76px;height:76px}}@media(min-width:320px)and (max-width:374px){.hint-desc{font-size:13px}}.search-clear-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}@media(max-width:480px){.search-clear-modal-actions{gap:10px}}.search-history-tags-section{padding:16px 0}.history-tags-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 4px}.history-tags-clear{display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s ease;color:#a0aec0}.history-tags-clear:hover{background-color:#4a556866}.history-tags-list{display:flex;flex-wrap:wrap;gap:8px}.history-tag-item{display:inline-flex;align-items:center;padding:6px 14px;background-color:#2d3748b3;border:1px solid rgba(74,85,104,.5);border-radius:16px;color:#e2e8f0;font-size:14px;cursor:pointer;transition:all .2s ease}.history-tag-item:hover{background-color:#2d3748e6;border-color:#7f9cf580}.history-tag-item:active{background-color:#2d3748cc;transform:scale(.98)}.wallet-detail-page{background:var(--color-bg-page);position:relative;padding-top:var(--title-bar-total-height);padding-bottom:0}.wallet-detail-content{position:relative;z-index:1;padding:16px;padding-top:var(--title-bar-total-height);padding-bottom:calc(80px + max(env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0)));max-width:1600px;margin-left:auto;margin-right:auto}.wallet-detail-header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--title-bar-total-height);display:flex;align-items:flex-end;justify-content:space-between;padding:0 16px;background:var(--color-bg-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(74,85,104,.4);box-sizing:border-box;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.wallet-detail-header:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--title-bar-safe-top);background:var(--color-bg-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.wallet-detail-header .header-left,.wallet-detail-header .header-right{width:60px;min-width:60px;flex-shrink:0;display:flex;align-items:center;justify-content:center;align-self:center}.wallet-detail-header .header-left{justify-content:flex-start}.wallet-detail-header .header-right{justify-content:flex-end}.wallet-header-title{position:absolute;left:50%;transform:translate(-50%);margin:0;font-size:17px;font-weight:600;color:var(--color-text-primary);-webkit-user-select:none;user-select:none;pointer-events:none;align-self:center;-webkit-text-size-adjust:100%}.wallet-detail-header .header-back,.wallet-detail-header .header-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;min-height:40px;padding:0;border:none;border-radius:8px;background:transparent;color:var(--color-text-primary);cursor:pointer;transition:background-color .2s,color .2s}.wallet-detail-header .header-back:hover,.wallet-detail-header .header-icon:hover{background:#7f9cf526;color:#a5b4fc}.wallet-detail-header .header-back:active,.wallet-detail-header .header-icon:active{transform:scale(.98)}@media(max-width:768px){.wallet-detail-header{padding:0 var(--container-padding-md, 1rem)}.wallet-header-title{font-size:var(--title-font-size, 16px);font-weight:600}}@supports (-webkit-touch-callout: none){.wallet-detail-header{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@supports (padding-top: env(safe-area-inset-top)){.wallet-detail-header{height:var(--title-bar-total-height)}}.wallet-info-card{background:var(--color-bg-surface);color:var(--color-text-primary);padding:20px 16px;margin:0 0 12px;border-radius:12px;border:1px solid var(--color-border);position:relative;z-index:1}.balance-section{margin-bottom:16px;position:relative;z-index:1}.balance-label{font-size:14px;font-weight:500;color:var(--color-text-secondary);letter-spacing:.5px;text-transform:uppercase}.balance-amount{font-size:36px;font-weight:700;margin-bottom:20px;letter-spacing:-.5px}.wallet-crystal-stats{flex-direction:column;gap:8px;width:100%;position:relative;z-index:1}.wallet-crystal-stats .stat-item{width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;padding:14px 16px 14px 20px;background:var(--color-bg-page);border-radius:8px;border:1px solid var(--color-border);transition:background-color .2s,border-color .2s;position:relative}.wallet-crystal-stats .stat-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#fef08a}.wallet-crystal-stats .stat-item:nth-child(2):before{background:#93c5fd}.wallet-crystal-stats .stat-item:nth-child(3):before{background:#c4b5fd}.wallet-crystal-stats .stat-item:hover{background:var(--color-bg-surface);border-color:var(--color-primary)}.wallet-crystal-stats .stat-item.clickable{cursor:pointer}.stat-label{font-size:14px;color:var(--color-text-secondary);font-weight:500}.stat-value{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}.stat-value.crystal{color:#fef08a}.stat-value.crystal.pending{color:#93c5fd}.stat-value.crystal.withdrawn{color:#c4b5fd}.wallet-crystal-stats .stat-divider{display:none}.balance-actions{display:flex;gap:12px;position:relative;margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border);z-index:1}.action-button{flex:1;height:44px;min-height:44px;padding:0 16px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .2s,border-color .2s;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.wallet-info-card .recharge-button{background:var(--color-primary-solid);color:#fff;border:1px solid var(--color-primary-solid)}.wallet-info-card .recharge-button:hover{background:var(--color-primary);border-color:var(--color-primary)}.wallet-info-card .withdraw-button{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.wallet-info-card .withdraw-button:hover{background:var(--color-bg-surface);border-color:var(--color-text-secondary);color:var(--color-text-primary)}.wallet-stats-loading,.wallet-stats-empty{padding:24px;text-align:center;font-size:14px;color:var(--color-text-secondary);background:var(--color-bg-page);border-radius:8px;border:1px dashed var(--color-border)}@media(max-width:768px){.wallet-info-card{padding:16px;border-radius:12px}.balance-actions{gap:10px;margin-top:12px;padding-top:12px}.action-button,.wallet-info-card .recharge-button,.wallet-info-card .withdraw-button{height:44px;min-height:44px;font-size:15px}.stat-value{font-size:16px}}.wallet-chart-card{background:var(--color-bg-surface);border-radius:12px;padding:16px;margin:0 0 12px;border:1px solid var(--color-border);transition:background-color .2s}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.chart-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--color-text-primary)}.chart-toggle-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid rgba(74,85,104,.4);border-radius:6px;background:transparent;color:var(--color-text-tertiary);cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}.chart-toggle-button:hover{background:var(--color-bg-surface);border-color:#4a556899;color:var(--color-text-secondary)}.chart-stats{display:flex;gap:20px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.chart-stat-item{flex:1}.chart-stat-label{font-size:12px;color:var(--color-text-tertiary);margin-bottom:4px}.chart-stat-value{font-size:18px;font-weight:600;color:#34d399;font-variant-numeric:tabular-nums}.chart-container{position:relative;width:100%;height:260px;margin-bottom:12px}.income-chart{width:100%;height:100%;display:block}.chart-legend{display:flex;align-items:center;justify-content:center;gap:8px}.legend-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text-tertiary)}.legend-color{width:12px;height:12px;border-radius:2px}.legend-color.income-legend{background-color:#34d399}.chart-collapsed-card{margin:0 0 12px}.chart-expand-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border:1px dashed rgba(74,85,104,.5);border-radius:8px;background:transparent;color:#34d399;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s}.chart-expand-button:hover{background:var(--color-bg-surface);border-color:#34d39980}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;padding:8px 0;margin:0 0 12px}.filter-type{flex:1;min-width:120px}.filter-select{width:100%;padding:8px 10px;border:1px solid rgba(74,85,104,.5);border-radius:6px;font-size:14px;background:var(--color-bg-surface);color:var(--color-text-primary);cursor:pointer;transition:border-color .2s}.filter-select:focus{outline:none;border-color:var(--color-primary-solid)}.filter-date{display:flex;align-items:center;gap:8px;flex:1}.filter-input{flex:1;padding:8px 10px;border:1px solid rgba(74,85,104,.5);border-radius:6px;font-size:14px;background:var(--color-bg-surface);color:var(--color-text-primary);cursor:pointer;transition:border-color .2s}.filter-input:focus{outline:none;border-color:var(--color-primary-solid)}.date-separator{color:var(--color-text-tertiary);font-size:14px}.filter-button,.filter-reset-button{padding:8px 16px;border:1px solid transparent;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s}.filter-button{background:var(--color-primary-solid);color:#fff;border-color:var(--color-primary-solid)}.filter-button:hover{background:#5558e6;border-color:#5558e6}.filter-reset-button{background:var(--color-bg-surface);color:var(--color-text-secondary);border-color:#4a556880}.filter-reset-button:hover{background:var(--color-bg-surface-hover);border-color:#4a5568b3;color:var(--color-text-primary)}.transactions-list{padding:0}.transaction-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--color-bg-surface);border-radius:8px;margin-bottom:8px;cursor:pointer;transition:background-color .2s,border-color .2s;border:1px solid var(--color-border)}.transaction-item:hover{background:var(--color-bg-surface-hover);border-color:var(--color-primary)}.transaction-icon{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#2d374899;border-radius:8px}.transaction-info{flex:1;min-width:0}.transaction-title{font-size:16px;font-weight:600;color:var(--color-text-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transaction-description{font-size:13px;color:var(--color-text-tertiary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transaction-time{font-size:12px;color:#718096}.transaction-amount-section{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.transaction-amount{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}.transaction-amount.income{color:#34d399}.transaction-amount.expense{color:#f87171}.transaction-status{font-size:11px;padding:2px 6px;border-radius:4px;font-weight:500}.transaction-status.status-pending{color:#fbbf24;background:#fbbf2426}.transaction-status.status-success{color:#34d399;background:#34d39926}.transaction-status.status-failed{color:#f87171;background:#f8717126}.loading-state,.load-more-trigger{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px}.loading-spinner{width:32px;height:32px;border:3px solid rgba(74,85,104,.4);border-top-color:var(--color-primary-solid);border-radius:50%;animation:spin .8s linear infinite}.loading-text{margin-top:12px;font-size:14px;color:var(--color-text-tertiary)}.load-more-trigger{min-height:80px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;color:var(--color-text-tertiary)}.empty-state svg{margin-bottom:12px;opacity:.4;stroke:#718096}.empty-text{font-size:14px;color:var(--color-text-tertiary)}.wallet-bottom-nav{--bottom-nav-height: 44px;position:fixed;bottom:0;left:0;right:0;z-index:1000;background:#111827fa;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.08);padding:0 20px max(12px,env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0));display:flex;justify-content:space-around;align-items:center;height:var(--bottom-nav-height);min-height:var(--bottom-nav-height)}.wallet-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:none;padding:4px 0;cursor:pointer;transition:all .3s ease;min-height:44px}.wallet-nav-label{font-size:14px;color:#fff9;font-weight:400;transition:color .3s ease;line-height:1.4}.wallet-nav-item.active .wallet-nav-label{color:#818cf8;font-weight:600}@media(max-width:768px){.wallet-bottom-nav{--bottom-nav-height: 40px;padding:0 16px max(10px,env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0))}}@media(max-width:375px){.wallet-bottom-nav{padding:0 12px max(10px,env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0))}}@media(min-width:320px){.wallet-nav-label{font-size:16px}}@media(min-width:375px){.wallet-nav-label{font-size:17px}}@media(min-width:768px){.wallet-nav-label{font-size:18px}}@media(min-width:769px){.wallet-bottom-nav{max-width:600px;margin-left:auto;margin-right:auto;border-radius:16px 16px 0 0}}@media(min-width:1281px){.wallet-bottom-nav{max-width:700px}}.wallet-report-content{padding-bottom:calc(56px + max(env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0)))}.report-card{background:var(--color-bg-surface);border-radius:12px;padding:20px 16px;margin-bottom:12px;border:1px solid var(--color-border);position:relative;z-index:1}.report-title{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--color-text-primary);position:relative;z-index:1}.report-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;position:relative;z-index:1}.report-stat-item{background:var(--color-bg-page);border-radius:8px;padding:14px 14px 14px 22px;border:1px solid var(--color-border);transition:background-color .2s,border-color .2s;position:relative}.report-stat-item:before{content:"";position:absolute;left:14px;top:14px;width:3px;height:calc(100% - 28px);background:#34d399;border-radius:2px}.report-stat-item:nth-child(4):before,.report-stat-item:nth-child(5):before,.report-stat-item:nth-child(6):before{background:#f87171}.report-stat-item:hover{background:var(--color-bg-surface);border-color:var(--color-primary)}.report-stat-label{font-size:12px;color:var(--color-text-secondary);margin-bottom:6px}.report-stat-value{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}.report-stat-value.income{color:#34d399}.report-stat-value.expense{color:#f87171}.report-chart-section{background:var(--color-bg-surface);border-radius:12px;padding:20px 16px;margin-bottom:12px;border:1px solid var(--color-border);position:relative;z-index:1}.report-section-title{margin:0 0 16px;font-size:15px;font-weight:600;color:var(--color-text-primary);position:relative;z-index:1}.report-chart-container{display:flex;align-items:flex-end;justify-content:space-between;height:120px;gap:10px;position:relative;z-index:1}.report-chart-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.report-chart-bar{width:100%;background:var(--color-primary-solid);border-radius:4px 4px 0 0;min-height:8px;transition:background-color .2s}.report-chart-bar:hover{background:var(--color-primary)}.report-chart-label{font-size:11px;color:var(--color-text-tertiary)}.report-tip{text-align:center;padding:20px;color:var(--color-text-secondary);font-size:14px;background:var(--color-bg-page);border-radius:8px;border:1px dashed var(--color-border)}.report-tip p{margin:0}@media(min-width:480px){.report-stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.report-card,.report-chart-section{padding:16px;border-radius:12px}.report-stat-value{font-size:16px}.report-chart-container{height:100px}}@media(max-width:480px){.balance-amount{font-size:28px}.stat-value{font-size:16px}.filter-bar{flex-direction:column}.filter-type,.filter-date,.filter-button,.filter-reset-button{width:100%}}.wallet-recharge-page{min-height:100vh;background:var(--color-bg-page);color:var(--color-text-primary);padding-top:calc(var(--title-bar-total-height) + 12px);padding-bottom:80px;overflow-y:auto}.wallet-recharge-page::-webkit-scrollbar{display:none}.wallet-recharge-page{-ms-overflow-style:none;scrollbar-width:none}.amount-section{padding:16px;margin:0 16px 12px;background:var(--color-bg-surface);border-radius:12px;border:1px solid var(--color-border)}.amount-input-wrapper{display:flex;align-items:center;background:var(--color-bg-page);border-radius:8px;padding:12px 16px;margin-bottom:12px;border:1px solid var(--color-border);transition:border-color .2s}.currency-symbol{font-size:18px;font-weight:600;color:var(--color-primary);margin-right:4px}.amount-input{flex:1;background:transparent;border:none;outline:none;font-size:22px;font-weight:600;color:var(--color-text-primary);letter-spacing:1px}.amount-input::placeholder{color:var(--color-text-tertiary);font-weight:400;font-size:18px;letter-spacing:0}.amount-unit{font-size:15px;color:var(--color-text-secondary);margin-left:8px;font-weight:500}.preset-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.preset-amount{padding:12px 8px;background:var(--color-bg-page);border:1px solid var(--color-border);border-radius:8px;text-align:center;cursor:pointer;transition:background-color .2s,border-color .2s;color:var(--color-text-primary);display:flex;flex-direction:column;align-items:center;gap:4px}.preset-yuan{font-size:15px;font-weight:600}.preset-crystals{font-size:11px;color:var(--color-text-tertiary)}.preset-amount.active{background:var(--color-bg-surface);border-color:var(--color-primary)}.preset-amount.active .preset-yuan,.preset-amount.active .preset-crystals{color:var(--color-primary)}.notice-section{padding:0 16px 12px}.recharge-notice{background:var(--color-bg-page);border-radius:12px;padding:16px}.notice-title{font-size:14px;font-weight:600;color:var(--color-text-primary);margin-bottom:12px}.notice-list{padding:0;margin:0;list-style:none}.notice-list li{font-size:13px;color:var(--color-text-secondary);line-height:1.8;padding-left:16px;position:relative}.notice-list li:before{content:"•";position:absolute;left:0;color:var(--color-primary)}.bottom-section{position:fixed;bottom:0;left:0;right:0;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0));background:#111827fa;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.08)}.recharge-button{width:100%;padding:14px;background:var(--color-primary-solid);border:1px solid var(--color-primary-solid);border-radius:8px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .2s,border-color .2s}.recharge-button:active:not(:disabled){background:var(--color-primary);border-color:var(--color-primary)}.recharge-button:disabled{opacity:.5;cursor:not-allowed;background:var(--color-bg-surface);border-color:var(--color-border);color:var(--color-text-tertiary)}.polling-tip{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 0;margin-bottom:8px;font-size:13px;color:var(--color-text-secondary)}.polling-spinner{width:14px;height:14px;border:2px solid rgba(127,156,245,.3);border-top-color:var(--color-primary-solid);border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.amount-section{margin:0 12px 12px;padding:14px}.preset-amounts{grid-template-columns:repeat(2,1fr);gap:8px}.preset-yuan{font-size:14px}.amount-input{font-size:20px}.currency-symbol{font-size:17px}.bottom-section{padding:10px 12px}.recharge-button{padding:12px;font-size:14px}}.wallet-recharge-page{animation:fadeIn .2s ease}.wallet-withdraw-page{background:var(--color-bg-page);padding-top:calc(var(--title-bar-total-height) + 12px);padding-bottom:100px}.wallet-withdraw-page::-webkit-scrollbar{display:none}.wallet-withdraw-page{-ms-overflow-style:none;scrollbar-width:none}.history-button{padding:6px 0;background:none;border:none;color:var(--color-text-secondary);font-size:14px;cursor:pointer;transition:color .2s}.history-button:hover{color:var(--color-text-primary)}.balance-display{background:var(--color-bg-surface);margin:16px;padding:20px;border-radius:12px;border:1px solid var(--color-border)}.balance-label{font-size:14px;color:var(--color-text-secondary);margin-bottom:8px}.crystal-badge{display:inline-flex;align-items:center;padding:2px 8px;background:var(--color-primary-solid);color:#fff;font-size:11px;font-weight:600;border-radius:6px;letter-spacing:.02em}.balance-amount{font-size:32px;font-weight:700;color:var(--color-text-primary);margin-bottom:8px;letter-spacing:-.02em;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px}.balance-crystal{color:#fef08a}.balance-unit{font-size:18px;font-weight:600;color:var(--color-text-secondary)}.balance-cny{font-size:15px;font-weight:500;color:var(--color-text-tertiary)}.balance-loading{font-size:18px;color:var(--color-text-secondary);font-weight:500}.ratio-hint{font-size:12px;color:var(--color-text-tertiary);margin-bottom:16px}.all-withdraw{display:inline-block;padding:10px 22px;background:var(--color-primary-solid);border:1px solid var(--color-primary-solid);border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s,border-color .2s}.all-withdraw:hover:not([aria-disabled=true]){background:var(--color-primary);border-color:var(--color-primary)}.all-withdraw[aria-disabled=true]{opacity:.6;cursor:not-allowed}.amount-section{background:var(--color-bg-surface);margin:0 16px 12px;padding:20px;border-radius:12px;border:1px solid var(--color-border)}.section-title{font-size:14px;font-weight:500;color:var(--color-text-secondary);margin-bottom:16px}.amount-input-wrapper{display:flex;align-items:center;background:var(--color-bg-page);border-radius:8px;padding:12px 14px;margin-bottom:12px;border:1px solid var(--color-border);transition:border-color .2s}.amount-input-wrapper:focus-within{border-color:var(--color-primary)}.amount-input-wrapper.exceed{border-color:#ef444f99;background:#ef444f14}.amount-input-wrapper.exceed:focus-within{border-color:#ef444fcc;background:#ef444f1a}.crystal-icon{font-size:16px;color:#fef08a;margin-right:10px;line-height:1}.amount-input{flex:1;border:none;background:transparent;font-size:18px;font-weight:600;color:var(--color-text-primary);outline:none;min-width:0}.amount-input::placeholder{color:var(--color-text-tertiary);font-weight:400;font-size:14px}.amount-unit{font-size:14px;font-weight:500;color:var(--color-text-secondary);margin-left:8px}.amount-cny-hint{font-size:13px;color:var(--color-text-tertiary);margin-bottom:16px;padding-left:4px}.preset-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.preset-amount{padding:12px 8px;background:var(--color-bg-page);border:1px solid var(--color-border);border-radius:8px;text-align:center;font-size:13px;font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:background-color .2s,border-color .2s;display:flex;flex-direction:column;align-items:center;gap:4px}.preset-amount:active{background:var(--color-bg-surface-hover)}.preset-amount.active{background:var(--color-bg-surface);border-color:var(--color-primary);color:var(--color-primary)}.preset-amount.preset-all{background:var(--color-bg-page);border:1px solid var(--color-border);color:var(--color-text-secondary)}.preset-amount.preset-all:active{background:var(--color-bg-surface-hover)}.preset-amount.preset-all.active{background:var(--color-bg-surface);border-color:#52c41a;color:#52c41a}.fee-info{background:var(--color-bg-page);border-radius:8px;padding:16px;margin-bottom:16px;border:1px solid var(--color-border)}.fee-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.fee-item:not(:last-child){border-bottom:1px solid var(--color-border)}.fee-label{font-size:14px;color:var(--color-text-secondary)}.fee-value{font-size:15px;font-weight:600;color:var(--color-text-primary)}.fee-value.actual{font-size:16px;font-weight:700;color:#52c41a}.notice-section{padding:0 16px}.withdraw-notice{background:var(--color-bg-page);border-radius:8px;padding:14px 16px}.withdraw-notice .notice-title{font-size:13px;font-weight:600;color:var(--color-text-primary);margin-bottom:10px}.withdraw-notice .notice-list{margin:0;padding:0;list-style:none}.withdraw-notice .notice-list li{font-size:12px;color:var(--color-text-secondary);margin-bottom:5px;line-height:1.6;padding-left:14px;position:relative}.withdraw-notice .notice-list li:before{content:"•";position:absolute;left:0;color:var(--color-primary)}.withdraw-method-section{background:var(--color-bg-surface);margin:0 16px 16px;padding:20px;border-radius:12px;border:1px solid var(--color-border)}.withdraw-methods{display:flex;flex-direction:column;gap:12px}.withdraw-method{display:flex;align-items:center;padding:16px 18px;background:var(--color-bg-page);border:1px solid var(--color-border);border-radius:12px;cursor:pointer;transition:background-color .2s,border-color .2s}.withdraw-method:hover{background:var(--color-bg-surface-hover);border-color:var(--color-text-tertiary)}.withdraw-method.active{background:var(--color-bg-surface);border-color:var(--color-primary)}.method-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;margin-right:14px;flex-shrink:0}.wechat-icon{background:#05c16026;color:#05c160}.alipay-icon{background:#1677ff26;color:#1677ff}.bank-icon{background:#f43f5e26;color:#f43f5e}.method-info{flex:1}.method-name{font-size:16px;font-weight:600;color:var(--color-text-primary);margin-bottom:4px}.withdraw-method.active .method-name{color:var(--color-primary)}.method-desc{font-size:13px;color:var(--color-text-secondary)}.withdraw-method.active .method-desc{color:var(--color-text-primary)}.method-check{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bottom-section{position:fixed;bottom:0;left:0;right:0;background:#1a202cfa;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0));z-index:99;border-top:1px solid var(--color-border)}.withdraw-button{width:100%;padding:14px 24px;min-height:48px;background:var(--color-primary-solid);border:1px solid var(--color-primary-solid);border-radius:8px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .2s,border-color .2s}.withdraw-button:hover:not(:disabled){background:var(--color-primary);border-color:var(--color-primary)}.withdraw-button:active:not(:disabled){transform:scale(.98)}.withdraw-button:disabled{opacity:.5;cursor:not-allowed;background:var(--color-bg-surface);border-color:var(--color-border);color:var(--color-text-tertiary)}.withdraw-button.loading{opacity:.7;cursor:wait}@media(max-width:768px){.amount-section{margin:0 12px 12px;padding:16px}.preset-amounts{gap:8px}.preset-amount{padding:10px 6px;font-size:13px}.bottom-section{padding:10px 12px}.withdraw-button{padding:12px;font-size:14px}.fee-info{padding:14px}.withdraw-notice{padding:12px 14px}}@media(max-width:375px){.preset-amounts{grid-template-columns:repeat(2,1fr)}.preset-amount{padding:10px 6px;font-size:12px}}@media(min-width:480px)and (max-width:768px){.preset-amounts{grid-template-columns:repeat(3,1fr)}}.alipay-section{background:var(--color-bg-surface, #2d3748);margin:0 16px 12px;padding:20px;border-radius:12px;border:1px solid var(--color-border, #4a5568)}.alipay-field-wrapper{display:flex;align-items:center;background:var(--color-bg-page, #1a202c);border-radius:8px;padding:12px 14px;margin-bottom:12px;border:1px solid var(--color-border, #4a5568);transition:border-color .2s;min-height:44px}.alipay-field-wrapper:focus-within{border-color:var(--color-primary, #7f9cf5)}.alipay-field-label{flex-shrink:0;width:80px;font-size:13px;color:var(--color-text-secondary, #cbd5e0)}.alipay-field-input{flex:1;border:none;background:transparent;font-size:16px;color:var(--color-text-primary, #f7fafc);outline:none;min-width:0}.alipay-field-input::placeholder{color:var(--color-text-tertiary, #a0aec0)}.alipay-field-input:disabled{opacity:.5;cursor:not-allowed}.alipay-field-helper{font-size:12px;color:var(--color-text-tertiary, #a0aec0);margin-top:4px;margin-left:4px}@media(max-width:375px){.alipay-section{padding:16px}.alipay-field-label{width:64px;font-size:12px}}.sms-dialog-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1050;animation:overlay-fade-in .2s ease}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.sms-dialog-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 32px);max-width:380px;background:var(--color-bg-surface, #2d3748);border-radius:16px;border:1px solid var(--color-border, #4a5568);box-shadow:0 4px 20px #0000004d;padding:32px 24px;z-index:1051;animation:content-slide-in .25s cubic-bezier(.16,1,.3,1);outline:none}@keyframes content-slide-in{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.sms-dialog-content[data-state=closed]{animation:content-slide-out .2s ease-in}@keyframes content-slide-out{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-52%)}}.sms-dialog-content:focus-visible{box-shadow:0 0 0 2px #667eea80,0 4px 20px #0000004d}.sms-dialog-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto 16px;background:#667eea26;border-radius:50%;color:#667eea}.sms-dialog-title{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--color-text-primary, #f7fafc);text-align:center}.sms-dialog-desc{margin:0 0 24px;font-size:14px;color:var(--color-text-secondary, #cbd5e0);text-align:center}.sms-dialog-resend{text-align:right;margin-top:16px;min-height:32px}.sms-resend-button{background:transparent;border:none;font-size:13px;color:var(--color-text-tertiary, #a0aec0);cursor:not-allowed;opacity:.7;padding:6px 8px;min-height:32px}.sms-resend-button.enabled{color:var(--color-primary, #7f9cf5);font-weight:600;cursor:pointer;opacity:1}.sms-resend-button.enabled:active{opacity:.7}.sms-resend-button:disabled{cursor:not-allowed;opacity:.7}.sms-dialog-error{margin:8px 0 0;font-size:13px;color:#f87171;min-height:20px;text-align:center}.sms-dialog-submit{width:100%;padding:12px 20px;font-size:14px;font-weight:600;color:#fff;background:#667eea;border:none;border-radius:10px;cursor:pointer;box-shadow:0 2px 8px #667eea4d;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin-top:16px;transition:background-color .2s,box-shadow .2s}.sms-dialog-submit:hover:not(:disabled){background:#5a67d8;box-shadow:0 2px 10px #667eea66}.sms-dialog-submit:active:not(:disabled){background:#4c51bf;box-shadow:0 1px 6px #667eea4d}.sms-dialog-submit:disabled{opacity:.6;cursor:not-allowed}.sms-dialog-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.sms-dialog-cancel{width:100%;padding:10px;font-size:14px;font-weight:600;color:var(--color-text-secondary, #cbd5e0);background:transparent;border:none;cursor:pointer;margin-top:4px}.sms-dialog-cancel:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.sms-dialog-content{padding:24px 16px}}@media(max-width:375px){.sms-dialog-content{padding:20px 16px}.sms-dialog-title{font-size:16px}}@media(prefers-reduced-motion:reduce){.sms-dialog-overlay,.sms-dialog-content{animation:none}.sms-dialog-submit,.sms-resend-button{transition:none}}.sms-input-row{display:flex;gap:8px;justify-content:center;margin:8px 0 0}.sms-input-cell{width:44px;height:52px;text-align:center;font-size:24px;font-weight:600;line-height:1;background:var(--color-bg-page, #1a202c);border:1px solid var(--color-border, #4a5568);border-radius:8px;color:var(--color-text-primary, #f7fafc);outline:none;transition:border-color .15s ease,box-shadow .15s ease;padding:0;-moz-appearance:textfield}.sms-input-cell::-webkit-outer-spin-button,.sms-input-cell::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sms-input-cell:focus{border-color:var(--color-primary, #7f9cf5);box-shadow:0 0 0 2px #7f9cf526}.sms-input-cell.filled{border-color:var(--color-border, #4a5568)}.sms-input-cell.error{border-color:#ef444f99;background:#ef444f14}.sms-input-cell:disabled{opacity:.5;cursor:not-allowed}@media(max-width:375px){.sms-input-cell{width:40px;height:48px;font-size:22px}}@media(max-width:320px){.sms-input-row{gap:4px}.sms-input-cell{width:36px;height:44px;font-size:22px}}.wallet-flow-detail-page{min-height:100dvh;min-height:var(--app-height, 100dvh);background:var(--color-primary, #667eea);color:#fff;font-family:initial;padding-top:var(--title-bar-total-height)}.flow-detail-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;padding-top:max(16px,env(safe-area-inset-top));background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:fixed;top:0;left:0;right:0;z-index:100}.back-button{background:#fff3;border:none;color:#fff;font-size:20px;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.back-button:hover{background:#ffffff4d}.back-button:active{background:#ffffff26}.page-title{font-size:17px;font-weight:600;margin:0;flex:1;text-align:center}.amount-card{background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;padding:40px 20px;margin:20px;text-align:center;border:1px solid rgba(255,255,255,.2);box-shadow:0 1px 3px #0000001f}.amount-icon{font-size:48px;margin-bottom:10px}.amount-label{font-size:16px;color:#fffc;margin-bottom:8px}.amount-value{font-size:36px;font-weight:700;margin-bottom:16px}.amount-status{display:inline-block;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600}.flow-detail-content{background:#fff;border-radius:24px 24px 0 0;padding:24px 20px;padding-bottom:max(24px,env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0));min-height:calc(100dvh - 300px);min-height:calc(var(--app-height, 100dvh) - 300px)}.detail-section{margin-bottom:32px}.section-title{font-size:16px;font-weight:600;color:#333;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #f0f0f0}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.detail-label{font-size:14px;color:#999;flex:1}.detail-value{font-size:14px;color:#333;flex:1;text-align:right;word-break:break-all}.order-number,.transaction-id{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:1}.copy-button{background:#f0f0f0;border:none;color:#666;font-size:12px;padding:4px 12px;border-radius:12px;cursor:pointer;transition:background-color .2s,color .2s;white-space:nowrap}.copy-button:hover{background:#e0e0e0;color:#333}.copy-button:active{background:#d0d0d0}.tips-section{background:#f8f9fa;border-radius:12px;padding:16px;margin-bottom:20px;border-left:4px solid #667eea}.tips-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#333;margin-bottom:12px}.tips-icon{font-size:16px}.tips-list{margin:0;padding-left:20px;font-size:13px;color:#666;line-height:1.8}.tips-list li{margin-bottom:4px}.contact-service-button{width:100%;padding:14px;background:var(--color-primary, #667eea);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s,border-color .2s;box-shadow:0 1px 3px #0000001f}.contact-service-button:hover{background:var(--color-primary-dark, #5a67d8);box-shadow:0 1px 3px #0000001f}.contact-service-button:active{background:var(--color-primary-darker, #4c51bf)}.wallet-flow-detail-page.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.wallet-flow-detail-page.loading p{font-size:14px;color:#fffc}.wallet-flow-detail-page.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.6}.wallet-flow-detail-page.empty p{font-size:16px;color:#fffc;margin-bottom:24px}.wallet-flow-detail-page.empty .back-button{padding:12px 32px;width:auto;border-radius:20px;font-size:14px;font-weight:600}@media(max-width:768px){.amount-card{margin:16px;padding:32px 16px}.amount-icon{font-size:40px}.amount-value{font-size:32px}.flow-detail-content{padding:20px 16px}.detail-section{margin-bottom:24px}.section-title{font-size:15px}.detail-label,.detail-value{font-size:13px}}@media(max-width:480px){.flow-detail-header{padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top))}.page-title{font-size:16px}.amount-card{margin:12px;padding:24px 12px}.amount-icon{font-size:36px}.amount-label{font-size:14px}.amount-value{font-size:28px}.amount-status{font-size:13px;padding:5px 12px}.flow-detail-content{padding:16px 12px}.detail-section{margin-bottom:20px}.detail-item{padding:10px 0}.tips-section{padding:12px}.tips-title{font-size:13px}.tips-list{font-size:12px}.contact-service-button{padding:12px;font-size:15px}}@media(prefers-color-scheme:dark){.flow-detail-content{background:var(--color-bg-page)}.section-title{color:var(--color-text-primary);border-bottom-color:var(--color-bg-surface)}.detail-label{color:#aaa}.detail-value{color:var(--color-text-primary)}.tips-section{background:var(--color-bg-surface);border-left-color:#a8b4ff}.tips-title{color:var(--color-text-primary)}.tips-list{color:#bbb}.copy-button{background:#3d3d5c;color:#bbb}.copy-button:hover{background:#4d4d6c;color:var(--color-text-primary)}}.wallet-flow-detail-page::-webkit-scrollbar{width:6px}.wallet-flow-detail-page::-webkit-scrollbar-track{background:#ffffff1a}.wallet-flow-detail-page::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.wallet-flow-detail-page::-webkit-scrollbar-thumb:hover{background:#ffffff80}.flow-detail-content::-webkit-scrollbar{width:6px}.flow-detail-content::-webkit-scrollbar-track{background:#f0f0f0}.flow-detail-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.flow-detail-content::-webkit-scrollbar-thumb:hover{background:#999}@media(prefers-color-scheme:dark){.flow-detail-content::-webkit-scrollbar-track{background:var(--color-bg-surface)}.flow-detail-content::-webkit-scrollbar-thumb{background:#4d4d6c}.flow-detail-content::-webkit-scrollbar-thumb:hover{background:#6d6d8c}}.wallet-flow-list-page{min-height:100dvh;min-height:var(--app-height, 100dvh);background-color:var(--color-bg-page);display:flex;flex-direction:column;padding-top:var(--title-bar-total-height)}.flow-list-header{--header-height: 44px;height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 16px;background-color:var(--color-bg-page);border-bottom:1px solid var(--color-border);position:fixed;top:0;left:0;right:0;z-index:10}.flow-list-back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-primary);cursor:pointer;border-radius:8px;transition:background-color .2s}.flow-list-back:hover{background-color:var(--color-border)}.flow-list-title{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0;text-align:center;flex:1}.flow-list-header-right{width:40px}.flow-list-content{flex:1;padding:12px 16px;overflow-y:auto}.flow-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;padding:40px 20px}.flow-list-empty .empty-icon{color:var(--color-text-tertiary);margin-bottom:16px}.flow-list-empty .empty-text{font-size:14px;color:var(--color-text-tertiary)}.flow-list{display:flex;flex-direction:column;gap:8px}.flow-item{display:flex;align-items:center;padding:14px 16px;background-color:var(--color-bg-surface);border-radius:12px;cursor:pointer;transition:all .2s ease;border:1px solid rgba(74,85,104,.2)}.flow-item:hover{background-color:var(--color-bg-surface-hover);border-color:#6366f14d}.flow-item:active{transform:scale(.98)}.flow-item-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;margin-right:12px;flex-shrink:0}.flow-item-icon .icon-income{color:#10b981;background-color:#10b98126;padding:8px;border-radius:10px}.flow-item-icon .icon-expense{color:#ef4444;background-color:#ef444426;padding:8px;border-radius:10px}.flow-item-info{flex:1;min-width:0}.flow-item-source{font-size:15px;font-weight:500;color:var(--color-text-primary);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-item-time{font-size:12px;color:var(--color-text-tertiary)}.flow-item-amount-section{text-align:right;flex-shrink:0;margin-left:12px}.flow-item-amount{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;margin-bottom:2px}.flow-item-amount.income{color:#10b981}.flow-item-amount.expense{color:#ef4444}.flow-item-fee{font-size:11px;color:var(--color-text-tertiary)}.flow-list-load-more{display:flex;align-items:center;justify-content:center;padding:16px;color:var(--color-text-tertiary);font-size:13px;gap:8px}.flow-list-no-more{text-align:center;padding:20px;font-size:13px;color:var(--color-text-tertiary)}@media(max-width:768px){.flow-list-header{--header-height: 40px;padding:0 12px}.flow-list-title{font-size:16px}.flow-list-content{padding:10px 12px}.flow-item{padding:12px 14px}.flow-item-icon{width:36px;height:36px;margin-right:10px}.flow-item-source{font-size:14px}.flow-item-amount{font-size:15px}}.recharge-history-page{min-height:100vh;background:var(--color-bg-page);color:var(--color-text-primary);padding-top:var(--title-bar-total-height);padding-bottom:80px;overflow-y:auto}.recharge-history-page::-webkit-scrollbar{display:none}.recharge-history-page{-ms-overflow-style:none;scrollbar-width:none}.recharge-history-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--container-padding-md, 1rem);position:fixed;top:0;left:0;right:0;z-index:10;background:var(--color-bg-surface);border-bottom:1px solid var(--color-border)}.back-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:10px;transition:background .2s ease}.back-button:active{background:var(--color-border)}.page-title{font-size:17px;font-weight:600;color:var(--color-text-primary);flex:1;text-align:center}.recharge-list{padding:12px 16px;display:flex;flex-direction:column;gap:10px}.loading-container,.empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid rgba(66,153,225,.2);border-top-color:#4299e1;border-radius:50%;animation:spin .8s linear infinite}.loading-container p{margin-top:16px;color:#718096;font-size:14px}.recharge-item{display:flex;align-items:center;gap:14px;padding:16px;background:#252f3f;border-radius:14px;border:1px solid rgba(74,85,104,.2);transition:all .25s ease;position:relative;overflow:hidden}.recharge-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#4299e1;opacity:0;transition:opacity .25s ease}.recharge-item:active{background:var(--color-bg-surface)}.recharge-item:active:before{opacity:1}.recharge-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:22px;background:#4299e126;border-radius:14px;flex-shrink:0;color:#4299e1;border:1px solid rgba(66,153,225,.2)}.recharge-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.recharge-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.recharge-description{font-size:15px;font-weight:500;color:var(--color-text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recharge-status{flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:600;border-radius:12px;background:#52c41a26;color:#52c41a}.recharge-status.pending{background:#faad1426;color:#faad14}.recharge-status.cancelled{background:#8c8c8c26;color:#8c8c8c}.recharge-status.refunded{background:#ff4d4f26;color:#ff4d4f}.recharge-details{display:flex;align-items:center;justify-content:space-between}.recharge-time{font-size:12px;color:#718096}.recharge-amount{font-size:var(--title-font-size, 17px);font-weight:700;color:#52c41a;flex-shrink:0;font-variant-numeric:tabular-nums}.recharge-order{display:flex;align-items:center;gap:4px;font-size:11px;color:#718096;padding-top:8px;margin-top:2px;border-top:1px solid rgba(74,85,104,.2)}.order-label{flex-shrink:0;color:#606f7b}.order-number{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:SF Mono,Monaco,Inconsolata,monospace}.load-more-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:10px}.load-more-indicator .loading-spinner{width:20px;height:20px;border-width:2px}.load-more-indicator p{color:#718096;font-size:13px}.no-more-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.no-more-indicator p{color:#606f7b;font-size:12px;position:relative}.no-more-indicator p:before,.no-more-indicator p:after{content:"";position:absolute;top:50%;width:40px;height:1px;background:#4a55684d}.no-more-indicator p:before{right:calc(100% + 12px)}.no-more-indicator p:after{left:calc(100% + 12px)}.bottom-actions{position:fixed;bottom:0;left:0;right:0;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0));background:#1a202cf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--color-border);z-index:10}.bottom-actions .recharge-button{width:100%;padding:14px;border:none;border-radius:12px;background:#4299e1;color:#fff;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #4299e14d;transition:all .2s ease;letter-spacing:.5px}.bottom-actions .recharge-button:active{background:#3182ce;box-shadow:0 1px 4px #4299e133}@media(max-width:768px){.recharge-history-header{padding:0 12px}.page-title{font-size:var(--title-font-size, 16px)}.back-button{width:36px;height:36px}.header-spacer{width:36px}.recharge-list{padding:10px 12px;gap:8px}.recharge-item{padding:14px;gap:12px}.recharge-icon{width:44px;height:44px;font-size:20px;border-radius:12px}.recharge-description{font-size:14px}.recharge-amount{font-size:17px}.recharge-time{font-size:11px}.empty-container{padding:60px 20px}.empty-icon{width:70px;height:70px;font-size:28px}.bottom-actions{padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.bottom-actions .recharge-button{padding:12px;font-size:14px}}.withdraw-history-page{min-height:100dvh;min-height:var(--app-height, 100dvh);background-color:var(--color-bg-page);display:flex;flex-direction:column;padding-top:var(--title-bar-total-height)}.withdraw-history-header{--header-height: 44px;height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 16px;background-color:var(--color-bg-page);border-bottom:1px solid var(--color-border);position:fixed;top:0;left:0;right:0;z-index:10}.withdraw-history-back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-primary);cursor:pointer;border-radius:8px;transition:background-color .2s}.withdraw-history-back:hover{background-color:var(--color-border)}.withdraw-history-title{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0;text-align:center;flex:1}.withdraw-history-header-right{width:40px}.withdraw-history-content{flex:1;padding:12px 16px;overflow-y:auto}.empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;padding:32px 24px;margin:16px}.empty-icon-wrapper{display:flex;align-items:center;justify-content:center;margin-bottom:20px;animation:empty-float 3s ease-in-out infinite;overflow:visible;border-radius:0!important;background:transparent!important;box-shadow:none!important}.empty-icon{color:#667eea}@keyframes empty-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.empty-container p{color:var(--color-text-secondary);font-size:15px;margin-bottom:4px}.empty-container .recharge-button{margin-top:20px;padding:12px 32px;border:none;border-radius:8px;background:var(--color-primary-solid);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.empty-container .recharge-button:active{background:var(--color-primary)}.withdraw-history-list{display:flex;flex-direction:column;gap:8px}.withdraw-history-item{display:flex;align-items:center;padding:14px 16px;background-color:var(--color-bg-surface);border-radius:12px;transition:all .2s ease;border:1px solid rgba(74,85,104,.2)}.withdraw-history-item:hover{background-color:var(--color-bg-surface-hover);border-color:#6366f14d}.withdraw-history-item:active{transform:scale(.98)}.withdraw-item-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;margin-right:12px;flex-shrink:0}.withdraw-item-icon .icon-withdraw{color:#f59e0b;background-color:#f59e0b26;padding:8px;border-radius:10px}.withdraw-item-info{flex:1;min-width:0}.withdraw-item-source{font-size:15px;font-weight:500;color:var(--color-text-primary);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.withdraw-item-time{font-size:12px;color:var(--color-text-tertiary)}.withdraw-item-amount-section{text-align:right;flex-shrink:0;margin-left:12px}.withdraw-item-amount{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;margin-bottom:2px}.withdraw-item-amount.expense{color:#f59e0b}.withdraw-item-fee{font-size:11px;color:var(--color-text-tertiary);margin-bottom:2px}.withdraw-item-actual{font-size:11px;color:#10b981}.withdraw-history-load-more{display:flex;align-items:center;justify-content:center;padding:16px;color:var(--color-text-tertiary);font-size:13px;gap:8px}.load-more-spinner{width:16px;height:16px;border:2px solid rgba(99,102,241,.3);border-top-color:var(--color-primary-solid);border-radius:50%;animation:spin .8s linear infinite}.withdraw-history-no-more{text-align:center;padding:20px;font-size:13px;color:var(--color-text-tertiary)}@media(max-width:768px){.withdraw-history-header{--header-height: 40px;padding:0 12px}.withdraw-history-title{font-size:16px}.withdraw-history-content{padding:10px 12px}.withdraw-history-item{padding:12px 14px}.withdraw-item-icon{width:36px;height:36px;margin-right:10px}.withdraw-item-source{font-size:14px}.withdraw-item-amount{font-size:15px}}.enhanced-textarea-wrapper{width:100%}.enhanced-textarea-container{position:relative;background:transparent;border:none;border-radius:0;padding:0}.enhanced-textarea-container .enhanced-textarea-input{width:100%;min-height:96px;padding:12px 16px 32px;background:transparent;border:none;color:#f7fafc;font-size:16px;line-height:1.5;resize:none;outline:none}.enhanced-textarea-container.focused,.enhanced-textarea-container.focused .enhanced-textarea-input{box-shadow:none!important}.enhanced-textarea-container.near-limit{border-color:#f59e0b}.enhanced-textarea-container.at-limit{border-color:#ef4444}.enhanced-textarea-counter{position:absolute;bottom:8px;right:12px;display:flex;align-items:flex-end;justify-content:flex-end;font-size:12px;font-weight:500;pointer-events:none;-webkit-user-select:none;user-select:none}.enhanced-textarea-input:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.enhanced-textarea-container{padding:0 10px}.enhanced-textarea-input{font-size:14px}.enhanced-textarea-counter{font-size:11px;bottom:6px}}@media(max-width:375px){.enhanced-textarea-container{padding:0 8px}.enhanced-textarea-input{font-size:13px}.enhanced-textarea-counter{font-size:10px;bottom:4px}}.create-dynamic-page{--create-bg: var(--color-bg-page);--create-surface: var(--color-bg-surface);--create-surface-hover: var(--color-bg-surface-hover);--create-text: var(--color-text-primary);--create-text-secondary: var(--color-text-secondary);--create-text-tertiary: var(--color-text-tertiary);--create-placeholder: var(--color-text-tertiary);--create-border: var(--color-border-solid);--create-primary: var(--color-primary);--create-primary-soft: rgba(127, 156, 245, .15);max-height:100dvh;max-height:var(--app-height, 100dvh);background:var(--color-bg-page);color:var(--create-text);display:flex;flex-direction:column;box-sizing:border-box;position:relative;overflow-x:hidden;padding-top:var(--title-bar-total-height)}.create-dynamic-content{flex:1;position:relative;z-index:1;padding:20px 16px;max-width:800px;width:100%;margin:0 auto;padding-bottom:max(24px,env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0))}.tips-title{font-size:13px;font-weight:600;color:var(--create-text);margin-bottom:8px}.tips-list li{font-size:12px;color:var(--create-text-secondary);line-height:1.5;padding:2px 0 2px 14px;position:relative}.tips-list li:before{content:"•";position:absolute;left:0;color:var(--create-primary);font-size:10px}.create-dynamic-header{box-sizing:border-box;height:var(--title-bar-total-height);display:flex;align-items:flex-end;justify-content:space-between;padding:0 16px;background:var(--color-bg-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(102,126,234,.2);position:fixed;top:0;left:0;right:0;z-index:100;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.create-dynamic-header:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--title-bar-safe-top);background:var(--color-bg-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.create-dynamic-header .header-back{flex-shrink:0;width:44px;min-width:44px;height:44px;min-height:44px;display:flex;align-items:center;justify-content:center;margin:0 -4px 0 0;border:none;background:transparent;color:var(--create-text);cursor:pointer;border-radius:50%;transition:background-color .2s,transform .2s;align-self:center;-webkit-tap-highlight-color:transparent}.create-dynamic-header .header-back:hover{background-color:#ffffff14;box-shadow:0 2px 8px #00000026}.create-dynamic-header .header-back:active{transform:scale(.95)}.create-dynamic-header .header-title{flex:1;display:flex;align-items:center;justify-content:center;font-size:var(--title-font-size, 17px);font-weight:600;color:var(--create-text);text-align:center;line-height:1;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:center;-webkit-text-size-adjust:100%}.create-dynamic-header .header-actions{flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:56px;align-self:center}.create-dynamic-header .header-publish{padding:8px 14px;min-width:56px;min-height:36px;border:none;background:transparent;font-size:var(--title-font-size, 17px);font-weight:600;color:var(--create-primary);cursor:pointer;transition:opacity .2s,color .2s;display:flex;align-items:center;justify-content:center;border-radius:8px;white-space:nowrap;flex-shrink:0}.create-dynamic-header .header-publish:hover:not(:disabled){opacity:.95;color:#a5b4fc}.create-dynamic-header .header-publish:active:not(:disabled){opacity:.8}.create-dynamic-header .header-publish:disabled{opacity:.45;cursor:not-allowed;color:var(--create-text-tertiary)}@media(max-width:768px){.create-dynamic-header{padding:0 var(--container-padding-md, 1rem)}.create-dynamic-header .header-title{font-size:var(--title-font-size, 16px)}.create-dynamic-header .header-back{width:40px;min-width:40px;height:40px;min-height:40px}}@supports (-webkit-touch-callout: none){.create-dynamic-header{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@supports (padding-top: env(safe-area-inset-top)){.create-dynamic-header{height:var(--title-bar-total-height)}}.dynamic-type-section{margin-bottom:8px}.dynamic-type-section .type-selector{display:flex;align-items:center;gap:6px}.dynamic-type-section .type-option{flex:1;padding:6px 10px;border:1px solid var(--create-border);border-radius:10px;background:var(--create-surface);cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;transition:border-color .2s,background-color .2s,color .2s;color:var(--create-text-secondary);font-size:13px;font-weight:500;font-family:inherit;min-height:36px;box-shadow:0 1px 3px #0000001f;position:relative;overflow:hidden}.dynamic-type-section .type-option:before{content:none}.dynamic-type-section .type-option:hover{border-color:#667eea80;background:var(--create-surface-hover);color:var(--create-text);box-shadow:0 1px 3px #0000001f}.dynamic-type-section .type-option.selected{background:var(--color-primary);border-color:#667eea80;color:#fff;font-weight:600;box-shadow:0 1px 3px #0000001f}.dynamic-type-section .type-option.selected:before{content:none}.dynamic-type-section .type-option.selected .type-label{color:#fff;opacity:1}.dynamic-type-section .type-label{display:inline-flex;align-items:center;font-size:13px;font-weight:500;line-height:1}.dynamic-type-section .type-option.selected .type-label{font-weight:600}.media-area{margin-bottom:16px}.content-input{width:100%;min-height:88px;padding:0 0 8px;border:none;background:transparent;font-size:16px;line-height:1.6;color:var(--create-text);resize:none;font-family:inherit}.content-input::placeholder{color:var(--create-placeholder)}.content-count{font-size:12px;color:var(--create-text-tertiary)}.upload-button{width:100%;min-height:44px;padding:8px 12px;border:2px dashed var(--create-border);border-radius:10px;background:var(--create-surface);cursor:pointer;transition:border-color .2s,background-color .2s,color .2s;display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:var(--create-text-secondary);box-shadow:none}.upload-button:hover{border-color:#667eea80;background:#667eea0f;color:var(--create-primary);box-shadow:0 1px 3px #0000001f}.media-item{position:relative;border-radius:12px;overflow:hidden;background:var(--create-surface);border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 8px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:move}.media-item.dragging{opacity:.6}.media-uploading-overlay{background:#00000080}.add-media-button{border:2px dashed var(--create-border);border-radius:12px;background:var(--create-surface);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--create-text-secondary);box-shadow:0 2px 6px #0000000f}.add-media-button:hover{border-color:#667eea80;background:#667eea14;color:var(--create-primary);box-shadow:0 2px 8px #0000001f}@media(max-width:768px){.create-dynamic-header{padding:0 10px;padding-top:max(10px,env(safe-area-inset-top))}.create-dynamic-header .header-back{width:40px;min-width:40px;height:40px;min-height:40px}.create-dynamic-header .header-title{font-size:var(--title-font-size, 16px);font-weight:600}.create-dynamic-header .header-publish{font-size:15px;padding:6px 12px;min-width:52px;min-height:34px}.create-dynamic-content{padding:16px 12px;padding-bottom:max(20px,env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0))}.dynamic-type-section .type-option{padding:5px 8px;min-height:34px}.dynamic-type-section .type-label{font-size:12px}.media-area{margin-bottom:12px}.content-section{padding:10px 0}.content-input{font-size:var(--title-font-size, 16px);min-height:80px}.content-count{font-size:11px}.media-list{grid-template-columns:repeat(3,1fr);gap:8px}.upload-button{min-height:44px;padding:6px 10px;margin-bottom:10px}.upload-button .upload-text{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}}@media(max-width:375px){.dynamic-type-section .type-selector{gap:5px}.dynamic-type-section .type-option{padding:5px 6px;min-height:32px}.dynamic-type-section .type-label{font-size:12px}}.publish-post-page{--post-bg: var(--color-bg-page);--post-surface: var(--color-bg-surface);--post-surface-hover: var(--color-bg-surface-hover);--post-text: var(--color-text-primary);--post-text-secondary: var(--color-text-secondary);--post-text-tertiary: var(--color-text-tertiary);--post-placeholder: var(--color-text-tertiary);--post-border: var(--color-border-solid);--post-primary: var(--color-primary);--post-primary-soft: rgba(127, 156, 245, .15);background:var(--color-bg-page);color:var(--post-text);display:flex;flex-direction:column;box-sizing:border-box;position:relative;overflow-x:hidden;padding-top:var(--title-bar-total-height)}.create-post-content{flex:1;position:relative;z-index:1;padding:20px 16px;max-width:800px;width:100%;margin:0 auto;padding-bottom:max(24px,env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0))}.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100dvh - 100px);min-height:calc(var(--app-height, 100dvh) - 100px);padding:20px;position:relative;z-index:1}.error-icon{color:#ef4444;margin-bottom:24px}.error-message{font-size:var(--title-font-size, 16px);color:var(--post-text-secondary);text-align:center;margin-bottom:24px}.primary-button{padding:12px 32px;background:var(--post-primary);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .2s}.primary-button:hover{opacity:.9}.create-post-header{box-sizing:border-box;height:var(--title-bar-total-height);display:flex;align-items:flex-end;justify-content:space-between;padding:0 16px;background:var(--color-bg-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(102,126,234,.2);position:fixed;top:0;left:0;right:0;z-index:100;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.create-post-header:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--title-bar-safe-top);background:var(--color-bg-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.create-post-header .header-back{flex-shrink:0;width:44px;min-width:44px;height:44px;min-height:44px;display:flex;align-items:center;justify-content:center;margin:0 -4px 0 0;border:none;background:transparent;color:var(--post-text);cursor:pointer;border-radius:50%;transition:background-color .2s,transform .2s;align-self:center;-webkit-tap-highlight-color:transparent}.create-post-header .header-back:hover{background-color:#ffffff14;box-shadow:0 2px 8px #00000026}.create-post-header .header-back:active{transform:scale(.95)}.create-post-header .header-title{flex:1;display:flex;align-items:center;justify-content:center;font-size:var(--title-font-size, 17px);font-weight:600;color:var(--post-text);text-align:center;line-height:1;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:center;-webkit-text-size-adjust:100%}.create-post-header .header-actions{flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:56px;align-self:center}.create-post-header .header-publish{padding:8px 14px;min-width:56px;min-height:36px;border:none;background:transparent;font-size:var(--title-font-size, 17px);font-weight:600;color:var(--post-primary);cursor:pointer;transition:opacity .2s,color .2s;display:flex;align-items:center;justify-content:center;border-radius:8px;white-space:nowrap;flex-shrink:0}.create-post-header .header-publish:hover:not(:disabled){opacity:.95;color:#a5b4fc}.create-post-header .header-publish:active:not(:disabled){opacity:.8}.create-post-header .header-publish:disabled{opacity:.45;cursor:not-allowed;color:var(--post-text-tertiary)}@media(max-width:768px){.create-post-header{padding:0 var(--container-padding-md, 1rem)}.create-post-header .header-title{font-size:var(--title-font-size, 16px)}.create-post-header .header-back{width:40px;min-width:40px;height:40px;min-height:40px}}@supports (-webkit-touch-callout: none){.create-post-header{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@supports (padding-top: env(safe-area-inset-top)){.create-post-header{height:var(--title-bar-total-height)}}.post-type-section{margin-bottom:8px}.post-type-section .type-selector{display:flex;align-items:center;gap:6px}.post-type-section .type-option{flex:1;padding:6px 10px;border:1px solid var(--post-border);border-radius:10px;background:var(--post-surface);cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;transition:border-color .2s,background-color .2s,color .2s;color:var(--post-text-secondary);font-size:13px;font-weight:500;font-family:inherit;min-height:36px;box-shadow:0 1px 3px #0000001f;position:relative;overflow:hidden}.post-type-section .type-option:before{content:none}.post-type-section .type-option:hover{border-color:#667eea80;background:var(--post-surface-hover);color:var(--post-text);box-shadow:0 1px 3px #0000001f}.post-type-section .type-option.selected{background:var(--color-primary);border-color:#667eea80;color:#fff;font-weight:600;box-shadow:0 1px 3px #0000001f}.post-type-section .type-option.selected:before{content:none}.post-type-section .type-option.selected .type-label{color:#fff;opacity:1}.post-type-section .type-label{display:inline-flex;align-items:center;font-size:13px;font-weight:500;line-height:1}.post-type-section .type-option.selected .type-label{font-weight:600}.content-section{position:relative;margin-bottom:24px;padding:8px 0;background:transparent;border-radius:0;border:none;border-bottom:none;transition:border-color .2s;overflow:hidden}.content-input{width:100%;min-height:88px;padding:0 0 8px;border:none;background:transparent;font-size:16px;line-height:1.6;color:var(--post-text);resize:none;font-family:inherit}.content-input::placeholder{color:var(--post-placeholder)}.content-input:focus{outline:none}.content-footer{display:flex;justify-content:flex-end;align-items:center;padding-top:4px;min-height:20px}.content-count{font-size:12px;color:var(--post-text-tertiary)}.upload-button{width:100%;min-height:44px;padding:8px 12px;border:2px dashed var(--post-border);border-radius:10px;background:var(--post-surface);cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:var(--post-text-secondary);box-shadow:none}.upload-button:hover{border-color:#667eea80;background:#667eea0f;color:var(--post-primary);box-shadow:0 2px 8px #667eea1f}.upload-button:active{transform:scale(.98)}.upload-button .upload-text{font-size:14px;font-weight:500;color:inherit;line-height:1.2;white-space:nowrap}.advanced-settings-button{width:100%;padding:12px 16px;margin-bottom:16px;border:1px solid var(--post-border);border-radius:10px;background:var(--post-surface);color:var(--post-text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:border-color .2s,background-color .2s,color .2s;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 1px 3px #0000001f}.advanced-settings-button:hover{border-color:#667eea80;background:var(--post-surface-hover);color:var(--post-primary);box-shadow:0 1px 3px #0000001f}.advanced-settings-button .settings-icon{flex-shrink:0}.advanced-settings-button .settings-label{flex:1;text-align:center}.publish-tips{padding:12px 14px;background:transparent;border:none;margin-top:16px}.tips-title{font-size:13px;font-weight:600;color:var(--post-text);margin-bottom:8px}.tips-list{list-style:none;padding:0;margin:0}.tips-list li{font-size:12px;color:var(--post-text-secondary);line-height:1.5;padding:2px 0 2px 14px;position:relative}.tips-list li:before{content:"•";position:absolute;left:0;color:var(--post-primary);font-size:10px}.media-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px}.media-list>.media-item,.media-list>.add-media-button{width:100%;min-width:0;aspect-ratio:1}.media-item{position:relative;border-radius:12px;overflow:hidden;background:var(--post-surface);border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 8px #00000014;transition:box-shadow .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.media-item:active{cursor:grabbing}.media-item:hover{box-shadow:0 2px 10px #00000026}.media-item.dragging{opacity:.6;z-index:100}.media-uploading-overlay,.media-upload-error-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:12px;z-index:2}.media-uploading-overlay{background:#0009}.media-upload-progress{display:flex;flex-direction:column;align-items:center;gap:8px;width:80%}.media-upload-progress-bar{width:100%;height:6px;background:#ffffff4d;border-radius:3px;overflow:hidden}.media-upload-progress-fill{height:100%;background:#00c853;border-radius:3px;transition:width .3s ease}.media-upload-progress-text{font-size:14px;font-weight:600;color:#fff}.media-uploading-text{font-size:13px;font-weight:500;color:#fff}.media-upload-error-overlay{background:#dc262699}.media-upload-error-text{font-size:12px;font-weight:500;color:#fff}.media-thumbnail{width:100%;height:100%;object-fit:cover;cursor:pointer;display:block}.image-thumbnail{object-position:center}.video-thumbnail{position:absolute;inset:0;display:block}.media-preview{width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#fff}.video-icon{font-size:28px;opacity:.95}.video-duration{font-size:12px;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.6)}.remove-media-button{position:absolute;top:8px;right:8px;width:28px;height:28px;min-width:28px;min-height:28px;border-radius:50%;background:#000000a6;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s;z-index:10}.remove-media-button:hover{background:#dc2626e6}.media-size{position:absolute;bottom:6px;left:6px;padding:4px 8px;background:#000000a6;color:#fff;font-size:10px;border-radius:6px;pointer-events:none}.add-media-button{border:2px dashed var(--post-border);border-radius:12px;background:var(--post-surface);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--post-text-secondary);box-shadow:0 2px 6px #0000000f}.add-media-button:hover{border-color:#667eea80;background:#667eea14;color:var(--post-primary);box-shadow:0 2px 8px #0000001f}.add-icon{font-size:28px;font-weight:300;line-height:1;opacity:.8}.add-text{font-size:12px}.preview-modal{position:fixed;inset:0;background:#0f172afa;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.preview-content{position:relative;max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center}.preview-close{position:absolute;top:-48px;right:0;width:40px;height:40px;min-width:40px;min-height:40px;border-radius:50%;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.preview-close:hover{background:#ffffff40}.preview-image{max-width:100%;max-height:calc(100vh - 120px);object-fit:contain;border-radius:12px;box-shadow:0 2px 12px #0000004d}.preview-video{max-width:100%;max-height:calc(100vh - 120px);border-radius:12px;box-shadow:0 2px 12px #0000004d}.preview-info{display:flex;gap:16px;margin-top:12px;color:#ffffffe6;font-size:13px}.preview-size,.preview-duration{background:#ffffff26;padding:6px 12px;border-radius:6px}.advanced-settings-dialog-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.advanced-settings-dialog-overlay.closing{animation:fadeOut .25s ease-in forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.advanced-settings-dialog{background:var(--post-bg);border-radius:20px;width:100%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000004d;overflow:hidden;animation:scaleIn .3s cubic-bezier(.16,1,.3,1)}.advanced-settings-dialog.closing{animation:scaleOut .25s cubic-bezier(.4,0,.6,1) forwards}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92)}}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--post-border);flex-shrink:0;min-height:52px;box-sizing:border-box;position:relative;z-index:1;background:var(--post-bg)}.header-actions{display:flex;align-items:center;gap:4px}.dialog-save-btn{display:flex;align-items:center;justify-content:center;padding:4px 12px;border:none;background:var(--post-primary);color:#fff;font-size:14px;font-weight:600;cursor:pointer;border-radius:8px;transition:background-color .2s,opacity .2s;flex-shrink:0;min-height:32px}.dialog-save-btn:hover{opacity:.9}.dialog-save-btn:active{opacity:.8}.dialog-title{font-size:17px;font-weight:600;color:var(--post-text);margin:0;line-height:1.2}.close-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--post-text-secondary);cursor:pointer;border-radius:50%;transition:background-color .2s;flex-shrink:0}.close-button:hover{background:var(--post-surface);color:var(--post-text)}.advanced-dialog-body{flex:1;min-height:0;overflow-y:auto;padding:12px 20px 20px}.settings-group{margin-bottom:16px}.settings-group:last-child{margin-bottom:0}.settings-group-title{font-size:12px;font-weight:600;color:var(--post-text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:8px 0;margin-bottom:4px}.switch-setting-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--post-border);transition:background-color .2s}.switch-setting-item:last-child{border-bottom:none}.switch-setting-item:hover{background:var(--post-surface);margin:0 -20px;padding-left:20px;padding-right:20px}.switch-label{font-size:15px;color:var(--post-text);font-weight:500}.switch{position:relative;display:inline-block;width:51px;height:30px;flex-shrink:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--post-border);transition:background-color .25s cubic-bezier(.4,0,.2,1);border-radius:30px}.slider:before{position:absolute;content:"";height:24px;width:24px;left:3px;bottom:3px;background-color:#fff;transition:transform .25s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 1px 3px #0000001f}.switch input:checked+.slider{background:var(--post-primary)}.switch input:checked+.slider:before{transform:translate(21px)}.input-setting-item,.select-setting-item{padding:10px 0;border-bottom:1px solid var(--post-border);animation:fadeInItem .3s ease-out backwards}.input-setting-item:nth-child(1),.select-setting-item:nth-child(1){animation-delay:.05s}.input-setting-item:nth-child(2),.select-setting-item:nth-child(2){animation-delay:.1s}.input-setting-item:nth-child(3),.select-setting-item:nth-child(3){animation-delay:.15s}@keyframes fadeInItem{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.input-setting-item:last-child,.select-setting-item:last-child{border-bottom:none}.select-setting-item{display:flex;flex-direction:column;gap:6px}.input-label,.select-label{display:block;font-size:14px;color:var(--post-text-secondary);font-weight:500}.input-wrapper{position:relative}.setting-input{width:100%;padding:10px 14px;background:var(--post-surface);border:1px solid var(--post-border);border-radius:10px;color:var(--post-text);font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.setting-input:focus{border-color:var(--post-primary);box-shadow:0 0 0 3px #7f9cf526}.setting-select{width:100%;min-height:40px;padding:8px 36px 8px 12px;background:var(--post-surface);border:1px solid var(--post-border);border-radius:10px;color:var(--post-text);font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath fill='none' stroke='%23cbd5e0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M1 1l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;position:relative;box-sizing:border-box;line-height:1.4}.setting-select:focus{border-color:var(--post-primary);box-shadow:0 0 0 3px #7f9cf526}.setting-select option{background:var(--post-surface);color:var(--post-text);padding:10px 12px;min-height:40px;font-size:14px}.error-text{display:block;font-size:12px;color:#ef4444;margin-top:4px}.dialog-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid var(--post-border);flex-shrink:0;background:var(--post-bg);border-radius:0 0 20px 20px}.dialog-footer .secondary-button,.dialog-footer .primary-button{flex:1;padding:14px;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s;border:none;border-radius:12px}.dialog-footer .secondary-button{background:var(--post-surface);color:var(--post-text)}.dialog-footer .secondary-button:hover{background:var(--post-border)}.dialog-footer .primary-button{background:var(--post-primary);color:#fff;box-shadow:0 1px 3px #0000001f}.dialog-footer .primary-button:hover{background:var(--post-primary-dark, #5a67d8);box-shadow:0 1px 3px #0000001f}.dialog-footer .primary-button:active{background:var(--post-primary-darker, #4c51bf)}@media(max-width:768px){.create-post-header{padding:0 10px;padding-top:max(10px,env(safe-area-inset-top))}.create-post-header .header-back{width:40px;min-width:40px;height:40px;min-height:40px}.create-post-header .header-title{font-size:var(--title-font-size, 16px);font-weight:600}.create-post-header .header-publish{font-size:15px;padding:6px 12px;min-width:52px;min-height:34px}.create-post-content{padding:16px 12px;padding-bottom:max(20px,env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0))}.post-type-section .type-option{padding:5px 8px;min-height:34px}.post-type-section .type-label{font-size:12px}.content-section{padding:10px 0}.content-input{font-size:var(--title-font-size, 16px);min-height:80px}.content-count{font-size:11px}.media-list{grid-template-columns:repeat(3,1fr);gap:8px}.upload-button{min-height:44px;padding:6px 10px;margin-bottom:10px}.upload-button .upload-text{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.advanced-settings-dialog{width:90%;max-height:85vh}.dialog-header{padding:12px 16px}.dialog-title{font-size:15px}.advanced-dialog-body{padding:12px}.dialog-footer{padding:12px;gap:8px}.dialog-footer .secondary-button,.dialog-footer .primary-button{padding:10px;font-size:13px}}@media(max-width:375px){.post-type-section .type-selector{gap:5px}.post-type-section .type-option{padding:5px 6px;min-height:32px}.post-type-section .type-label{font-size:12px}}.more-options-overlay{position:fixed;inset:0;background-color:transparent;z-index:9998;pointer-events:auto}.more-options-menu{position:absolute;background-color:#2d3748;border:1px solid #4a5568;border-radius:12px;box-shadow:0 4px 20px #0006;min-width:160px;max-width:280px;max-height:70vh;overflow-y:auto;padding:4px}.more-options-menu.entering{animation:menuSlideIn .25s cubic-bezier(.34,1.56,.64,1)}.more-options-menu.exiting{animation:menuSlideOut .2s cubic-bezier(.4,0,1,1)}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes menuSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.95)}}.menu-items{display:flex;flex-direction:column;gap:2px}.menu-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:transparent;border:none;border-radius:8px;width:100%;cursor:pointer;transition:background-color .15s ease,transform .1s ease;color:#f7fafc;font-size:15px;font-weight:400;text-align:left;opacity:0;animation:menuItemFadeIn .2s ease forwards}@keyframes menuItemFadeIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.menu-item:hover:not(.disabled){background-color:#ffffff14}.menu-item:active:not(.disabled){background-color:#ffffff1f;transform:scale(.98)}.menu-item.disabled{opacity:.4;cursor:not-allowed}.menu-item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:22px;height:22px;color:#cbd5e0}.menu-item-icon svg{width:20px;height:20px}.menu-item-text{flex:1;font-size:15px;line-height:1.4}.menu-divider{height:1px;background-color:#4a5568;margin:4px 8px;opacity:.6}@media(max-width:768px){.more-options-menu{min-width:150px;max-width:260px;border-radius:10px;padding:3px}.menu-item{padding:11px 12px;font-size:14px}.menu-item-icon{width:20px;height:20px}.menu-item-icon svg{width:18px;height:18px}.menu-item-text{font-size:14px}}@media(max-width:480px){.more-options-menu{min-width:140px;max-width:240px;right:12px!important}.menu-item{padding:10px 11px;gap:10px}}.more-options-menu::-webkit-scrollbar{width:4px}.more-options-menu::-webkit-scrollbar-track{background:transparent}.more-options-menu::-webkit-scrollbar-thumb{background-color:#4a5568;border-radius:2px}.more-options-menu::-webkit-scrollbar-thumb:hover{background-color:#718096}.more-options-menu,.menu-item{-webkit-tap-highlight-color:transparent}.post-detail-page{--pd-bg: var(--color-bg-page);--pd-surface: var(--color-bg-surface);--pd-surface-hover: var(--color-bg-surface-hover);--pd-text: var(--color-text-primary);--pd-text-secondary: var(--color-text-secondary);--pd-text-tertiary: var(--color-text-tertiary);--pd-border: var(--color-border-solid);--pd-primary: var(--color-primary);--pd-primary-light: rgba(127, 156, 245, .15);--pd-danger: #fc8181;--pd-orange: #f59e0b;min-height:100dvh;min-height:var(--app-height, 100dvh);background:var(--color-bg-page);padding-bottom:max(env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0));display:flex;flex-direction:column;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.post-content{flex:1;min-height:0;padding:16px;padding-top:calc(60px + max(12px,env(safe-area-inset-top)));padding-bottom:calc(44px + max(12px,env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0)));overflow-y:auto;position:relative;z-index:1}.post-content .post-meta{display:flex;align-items:center;justify-content:flex-start;margin-top:8px;padding-top:8px;border-top:1px solid rgba(74,85,104,.35);color:var(--pd-text-tertiary);font-size:12px;line-height:1.4}.post-content .post-meta-time{color:var(--pd-text-tertiary)}.post-content .post-text{font-size:15px;line-height:1.7;color:var(--pd-text);margin-top:12px;margin-bottom:12px;padding:12px 0 12px 12px;border-left:3px solid rgba(127,156,245,.4);background:transparent;white-space:pre-wrap;word-break:break-word}.post-content .post-text:empty{display:none}.post-detail-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:60px 20px;gap:20px;position:relative;z-index:1}.post-detail-page .spinner{width:44px;height:44px;border:3px solid rgba(74,85,104,.3);border-top-color:var(--pd-primary);border-radius:50%;animation:pd-spin .8s linear infinite}@keyframes pd-spin{to{transform:rotate(360deg)}}.post-detail-page .loading-container span{color:var(--pd-text-secondary);font-size:14px}.post-detail-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:60px 20px;gap:20px;position:relative;z-index:1}.post-detail-page .empty-state .empty-icon{color:var(--pd-text-tertiary);display:flex;align-items:center;justify-content:center;opacity:.7}.post-detail-page .empty-state p{color:var(--pd-text-secondary);font-size:14px;margin:0}.post-detail-page .empty-state .back-button{margin-top:8px;padding:12px 28px;min-height:44px;border:none;background:#667eea;color:#fff;border-radius:24px;font-size:15px;font-weight:500;cursor:pointer;transition:background-color .2s,opacity .2s;box-shadow:0 1px 3px #0000001f}.post-detail-page .empty-state .back-button:hover{background:#764ba2;box-shadow:0 1px 3px #0000001f;opacity:1}.post-detail-page .empty-state .back-button:active{background:#667eea}.post-purchase-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 20px;margin:16px 0;border-radius:14px;background:var(--pd-surface);border:1px solid var(--pd-border);text-align:center}.post-purchase-prompt .purchase-icon{font-size:32px;margin-bottom:12px}.post-purchase-prompt p{color:var(--pd-text-secondary);font-size:14px;margin:0 0 16px}.post-purchase-prompt .purchase-button{padding:12px 28px;min-height:44px;border:none;background:var(--pd-primary);color:#fff;border-radius:24px;font-size:15px;font-weight:500;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 16px #7f9cf566}.post-purchase-prompt .purchase-button:hover{box-shadow:0 2px 10px #7f9cf580}.post-purchase-prompt .purchase-button:active{box-shadow:0 1px 6px #7f9cf566}.post-purchase-actions{display:flex;flex-direction:column;gap:12px;width:100%;max-width:280px}.post-purchase-actions .purchase-button{width:100%;padding:12px 20px;min-height:44px;border:none;border-radius:24px;font-size:15px;font-weight:500;cursor:pointer;transition:transform .2s,box-shadow .2s}.post-purchase-actions .purchase-button.primary{background:var(--pd-primary, #7f9cf5);color:#fff;box-shadow:0 2px 8px #7f9cf54d}.post-purchase-actions .purchase-button.primary:hover{background:var(--pd-primary-dark, #6366f1);box-shadow:0 2px 10px #7f9cf566}.post-purchase-actions .purchase-button.primary:active{box-shadow:0 1px 6px #7f9cf54d}.post-purchase-actions .purchase-button.secondary{background:transparent;color:var(--pd-text-secondary);border:1px solid var(--pd-border);box-shadow:none}.post-purchase-actions .purchase-button.secondary:hover{background:var(--pd-surface);box-shadow:0 2px 8px #00000026}.post-purchase-actions .purchase-button.secondary:active{box-shadow:0 1px 4px #0000001f}@media(min-width:480px){.post-purchase-actions{flex-direction:row;max-width:100%}.post-purchase-actions .purchase-button{flex:1}}.post-purchase-prompt.compact{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px 16px;margin:0;border-radius:0;border-top:1px solid var(--pd-border);border-bottom:none;border-left:none;border-right:none;background:var(--pd-surface);text-align:left}.post-purchase-prompt.compact .purchase-icon{display:none}.post-purchase-prompt.compact p{flex:1;margin:0 12px 0 0;font-size:13px;color:var(--pd-text)}.post-purchase-prompt.compact .purchase-button{padding:8px 16px;min-height:36px;font-size:14px;white-space:nowrap}.post-purchase-prompt.compact .post-purchase-actions{gap:8px;max-width:none}.post-purchase-prompt.compact .post-purchase-actions .purchase-button{padding:8px 14px;min-height:36px;font-size:13px}@media(max-width:479px){.post-purchase-prompt.compact{flex-direction:column;align-items:stretch;gap:8px}.post-purchase-prompt.compact p{margin-right:0;margin-bottom:4px;text-align:center}.post-purchase-prompt.compact .post-purchase-actions{flex-direction:column}}.video-lock-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.video-lock-overlay .lock-icon{font-size:32px;opacity:.9}.post-detail-navbar{box-sizing:border-box;height:var(--title-bar-total-height);display:flex;align-items:flex-end;justify-content:flex-start;padding:0 var(--container-padding-md, 1rem);background:var(--color-bg-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--pd-border);box-shadow:0 1px #ffffff08;flex-shrink:0;z-index:100;position:fixed;top:0;left:0;right:0;vertical-align:top;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.post-detail-navbar:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--title-bar-safe-top);background:var(--color-bg-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.post-detail-navbar:after{content:"";position:absolute;top:var(--title-bar-safe-top);left:0;right:0;height:1px;background:#7f9cf526;opacity:.5}.post-detail-navbar>*{display:flex;align-items:center;align-self:center}.post-navbar-back{flex-shrink:0;width:40px;min-width:40px;height:40px;min-height:40px;display:flex;align-items:center;justify-content:center;margin:0 -4px 0 0;border:none;background:transparent;color:var(--pd-text);cursor:pointer;border-radius:50%;transition:background-color .2s,transform .2s;-webkit-tap-highlight-color:transparent}.post-navbar-back:hover{background-color:var(--pd-primary-light)}.post-navbar-back:active{transform:scale(.95)}.post-navbar-user{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:4px 8px;margin:0 4px;border:none;background:transparent;cursor:pointer;border-radius:12px;color:inherit;text-align:left;transition:background-color .2s,transform .2s}.post-navbar-user:hover{background-color:var(--pd-primary-light)}.post-navbar-avatar{flex-shrink:0;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;max-width:24px!important;max-height:24px!important;box-shadow:0 2px 8px #0000004d;border-radius:50%}.post-navbar-nickname{font-size:var(--title-font-size, 16px);font-weight:600;line-height:1;color:var(--pd-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.post-navbar-action{flex-shrink:0;display:flex;align-items:center}.post-navbar-follow{min-width:64px;height:26px;padding:4px 14px;border:none!important;border-radius:14px;font-size:13px;font-weight:500;line-height:1;color:var(--pd-primary);background:var(--pd-primary-light);transition:background .2s,color .2s,transform .2s;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.post-navbar-follow:hover:not(.disabled):not(.loading){background:#7f9cf540;color:var(--pd-primary)}.post-navbar-follow.following{color:var(--pd-text-secondary);background:#ffffff0f}.post-navbar-follow.following:hover:not(.disabled):not(.loading){background:#ffffff1a;color:var(--pd-text)}.post-navbar-more{width:40px;min-width:40px;height:40px;min-height:40px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--pd-text);cursor:pointer;border-radius:50%;transition:background-color .2s,transform .2s}.post-navbar-more:hover{background-color:var(--pd-primary-light)}.post-navbar-more:active{transform:scale(.95)}@media(max-width:768px){.post-detail-navbar{padding:0 10px}.post-navbar-back{width:30px;min-width:30px;height:30px;min-height:30px}.post-navbar-avatar{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;max-width:22px!important;max-height:22px!important}.post-navbar-nickname{font-size:15px}.post-navbar-follow{min-width:58px;height:26px;padding:3px 12px;font-size:12px}}@supports (-webkit-touch-callout: none){.post-detail-navbar{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@supports (padding-top: env(safe-area-inset-top)){.post-detail-navbar{height:var(--title-bar-total-height, calc(var(--title-bar-height) + env(safe-area-inset-top)))}}.post-media{border-radius:14px;overflow:hidden;background-color:#0d1117;box-shadow:0 4px 20px #0000004d,0 0 0 1px #4a556833;transition:box-shadow .2s}.post-media:hover{box-shadow:0 6px 24px #00000059,0 0 0 1px #7f9cf526}.post-media-video{position:relative;width:100%;height:50vh;cursor:pointer;overflow:hidden}.post-media-video .video-cover{width:100%;height:100%;object-fit:cover;display:block;vertical-align:middle}.post-media-video .video-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000040;transition:background .2s;pointer-events:none}.post-media-video:hover .video-play-overlay{background:#00000059}.post-media-video .video-play-icon-wrap{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#6366f180;box-shadow:0 4px 20px #7f9cf559,0 0 0 1px #ffffff1a;transition:transform .2s,background .2s,box-shadow .2s;position:relative}.post-media-video .video-play-icon-wrap:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(127,156,245,.3);animation:pd-pulse 2s ease-in-out infinite;pointer-events:none}@keyframes pd-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:0;transform:scale(1.15)}}@media(prefers-reduced-motion:reduce){.post-media-video .video-play-icon-wrap:after{display:none}}.post-media-video:hover .video-play-icon-wrap{background:#6366f1a6;transform:scale(1.08);box-shadow:0 6px 28px #7f9cf573,0 0 0 1px #ffffff26}.post-media-video .play-icon{color:#fffffffa;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4));margin-left:4px;position:relative;z-index:1}.post-media-video.video-loading{pointer-events:none}.post-media-video .video-fetch-spinner{width:24px;height:24px;border-width:2px}.post-media-carousel{position:relative;width:100%;height:50vh;margin-top:0}.post-media-carousel .carousel-track{display:flex;width:100%;height:100%;transition:transform .35s cubic-bezier(.4,0,.2,1)}.post-media-carousel .carousel-slide{flex:0 0 100%;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0d1117}.post-media-carousel .carousel-slide img{width:100%;height:100%;object-fit:cover;cursor:pointer;-webkit-user-select:none;user-select:none}.post-media-carousel .carousel-dots{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:center;gap:8px;z-index:2}.post-media-carousel .carousel-dot{width:8px;height:8px;border-radius:50%;border:none;padding:0;background:#fff6;cursor:pointer;transition:background .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.post-media-carousel .carousel-dot:hover{background:#fff9;transform:scale(1.1)}.post-media-carousel .carousel-dot.active{background:#6366f1bf;transform:scale(1.25)}.post-media-carousel .carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border:none;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;border-radius:50%;z-index:2;transition:background .2s,transform .2s;box-shadow:0 2px 8px #0000004d}.post-media-carousel .carousel-arrow:hover{background:#6366f180;transform:translateY(-50%) scale(1.08);box-shadow:0 4px 12px #7f9cf559}.post-media-carousel .carousel-arrow-prev{left:10px}.post-media-carousel .carousel-arrow-next{right:10px}.media-grid{display:grid;gap:8px;margin-bottom:16px}.media-grid.single{grid-template-columns:1fr}.media-grid.multiple{grid-template-columns:repeat(3,1fr)}.media-item{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;cursor:pointer;transition:transform .2s;background:#0d1117}.media-item:hover{transform:scale(1.02)}.video-container{margin-bottom:16px;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000004d;position:relative;cursor:pointer;aspect-ratio:16 / 9;background:#0d1117}.video-player{width:100%;height:100%;display:block;object-fit:cover}.video-play-overlay{position:absolute;inset:0;background:#00000040;display:flex;align-items:center;justify-content:center;transition:background .2s}.video-container:hover .video-play-overlay{background:#00000059}.play-button{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#667eea80;border-radius:50%;box-shadow:0 4px 20px #7f9cf559;transition:transform .2s}.play-button svg{width:24px;height:24px;color:#fffffffa;margin-left:4px}.play-button:hover{transform:scale(1.08)}.post-detail-footer{--bottom-nav-height: 44px;position:fixed;bottom:0;left:0;right:0;padding-bottom:max(12px,env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0));background:#2d3748e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid #4a5568;box-shadow:0 -1px 3px #0000001f;z-index:100}.post-detail-footer-bar{display:flex;align-items:center;justify-content:space-around;gap:8px;height:var(--bottom-nav-height);min-height:var(--bottom-nav-height);padding:0 16px;position:relative}.post-detail-footer .footer-action{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;height:40px;min-height:40px;max-width:140px;padding:0 16px;border:1px solid transparent;background:#ffffff0d;color:#cbd5e0;font-size:14px;font-weight:500;cursor:pointer;border-radius:8px;transition:all .15s ease;position:relative;overflow:hidden}.post-detail-footer .footer-action{-webkit-tap-highlight-color:transparent}.post-detail-footer .footer-action:hover:not(:disabled){background:#ffffff14;border-color:#ffffff1a}.post-detail-footer .footer-action:active:not(:disabled){transform:scale(.95);background:#ffffff1f}.post-detail-footer .footer-action.footer-action-collect.active{background:#ed8936;border-color:#dd6b20;color:#fff}.post-detail-footer .footer-action.footer-action-collect.active:hover{background:#f0903d;border-color:#e07626}.post-detail-footer .footer-action.footer-action-collect svg{width:20px;height:20px;flex-shrink:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.post-detail-footer .footer-action.footer-action-collect:active svg{animation:bookmarkBounce .3s cubic-bezier(.34,1.56,.64,1)}.post-detail-footer .footer-action.footer-action-collect.active svg{transform:scale(1.08)}@keyframes bookmarkBounce{0%{transform:scale(1)}40%{transform:scale(.85) rotate(-12deg)}60%{transform:scale(1.1) rotate(3deg)}to{transform:scale(1) rotate(0)}}.post-detail-footer .footer-action.footer-action-like.active{background:#f56565;border-color:#e53e3e;color:#fff}.post-detail-footer .footer-action.footer-action-like.active:hover{background:#f87b7b;border-color:#f05252}.post-detail-footer .footer-action.footer-action-like svg{width:20px;height:20px;flex-shrink:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.post-detail-footer .footer-action.footer-action-like:active svg{animation:heartbeat .4s cubic-bezier(.34,1.56,.64,1)}.post-detail-footer .footer-action.footer-action-like.active svg{transform:scale(1.08)}@keyframes heartbeat{0%{transform:scale(1)}25%{transform:scale(.9)}50%{transform:scale(1.15)}75%{transform:scale(.95)}to{transform:scale(1)}}.post-detail-footer .footer-action span{transition:transform .15s ease}.post-detail-footer .footer-action:active span{transform:scale(.97)}@media(max-width:768px){.post-detail-footer{--bottom-nav-height: 48px;padding-bottom:max(10px,env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0))}.post-detail-footer-bar{height:var(--bottom-nav-height);min-height:var(--bottom-nav-height);padding:0 12px;gap:6px}.post-detail-footer .footer-action{height:36px;min-height:36px;padding:0 12px;font-size:13px;border-radius:6px;gap:6px}.post-detail-footer .footer-action svg{width:18px;height:18px}.post-content{padding:8px 8px calc(48px + max(10px,env(safe-area-inset-bottom,10px),var(--ios-safari-bottom-offset, 0))) 8px;padding-top:calc(48px + max(10px,env(safe-area-inset-top)))}}@media(max-width:480px){.post-detail-footer .footer-action{max-width:120px;padding:0 10px;font-size:12px}.post-detail-footer .footer-action svg{width:16px;height:16px}}.dialog-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.dialog-container{width:100%;max-width:400px;background:#1a202c;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0006}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.dialog-header h2{font-size:18px;font-weight:600;color:#f7fafc;margin:0}.dialog-close{width:32px;height:32px;background:transparent;border:none;color:#a0aec0;font-size:24px;cursor:pointer;border-radius:50%;transition:background .2s}.dialog-close:hover{background:#ffffff14;color:#f7fafc}.dialog-content{padding:20px;color:#e2e8f0}.purchase-info{text-align:center}.purchase-info h3{font-size:16px;font-weight:600;color:#f7fafc;margin:0 0 16px}.price-display{margin-bottom:12px}.price-display .price{font-size:32px;font-weight:700;color:#7f9cf5}.purchase-note{font-size:14px;color:#cbd5e0;margin:0}.dialog-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid rgba(255,255,255,.1)}.dialog-button{flex:1;padding:12px;font-size:15px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:opacity .2s}.dialog-button:hover{opacity:.9}.dialog-button.secondary{background:#ffffff1a;color:#cbd5e0}.dialog-button.primary{background:#667eea;color:#fff}.buy-post-page{--bg-color: var(--color-bg-page);--card-bg: var(--color-bg-surface);--text-color: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--border-color: var(--color-border);--primary-color: var(--color-primary);--primary-color-light: rgba(127, 156, 245, .15);--primary-color-dark: var(--color-primary-solid);--success-color: #10b981;--success-color-light: rgba(16, 185, 129, .15);--error-color: #ef4444}.buy-post-page{background-color:var(--bg-color);display:flex;flex-direction:column;padding-top:var(--title-bar-total-height)}.buy-post-page.loading,.buy-post-page.error{display:flex;align-items:center;justify-content:center;min-height:100dvh;min-height:var(--app-height, 100dvh)}.loading-indicator{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.error-message{color:var(--error-color);font-size:16px;text-align:center}.error-content{display:flex;flex-direction:column;align-items:center;gap:16px}.retry-btn{padding:10px 32px;background-color:var(--primary-color);border:none;border-radius:8px;font-size:15px;font-weight:500;color:#fff;cursor:pointer}.navbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:var(--color-bg-surface);border-bottom:1px solid var(--border-color);position:fixed;top:0;left:0;right:0;z-index:100}.nav-btn{background:none;border:none;padding:8px;cursor:pointer;color:var(--text-color);display:flex;align-items:center;justify-content:center}.back-icon{font-size:24px;font-weight:700}.nav-title{font-size:17px;font-weight:600;color:var(--text-color)}.nav-spacer{width:40px}.content{flex:1;overflow-y:auto;padding:16px 16px 80px}.post-info-card{background-color:var(--card-bg);border-radius:12px;overflow:hidden;margin-bottom:16px}.post-cover{width:100%;height:200px;object-fit:cover;background-color:var(--border-color)}.post-details{padding:16px}.post-title{font-size:18px;font-weight:600;color:var(--text-color);margin:0 0 12px;line-height:1.4}.post-meta{display:flex;align-items:center;margin-bottom:12px}.author-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;background-color:var(--border-color);margin-right:8px}.author-name{font-size:14px;color:var(--text-color)}.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.tag{display:inline-block;padding:4px 12px;background-color:var(--primary-color-light);color:var(--primary-color);font-size:12px;border-radius:12px}.post-description{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0}.price-section{background-color:var(--card-bg);border-radius:12px;padding:16px;margin-bottom:16px}.price-info{display:flex;align-items:center;justify-content:space-between}.price-label{font-size:16px;color:var(--text-color);font-weight:500}.price-amount{display:flex;align-items:baseline}.currency{font-size:16px;color:var(--primary-color);font-weight:500;margin-right:2px}.price{font-size:28px;color:var(--primary-color);font-weight:700}.payment-method-section{background-color:var(--card-bg);border-radius:12px;padding:16px;margin-bottom:16px}.section-title{font-size:16px;font-weight:600;color:var(--text-color);margin:0 0 12px}.payment-methods{display:flex;flex-direction:column;gap:12px}.payment-method{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background-color:var(--bg-color);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease}.payment-method:hover{border-color:var(--primary-color-light)}.payment-method.selected{border-color:var(--primary-color);background-color:var(--primary-color-light)}.payment-icon{display:flex;align-items:center;font-size:15px;font-weight:500;color:var(--text-color)}.wechat-icon:before{content:"💚";margin-right:8px}.alipay-icon:before{content:"💙";margin-right:8px}.bank-card-icon:before{content:"💳";margin-right:8px}.payment-check{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:2px solid var(--border-color);border-radius:50%;transition:all .2s ease}.payment-method.selected .payment-check{border-color:var(--primary-color);background-color:var(--primary-color)}.check-icon{color:#fff;font-size:14px;font-weight:700}.purchase-notes{background-color:var(--card-bg);border-radius:12px;padding:16px;margin-bottom:16px}.notes-list{margin:0;padding-left:20px;list-style:none;color:var(--text-secondary);font-size:14px;line-height:1.8}.notes-list li{position:relative;padding-left:16px}.notes-list li:before{content:"•";position:absolute;left:0;color:var(--primary-color);font-weight:700}.security-notice{display:flex;align-items:center;padding:12px 16px;background-color:var(--success-color-light);border-radius:8px;margin-bottom:16px}.security-icon{font-size:18px;margin-right:8px}.security-text{font-size:14px;color:var(--success-color)}.bottom-bar{position:fixed;bottom:0;left:0;right:0;display:flex;gap:12px;padding:12px 16px;background-color:var(--bg-color);border-top:1px solid var(--border-color);z-index:100;padding-bottom:max(12px,env(safe-area-inset-bottom))}.cancel-btn{flex:1;padding:12px 24px;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;font-size:16px;font-weight:500;color:var(--text-color);cursor:pointer;transition:all .2s ease}.cancel-btn:hover:not(:disabled){background-color:var(--border-color)}.cancel-btn:disabled{opacity:.5;cursor:not-allowed}.pay-btn{flex:2;padding:12px 24px;background-color:var(--primary-color);border:none;border-radius:8px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.pay-btn:hover:not(:disabled){background-color:var(--primary-color-dark)}.pay-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.content{padding:12px}.post-cover{height:180px}.post-title{font-size:16px}.price{font-size:24px}.bottom-bar{padding:10px 12px}}.upgrade-role-payment-page{background:var(--color-bg-page);display:flex;flex-direction:column}.upgrade-role-payment-page.loading,.upgrade-role-payment-page.error{display:flex;align-items:center;justify-content:center;min-height:100dvh;min-height:var(--app-height, 100dvh);background:var(--color-bg-page)}.navbar{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:0 var(--container-padding-md, 1rem);padding-top:max(12px,env(safe-area-inset-top));background:var(--color-bg-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06);position:fixed;top:0;left:0;right:0;z-index:100}@media(max-width:768px){.navbar{padding:0 12px;padding-top:max(10px,env(safe-area-inset-top))}}.content{flex:1;overflow-y:auto;padding:16px 16px 80px;background:transparent}.planet-info-card,.role-info-card,.balance-card,.price-section,.package-selector,.upgrade-notes{margin-bottom:12px;background-color:var(--color-bg-surface);border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:0 1px 3px #0000001f;overflow:hidden;animation:cardFadeIn .4s ease}.upgrade-notes{margin-top:8px}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.planet-info-card{background:var(--color-bg-surface);border:1px solid rgba(99,102,241,.2);text-align:left!important}.planet-info-card .MuiCard-root,.planet-info-card>*,.planet-info-card .MuiCardContent-root,.planet-info-card>div{text-align:left!important;justify-content:flex-start!important}.balance-card{background:#6366f126;border:1px solid rgba(99,102,241,.3)}.role-info-card{position:relative;border:1px solid rgba(255,255,255,.08)}.role-info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#f59e0b}[data-role=duke] .role-info-card:before{background:#8b5cf6}.price-section{background:#6366f11a;border:1px solid rgba(99,102,241,.25)}.security-notice{margin-bottom:16px;padding:14px 16px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:12px;display:flex;align-items:center;gap:12px}.bottom-bar{--bottom-nav-height: 44px;height:auto;min-height:var(--bottom-nav-height);position:fixed;bottom:0;left:0;right:0;display:flex;gap:12px;padding:10px 16px;padding-bottom:max(10px,env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0));background:#1a202cf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.06);z-index:100;align-items:center}@media(max-width:768px){.bottom-bar{--bottom-nav-height: 40px;padding:8px 12px;padding-bottom:max(8px,env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0));gap:10px}}[data-role=earl] .role-info-card{border-color:#f59e0b4d}[data-role=earl] .price-section{background:#f59e0b1f;border-color:#f59e0b4d}[data-role=earl] .bottom-bar button[class*=primary]{background:#f59e0b!important;border:none!important}[data-role=earl] .bottom-bar button[class*=primary]:hover:not([disabled]){background:#d97706!important}[data-role=duke] .role-info-card{border-color:#8b5cf64d}[data-role=duke] .price-section{background:#8b5cf61f;border-color:#8b5cf64d}[data-role=duke] .bottom-bar button[class*=primary]{background:#8b5cf6!important;border:none!important}[data-role=duke] .bottom-bar button[class*=primary]:hover:not([disabled]){background:#7c3aed!important}@media(prefers-color-scheme:light){.upgrade-role-payment-page{background:var(--color-bg-page)!important}.navbar,.bottom-bar{background:#1a202cf2!important}}@media(max-width:768px){.content{padding:12px}.planet-info-card,.role-info-card,.balance-card,.price-section,.upgrade-notes{margin-bottom:12px;border-radius:10px}}@media(max-width:480px){.content{padding:10px}.planet-info-card,.role-info-card,.balance-card,.price-section,.upgrade-notes{margin-bottom:10px;border-radius:8px}}@media(max-width:360px){.navbar{padding:0 8px}.content{padding:8px}.bottom-bar{gap:8px;padding:10px 8px}}.upgrade-role-payment-page button:not([disabled]):active{transform:scale(.98);transition:transform .1s ease}.upgrade-role-payment-page.loading svg{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.warning-shake{animation:shake .5s ease}.text-gradient-earl{background:#f59e0b;-webkit-background-clip:text;-webkit-text-fill-color:#f59e0b;background-clip:text}.text-gradient-duke{background:#8b5cf6;-webkit-background-clip:text;-webkit-text-fill-color:#8b5cf6;background-clip:text}.role-icon-glow-earl{filter:drop-shadow(0 0 12px rgba(245,158,11,.5))}.role-icon-glow-duke{filter:drop-shadow(0 0 12px rgba(139,92,246,.5))}.price-highlight{display:inline-flex;align-items:center;gap:4px;padding:8px 20px;background:#6366f126;border-radius:12px}.permission-item-enhanced{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:12px}.permission-item-enhanced:last-child{border-bottom:none}.permission-icon-box{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}[data-role=earl] .permission-icon-box{background:#f59e0b26;color:#f59e0b}[data-role=duke] .permission-icon-box{background:#8b5cf626;color:#8b5cf6}.balance-card-enhanced{position:relative;overflow:hidden}.balance-card-enhanced:before{content:"";position:absolute;top:0;right:0;width:80px;height:80px;background:transparent;pointer-events:none}.planet-card-enhanced{position:relative;overflow:hidden}.planet-card-enhanced:after{content:"🪐";position:absolute;right:-10px;bottom:-10px;font-size:60px;opacity:.05;pointer-events:none}.join-planet-page{background:var(--color-bg-page);color:var(--color-text-primary);display:flex;flex-direction:column;animation:fadeIn .3s ease;padding-top:var(--title-bar-total-height)}.join-planet-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--container-padding-md, 1rem);position:fixed;top:0;left:0;right:0;z-index:10;background:var(--color-bg-surface);border-bottom:1px solid var(--color-bg-surface-hover)}.join-planet-header-back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;cursor:pointer;border-radius:10px;transition:background .2s ease;color:var(--color-text-secondary);background:transparent;border:none}.join-planet-header-back:active{background:var(--color-bg-surface-hover)}.join-planet-header-title{font-size:var(--title-font-size, 17px);font-weight:600;color:var(--color-text-primary);margin:0}.join-planet-header-spacer{width:36px}.join-planet-content{flex:1;overflow-y:auto;padding:16px 16px 120px}.join-planet-content::-webkit-scrollbar{display:none}.join-planet-content{-ms-overflow-style:none;scrollbar-width:none}.join-planet-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:16px}.join-planet-error-icon{color:var(--color-border-solid);margin-bottom:16px}.join-planet-error-text{color:var(--color-text-tertiary);font-size:var(--title-font-size, 16px);text-align:center;margin:0 0 20px}.join-planet-error-btn{padding:10px 24px;background:#4299e1;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease}.join-planet-error-btn:active{background:#3182ce}.join-planet-intro{display:flex;align-items:center;gap:14px;padding:16px;margin-bottom:20px;background:#7f9cf51a;border:1px solid rgba(127,156,245,.2);border-radius:14px}.join-planet-intro-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#7f9cf526;border-radius:12px;color:var(--color-primary);flex-shrink:0}.join-planet-intro-content{flex:1;min-width:0}.join-planet-intro-title{font-size:var(--title-font-size, 16px);font-weight:600;color:var(--color-text-primary);margin:0 0 4px}.join-planet-intro-desc{font-size:13px;color:var(--color-text-tertiary);margin:0;line-height:1.4}.join-planet-packages{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.join-planet-package{position:relative;background:#252f3f;border:2px solid var(--color-bg-surface-hover);border-radius:14px;padding:16px;cursor:pointer;transition:background-color .25s cubic-bezier(.4,0,.2,1),border-color .25s;overflow:hidden}.join-planet-package.selected{background:#7f9cf526;border-color:var(--color-primary);box-shadow:0 1px 3px #0000001f}.package-tag{position:absolute;top:-1px;right:12px;display:flex;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;border-radius:0 0 8px 8px}.package-tag.tag-hot{background:#f56565;color:#fff}.package-tag.tag-best{background:#48bb78;color:#fff}.package-tag.tag-vip{background:#ecc94b;color:#1a202c}.package-main{display:flex;align-items:center;justify-content:space-between;gap:16px}.package-info{flex:1;min-width:0}.package-title{font-size:15px;font-weight:600;color:var(--color-text-primary);margin:0 0 4px}.join-planet-package.selected .package-title{color:var(--color-primary)}.package-desc{font-size:12px;color:#718096;margin:0;line-height:1.4}.package-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.package-pricing{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.package-price{display:flex;align-items:baseline;gap:4px}.price-value{font-size:22px;font-weight:700;color:var(--color-text-primary)}.join-planet-package.selected .price-value{color:var(--color-primary)}.price-unit{font-size:12px;color:var(--color-text-tertiary)}.package-daily{font-size:11px;color:#718096}.package-check{display:flex;align-items:center;justify-content:center;flex-shrink:0}.package-check-circle{width:22px;height:22px;border:2px solid var(--color-border-solid);border-radius:50%;transition:background-color .25s ease,border-color .25s}.join-planet-package.selected .package-check-circle{border-color:var(--color-primary);background:var(--color-primary)}.package-check-icon{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);border-radius:50%;color:#fff;box-shadow:0 1px 3px #0000001f}.join-planet-package.package-hot{border-color:#f56565}.join-planet-package.package-hot.selected{border-color:#f56565;box-shadow:0 1px 3px #0000001f}.join-planet-package.package-hot.selected .package-title,.join-planet-package.package-hot.selected .price-value{color:#fc8181}.join-planet-package.package-best{border-color:#48bb78}.join-planet-package.package-best.selected{border-color:#48bb78;box-shadow:0 1px 3px #0000001f}.join-planet-package.package-best.selected .package-title,.join-planet-package.package-best.selected .price-value{color:#68d391}.join-planet-package.package-vip{border-color:#ecc94b}.join-planet-package.package-vip.selected{border-color:#ecc94b;box-shadow:0 1px 3px #0000001f}.join-planet-package.package-vip.selected .package-title,.join-planet-package.package-vip.selected .price-value{color:#f6e05e}.join-planet-benefits{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:14px;padding:14px 16px}.benefits-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--color-text-tertiary);margin-bottom:10px}.benefits-list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.benefits-list li{font-size:12px;color:#718096;padding-left:16px;position:relative;line-height:1.4}.benefits-list li:before{content:"";position:absolute;left:0;top:6px;width:6px;height:6px;background:#4299e1;border-radius:50%}.join-planet-bottom{position:fixed;bottom:0;left:0;right:0;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));background:#1a202cf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--color-bg-surface-hover);display:flex;flex-direction:column;gap:10px}.join-planet-balance{display:flex;align-items:center;justify-content:center;gap:4px;font-size:12px;padding:4px 0}.balance-label{color:#718096}.balance-value{color:#f6e05e;font-weight:600}.join-planet-insufficient-tip{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:#f5656526;border:1px solid rgba(245,101,101,.3);border-radius:8px;font-size:13px;color:#fc8181;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.join-planet-bottom-info{min-height:20px}.join-planet-selected-info{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px}.selected-label{color:#718096}.selected-value{color:var(--color-text-primary);font-weight:500}.selected-price{color:var(--color-primary);font-weight:600}.join-planet-btn{width:100%;padding:14px;background:var(--color-border-solid);color:var(--color-text-tertiary);border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .25s ease,border-color .25s}.join-planet-btn.active{background:var(--color-primary);color:#fff;box-shadow:0 1px 3px #0000001f}.join-planet-btn.active:active{background:var(--color-primary-dark, #5a67d8);box-shadow:0 1px 3px #0000001f}.join-planet-btn:disabled{cursor:not-allowed}.join-planet-btn-loading{display:flex;align-items:center;justify-content:center;gap:8px}.join-planet-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.join-planet-dialog-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:fadeIn .2s ease}.join-planet-dialog{background:#252f3f;border-radius:16px;padding:24px;max-width:300px;width:100%;text-align:center;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dialog-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto 16px;background:#ecc94b26;border-radius:50%;color:#ecc94b}.dialog-title{font-size:17px;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.dialog-content{font-size:14px;color:var(--color-text-tertiary);margin:0 0 20px;line-height:1.5}.dialog-actions{display:flex;gap:12px}.dialog-btn{flex:1;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease,border-color .2s}.dialog-btn.btn-cancel{background:transparent;border:1px solid var(--color-border-solid);color:var(--color-text-tertiary)}.dialog-btn.btn-cancel:active{background:var(--color-bg-surface-hover)}.dialog-btn.btn-confirm{background:var(--color-primary);border:none;color:#fff}.dialog-btn.btn-confirm:active{background:var(--color-primary-dark, #5a67d8)}@media(max-width:768px){.join-planet-header-title{font-size:var(--title-font-size, 16px)}.join-planet-content{padding:12px 12px 110px}.join-planet-intro{padding:14px;gap:12px}.join-planet-intro-icon{width:42px;height:42px}.join-planet-intro-title{font-size:15px}.join-planet-intro-desc{font-size:12px}.join-planet-packages{gap:10px}.join-planet-package{padding:14px}.package-title{font-size:14px}.price-value{font-size:20px}.benefits-list{grid-template-columns:1fr}.join-planet-bottom{padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.join-planet-btn{padding:12px;font-size:14px}}@media(max-width:360px){.join-planet-intro{flex-direction:column;text-align:center}.package-main{flex-direction:column;align-items:flex-start;gap:10px}.package-right{width:100%;justify-content:space-between}.package-pricing{flex-direction:row;align-items:center;gap:8px}}.collect-page{--collect-bg: var(--color-bg-page);--collect-surface: var(--color-bg-surface);--collect-surface-hover: var(--color-bg-surface-hover);--collect-text: var(--color-text-primary);--collect-text-secondary: var(--color-text-secondary);--collect-border: var(--color-border-solid);--collect-bottom-tabs-height: 44px;min-height:100dvh;min-height:var(--app-height, 100dvh);background:var(--color-bg-page);color:var(--color-text-primary);padding-top:var(--title-bar-total-height);padding-bottom:calc(var(--collect-bottom-tabs-height) + max(env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0)) + 20px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scrollbar-gutter:stable}.collect-title-bar-sticky{position:fixed;top:0;left:0;right:0;z-index:100}.collect-title-bar{--collect-primary: #7f9cf5;--collect-primary-light: rgba(127, 156, 245, .15);box-sizing:border-box;height:var(--title-bar-total-height);display:flex;align-items:flex-end;justify-content:space-between;padding:0 var(--container-padding-md, 1rem);background:var(--color-bg-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--joy-palette-neutral-700, var(--collect-border));box-shadow:0 1px #ffffff0a;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.collect-title-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--title-bar-safe-top, env(safe-area-inset-top, 0px));background:var(--color-bg-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.collect-title-bar:after{content:"";position:absolute;top:var(--title-bar-safe-top, env(safe-area-inset-top, 0px));left:0;right:0;height:1px;background:var(--collect-primary-light);opacity:.9}.collect-title-bar-back{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;background:transparent;border:none;border-radius:8px;color:var(--joy-palette-neutral-50, var(--collect-text));cursor:pointer;transition:background .2s,transform .2s,color .2s;flex-shrink:0;align-self:center;-webkit-tap-highlight-color:transparent}.collect-title-bar-back:hover{background:var(--collect-primary-light);color:var(--collect-primary)}.collect-title-bar-back:active{transform:scale(.95)}.collect-title-bar-title{flex:1;margin:0;font-size:var(--title-font-size, 17px);font-weight:var(--title-font-weight, 600);color:var(--joy-palette-neutral-50, var(--collect-text));text-align:center;display:flex;align-items:center;justify-content:center;line-height:1;align-self:center;-webkit-text-size-adjust:100%}.collect-title-bar-spacer{width:44px;min-width:44px;flex-shrink:0;align-self:center}@media(prefers-reduced-motion:reduce){.collect-title-bar:before,.collect-title-bar:after{display:none}.collect-title-bar,.collect-bottom-nav-container{backdrop-filter:none;-webkit-backdrop-filter:none}}@supports (-webkit-touch-callout: none){.collect-title-bar{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.collect-pull-indicator{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:var(--joy-palette-background-surface, #1a202c);transition:height .15s ease-out}.collect-pull-icon{font-size:22px;color:var(--joy-palette-neutral-500, rgba(255, 255, 255, .5));transition:color .2s,transform .2s}.collect-pull-icon.ready{color:var(--joy-palette-primary-500, #6366f1)}.collect-refreshing-bar{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--joy-palette-neutral-700, rgba(255, 255, 255, .08))}.collect-bottom-nav-container{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:var(--color-bg-surface);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.08);padding-bottom:max(12px,env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0))}.collect-bottom-nav{--bottom-nav-height: 44px;display:flex;justify-content:space-around;align-items:center;height:var(--bottom-nav-height);min-height:var(--bottom-nav-height);padding:0 20px}.collect-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:none;padding:4px 0;cursor:pointer;transition:all .3s ease}.collect-nav-label{font-size:16px;color:#fff9;font-weight:400;transition:color .3s ease}.collect-nav-item.active .collect-nav-label{color:#818cf8;font-weight:600}.collect-edit-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;gap:8px;border-bottom:1px solid var(--joy-palette-neutral-700, rgba(255, 255, 255, .08))}.collect-list{padding:10px 12px 14px;display:flex;flex-direction:column;gap:8px}@media(max-width:768px){.collect-bottom-nav-container{padding-bottom:max(10px,env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0))}.collect-bottom-nav{--bottom-nav-height: 40px;padding:0 16px}}@media(min-width:320px){.collect-nav-label{font-size:16px}}@media(min-width:375px){.collect-nav-label{font-size:17px}}@media(min-width:768px){.collect-nav-label{font-size:18px}}.collect-card{cursor:pointer;border-radius:12px;background:var(--joy-palette-background-level1, #2d3748)!important;border:1px solid rgba(74,85,104,.4);box-shadow:0 1px 3px #0000001f;transition:background .2s ease,border-color .2s ease}.collect-card:hover{background:var(--joy-palette-background-level2, #374151)!important;border-color:#4a55688c}.collect-card:active{background:var(--joy-palette-background-level2, #374151)!important}.collect-card.collect-card-exiting{animation:collect-card-exit .35s ease-out forwards}@keyframes collect-card-exit{to{opacity:0;transform:translate(-100%)}}@media(prefers-reduced-motion:reduce){.collect-card.collect-card-exiting{animation:collect-card-exit-reduced .25s ease-out forwards}}@keyframes collect-card-exit-reduced{to{opacity:0}}.collect-card-content{padding:6px 8px!important}.collect-card-row1{display:flex;align-items:flex-start;gap:8px;margin-bottom:4px}.collect-card-cover-wrap{flex-shrink:0;width:56px;height:56px;border-radius:8px;overflow:hidden;border:1px solid rgba(74,85,104,.3)}.collect-card-cover-wrap.collect-card-cover-multi{display:grid;grid-template-columns:1fr 1fr;gap:2px}.collect-card-cover-wrap.collect-card-cover-multi .collect-card-cover{width:100%;height:100%;min-width:0;min-height:0;object-fit:cover}.collect-card-cover{width:100%;height:100%;object-fit:cover;display:block}.collect-card-cover-placeholder{width:100%;height:100%;background:#4a55684d}.collect-card-text{flex:1;min-width:0;line-height:1.45;font-size:13px;color:var(--joy-palette-neutral-100, rgba(247, 250, 252, .95))}.collect-card-row2{display:flex;align-items:center;justify-content:space-between;gap:4px}.collect-card-user{flex:1;min-width:0}.collect-card-user .collect-avatar,.collect-card-actions{flex-shrink:0}.collect-card-actions [class*=IconButton]{min-width:28px;min-height:28px;padding:4px}.collect-card-actions [class*=IconButton] svg{width:14px;height:14px}.collect-card .collect-avatar{width:24px!important;height:24px!important;font-size:.75rem!important;flex-shrink:0;background:var(--joy-palette-neutral-700, rgba(255, 255, 255, .1));border:1px solid rgba(74,85,104,.4)}.collect-checkbox-input{width:18px;height:18px;cursor:pointer;accent-color:var(--joy-palette-primary-500, #6366f1)}.collect-load-more{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px}.collect-load-more [class*=JoySpinner]{color:var(--joy-palette-primary-500, #6366f1)}@media(max-width:768px){.collect-page{--collect-bottom-tabs-height: 40px}.collect-bottom-nav{padding:0 var(--container-padding-md, 1rem)}.collect-list{padding:8px 10px 12px;gap:6px}.collect-card-cover-wrap{width:48px;height:48px}.collect-card-content{padding:5px 6px!important}.collect-card-row1{gap:6px;margin-bottom:3px}.collect-card .collect-avatar{width:22px!important;height:22px!important}.collect-card-actions [class*=IconButton]{min-width:26px;min-height:26px}.collect-empty{padding:48px 20px;margin:10px}.collect-empty-icon-wrap{width:76px;height:76px;margin-bottom:16px}.collect-empty-icon-wrap .collect-empty-icon,.collect-empty-icon-wrap svg{width:36px;height:36px}.collect-empty-title{font-size:15px!important}.collect-empty-desc{font-size:13px}}@media(max-width:480px){.collect-list{padding:8px 10px 12px}}@media(max-width:375px){.collect-title-bar-back{width:32px;height:32px;min-width:32px;min-height:32px}.collect-bottom-nav{padding:0 12px}.collect-empty{padding:40px 16px;margin:8px}.collect-empty-icon-wrap{width:72px;height:72px;margin-bottom:14px}.collect-empty-icon-wrap .collect-empty-icon,.collect-empty-icon-wrap svg{width:32px;height:32px}.collect-empty-title{font-size:14px!important}.collect-empty-desc{font-size:12px}}@media(min-width:768px){.collect-bottom-nav-container{width:100%;max-width:768px;left:50%;right:auto;transform:translate(-50%);border-radius:16px 16px 0 0}}.spinner{width:24px;height:24px;position:relative;z-index:1;display:inline-block}.spinner-sm{width:16px;height:16px}.spinner-sm:before{border-width:2px}.spinner-sm:after{width:5px;height:5px}.spinner-md{width:24px;height:24px}.spinner:before{content:"";position:absolute;width:100%;height:100%;border:3px solid transparent;border-top-color:var(--primary-color);border-right-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.spinner:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;background:var(--primary-color);border-radius:50%;transform:translate(-50%,-50%);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.3)}}@keyframes pulseBackground{0%,to{opacity:.3}50%{opacity:.6}}@keyframes fadeInOut{0%,to{opacity:.7}50%{opacity:1}}.my-contact-page{min-height:100dvh;min-height:var(--app-height, 100dvh);background:var(--color-bg-page);color:var(--color-text-primary);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.page-header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background-color:var(--color-bg-surface);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;cursor:pointer;color:var(--text-primary);transition:background-color .2s;border-radius:8px}.back-button:hover{background-color:var(--background-hover)}.back-button:active{transform:scale(.95)}.page-title{font-size:17px;font-weight:600;color:var(--text-primary)}.header-actions{display:flex;align-items:center;width:40px;justify-content:flex-end}.page-content{padding:16px;padding-top:var(--title-bar-total-height);max-width:600px;margin:0 auto}.loading-container{display:flex;align-items:center;justify-content:center;min-height:400px}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.contact-info-card{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:16px;padding:24px;box-shadow:0 2px 10px #0000000d}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;color:var(--primary-color)}.card-title{font-size:18px;font-weight:600;color:var(--text-primary)}.card-content{display:flex;flex-direction:column;gap:16px}.info-row{display:flex;align-items:flex-start;gap:12px}.info-label{min-width:80px;font-size:14px;color:var(--text-secondary)}.info-value{flex:1;font-size:14px;font-weight:500;color:var(--text-primary);word-break:break-all}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.empty-icon{margin-bottom:16px;opacity:.5}.empty-text{font-size:14px;color:var(--text-secondary);text-align:center}.action-section{margin-top:16px}.edit-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 24px;background-color:var(--primary-color);color:var(--text-on-primary);border:none;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.edit-button:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.3)}.edit-button:active:not(:disabled){transform:translateY(0)}.edit-button:disabled{opacity:.6;cursor:not-allowed}.edit-section{margin-top:16px}.edit-form-card{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:16px;padding:24px}.form-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:24px}.form-label{display:block;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.form-input,.form-select{width:100%;padding:12px 16px;font-size:14px;color:var(--text-primary);background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:8px;outline:none;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.form-input::placeholder{color:var(--text-hint)}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4L6 8L10 4' stroke='%23666' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.free-flag-group{display:flex;align-items:center;justify-content:space-between}.switch{position:relative;display:inline-block;width:50px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border-color);transition:.3s;border-radius:28px}.slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.switch input:checked+.slider{background-color:var(--primary-color)}.switch input:focus+.slider{box-shadow:0 0 1px var(--primary-color)}.switch input:checked+.slider:before{transform:translate(22px)}.form-actions{display:flex;gap:12px;margin-top:32px}.form-button{flex:1;padding:12px 24px;font-size:14px;font-weight:500;border:none;border-radius:12px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.form-button.primary{background-color:var(--primary-color);color:var(--text-on-primary)}.form-button.primary:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.3)}.form-button.primary:active:not(:disabled){transform:translateY(0)}.form-button.secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.form-button.secondary:hover:not(:disabled){background-color:var(--background-hover);border-color:var(--text-hint)}.form-button:disabled{opacity:.6;cursor:not-allowed}.button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;z-index:1000;animation:slideDown .3s ease-out;box-shadow:0 4px 12px #00000026}.toast.success{background-color:#4caf50;color:#fff}.toast.error{background-color:#f44336;color:#fff}.toast.info{background-color:#2196f3;color:#fff}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-color-scheme:dark){.toast.success{background-color:#66bb6a}.toast.error{background-color:#ef5350}.toast.info{background-color:#42a5f5}}@media(max-width:768px){.page-header{padding:12px 16px}.page-title{font-size:16px}.page-content{padding:12px}.contact-info-card,.edit-form-card{padding:16px}.card-title{font-size:16px}.form-title{font-size:15px}.info-label{min-width:60px}.info-row,.info-value,.form-input,.form-select,.form-button{font-size:13px}}@media(max-width:480px){.page-content{padding:8px}.contact-info-card,.edit-form-card{padding:12px;border-radius:12px}.card-header{margin-bottom:16px}.card-content{gap:12px}.empty-state{padding:32px 16px}}.apply-contact-page{background:var(--color-bg-page);display:flex;flex-direction:column;padding-top:var(--title-bar-total-height)}.apply-contact-header{height:var(--title-bar-content-height);display:flex;align-items:center;justify-content:flex-start;padding:0 var(--container-padding-md, 1rem);background-color:var(--color-bg-page);border-bottom:1px solid var(--color-border);position:fixed;top:0;left:0;right:0;z-index:100;flex-shrink:0}.apply-contact-header .back-button{width:40px;height:40px;background:transparent;border:none;cursor:pointer;color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .2s;flex-shrink:0}.apply-contact-header .back-button:hover{background-color:var(--color-bg-surface-hover)}.apply-contact-header .page-title{position:absolute;left:50%;transform:translate(-50.1%);font-size:var(--title-font-size, 17px);font-weight:var(--title-font-weight, 600);color:var(--color-text-primary);margin:0;white-space:nowrap}.apply-contact-header .records-button{margin-left:auto;padding:6px 12px;background:transparent;border:none;font-size:14px;color:var(--color-primary);cursor:pointer;transition:opacity .2s;flex-shrink:0}.apply-contact-header .records-button:hover{opacity:.8}.apply-contact-content{flex:1;overflow-y:auto;padding-bottom:70px}.error-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:16px}.error-message{font-size:15px;color:var(--color-text-secondary);text-align:center}.section-title{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--color-text-primary)}.add-mode-section{padding:16px}.radio-group{display:flex;flex-direction:column;gap:10px}.radio-item{display:flex;align-items:flex-start;gap:12px;padding:14px;background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:10px;cursor:pointer;transition:border-color .2s,background-color .2s}.radio-item:hover{border-color:var(--color-primary)}.radio-item.selected{border-color:var(--color-primary);background-color:#7f9cf514}.radio-item input[type=radio]{width:18px;height:18px;margin-top:2px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.radio-label{display:flex;flex-direction:column;gap:4px;flex:1}.radio-title{font-size:14px;font-weight:500;color:var(--color-text-primary)}.radio-desc{font-size:12px;color:var(--color-text-tertiary)}.my-contact-section{padding:0 16px 16px}.contact-textarea{width:100%;padding:12px;background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-primary);font-size:16px;line-height:1.6;resize:none;font-family:inherit;box-sizing:border-box;transition:border-color .2s}.contact-textarea::placeholder{color:var(--color-text-tertiary)}.contact-textarea:focus{outline:none;border-color:var(--color-primary)}.char-count{margin-top:8px;font-size:12px;color:var(--color-text-tertiary);text-align:right}.apply-contact-footer{position:fixed;bottom:0;left:0;right:0;background-color:var(--color-bg-page);border-top:1px solid var(--color-border);padding:8px 16px;padding-bottom:calc(8px + max(env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0)));display:flex;flex-direction:column;gap:2px;z-index:100}.price-info{display:flex;align-items:center;justify-content:center;gap:4px;padding:2px 0;background:transparent}.price-info.free{background:transparent}.price-label{font-size:13px;color:var(--color-text-secondary)}.price-value{font-size:14px;font-weight:600;color:var(--color-warning)}.price-info.free .price-value{color:var(--color-success)}.submit-button{width:100%;padding:4px 12px;height:36px;background-color:var(--color-primary-solid);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;line-height:1.2;cursor:pointer;transition:opacity .2s;display:flex;align-items:center;justify-content:center}.submit-button:hover:not(:disabled){opacity:.9}.submit-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:640px){.request-item{padding:12px}.request-avatar{width:45px;height:45px}.request-name{font-size:15px}.request-actions{flex-direction:column;gap:6px}.action-button{padding:8px 12px;font-size:13px}.modal-content{max-width:100%;margin:20px}}.contact-request-list-page,.contact-record-list-page{height:100vh;height:100dvh;height:var(--app-height, 100dvh);background-color:#1a202c;display:flex;flex-direction:column;overflow:hidden;padding-top:var(--title-bar-total-height);box-sizing:border-box}.page-header{display:flex;align-items:center;justify-content:center;padding:0 12px;background-color:#2d3748;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(74,85,104,.4);position:fixed;top:0;left:0;right:0;z-index:100;flex-shrink:0;box-shadow:0 1px 3px #0000001f;box-sizing:border-box}.header-left{position:absolute;left:12px;z-index:1}.back-button{padding:8px;background:transparent;border:none;cursor:pointer;color:#cbd5e0;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:all .2s ease}.back-button:hover{background-color:#7f9cf526;transform:translate(-2px)}.back-button:active{background-color:#7f9cf540;transform:translate(0)}.page-title{position:absolute;left:50%;transform:translate(-50%);margin:0;font-size:var(--title-font-size, 17px);font-weight:600;color:#f7fafc;text-shadow:0 1px 2px rgba(0,0,0,.3);white-space:nowrap}@media(max-width:768px){.page-title{font-size:var(--title-font-size, 16px)}}.header-actions{position:absolute;right:12px;z-index:1;display:flex;align-items:center;justify-content:flex-end;min-width:60px}.header-spacer{width:60px}.edit-button,.config-button{background:transparent;border:none;padding:8px 12px;cursor:pointer;color:#7f9cf5;font-size:14px;font-weight:500;border-radius:8px;transition:background-color .2s;white-space:nowrap}.edit-button:hover,.config-button:hover{background-color:#7f9cf51f}.edit-button:active,.config-button:active{transform:scale(.96)}.edit-actions{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:#2d3748;border-bottom:1px solid rgba(74,85,104,.3)}.select-all-button{background:transparent;border:none;padding:8px 12px;cursor:pointer;color:#a0aec0;font-size:14px;font-weight:500;border-radius:8px;transition:background-color .2s}.select-all-button:hover{background-color:#4a556866;color:#f7fafc}.select-all-button:active{transform:scale(.96)}.approve-button,.reject-button{padding:8px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.approve-button{background-color:#34d399;color:#1a202c}.approve-button:hover:not(:disabled){background-color:#2eb892}.approve-button:active:not(:disabled){transform:scale(.96)}.approve-button:disabled{opacity:.5;cursor:not-allowed}.reject-button{background-color:#f87171;color:#1a202c}.reject-button:hover:not(:disabled){background-color:#ef5b5b}.reject-button:active:not(:disabled){transform:scale(.96)}.reject-button:disabled{opacity:.5;cursor:not-allowed}.request-notice{padding:8px 12px;background-color:#6366f114;border-bottom:1px solid rgba(99,102,241,.15)}.notice-item{font-size:12px;color:#cbd5e0;line-height:1.5}.request-list{flex:1;padding:12px 16px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;-webkit-overflow-scrolling:touch}.request-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background-color:#2d3748;border-radius:12px;border:1px solid rgba(74,85,104,.3);transition:all .2s ease}.request-item.edit-mode{cursor:default}.request-checkbox{flex-shrink:0}.request-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#7f9cf5;border-radius:4px}.request-avatar{width:48px;height:48px;border-radius:12px;overflow:hidden;flex-shrink:0;background-color:#374151;cursor:pointer}.request-avatar.small{width:36px;height:36px;border-radius:10px}.request-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#f7fafc;background:#6366f1}.request-avatar.small .avatar-placeholder{font-size:14px}.request-info{flex:1;min-width:0}.request-header{display:flex;align-items:center;gap:6px;margin-bottom:6px;flex-wrap:wrap}.request-name{font-size:15px;font-weight:500;color:#f7fafc;flex-shrink:0}.request-action-text{font-size:13px;color:#a0aec0;flex-shrink:0}.request-target{font-size:15px;font-weight:500;color:#7f9cf5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-nickname{font-size:13px;font-weight:400;color:#a0aec0}.request-status{flex-shrink:0;font-size:12px;padding:3px 10px;border-radius:6px;font-weight:500}.status-pending{background-color:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.status-approved{background-color:#34d39926;color:#34d399;border:1px solid rgba(52,211,153,.3)}.status-rejected{background-color:#f8717126;color:#f87171;border:1px solid rgba(248,113,113,.3)}.status-expired{background-color:#a0aec026;color:#a0aec0;border:1px solid rgba(160,174,192,.3)}.request-bio{font-size:13px;color:#a0aec0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-contact{font-size:12px;display:flex;align-items:center;gap:4px}.contact-label{color:#718096}.contact-value{color:#7f9cf5;font-weight:500}.request-meta{display:flex;align-items:center;gap:12px}.request-time{font-size:12px;color:#718096}.request-price{font-size:12px;color:#fbbf24;font-weight:500}.request-price.free{color:#34d399}.request-actions{display:flex;gap:8px;flex-shrink:0}.action-button{padding:7px 14px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.header-action-button{padding:6px 12px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;background-color:transparent;color:var(--color-primary, #7f9cf5);transition:background-color .2s ease}.header-action-button:hover{background-color:#7f9cf51f}.header-action-button:active{transform:scale(.96)}.action-button.approve{background-color:#34d399;color:#1a202c}.action-button.approve:hover:not(:disabled){background-color:#2eb892}.action-button.approve.inline{padding:5px 10px;font-size:11px;font-weight:400;display:flex;align-items:center;justify-content:center;gap:0;line-height:1;border:1px solid transparent;box-sizing:border-box;min-height:22px;height:22px}.action-button.reject{background-color:#f87171;color:#1a202c}.action-button.reject:hover:not(:disabled){background-color:#ef5b5b}.request-arrow{flex-shrink:0;color:#4a5568;display:flex;align-items:center}.copy-contact-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background-color:transparent;border:1px solid #4a5568;border-radius:8px;font-size:12px;color:#cbd5e0;cursor:pointer;transition:all .2s ease;flex-shrink:0;white-space:nowrap}.copy-contact-btn:hover{background-color:#7f9cf51a;border-color:#7f9cf5;color:#7f9cf5}.copy-contact-btn:active{transform:scale(.96)}.copy-contact-btn.primary{background-color:#7f9cf5;border-color:#7f9cf5;color:#1a202c;padding:5px 10px;font-size:11px;line-height:1}.copy-contact-btn.primary:hover{background-color:#6b8cfd}.request-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.request-actions-row{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:2px;flex-wrap:nowrap}.random-code-display{display:flex;align-items:center;gap:4px;padding:5px 8px;background-color:#7f9cf514;border:1px solid rgba(127,156,245,.2);border-radius:8px;flex:1;min-width:80px;max-width:160px;cursor:default;transition:all .2s ease}.random-code-display.clickable{cursor:pointer}.random-code-display.clickable:hover{background-color:#7f9cf526;border-color:#7f9cf559}.random-code-display.clickable:active{transform:scale(.97);background-color:#7f9cf533}.random-code-label{font-size:11px;color:#a0aec0;flex-shrink:0}.random-code-value{font-size:12px;font-weight:500;color:#7f9cf5;font-family:SF Mono,Monaco,Consolas,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.copy-icon-btn{display:flex;align-items:center;justify-content:center;padding:3px;background-color:transparent;border:none;border-radius:4px;color:#7f9cf5;cursor:pointer;transition:all .2s ease;flex-shrink:0}.copy-icon-btn:hover{background-color:#7f9cf526}.copy-icon-btn:active{transform:scale(.9)}@media(max-width:375px){.random-code-display{flex:1;min-width:60px;max-width:120px;padding:4px 6px;gap:3px}.random-code-label,.random-code-value{font-size:10px}.copy-contact-btn{padding:4px 6px;font-size:10px;gap:2px}.copy-contact-btn.primary{padding:4px 6px;font-size:10px}.request-actions-row{gap:4px}.action-button.approve.inline{padding:4px 6px;font-size:10px;min-height:18px;height:18px}}.loading-indicator{display:flex;justify-content:center;align-items:center;padding:20px}.spinner{width:28px;height:28px;border:3px solid rgba(127,156,245,.15);border-top-color:#7f9cf5;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.load-end{text-align:center;padding:18px;color:#718096;font-size:13px}.modal-overlay{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background-color:#2d3748;border-radius:16px;width:100%;max-width:380px;max-height:85vh;overflow-y:auto;animation:slideUp .25s ease-out;border:1px solid rgba(74,85,104,.3)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(74,85,104,.3)}.modal-title{font-size:17px;font-weight:600;color:#f7fafc}.modal-close{background:none;border:none;padding:6px;cursor:pointer;color:#a0aec0;border-radius:8px;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.modal-close:hover{background-color:#4a556866;color:#f7fafc}.modal-close:active{transform:scale(.95)}.modal-body{padding:20px}.detail-section{margin-bottom:18px}.detail-section:last-child{margin-bottom:0}.detail-label{font-size:13px;color:#718096;margin-bottom:6px}.detail-value{font-size:15px;color:#f7fafc;line-height:1.5}.detail-nickname{font-size:14px;color:#a0aec0;margin-left:6px}.modal-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid rgba(74,85,104,.3)}.modal-button{flex:1;padding:12px;border:none;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.modal-button:active{transform:scale(.97)}.modal-button.secondary{background-color:#4a556880;color:#f7fafc}.modal-button.secondary:hover{background-color:#4a556899}.modal-button.primary{background:#6366f1;color:#f7fafc}.modal-button.primary:hover{opacity:.92}.contact-config-page{background:var(--color-bg-page);display:flex;flex-direction:column;padding-top:var(--title-bar-total-height)}.config-content{flex:1;padding:16px}@media(max-width:768px){.config-content{padding:12px}}.action-button{padding:6px 14px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .2s,background-color .2s}.action-button:disabled{opacity:.5;cursor:not-allowed}.action-button.edit{background-color:transparent;color:var(--color-primary)}.action-button.edit:hover:not(:disabled){background-color:var(--color-bg-surface-hover)}.action-button.save{background-color:transparent;color:var(--color-primary)}.action-button.save:hover:not(:disabled){background-color:var(--color-bg-surface-hover)}.action-button.save:active:not(:disabled){transform:scale(.97)}.contact-info-card{background-color:var(--color-bg-surface);border-radius:12px;border:1px solid var(--color-border);overflow:hidden}.info-section{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--color-border-light);gap:16px}.info-section:last-child{border-bottom:none}.info-label{font-size:14px;color:var(--color-text-tertiary);flex-shrink:0}.info-value{font-size:15px;color:var(--color-text-primary);font-weight:500;text-align:right}.info-value.copyable{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-bg-surface-hover);border-radius:8px;border:1px solid var(--color-border);cursor:pointer;transition:background .2s,border-color .2s}.info-value.copyable:hover{background:var(--color-bg-surface-hover);border-color:var(--color-primary)}.info-value.copyable svg{color:var(--color-primary);flex-shrink:0}.price-tag{display:inline-flex;align-items:center;padding:6px 12px;border-radius:8px;font-size:14px;font-weight:500}.price-tag.free{background:var(--color-bg-surface-hover);color:var(--color-text-primary);border:1px solid var(--color-border)}.price-tag.paid{background:var(--color-bg-surface-hover);color:var(--color-text-primary);border:1px solid var(--color-primary)}.contact-info-card.edit-mode{padding-bottom:0}.edit-mode-header{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--color-border-light);background:var(--color-bg-surface)}.edit-mode-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background-color:var(--color-primary);color:#fff;margin-right:10px;flex-shrink:0}.edit-mode-title{font-size:15px;font-weight:600;color:var(--color-text-primary)}.edit-mode-subtitle{font-size:11px;color:var(--color-text-tertiary);margin-top:2px}.edit-mode .info-section{flex-direction:column;align-items:stretch;padding:14px 16px;gap:10px}.edit-mode .info-section .info-label{font-size:13px;color:var(--color-text-secondary);font-weight:500;margin-bottom:4px}.edit-mode .info-input,.edit-mode .info-select{flex:1;width:100%;max-width:none;padding:11px 14px;background-color:var(--color-bg-page);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:14px;text-align:left;outline:none;transition:border-color .2s,background-color .2s,box-shadow .2s;box-sizing:border-box;-webkit-box-sizing:border-box}.edit-mode .info-input:focus,.edit-mode .info-select:focus{border-color:var(--color-primary);background-color:var(--color-bg-surface);box-shadow:0 0 0 3px #6366f126}.edit-mode .info-input::placeholder,.edit-mode .info-select::placeholder{color:var(--color-text-tertiary)}.edit-mode .info-select{appearance:none;-webkit-appearance:none;background-color:var(--color-bg-surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236366f1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:44px;cursor:pointer}.edit-mode .info-select option{background-color:var(--color-bg-surface);color:var(--color-text-primary);padding:12px}.edit-mode .price-edit-group{flex-direction:column;align-items:stretch;gap:10px;width:100%}.edit-mode .free-toggle{display:flex;align-items:center;gap:10px;padding:11px 14px;background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:8px;font-size:14px;color:var(--color-text-primary);cursor:pointer;transition:background-color .2s,border-color .2s;box-sizing:border-box;-webkit-box-sizing:border-box}.edit-mode .free-toggle:hover{background-color:var(--color-bg-surface-hover);border-color:var(--color-primary)}.edit-mode .free-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.edit-mode .free-toggle-text{flex:1;text-align:left}.edit-mode .free-toggle-hint{display:none;font-size:11px;color:var(--color-text-tertiary)}.edit-mode .price-input-wrapper{display:flex;align-items:center;gap:10px;width:100%;padding:11px 14px;background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:8px;transition:border-color .2s;box-sizing:border-box;-webkit-box-sizing:border-box}.edit-mode .price-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126}.edit-mode .price-input{flex:1;min-width:0;text-align:left;padding:0;background:transparent;border:none;font-size:14px;color:var(--color-text-primary);outline:none;-webkit-appearance:none;appearance:none}.edit-mode .price-input::placeholder{color:var(--color-text-tertiary)}.edit-mode .price-input::-webkit-outer-spin-button,.edit-mode .price-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.edit-mode .price-unit{font-size:13px;color:var(--color-text-secondary);flex-shrink:0;display:flex;align-items:center;gap:4px}.edit-mode .edit-actions{display:flex;gap:10px;padding:16px 12px;border-top:1px solid var(--color-border-light);background-color:var(--color-bg-surface);margin:0 -1px -1px;box-sizing:border-box;-webkit-box-sizing:border-box}.edit-mode .cancel-button{flex:1;min-width:0;padding:12px 16px;background-color:var(--color-bg-surface-hover);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edit-mode .cancel-button:hover{background-color:var(--color-bg-page);color:var(--color-text-primary);border-color:var(--color-text-tertiary)}.edit-mode .save-button-inline{flex:2;min-width:0;padding:12px 16px;background-color:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s,transform .1s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edit-mode .save-button-inline:hover:not(:disabled){background-color:var(--color-primary-hover, #4338ca)}.edit-mode .save-button-inline:active:not(:disabled){transform:scale(.98)}.edit-mode .save-button-inline:disabled{opacity:.6;cursor:not-allowed}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.error-icon{color:var(--color-error);margin-bottom:12px}.error-text{font-size:15px;color:var(--color-text-tertiary);margin-bottom:20px}.retry-button{padding:10px 24px;background-color:var(--color-primary-solid);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .2s}.retry-button:hover{opacity:.9}.collect-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;padding:32px 24px;margin:16px}.collect-empty-icon-wrapper{display:flex;align-items:center;justify-content:center;margin-bottom:20px;animation:collect-empty-state-float 3s ease-in-out infinite;overflow:visible;border-radius:0!important;background:transparent!important;box-shadow:none!important}.collect-empty-icon{color:#667eea}.collect-empty-title{font-size:16px;font-weight:600;color:#f7fafc;margin:0 0 6px;letter-spacing:.3px}.collect-empty-desc{font-size:13px;color:#a0aec0;margin:0;line-height:1.5}@keyframes collect-empty-state-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.add-button{margin-top:16px;padding:10px 24px;background-color:var(--color-primary-solid);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.add-button:hover{background-color:var(--color-primary)}@media(max-width:375px){.collect-empty{min-height:240px;padding:24px 16px;margin:12px}.collect-empty-icon-wrapper{margin-bottom:16px}.collect-empty-title{font-size:15px}.collect-empty-desc{font-size:12px}}@media(min-width:769px){.collect-empty{min-height:320px}}@media(max-width:360px){.edit-mode-header{padding:10px 12px}.edit-mode-icon{width:32px;height:32px;margin-right:8px}.edit-mode-icon svg{width:16px;height:16px}.edit-mode-title{font-size:14px}.edit-mode-subtitle{font-size:10px}.edit-mode .info-section{padding:12px}.edit-mode .info-section .info-label{font-size:12px}.edit-mode .info-input,.edit-mode .info-select{padding:10px 12px;font-size:13px}.edit-mode .info-select{background-position:right 10px center;padding-right:36px}.edit-mode .free-toggle{padding:10px 12px;font-size:13px}.edit-mode .free-toggle input[type=checkbox]{width:16px;height:16px}.edit-mode .price-input-wrapper{padding:10px 12px}.edit-mode .price-input{font-size:13px}.edit-mode .price-unit{font-size:12px}.edit-mode .edit-actions{padding:12px 10px;gap:8px}.edit-mode .cancel-button,.edit-mode .save-button-inline{padding:11px 12px;font-size:13px}}.about-page{min-height:100dvh;min-height:var(--app-height, 100dvh);background:var(--color-bg-page);position:relative;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.about-header{display:flex;align-items:center;justify-content:center;height:44px;padding:0 12px;background:var(--color-bg-surface);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(74,85,104,.4);position:fixed;top:0;left:0;right:0;z-index:10;box-shadow:0 1px 3px #0000001f}.about-back-button{padding:8px;background:transparent;border:none;color:#cbd5e0;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:background-color .2s;position:relative;overflow:hidden;position:absolute;left:12px}.about-back-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#7f9cf533;transform:translate(-50%,-50%);transition:width .4s,height .4s}.about-back-button:hover:before{width:100px;height:100px}.about-back-button:hover{background:#7f9cf526;box-shadow:0 1px 3px #0000001f}.about-back-button:active{background:#7f9cf540}.about-title{margin:0;font-size:17px;font-weight:600;color:#f7fafc;letter-spacing:.5px}.app-icon-compact{width:48px;height:48px;border-radius:12px;background:#7f9cf526;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(127,156,245,.3);box-shadow:0 1px 3px #0000001f;transition:background-color .2s,border-color .2s}.app-icon-compact:hover{background:#7f9cf533;border-color:#7f9cf566;box-shadow:0 1px 3px #0000001f}.app-icon-symbol{color:#7f9cf5}.feature-icon-compact{width:32px;height:32px;border-radius:8px;background:#7f9cf51a;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(127,156,245,.2);transition:background-color .2s,border-color .2s}.feature-icon{color:#7f9cf5}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.feature-item-compact{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;background:#1e293b66;border:1px solid rgba(74,85,104,.3);transition:background-color .2s,border-color .2s}.feature-item-compact:hover{background:#7f9cf514;border-color:#7f9cf540}.feature-item-compact:hover .feature-icon-compact{background:#7f9cf526;border-color:#7f9cf566}.expand-icon{color:#7f9cf5;transition:transform .3s cubic-bezier(.4,0,.2,1)}.expand-icon.expanded{transform:rotate(180deg)}.log-bullet{position:absolute;left:0;color:#7f9cf5;font-weight:700}.legal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.legal-icon-compact{width:32px;height:32px;border-radius:8px;background:#7f9cf51a;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(127,156,245,.2);transition:background-color .2s,border-color .2s}.legal-icon{color:#7f9cf5}.legal-item-compact{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;background:#1e293b66;border:1px solid rgba(74,85,104,.3);cursor:pointer;transition:background-color .2s,border-color .2s}.legal-item-compact:hover{background:#7f9cf514;border-color:#7f9cf540}.legal-item-compact:hover .legal-icon-compact{background:#7f9cf526;border-color:#7f9cf566}@media(max-width:320px){.about-header{height:40px;padding:0 10px}.about-title{font-size:16px}.about-back-button{padding:6px}.app-icon-compact{width:40px;height:40px;border-radius:10px}.app-icon-compact svg{width:22px;height:22px}.feature-icon-compact{width:28px;height:28px}.feature-icon-compact svg{width:16px;height:16px}.features-grid{gap:6px}.feature-item-compact{padding:6px;gap:8px}.legal-icon-compact{width:28px;height:28px}.legal-icon-compact svg{width:16px;height:16px}.legal-grid{gap:6px}.legal-item-compact{padding:6px;gap:8px}}@media(min-width:375px){.about-header{height:44px}}@media(min-width:768px){.about-header{height:48px}.about-title{font-size:17px}.app-icon-compact{width:52px;height:52px}}@media(prefers-reduced-motion:reduce){.app-icon-compact,.feature-icon-compact,.feature-item-compact,.legal-icon-compact,.legal-item-compact,.expand-icon{transition:none}}.user-agreement-page{min-height:100dvh;min-height:var(--app-height, 100dvh);background:var(--color-bg-page);position:relative;display:flex;flex-direction:column}.user-agreement-content-wrapper{flex:1;height:0;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:16px;padding-top:calc(var(--title-bar-total-height, 44px) + 16px);padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));position:relative;z-index:1}.user-agreement-content{padding:16px}.user-agreement-empty{display:flex;align-items:center;justify-content:center;min-height:50vh}.user-agreement-rich-text .rich-text-content{color:#cbd5e0;line-height:1.8;font-size:14px}.user-agreement-rich-text .rich-text-content p{margin:0 0 12px}.user-agreement-rich-text .rich-text-content h1,.user-agreement-rich-text .rich-text-content h2,.user-agreement-rich-text .rich-text-content h3,.user-agreement-rich-text .rich-text-content h4,.user-agreement-rich-text .rich-text-content h5,.user-agreement-rich-text .rich-text-content h6{color:#f7fafc;margin:20px 0 12px;font-weight:600;line-height:1.4}.user-agreement-rich-text .rich-text-content h1{font-size:20px}.user-agreement-rich-text .rich-text-content h2{font-size:18px}.user-agreement-rich-text .rich-text-content h3{font-size:16px}.user-agreement-rich-text .rich-text-content a{color:#7f9cf5;text-decoration:none}.user-agreement-rich-text .rich-text-content a:hover{text-decoration:underline}.user-agreement-rich-text .rich-text-content ul,.user-agreement-rich-text .rich-text-content ol{margin:0 0 12px;padding-left:24px}.user-agreement-rich-text .rich-text-content li{margin-bottom:6px}.user-agreement-rich-text .rich-text-content strong{color:#f7fafc;font-weight:600}.user-agreement-rich-text .rich-text-content em{font-style:italic}.user-agreement-rich-text .rich-text-content blockquote{margin:12px 0;padding:10px 16px;background:#7f9cf51a;border-left:3px solid #7f9cf5;border-radius:0 4px 4px 0}.user-agreement-rich-text .rich-text-content code{background:#0000004d;padding:2px 6px;border-radius:4px;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:13px}.user-agreement-rich-text .rich-text-content pre{background:#0000004d;padding:12px 16px;border-radius:8px;overflow-x:auto;margin:12px 0}.user-agreement-rich-text .rich-text-content pre code{background:none;padding:0}.user-agreement-rich-text .rich-text-content table{width:100%;border-collapse:collapse;margin:12px 0}.user-agreement-rich-text .rich-text-content table th,.user-agreement-rich-text .rich-text-content table td{border:1px solid rgba(74,85,104,.5);padding:8px 12px;text-align:left}.user-agreement-rich-text .rich-text-content table th{background:#7f9cf51a;color:#f7fafc;font-weight:600}@media(max-width:320px){.user-agreement-content{padding:12px}.user-agreement-rich-text .rich-text-content{font-size:13px}.user-agreement-rich-text .rich-text-content h1{font-size:18px}.user-agreement-rich-text .rich-text-content h2{font-size:16px}}.privacy-policy-page{min-height:100dvh;min-height:var(--app-height, 100dvh);background:var(--color-bg-page);position:relative;display:flex;flex-direction:column}.privacy-policy-content-wrapper{flex:1;height:0;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:16px;padding-top:calc(var(--title-bar-total-height, 44px) + 16px);padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));position:relative;z-index:1}.privacy-policy-content{padding:16px}.privacy-policy-empty{display:flex;align-items:center;justify-content:center;min-height:50vh}.privacy-policy-rich-text .rich-text-content{color:#cbd5e0;line-height:1.8;font-size:14px}.privacy-policy-rich-text .rich-text-content p{margin:0 0 12px}.privacy-policy-rich-text .rich-text-content h1,.privacy-policy-rich-text .rich-text-content h2,.privacy-policy-rich-text .rich-text-content h3,.privacy-policy-rich-text .rich-text-content h4,.privacy-policy-rich-text .rich-text-content h5,.privacy-policy-rich-text .rich-text-content h6{color:#f7fafc;margin:20px 0 12px;font-weight:600;line-height:1.4}.privacy-policy-rich-text .rich-text-content h1{font-size:20px}.privacy-policy-rich-text .rich-text-content h2{font-size:18px}.privacy-policy-rich-text .rich-text-content h3{font-size:16px}.privacy-policy-rich-text .rich-text-content a{color:#7f9cf5;text-decoration:none}.privacy-policy-rich-text .rich-text-content a:hover{text-decoration:underline}.privacy-policy-rich-text .rich-text-content ul,.privacy-policy-rich-text .rich-text-content ol{margin:0 0 12px;padding-left:24px}.privacy-policy-rich-text .rich-text-content li{margin-bottom:6px}.privacy-policy-rich-text .rich-text-content strong{color:#f7fafc;font-weight:600}.privacy-policy-rich-text .rich-text-content em{font-style:italic}.privacy-policy-rich-text .rich-text-content blockquote{margin:12px 0;padding:10px 16px;background:#7f9cf51a;border-left:3px solid #7f9cf5;border-radius:0 4px 4px 0}.privacy-policy-rich-text .rich-text-content code{background:#0000004d;padding:2px 6px;border-radius:4px;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:13px}.privacy-policy-rich-text .rich-text-content pre{background:#0000004d;padding:12px 16px;border-radius:8px;overflow-x:auto;margin:12px 0}.privacy-policy-rich-text .rich-text-content pre code{background:none;padding:0}.privacy-policy-rich-text .rich-text-content table{width:100%;border-collapse:collapse;margin:12px 0}.privacy-policy-rich-text .rich-text-content table th,.privacy-policy-rich-text .rich-text-content table td{border:1px solid rgba(74,85,104,.5);padding:8px 12px;text-align:left}.privacy-policy-rich-text .rich-text-content table th{background:#7f9cf51a;color:#f7fafc;font-weight:600}@media(max-width:320px){.privacy-policy-content{padding:12px}.privacy-policy-rich-text .rich-text-content{font-size:13px}.privacy-policy-rich-text .rich-text-content h1{font-size:18px}.privacy-policy-rich-text .rich-text-content h2{font-size:16px}}.avatar-detail-page{min-height:100dvh;min-height:var(--app-height, 100dvh);background:var(--color-bg-page);padding-bottom:max(env(safe-area-inset-bottom,0),var(--ios-safari-bottom-offset, 0));position:relative;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.avatar-detail-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--container-padding-md, 1rem);padding-top:max(12px,env(safe-area-inset-top));background:var(--color-bg-surface);border-bottom:1px solid var(--joy-palette-neutral-outlinedBorder, #4a5568);position:fixed;top:0;left:0;right:0;z-index:100}@media(max-width:768px){.avatar-detail-header{padding:0 12px;padding-top:max(10px,env(safe-area-inset-top))}}.avatar-detail-file-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.avatar-detail-display{padding:calc(var(--title-bar-total-height, 44px) + 24px) 16px 16px}.avatar-detail-viewport{width:100%;aspect-ratio:1;max-width:min(90vw,320px);max-height:min(90vw,320px);margin:0 auto;overflow:hidden;border-radius:50%;background:var(--joy-palette-background-level2, #374151);display:flex;align-items:center;justify-content:center}.avatar-detail-image-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;transition:transform .1s ease-out}.avatar-detail-image{width:100%;height:100%;object-fit:cover;border-radius:50%;box-shadow:0 8px 24px #0006}.avatar-detail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--joy-palette-background-level3, #4b5563)}.avatar-detail-change-btn{display:flex;justify-content:center;margin-top:16px}.avatar-detail-tip{margin:16px;padding:12px 16px;border-radius:12px;background:var(--joy-palette-background-level2, #374151)}.avatar-detail-toast{margin:0 16px 16px;padding:10px 14px;border-radius:8px;background:var(--joy-palette-danger-softBg, rgba(248, 113, 113, .15));border:1px solid var(--joy-palette-danger-outlinedBorder, rgba(248, 113, 113, .4))}.avatar-detail-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:calc(var(--title-bar-total-height, 44px) + 24px) 24px 24px}.avatar-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;padding:calc(var(--title-bar-total-height, 44px) + 24px) 24px 24px;text-align:center}@media(max-width:360px){.avatar-detail-viewport{max-width:280px;max-height:280px}}.avatar-crop-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--joy-palette-background-surface, #2d3748);border-bottom:1px solid var(--joy-palette-neutral-outlinedBorder, #4a5568);flex-shrink:0}@media(max-width:360px){.avatar-crop-header{padding:8px 12px}}.avatar-crop-container{position:relative;width:100%;aspect-ratio:1;background:#000;overflow:hidden}.avatar-crop-container .reactEasyCrop_Container{position:absolute!important;inset:0}.avatar-crop-container .reactEasyCrop_Image{max-height:none!important}.avatar-crop-container .reactEasyCrop_CropArea{border:none!important;box-shadow:none!important;opacity:1!important}.avatar-crop-container .reactEasyCrop_CropArea svg{display:none!important}.avatar-crop-footer{background:var(--joy-palette-background-surface, #2d3748);border-top:1px solid var(--joy-palette-neutral-outlinedBorder, #4a5568);flex-shrink:0}.avatar-crop-zoom{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--joy-palette-neutral-outlinedBorder, #4a5568)}@media(max-width:360px){.avatar-crop-zoom{padding:8px 12px;gap:6px}}.avatar-crop-slider{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--joy-palette-neutral-outlinedBorder, #4a5568);border-radius:2px;outline:none}.avatar-crop-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--joy-palette-primary-500, #6366f1);cursor:pointer}.avatar-crop-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--joy-palette-primary-500, #6366f1);cursor:pointer;border:none}.avatar-crop-actions{display:flex;justify-content:flex-end;gap:8px;padding:10px 16px}@media(max-width:360px){.avatar-crop-actions{padding:8px 12px;gap:6px}}.agent-operation-auth-page{background:var(--color-bg-page);padding-bottom:20px}.page-header{display:flex;align-items:center;padding:16px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;top:0;left:0;right:0;z-index:100}.back-button{background:none;border:none;padding:8px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.back-button:hover{opacity:.8}.back-button:active{opacity:.6}.page-title{flex:1;font-size:17px;font-weight:600;color:#fff;text-align:center;margin:0 0 0 8px}.header-spacer{width:40px}.form-container{padding:20px 16px;padding-top:var(--title-bar-total-height)}.form-group{margin-bottom:20px}.form-label{display:block;font-size:15px;font-weight:500;color:#fff;margin-bottom:8px}.required{color:#ff4757;margin-left:2px}.form-input{width:100%;padding:14px 16px;font-size:16px;border:2px solid rgba(255,255,255,.3);border-radius:12px;background:#ffffffe6;color:#333;outline:none;transition:all .3s;box-sizing:border-box}.form-input::placeholder{color:#999}.form-input:focus{border-color:#fff;background:#fff;box-shadow:0 4px 12px #667eea4d}.form-input.error{border-color:#ff4757}.form-input.error:focus{box-shadow:0 4px 12px #ff47574d}.error-message{margin-top:6px;font-size:13px;color:#ff4757}.upload-area{border:2px dashed rgba(255,255,255,.3);border-radius:12px;padding:24px;text-align:center;background:#ffffff1a;transition:all .3s}.upload-area.error{border-color:#ff4757;background:#ff47571a}.upload-button{background:#fff;color:#667eea;border:none;padding:12px 32px;font-size:15px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s;margin-bottom:8px}.upload-button:hover:not(:disabled){box-shadow:0 2px 8px #667eea4d}.upload-button:active:not(:disabled){box-shadow:0 1px 4px #667eea33}.upload-button:disabled{opacity:.6;cursor:not-allowed}.upload-hint{font-size:13px;color:#fffc;margin:0}.screenshots-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.screenshot-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#ffffff1a}.screenshot-item img{width:100%;height:100%;object-fit:cover}.delete-button{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#0009;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;padding:0}.delete-button:hover{background:#ff4757e6;transform:scale(1.1)}.delete-button:active{transform:scale(1)}.info-card{background:#fffffff2;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 4px 12px #0000001a}.info-title{font-size:16px;font-weight:600;color:#333;margin:0 0 12px}.info-list{list-style:none;padding:0;margin:0}.info-list li{font-size:14px;color:#666;line-height:1.6;margin-bottom:8px;padding-left:8px}.info-list li:last-child{margin-bottom:0}.submit-button{width:100%;padding:16px;font-size:16px;font-weight:600;color:#fff;background:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #0003}.submit-button:hover:not(:disabled){box-shadow:0 2px 10px #00000040}.submit-button:active:not(:disabled){box-shadow:0 1px 6px #0003}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:768px){.page-header{padding:12px}.page-title{font-size:16px}.form-container{padding:16px 12px}.form-group{margin-bottom:16px}.form-label{font-size:14px}.form-input{font-size:15px;padding:12px 14px}.upload-area{padding:20px 16px}.screenshots-list{gap:8px}.info-card{padding:16px}.info-title{font-size:15px}.info-list li{font-size:13px}.submit-button{padding:14px;font-size:15px}}@media(prefers-color-scheme:dark){.form-input{background:#1e1e1ef2;color:#fff;border-color:#fff3}.form-input::placeholder{color:#ffffff80}.form-input:focus{background:#1a1a1a}.info-card{background:#282828f2}.info-title{color:#fff}.info-list li{color:#fffc}.upload-button{background:#667eea;color:#fff}.submit-button{background:#667eea}}.apply-inhabit-page{width:100%;min-height:100vh;background-color:var(--color-background, #1a202c);color:var(--color-text, #f7fafc);padding-bottom:40px;overflow-y:auto;-webkit-overflow-scrolling:touch}.apply-inhabit-content{padding:calc(var(--title-bar-total-height, 44px) + 16px) 16px 40px}.inhabit-type-tabs{display:flex;gap:8px;margin-bottom:24px;background-color:var(--color-surface, #2d3748);padding:4px;border-radius:8px}.tab-button{flex:1;padding:10px 16px;border:none;border-radius:6px;background-color:transparent;color:var(--color-text-secondary, #cbd5e0);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.tab-button.active{background-color:var(--color-primary, #7f9cf5);color:#fff;font-weight:600}.form-section{margin-bottom:24px}.section-title{margin-bottom:16px;font-weight:600}.form-item{margin-bottom:16px}.form-label{margin-bottom:8px;display:block;color:var(--color-text-secondary, #cbd5e0)}.required{color:var(--joy-palette-danger-500, #f56565);margin-left:2px}.form-input .MuiInput-root,.form-textarea .MuiTextarea-root{border-radius:12px;background:var(--color-surface, #2d3748);transition:border-color .2s ease,box-shadow .2s ease;--Input-focusedHighlight: transparent;--Textarea-focusedHighlight: transparent}.form-input .MuiInput-root,.form-input .MuiInput-root *,.form-textarea .MuiTextarea-root,.form-textarea .MuiTextarea-root *{border:none!important;outline:none!important;box-shadow:none!important}.form-input .MuiInput-root,.form-textarea .MuiTextarea-root{border:1px solid var(--color-border, #4a5568)!important}.form-input .MuiInput-root:hover,.form-textarea .MuiTextarea-root:hover{border-color:#7c3aed!important}.form-input .MuiInput-root.Mui-focused,.form-textarea .MuiTextarea-root.Mui-focused{border-color:#7c3aed!important;box-shadow:0 0 0 3px #7c3aed26!important}.form-input .MuiInput-root .MuiInput-input,.form-textarea .MuiTextarea-root .MuiTextarea-textarea{padding:12px;color:var(--color-text, #f7fafc)}.form-input .MuiInput-root .MuiInput-input::placeholder,.form-textarea .MuiTextarea-root .MuiTextarea-textarea::placeholder{color:var(--color-text-tertiary, #a0aec0)}.form-input input::placeholder,.form-textarea textarea::placeholder{color:var(--color-text-tertiary, #a0aec0)}.upload-area{width:100%}.upload-btn{width:100%;min-height:160px;border-style:dashed;border-radius:12px;--variant-outlinedBorder: var(--color-border, #4a5568);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;background:var(--color-surface, #2d3748)}.upload-btn:hover{border-color:#7c3aed;background:#7c3aed0d}.upload-btn-icon{font-size:40px;opacity:.6}.upload-btn-text{font-size:14px;color:var(--color-text-secondary, #cbd5e0)}.preview-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-bottom:16px}.preview-image{position:relative;width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden}.preview-image img{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:4px;right:4px;background-color:#000000b3;--Button-padding: 4px 8px;--Button-minHeight: 24px;font-size:12px}.hidden-file-input{display:none}.error-message{margin-bottom:16px;text-align:center}.submit-btn{width:100%;margin-top:24px;--Button-minHeight: 48px;font-size:16px;font-weight:600;border-radius:12px;background:#7c3aed;border:none;box-shadow:0 1px 3px #0000001f;transition:background-color .2s ease}.submit-btn:hover:not(:disabled){background:#6d28d9;box-shadow:0 1px 3px #0000001f}.inhabit-success-page{width:100%;min-height:100vh;background-color:var(--color-background, #1a202c);color:var(--color-text, #f7fafc);overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(48px + var(--safe-area-inset-bottom, 0px) + 24px);position:relative}.inhabit-success-content{padding:calc(var(--title-bar-total-height, 44px) + 8px) 12px 0;display:flex;flex-direction:column;align-items:center}.success-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:12px;animation:fadeInUp .5s ease-out}.success-icon-wrapper{width:64px;height:64px;border-radius:50%;background:#10b98126;display:flex;align-items:center;justify-content:center;margin-bottom:12px;animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1)}.success-icon{color:#10b981}.success-title{color:#f7fafc;font-weight:600;margin-bottom:8px}.success-subtitle{color:var(--color-text-secondary, #cbd5e0);margin-bottom:4px}.success-expected{color:var(--color-text-tertiary, #a0aec0)}.benefit-card{width:100%;max-width:400px;background:var(--color-surface, #2d3748);border:1px solid var(--color-border, #4a5568);border-radius:12px;animation:fadeInUp .5s ease-out .1s both}.benefit-card .MuiCardContent-root{padding:12px}.benefit-title{font-weight:600;color:var(--color-text-primary, #f7fafc);margin-bottom:12px;display:flex;align-items:center;gap:8px}.benefit-title:before{content:"🎯"}.benefit-list{display:flex;flex-direction:column;gap:8px}.benefit-item{display:flex;align-items:flex-start;gap:12px;padding:4px;border-radius:8px;transition:background-color .2s ease}.benefit-item:hover{background-color:#7f9cf50d}.benefit-icon{width:32px;height:32px;border-radius:8px;background:#7f9cf526;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-primary, #7f9cf5)}.benefit-text{flex:1;min-width:0}.benefit-item-title{font-weight:500;color:var(--color-text-primary, #f7fafc);margin-bottom:2px}.benefit-item-desc{color:var(--color-text-tertiary, #a0aec0)}.home-btn{position:fixed;left:12px;right:12px;bottom:calc(12px + var(--safe-area-inset-bottom, 0px));margin:0 auto;width:calc(100% - 24px);max-width:400px;--Button-minHeight: 48px;font-size:16px;font-weight:600;border-radius:12px;background:#7c3aed;border:none;box-shadow:0 1px 3px #0000001f;transition:background-color .2s ease;animation:fadeInUp .5s ease-out .3s both;z-index:10}@media(max-width:375px){.inhabit-success-content{padding:calc(var(--title-bar-total-height, 40px) + 8px) 12px 0}.home-btn{--Button-minHeight: 44px;font-size:15px;left:12px;right:12px;bottom:calc(12px + var(--safe-area-inset-bottom, 0px))}}@media(min-width:768px){.inhabit-success-content{padding-top:calc(var(--title-bar-total-height, 48px) + 24px)}.benefit-card,.home-btn{max-width:480px}}@media(min-width:1024px){.inhabit-success-content{padding-top:calc(var(--title-bar-total-height, 52px) + 32px)}.benefit-card,.home-btn{max-width:560px}}.inhabit-pending-page{width:100%;min-height:100vh;background-color:var(--color-background, #1a202c);color:var(--color-text, #f7fafc);overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(48px + var(--safe-area-inset-bottom, 0px) + 24px);position:relative;box-sizing:border-box}.inhabit-pending-content{padding:calc(var(--title-bar-total-height, 44px) + 16px) 16px 40px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;width:100%}.pending-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:24px;animation:fadeInUp .5s ease-out}.pending-icon-wrapper{width:80px;height:80px;border-radius:50%;background:#fbbf2426;display:flex;align-items:center;justify-content:center;margin-bottom:20px;animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1)}.pending-icon{color:#fbbf24}.pending-title{color:#f7fafc;font-weight:600;margin-bottom:8px}.pending-subtitle{color:var(--color-text-secondary, #cbd5e0)}.pending-message{display:flex;flex-direction:column;gap:8px;text-align:center;margin-bottom:20px;padding:16px 20px;background:var(--color-surface, #2d3748);border:1px solid var(--color-border, #4a5568);border-radius:12px;animation:fadeInUp .5s ease-out .1s both}.pending-message .message-text{color:var(--color-text-secondary, #cbd5e0)}.pending-tip{margin-top:16px;animation:fadeInUp .5s ease-out .2s both}.tip-text{color:var(--color-text-tertiary, #a0aec0);font-style:italic}.home-btn{position:fixed;left:12px;right:12px;bottom:calc(12px + var(--safe-area-inset-bottom, 0px));margin:0 auto;width:calc(100% - 24px);max-width:400px;--Button-minHeight: 48px;font-size:16px;font-weight:600;border-radius:12px;background:#7c3aed;border:none;box-shadow:0 1px 3px #0000001f;transition:background-color .2s ease;animation:fadeInUp .5s ease-out .3s both;z-index:10;box-sizing:border-box}.home-btn:hover:not(:disabled){background:#6d28d9;box-shadow:0 1px 3px #0000001f}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:375px){.inhabit-pending-content{padding:calc(var(--title-bar-total-height, 40px) + 16px) 12px 40px}.home-btn{--Button-minHeight: 44px;font-size:15px;left:12px;right:12px;bottom:calc(12px + var(--safe-area-inset-bottom, 0px))}}@media(min-width:768px){.inhabit-pending-content{padding-top:calc(var(--title-bar-total-height, 48px) + 24px)}.home-btn{max-width:480px}}@media(min-width:1024px){.inhabit-pending-content{padding-top:calc(var(--title-bar-total-height, 52px) + 32px)}.home-btn{max-width:560px}}.not-found-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-page, #1a202c);padding:20px;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.not-found-content{background:#fffffff2;border-radius:20px;padding:60px 40px;max-width:600px;width:100%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:slideUp .6s ease-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.error-code{font-size:120px;font-weight:700;color:#764ba2;margin-bottom:20px;line-height:1;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.error-title{font-size:32px;font-weight:600;color:#333;margin-bottom:16px;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.error-description{font-size:16px;color:#666;margin-bottom:40px;line-height:1.6;animation:fadeInUp 1s ease-out}.button-group{display:flex;gap:16px;justify-content:center;margin-bottom:40px;animation:fadeInUp 1.2s ease-out}.btn{padding:12px 32px;font-size:16px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;min-width:120px}.btn-primary{background:#764ba2;color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#fff;color:#764ba2;border:2px solid #764ba2}.btn-secondary:hover{background:#764ba2;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #764ba24d}.btn-secondary:active{transform:translateY(0)}.tips{background:#f8f9fa;border-radius:12px;padding:24px;text-align:left;animation:fadeInUp 1.4s ease-out}.tips p{font-size:14px;font-weight:600;color:#333;margin-bottom:12px}.tips ul{list-style:none;padding:0;margin:0}.tips li{font-size:14px;color:#666;padding:8px 0 8px 24px;position:relative;line-height:1.6}.tips li:before{content:"•";color:#764ba2;font-size:20px;position:absolute;left:0;top:6px}@media(max-width:768px){.not-found-content{padding:40px 30px;max-width:500px}.error-code{font-size:100px}.error-title{font-size:28px}.error-description{font-size:15px}.button-group{flex-direction:column;gap:12px}.btn{width:100%;min-width:auto}.tips{padding:20px}}@media(max-width:480px){.not-found-container{padding:16px}.not-found-content{padding:32px 20px;border-radius:16px}.error-code{font-size:80px;margin-bottom:16px}.error-title{font-size:24px;margin-bottom:12px}.error-description{font-size:14px;margin-bottom:32px}.button-group{margin-bottom:32px}.btn{padding:10px 24px;font-size:15px}.tips{padding:16px}.tips p{font-size:13px}.tips li{font-size:13px;padding:6px 0}.tips li:before{font-size:18px;top:4px}}@media(prefers-color-scheme:dark){.not-found-content{background:#1e1e1ef2;color:#fff}.error-title{color:#fff}.error-description{color:#ccc}.tips{background:#ffffff1a}.tips p{color:#fff}.tips li{color:#ccc}}