:root{--color-primary:#7c6cf0;--color-primary-dark:#5b4bd6;--color-primary-light:#2a2547;--color-bg:#0e0e12;--color-surface:#191920;--color-surface-elevated:#1e1e26;--color-text:#f5f5f7;--color-text-secondary:#9a9aa5;--color-text-tertiary:#6b6b76;--color-border:#2a2a33;--color-danger:#f0446b;--color-warning:#f79009;--color-success:#12b76a;--color-on-primary:#fff;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-xxl:32px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--app-max-width:480px;--header-height:56px}html{scrollbar-width:thin;scrollbar-color:#7c6cf052 transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background-color:#7c6cf052;background-clip:padding-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background-color:#7c6cf08c;background-clip:padding-box}::-webkit-scrollbar-thumb:active{background-color:#7c6cf0bf;background-clip:padding-box}::-webkit-scrollbar-corner{background:0 0;display:none}::-webkit-scrollbar-button{background:0 0;display:none}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#08080b;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.5}#root{justify-content:center;display:flex}button{color:inherit;font-family:inherit}a{color:inherit;text-decoration:none}.app-shell{width:100%;max-width:var(--app-max-width);background:var(--color-bg);flex-direction:column;min-height:100vh;display:flex;position:relative}@media (width>=481px){.app-shell{box-shadow:0 0 48px #0000008c}}.app-header{z-index:10;height:var(--header-height);padding:0 var(--space-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);background:#0e0e12eb;align-items:center;display:flex;position:sticky;top:0}.app-header-icon{color:var(--color-text-secondary);flex:1;align-items:center;transition:color .15s;display:inline-flex}.app-header-icon:hover{color:var(--color-text)}.app-header-icon-right{justify-content:flex-end}.app-icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.app-header-logo{letter-spacing:1px;color:var(--color-text);font-size:16px;font-weight:700}.app-content{padding:var(--space-sm) var(--space-lg) 84px;flex:1}.page-section{gap:var(--space-md);padding-top:var(--space-md);flex-direction:column;display:flex}.stack{gap:var(--space-md);flex-direction:column;display:flex}.bottom-nav{z-index:20;width:100%;max-width:var(--app-max-width);padding:var(--space-sm) var(--space-lg) calc(var(--space-sm) + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--color-border);background:#191920f5;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{padding:var(--space-sm) 0;border-radius:var(--radius-sm);color:var(--color-text-tertiary);text-align:center;flex-direction:column;flex:1;align-items:center;gap:3px;font-size:11px;line-height:1.2;transition:background .15s,color .15s;display:flex}.nav-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.nav-label{font-size:11px}.nav-item:hover{color:var(--color-text-secondary)}.nav-item-active{color:var(--color-primary);background:var(--color-primary-light);font-weight:600}.nav-item-active .nav-icon{stroke-width:2.1px}.sub-header{width:100%;max-width:var(--app-max-width);z-index:10;height:var(--header-height);padding:0 var(--space-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);background:0 0;grid-template-columns:72px 1fr 72px;align-items:center;display:grid;position:fixed;top:0}.back-button{padding:var(--space-xs) 0;color:var(--color-text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;font-size:14px}.back-button:hover{color:var(--color-text)}.sub-title{text-align:center;margin:0;font-size:16px;font-weight:600}.sub-header-side{width:72px}.sub-header-action{justify-content:flex-end;display:flex}.sub-content{padding:50px var(--space-lg) 0;flex:1}.btn{justify-content:center;align-items:center;gap:var(--space-xs);min-height:44px;padding:0 var(--space-xl);border-radius:var(--radius-md);cursor:pointer;border:none;font-size:14px;font-weight:600;transition:opacity .15s,background .15s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-primary);width:100%;color:var(--color-on-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn-ghost{width:auto;color:var(--color-primary);background:#7c6cf01f;border:1px solid #7c6cf059;transition:background .2s,border-color .2s,color .2s,transform .12s}.btn-ghost:hover:not(:disabled){border-color:var(--color-primary);background:#7c6cf038}.btn-ghost:active:not(:disabled){transform:scale(.97)}.btn-pill{border-radius:var(--radius-pill);background:var(--color-text);width:auto;min-height:52px;color:var(--color-bg);font-size:16px;font-weight:700}.btn-pill:hover:not(:disabled){opacity:.9}.spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.loading{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-xxl) 0;color:var(--color-text-secondary);flex-direction:column;flex:1;font-size:14px;display:flex}.loading .spinner{border-color:var(--color-primary);border-top-color:#0000;width:24px;height:24px}.loading-fullscreen{min-height:100vh}.empty-state{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-xxl) var(--space-xl);text-align:center;flex-direction:column;flex:1;display:flex}.empty-state-art{margin-bottom:var(--space-md)}.empty-state-compact{min-height:150px;padding:var(--space-md) 0;flex:none}.empty-state-compact .empty-state-art{margin-bottom:var(--space-xs)}.empty-state-compact .empty-state-title{font-size:14px;font-weight:500}.empty-state-compact .empty-state-desc{color:var(--color-text-tertiary);font-size:12px}.empty-state-title{color:var(--color-text);margin:0;font-size:16px;font-weight:600}.empty-state-desc{color:var(--color-text-secondary);margin:0;font-size:14px}.empty-state .btn{min-height:40px;margin-top:var(--space-sm);padding:0 var(--space-lg)}.empty-state-action{gap:6px}.empty-state-action-icon{transition:transform .4s}.empty-state-action:hover:not(:disabled) .empty-state-action-icon{transform:rotate(180deg)}.login-page{justify-content:center;gap:var(--space-xl);width:100%;max-width:var(--app-max-width);min-height:100vh;padding:var(--space-xxl) var(--space-xl);background:var(--color-bg);flex-direction:column;margin:0 auto;display:flex;position:relative}.login-back{top:var(--space-lg);left:var(--space-md);align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:13px;transition:color .15s,background .15s;display:inline-flex;position:absolute}.login-back svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.login-back:hover{color:var(--color-text);background:var(--color-surface)}.login-header{align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.logo-box{border:1px solid var(--color-border);background:var(--color-surface);letter-spacing:2px;width:88px;height:88px;color:var(--color-text-secondary);border-radius:24px;justify-content:center;align-items:center;font-size:14px;display:flex}.brand{letter-spacing:1px;font-size:20px;font-weight:600}.login-slogan{color:var(--color-text-secondary);text-align:center;font-size:14px}.google-btn-wrap{width:100%;position:relative}.google-btn-overlay{z-index:1;opacity:.01;border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.google-btn{width:100%;min-height:48px;padding:0 var(--space-xl);border-radius:var(--radius-md);color:#202124;cursor:pointer;background:#fff;border:1px solid #ffffff26;justify-content:center;align-items:center;gap:12px;font-family:inherit;font-size:15px;font-weight:500;transition:background .15s,box-shadow .15s,opacity .15s;display:flex;position:relative}.google-btn:hover:not(.google-btn-disabled){background:#f8f8f8}.google-btn:active:not(.google-btn-disabled){transform:scale(.98)}.google-btn-disabled{opacity:.55;cursor:not-allowed}.google-btn-logo{flex-shrink:0;width:22px;height:22px;display:flex}.google-btn-logo svg{width:100%;height:100%;display:block}.google-btn-label{letter-spacing:.01em}.error-text{color:var(--color-danger);margin:0;font-size:12px}.agree-row{justify-content:center;align-items:flex-start;gap:var(--space-sm);color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px;display:flex}.agree-row input{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer;margin:0}.agree-row-text{cursor:pointer;-webkit-user-select:none;user-select:none}.work-card{gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-lg);background:var(--color-surface);transition:background .15s;display:flex}.work-card:hover{background:var(--color-surface-elevated)}.work-row{align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-surface);display:flex}.cover{border-radius:var(--radius-md);background:var(--color-primary-light);width:88px;height:88px;color:var(--color-primary);flex:none;justify-content:center;align-items:center;font-size:12px;display:flex}.cover-sm{border-radius:var(--radius-sm);width:64px;height:64px}.work-card-body{justify-content:center;gap:var(--space-xs);flex-direction:column;flex:1;min-width:0;display:flex}.work-card-title{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;overflow:hidden}.work-card-meta{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.chip-row{gap:var(--space-sm);flex-wrap:wrap;display:flex}.chip{padding:6px var(--space-md);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;border:1px solid #0000;font-size:12px;transition:background .15s,color .15s}.chip:hover{color:var(--color-text)}.chip-active{background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.field-label{margin-top:var(--space-xs);color:var(--color-text);font-size:14px;font-weight:600}.textarea{width:100%;min-height:120px;padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);resize:vertical;border:1px solid #0000;outline:none;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color .15s}.textarea::placeholder{color:var(--color-text-tertiary)}.textarea:focus{border-color:var(--color-primary)}.upload-box{border:1px dashed var(--color-border);border-radius:var(--radius-md);height:96px;color:var(--color-text-tertiary);justify-content:center;align-items:center;font-size:14px;display:flex}.form-actions{gap:var(--space-sm);margin-top:var(--space-md);flex-direction:column;display:flex}.tip{color:var(--color-text-tertiary);text-align:center;margin:0;font-size:12px}.plan-card{gap:var(--space-sm);padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;display:flex}.plan-card-recommended{border-color:var(--color-primary)}.plan-header{justify-content:space-between;align-items:center;display:flex}.plan-name{font-size:16px;font-weight:700}.plan-price{color:var(--color-primary);font-size:16px;font-weight:700}.plan-duration{color:var(--color-text-secondary);font-size:12px}.feature-list{gap:var(--space-xs);margin-bottom:var(--space-sm);flex-direction:column;display:flex}.feature{color:var(--color-text-secondary);font-size:14px}.section-title{margin:var(--space-md) 0 0;font-size:16px;font-weight:600}.coin-grid{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.coin-card{gap:var(--space-xs);padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-surface);text-align:left;cursor:pointer;border:none;flex-direction:column;font-family:inherit;transition:background .15s;display:flex}.coin-card:hover{background:var(--color-surface-elevated)}.coin-amount{color:var(--color-text);font-size:14px;font-weight:600}.coin-bonus{color:var(--color-warning);font-size:12px}.coin-price{color:var(--color-primary);font-size:14px;font-weight:600}.settings-page{gap:var(--space-lg)}.account-cards{gap:var(--space-md);flex-direction:column;display:flex}.account-card{gap:var(--space-xs);width:100%;padding:var(--space-lg);border-radius:var(--radius-lg);background:var(--color-surface);text-align:left;cursor:pointer;border:1px solid #0000;flex-direction:column;font-family:inherit;text-decoration:none;transition:background .15s,border-color .15s;display:flex}.account-card:hover{border-color:var(--color-border);background:var(--color-surface-elevated)}.account-card-title{color:var(--color-text-tertiary);font-size:12px}.account-card-main{color:var(--color-text);word-break:break-all;font-size:15px;font-weight:600}.account-card-sub{color:var(--color-text-tertiary);font-size:12px}.email-sheet-overlay{z-index:100;padding:0 var(--space-md);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.email-sheet{gap:var(--space-md);width:100%;max-width:456px;padding:var(--space-lg) var(--space-lg) calc(var(--space-lg) + env(safe-area-inset-bottom));border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-surface);flex-direction:column;animation:.22s ease-out email-sheet-up;display:flex}.email-sheet-handle{border-radius:var(--radius-pill);background:var(--color-border);align-self:center;width:36px;height:4px}.email-sheet-title{color:var(--color-text);margin:0;font-size:20px;font-weight:700}.form-input{height:48px;padding:0 var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);background:#0f0f12;font-family:inherit;font-size:14px;transition:border-color .15s}.form-input::placeholder{color:var(--color-text-tertiary)}.form-input:focus{border-color:var(--color-primary);outline:none}.form-error{color:#f0564a;margin:0;font-size:12px}.pink-button{border-radius:var(--radius-md);color:#fff;cursor:pointer;background:#ff2d8a;border:none;width:100%;min-height:52px;font-family:inherit;font-size:16px;font-weight:700;transition:background .15s}.pink-button:hover{background:#ff4699}.account-bind-page{gap:var(--space-md)}.account-bind-hint{margin:0 0 var(--space-sm);color:var(--color-text-secondary);font-size:13px;line-height:1.7}@keyframes email-sheet-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.settings-group{border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;display:flex;overflow:hidden}.settings-row{justify-content:space-between;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-lg);border:none;border-bottom:1px solid var(--color-border);text-align:left;cursor:pointer;background:0 0;font-family:inherit;text-decoration:none;transition:background .15s;display:flex}.settings-row:last-child{border-bottom:none}.settings-row:hover{background:var(--color-surface-elevated)}.settings-row-readonly{cursor:default}.settings-label{color:var(--color-text);font-size:14px;font-weight:600}.settings-value{color:var(--color-text-secondary);flex-shrink:0;font-size:13px}.settings-row-danger .settings-label{color:#f0564a}.settings-row-danger:hover{background:#f0564a14}.settings-signout{border-radius:var(--radius-lg);background:var(--color-surface);width:100%;min-height:52px;color:var(--color-text);cursor:pointer;border:none;font-family:inherit;font-size:15px;font-weight:700;transition:background .15s}.settings-signout:hover{background:var(--color-surface-elevated)}.records-page{gap:var(--space-lg)}.records-scroll-sentinel{height:1px}.records-list-footer{margin:var(--space-md) 0 0;text-align:center;color:var(--color-text-secondary);font-size:13px}.records-list-end{padding-bottom:var(--space-sm);color:var(--color-text-tertiary)}.records-list-error{color:#f87171}.records-summary{color:var(--color-text-tertiary);justify-content:space-between;align-items:baseline;font-size:12px;display:flex}.records-group{gap:var(--space-sm);flex-direction:column;display:flex}.records-group-title{color:var(--color-text-tertiary);margin:0;padding-left:2px;font-size:12px;font-weight:500}.record-card{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(150deg,#1e1e26,#17171d);display:flex}.record-icon{border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-primary);background:#7c6cf01f;flex-shrink:0;justify-content:center;align-items:center;display:flex}.record-icon img{object-fit:contain;width:20px;height:20px}.record-icon-sub{color:#f7b22e;background:#f7b22e1f}.record-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.record-title{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.record-date{color:var(--color-text-tertiary);font-size:11px}.record-side{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.record-price{font-variant-numeric:tabular-nums;color:var(--color-text);font-size:14px;font-weight:700}.record-price.record-amount-credit{color:#4ade80}.record-price.record-amount-debit{color:#f87171}.record-balance-after{font-variant-numeric:tabular-nums;color:var(--color-text-tertiary);font-size:11px;font-weight:500}.record-status{border-radius:var(--radius-pill);padding:1px 8px;font-size:10px}.record-status-paid{color:#3fbf7f;background:#3fbf7f24}.record-status-failed{color:#f0564a;background:#f0564a24}.record-status-pending{color:#f7b22e;background:#f7b22e24}.record-status-refunded{color:var(--color-text-tertiary);background:#ffffff0f}.trade-page{gap:var(--space-lg)}.trade-filters{gap:var(--space-sm);display:flex}.trade-chip{border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-secondary);cursor:pointer;background:0 0;padding:9px 20px;font-family:inherit;font-size:13px;transition:background .15s,border-color .15s,color .15s}.trade-chip:hover{border-color:var(--color-primary-dark);color:var(--color-text)}.trade-chip-active{color:#fff;background:#ff2d8a;border-color:#0000;font-weight:600}.feedback-page{gap:var(--space-md)}.feedback-textarea{min-height:210px;padding:var(--space-md) var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);resize:none;font-family:inherit;font-size:14px;line-height:1.6;transition:border-color .15s}.feedback-textarea::placeholder{color:var(--color-text-tertiary)}.feedback-textarea:focus{border-color:var(--color-primary);outline:none}.feedback-photo-row{align-items:center;gap:var(--space-md);display:flex}.feedback-photo-hint{color:var(--color-text-secondary);flex:1;font-size:13px}.feedback-add-photo{border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;background:#2c2c33;border:none;flex-shrink:0;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s}.feedback-add-photo:hover{background:#34343c}.feedback-photo-list{gap:var(--space-sm);flex-wrap:wrap;display:flex}.feedback-photo{border-radius:var(--radius-md);background:#232329;width:64px;height:64px;position:relative;overflow:hidden}.feedback-photo img,.feedback-photo-img{object-fit:cover;width:100%;height:100%}.feedback-photo .cover-image-host{width:100%;height:100%}.feedback-photo-remove{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;width:18px;height:18px;padding:0;font-size:12px;line-height:1;position:absolute;top:2px;right:2px}.feedback-submit{margin-top:var(--space-md)}.visually-hidden{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.work-detail-page{gap:var(--space-md);padding-bottom:var(--space-xxl)}.work-detail-tags{margin:0}.work-detail-media{border-radius:var(--radius-lg);background:var(--color-surface);width:100%;max-height:min(72vh,960px);position:relative;overflow:hidden}.work-detail-media-fullscreen{cursor:zoom-in;text-align:inherit;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;border:none;padding:0}.work-detail-media-fullscreen:focus-visible{outline-offset:2px;outline:2px solid #7c6cf0a6}.work-detail-viewport-fullscreen{z-index:100;width:100vw;height:100dvh;padding:var(--space-lg);box-sizing:border-box;cursor:zoom-out;background:#000000f5;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.work-detail-viewport-close{top:calc(var(--space-md) + env(safe-area-inset-top,0px));right:calc(var(--space-md) + env(safe-area-inset-right,0px));z-index:1;color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin:0;padding:0;font-size:24px;line-height:1;display:flex;position:absolute}.work-detail-viewport-close:hover{background:#ffffff38}.work-detail-viewport-img{object-fit:contain;cursor:default;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.work-detail-img{object-fit:cover;pointer-events:none;background:#0a0a0c;width:100%;height:100%;display:block}.work-detail-video{object-fit:contain;background:#0a0a0c;width:100%;height:100%;display:block}.work-detail-head{justify-content:space-between;align-items:center;gap:var(--space-md);flex-direction:row;display:flex}.work-detail-info{gap:var(--space-xs);flex-direction:column;flex:1;min-width:0;display:flex}.detail-title-row{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.detail-title{margin:0;font-size:20px;font-weight:700;line-height:1.3}.work-detail-publish-status{border-radius:var(--radius-pill);color:#fff;background:#7c6cf0d9;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:600;line-height:16px}.detail-meta{color:var(--color-text-secondary);margin:0;font-size:12px}.work-detail-like{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);font:inherit;color:var(--color-text);cursor:pointer;flex-shrink:0;align-items:center;gap:6px;margin:0;padding:6px 12px;font-size:14px;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex}.work-detail-like:hover{background:var(--color-surface-elevated);border-color:#7c6cf08c}.work-detail-like:active{opacity:.88}.work-detail-heart{width:18px;height:18px}.detail-desc{color:var(--color-text-secondary);margin:0;font-size:14px;line-height:1.6}.work-detail-section-title{letter-spacing:.02em;text-transform:uppercase;color:var(--color-text-tertiary);margin:0;font-size:13px;font-weight:600}.work-detail-prompt-head{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm);display:flex}.work-detail-copy-prompt{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-elevated);font:inherit;color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;margin:0;padding:4px 10px;font-size:12px;font-weight:600;line-height:1.4;transition:border-color .15s,color .15s}.work-detail-copy-prompt:hover{color:var(--color-text);border-color:#7c6cf08c}.work-detail-copy-prompt:active{opacity:.88}.work-detail-prompt{padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border)}.work-detail-prompt-text{color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-word;margin:0;font-size:13px;line-height:1.65}.tag-row{gap:var(--space-sm);flex-wrap:wrap;display:flex}.tag{padding:var(--space-xs) 10px;border-radius:var(--radius-pill);background:var(--color-primary-light);color:var(--color-primary);font-size:12px}.waterfall-page{gap:var(--space-sm);padding-top:0;padding-bottom:0}.waterfall-page .explore-toolbar{margin-bottom:var(--space-xs);padding-bottom:var(--space-md)}.waterfall{column-count:2;column-gap:var(--space-md)}.waterfall-item{margin-bottom:var(--space-md);border-radius:var(--radius-lg);background:var(--color-surface);break-inside:avoid;text-decoration:none;display:block;overflow:hidden}.waterfall-masonry-item{border-radius:var(--radius-lg);background:var(--color-surface);text-decoration:none;display:block;overflow:hidden}.waterfall-masonry-item:hover .waterfall-img{transform:scale(1.03)}.waterfall-masonry-item>.mine-tile-card{margin-bottom:0}.waterfall-media{aspect-ratio:4/5;width:100%;position:relative;overflow:hidden}.waterfall-item:nth-child(3n+2) .waterfall-media{aspect-ratio:1}.waterfall-item:nth-child(3n) .waterfall-media{aspect-ratio:3/4}.waterfall-img{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.waterfall-item:hover .waterfall-img{transform:scale(1.03)}.waterfall-fallback{background:var(--color-primary-light);color:var(--color-primary);justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;inset:0}.waterfall-video-badge{color:#fff;pointer-events:none;background:#0000008c;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;bottom:8px;right:8px}.skeleton-card{pointer-events:none}.skeleton-media{background:linear-gradient(100deg,#202028 30%,#2c2c35 50%,#202028 70%) 0 0/200% 100%;animation:1.4s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton-media{animation:none}}.cover-image-host{display:block;position:relative}.cover-image-host-fill{width:100%;height:100%}.cover-image-loading{z-index:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cover-image-spinner{border-color:#7c6cf059;border-top-color:var(--color-primary);width:22px;height:22px}.cover-image-host>img.cover-image-pending{opacity:0}.cover-image-host>img.cover-image-ready{opacity:1;transition:opacity .25s}.work-detail-viewport-fullscreen .cover-image-host{justify-content:center;align-items:center;max-width:100%;max-height:100%;display:flex}@media (prefers-reduced-motion:reduce){.cover-image-host>img.cover-image-ready{transition:none}}.generate-page{gap:var(--space-lg)}.mode-switch{gap:var(--space-md);margin-top:var(--space-xs);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mode-option{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);height:72px;color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:14px;transition:background .15s,border-color .15s,color .15s}.mode-option:hover{background:var(--color-surface-elevated)}.mode-option-active{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.photo-wall{gap:var(--space-md);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.photo-tile{aspect-ratio:1;border-radius:var(--radius-md);background:var(--color-surface);position:relative;overflow:hidden}.photo-tile-img{object-fit:cover;width:100%;height:100%;display:block}.photo-remove{color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:background .15s;display:flex;position:absolute;top:6px;right:6px}.photo-remove:hover{background:var(--color-danger)}.photo-add{justify-content:center;align-items:center;gap:var(--space-xs);aspect-ratio:1;border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;background:0 0;flex-direction:column;padding:0;font-family:inherit;transition:background .15s,border-color .15s,color .15s;display:flex}.photo-add:hover{border-color:var(--color-primary);background:var(--color-surface);color:var(--color-primary)}.photo-add-empty{aspect-ratio:auto;grid-column:1/-1;height:141.34px}.photo-add-icon{font-size:24px;line-height:1}.photo-add-text{font-size:12px}.photo-uploader-compact{align-items:flex-start;gap:var(--space-md);display:flex}.photo-tile-compact,.photo-add-compact{flex-shrink:0;width:88px;height:88px}.photo-add-compact{aspect-ratio:auto}.photo-add-compact .photo-add-icon{font-size:22px}.uploader-hint-static{color:var(--color-text-tertiary);margin:0;font-size:12px;line-height:1.6}.gen-output{gap:var(--space-md);margin-top:var(--space-xs);padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;display:flex}.gen-output-modal{background:0 0;border:none;border-radius:0;margin-top:0;padding:0}.gen-output-modal-status{margin:0 0 var(--space-sm);color:var(--color-primary);text-align:center;font-size:14px;font-weight:600}.gen-output-overlay{z-index:50;padding:var(--space-lg);padding-top:max(var(--space-lg), env(safe-area-inset-top));padding-bottom:max(var(--space-lg), env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;animation:.22s ease-out sheet-overlay-in;display:flex;position:fixed;inset:0}.gen-output-dialog{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:min(100%,420px);max-height:min(88vh,720px);padding:var(--space-lg);flex-direction:column;animation:.28s cubic-bezier(.22,1,.36,1) gen-output-dialog-in;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 48px #00000059}@keyframes gen-output-dialog-in{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.gen-output-dialog{animation:.22s ease-out sheet-overlay-in}}.gen-output-sheet-header{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.gen-output-sheet-title{margin:0;font-size:18px;font-weight:700}.gen-output-sheet-body{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.gen-output-sheet-footer{padding-top:var(--space-md);flex-shrink:0}.gen-output-done-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:999px;width:100%;height:48px;font-family:inherit;font-size:15px;font-weight:600;transition:opacity .15s}.gen-output-done-btn:hover{opacity:.92}.gen-output-header{justify-content:space-between;align-items:baseline;gap:var(--space-md);display:flex}.gen-output-title{color:var(--color-text);margin:0;font-size:16px;font-weight:700}.gen-output-status{color:var(--color-primary);font-size:12px;font-weight:600}.gen-output-progress-wrap{gap:var(--space-xs);flex-direction:column;display:flex}.gen-output-progress-track{background:var(--color-border);border-radius:999px;height:6px;overflow:hidden}.gen-output-progress-bar{border-radius:inherit;background:linear-gradient(90deg, var(--color-primary), #7c6bff);height:100%;transition:width .35s}.gen-output-task-hint{color:var(--color-text-tertiary);margin:0;font-size:11px}.gen-output-empty{padding:var(--space-xl) var(--space-md);border:1px dashed var(--color-border);border-radius:var(--radius-md);text-align:center;color:var(--color-text-tertiary);margin:0;font-size:13px;line-height:1.6}.gen-output-error{margin:0}.gen-output-grid{gap:var(--space-md);grid-template-columns:minmax(0,1fr);display:grid}.gen-output-tile{gap:var(--space-sm);flex-direction:column;display:flex}.gen-output-tile-media{border-radius:var(--radius-md);background:var(--color-surface-elevated);width:100%;max-height:min(72vh,520px);position:relative;overflow:hidden}.gen-output-tile-placeholder{background:linear-gradient(110deg, var(--color-surface-elevated) 8%, var(--color-border) 18%, var(--color-surface-elevated) 33%);background-size:200% 100%;width:100%;height:100%;min-height:200px;animation:1.2s linear infinite gen-output-shimmer}@keyframes gen-output-shimmer{to{background-position-x:-200%}}.gen-output-tile-img{object-fit:contain;background:#0a0a0a;width:100%;height:100%;max-height:min(72vh,520px);display:block}.gen-output-tile-meta{justify-content:space-between;align-items:center;gap:var(--space-sm);font-size:12px;display:flex}.gen-output-tile-kind{color:var(--color-text-secondary);font-weight:600}.gen-output-tile-link{font-size:12px}.gen-output-tile-error{padding:var(--space-md);text-align:center;margin:0;font-size:12px;line-height:1.5}@media (width>=640px){.gen-output-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.safety-banner{align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);background:#f0446b14;display:flex}.safety-banner-icon{background:var(--color-danger);color:#fff;text-align:center;border-radius:50%;flex-shrink:0;width:20px;height:20px;font-size:13px;font-weight:700;line-height:20px}.safety-banner-text{color:var(--color-text-secondary);margin:0;font-size:12px;line-height:1.65}.prompt-label{color:var(--color-text);font-size:16px;font-weight:700}.prompt-box{gap:var(--space-md);padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;transition:border-color .15s;display:flex}.prompt-box:focus-within{border-color:var(--color-primary)}.prompt-input-wrap{position:relative}.prompt-toolbar{z-index:2;pointer-events:none;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;max-width:100%;display:flex;position:sticky;top:0;right:0}.prompt-toolbar-item{pointer-events:auto;position:relative}.prompt-chip{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:min(168px,46vw);height:30px;color:var(--color-text-secondary);cursor:pointer;pointer-events:auto;background:#0e0e12b8;border:1px solid #ffffff1f;align-items:center;gap:5px;padding:0 10px;font-family:inherit;font-size:12px;font-weight:500;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.prompt-chip:hover{color:var(--color-text);border-color:#7c6cf073}.prompt-chip-icon,.prompt-chip-sliders{opacity:.85;flex-shrink:0}.prompt-chip-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.prompt-chip-caret{opacity:.65;flex-shrink:0}.prompt-chip-params{max-width:none;padding:0 8px}.prompt-chip-param{color:var(--color-text);font-size:11px;font-weight:600}.prompt-chip-divider{background:#ffffff24;width:1px;height:12px}.model-menu{z-index:5;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-elevated);flex-direction:column;gap:4px;width:min(280px,100vw - 48px);padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #00000073}.model-menu-option{border-radius:var(--radius-sm);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;width:100%;padding:10px 12px;transition:background .15s,border-color .15s;display:flex}.model-menu-option:hover{background:#ffffff0a}.model-menu-option-active{background:#7c6cf01a;border-color:#7c6cf08c}.model-menu-option-row{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.model-menu-option-name{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.model-price-tag{color:var(--color-text);flex-shrink:0;align-items:center;gap:3px;font-size:12px;font-weight:700;display:inline-flex}.model-price-amount{line-height:1}.model-price-coin{object-fit:contain;width:14px;height:14px}.model-price-suffix{color:var(--color-text-secondary);font-size:11px;font-weight:600;line-height:1}.model-menu-empty{color:var(--color-text-tertiary);margin:0;padding:8px 10px;font-size:12px}.prompt-textarea{width:100%;min-height:96px;max-height:220px;color:var(--color-text);resize:unset;background:0 0;border:none;outline:none;padding:0;font-family:inherit;font-size:14px;line-height:1.8;overflow-y:auto}.prompt-textarea::placeholder{color:var(--color-text-tertiary)}.prompt-textarea-with-toolbar{padding-right:4px}.prompt-footer{justify-content:flex-end;align-items:center;gap:var(--space-md);display:flex}.prompt-counter{color:var(--color-text-secondary);font-size:12px}.prompt-clear{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:0;transition:color .15s;display:flex}.prompt-clear:hover:enabled{color:var(--color-text)}.prompt-clear:disabled{opacity:.4;cursor:default}.coin-icon{object-fit:contain;width:20px;height:20px}.generate-agree{gap:var(--space-sm);padding:0 var(--space-xs);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;position:relative}.generate-agree-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.generate-agree-box{background:0 0;border:1.5px solid #ffffff47;border-radius:50%;flex-shrink:0;width:16px;height:16px;margin-top:1px;transition:background .15s,border-color .15s;position:relative}.generate-agree:hover .generate-agree-box,.generate-agree-input:focus-visible+.generate-agree-box{border-color:#7c6cf099}.generate-agree-input:checked+.generate-agree-box{background:var(--color-primary);border-color:var(--color-primary)}.generate-agree-input:checked+.generate-agree-box:after{content:"";border:1.8px solid #fff;border-width:0 1.8px 1.8px 0;width:5px;height:9px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.generate-agree-text{color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px;line-height:1.6}.legal-link{color:var(--color-primary);text-decoration:none}.legal-link:hover{text-decoration:underline}.video-duration{gap:var(--space-sm);flex-direction:column;display:flex}.duration-trigger{align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.duration-trigger:hover{border-color:var(--color-primary);background:var(--color-surface-elevated)}.duration-trigger-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.duration-trigger-title{color:var(--color-text);font-size:14px;font-weight:600}.duration-trigger-desc{color:var(--color-text-tertiary);font-size:12px}.duration-trigger-arrow{color:var(--color-text-tertiary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sheet-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:flex-end;animation:.22s ease-out sheet-overlay-in;display:flex;position:fixed;inset:0}@keyframes sheet-overlay-in{0%{opacity:0}to{opacity:1}}.duration-sheet{width:100%;max-width:var(--app-max-width);background:var(--color-surface-elevated);padding:var(--space-sm) var(--space-lg) var(--space-xl);padding-bottom:calc(var(--space-xl) + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;animation:.26s cubic-bezier(.22,1,.36,1) sheet-sweep-up;position:relative}@keyframes sheet-sweep-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{width:36px;height:4px;margin:var(--space-sm) auto var(--space-lg);background:var(--color-border);border-radius:999px;display:block}.sheet-title{margin:0 0 var(--space-md);text-align:center;font-size:16px;font-weight:700}.duration-options{gap:var(--space-sm);flex-direction:column;display:flex}.duration-option{align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);cursor:pointer;text-align:left;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.duration-option:hover{border-color:var(--color-primary)}.duration-option-selected{border-color:var(--color-primary);background:linear-gradient(135deg,#7c6cf01f,#7c6cf00a);box-shadow:0 0 0 1px #7c6cf059,0 8px 20px #7c6cf026}.duration-option-premium{background:#ffffff05}.duration-option-premium .duration-option-label{color:var(--color-text-secondary)}.duration-option-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.duration-option-label{color:var(--color-text);align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.duration-option-premium-tag{letter-spacing:.5px;color:var(--color-warning);background:#f7900929;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-block}.duration-option-desc{color:var(--color-text-tertiary);font-size:12px}.duration-option-cost{color:var(--color-text);flex-shrink:0;align-items:center;gap:3px;font-size:14px;font-weight:700;display:inline-flex}.duration-option-coin{width:14px;height:14px}.sheet-dismiss{width:100%;margin-top:var(--space-lg);padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;font-size:14px;font-weight:600;transition:color .15s,background .15s}.sheet-dismiss:hover{color:var(--color-text);background:var(--color-surface-elevated)}.gen-settings-sheet{width:100%;max-width:var(--app-max-width);background:var(--color-surface-elevated);max-height:min(88vh,720px);padding:var(--space-lg) var(--space-lg) var(--space-xl);padding-bottom:calc(var(--space-xl) + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;flex-direction:column;animation:.26s cubic-bezier(.22,1,.36,1) sheet-sweep-up;display:flex;position:relative;overflow:hidden}.gen-settings-header{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.gen-settings-title{margin:0;font-size:18px;font-weight:700}.gen-settings-close{border:1px solid var(--color-border);background:var(--color-surface);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:color .15s,border-color .15s;display:flex}.gen-settings-close:hover{color:var(--color-text);border-color:#7c6cf073}.gen-settings-body{gap:var(--space-xl);flex-direction:column;flex:1;padding-right:2px;display:flex;overflow-y:auto}.gen-settings-section{gap:var(--space-md);flex-direction:column;display:flex}.gen-settings-section-title{color:var(--color-text);margin:0;font-size:14px;font-weight:600}.gen-model-cards{gap:var(--space-md);scrollbar-width:none;padding-bottom:2px;display:flex;overflow-x:auto}.gen-model-cards::-webkit-scrollbar{display:none}.gen-model-card{justify-content:space-between;align-items:center;gap:var(--space-md);min-height:72px;padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);text-align:left;cursor:pointer;flex-direction:row;flex:0 0 min(220px,72vw);transition:border-color .15s,box-shadow .15s;display:flex}.gen-model-card:hover{border-color:#7c6cf066}.gen-model-card-active{border-color:var(--color-primary);box-shadow:0 0 0 1px #7c6cf059}.gen-model-card-name{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:700;overflow:hidden}.gen-segment-row{gap:var(--space-sm);display:flex}.gen-segment{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);height:40px;color:var(--color-text-secondary);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:6px;font-family:inherit;font-size:13px;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.gen-segment-active{border-color:var(--color-primary);color:var(--color-text);background:#7c6cf014}.gen-aspect-row{gap:var(--space-sm);flex-wrap:wrap;display:flex}.gen-aspect-btn{width:calc((100% - 4 * var(--space-sm)) / 5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:52px;height:64px;padding:6px 4px;transition:border-color .15s,background .15s;display:flex}.gen-aspect-btn-active{border-color:var(--color-primary);background:#7c6cf014}.gen-aspect-shape{border:1.5px solid var(--color-text-secondary);border-radius:2px;display:block}.gen-aspect-btn-active .gen-aspect-shape{border-color:var(--color-primary)}.gen-aspect-label{color:var(--color-text-secondary);font-size:11px}.gen-aspect-btn-active .gen-aspect-label{color:var(--color-text);font-weight:600}.gen-vip-badge{border-radius:var(--radius-pill);letter-spacing:.3px;color:#fff;background:linear-gradient(135deg,#7c6cf059,#f0446b47);align-items:center;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-flex}.gen-settings-toggles{gap:var(--space-lg)}.gen-toggle-row{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.gen-toggle-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.gen-toggle-label{color:var(--color-text);flex-wrap:wrap;align-items:center;font-size:14px;font-weight:600;display:inline-flex}.gen-toggle-hint{color:var(--color-text-tertiary);font-size:12px;line-height:1.5}.gen-switch{border-radius:var(--radius-pill);background:var(--color-border);cursor:pointer;border:none;flex-shrink:0;width:44px;height:26px;padding:0;transition:background .2s;position:relative}.gen-switch-on{background:var(--color-text)}.gen-switch-thumb{background:var(--color-surface-elevated);border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px}.gen-switch-on .gen-switch-thumb{background:var(--color-background);transform:translate(18px)}.legal-page{gap:var(--space-xl);padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.legal-meta{color:var(--color-text-tertiary);margin:0;font-size:12px}.legal-section{gap:var(--space-sm);flex-direction:column;display:flex}.legal-heading{color:var(--color-text);margin:0;font-size:15px;font-weight:600}.legal-paragraph{color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.85}.legal-footnote{padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-tertiary);margin:0;font-size:12px;line-height:1.6}.about-page{gap:var(--space-xl);padding-top:var(--space-lg)}.about-hero{gap:var(--space-sm);padding:var(--space-xl) var(--space-lg);border-radius:var(--radius-lg);background:linear-gradient(135deg,#7c6cf02e,#7c6cf00a);border:1px solid #7c6cf038;flex-direction:column;display:flex}.about-brand{letter-spacing:1px;color:var(--color-text);margin:0;font-size:24px;font-weight:700}.about-tagline{color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.75}.about-section{gap:var(--space-md);flex-direction:column;display:flex}.about-heading{color:var(--color-text);margin:0;font-size:15px;font-weight:600}.about-paragraph{color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.8}.about-features{gap:var(--space-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.about-feature{padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border)}.about-feature-title{color:var(--color-text);margin-bottom:4px;font-size:13px;font-weight:600;display:block}.about-feature-desc{color:var(--color-text-secondary);margin:0;font-size:12px;line-height:1.7}.about-list{color:var(--color-text-secondary);margin:0;padding-left:18px;font-size:13px;line-height:1.9}.about-list strong{color:var(--color-text)}.about-link{color:var(--color-primary);text-underline-offset:2px;text-decoration:underline}.about-link:hover{color:var(--color-primary-dark)}.about-context{color:var(--color-text);font-weight:500}.about-footnote{text-align:center;color:var(--color-text-tertiary);margin-top:0;font-size:11px}.mine-page{gap:var(--space-lg)}.mine-profile{align-items:center;gap:var(--space-lg);padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);display:flex}.mine-avatar{background:linear-gradient(135deg,#7c6cf0 0%,#4f3ed6 100%);border-radius:50%;flex-shrink:0;width:64px;height:64px;position:relative;overflow:hidden;box-shadow:0 4px 16px #7c6cf059}.mine-avatar-img{object-fit:cover;width:100%;height:100%;display:block}.mine-avatar-fallback{letter-spacing:1px;color:#fff;justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex;position:absolute;inset:0}.mine-profile-info{gap:var(--space-xs);flex-direction:column;flex:1;min-width:0;display:flex}.mine-profile-name{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:17px;font-weight:700;overflow:hidden}.mine-profile-bio{color:var(--color-text-secondary);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.mine-header{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);display:flex}.mine-membership{align-items:center;gap:var(--space-md);min-width:0;display:flex}.mine-meta-label{color:var(--color-text-tertiary);font-size:12px}.mine-membership-name{color:var(--color-text);font-size:14px;font-weight:600}.mine-divider{background:var(--color-border);width:1px;height:14px}.mine-coin{color:var(--color-text-secondary);font-size:12px}.mine-coin-value{color:var(--color-primary);font-weight:600}.mine-icon-link{border-radius:var(--radius-pill);width:36px;height:36px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,opacity .15s;display:inline-flex}.mine-icon-link:hover{background:var(--color-primary-light)}.mine-icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.mine-header-actions{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.mine-recharge{height:32px;min-height:32px;padding:0 var(--space-xl);flex-shrink:0;font-size:13px;font-weight:600;line-height:1}.mine-section-tabs{gap:var(--space-xs);padding:var(--space-xs);border-radius:var(--radius-lg);background:var(--color-surface);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mine-section-tab{padding:var(--space-sm) 0;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:14px;font-weight:500;transition:background .15s,color .15s}.mine-section-tab:hover{color:var(--color-text)}.mine-section-tab-active{background:var(--color-primary);color:#fff;font-weight:600;box-shadow:0 4px 14px #7c6cf04d}.mine-section-tab-active:hover{color:#fff}.mine-tabs{gap:var(--space-xl);padding:0 var(--space-xs);display:flex}.mine-tab{padding:var(--space-sm) 0;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:14px;transition:color .15s;position:relative}.mine-tab:hover{color:var(--color-text)}.mine-tab-active{color:var(--color-text);font-weight:600}.mine-tab-active:after{content:"";background:var(--color-primary);border-radius:2px;height:2px;position:absolute;bottom:0;left:0;right:0}.mine-tile{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid #0000;transition:transform .15s,border-color .15s;display:block;position:relative;overflow:hidden}.mine-tile:hover{border-color:var(--color-primary);transform:translateY(-1px)}.mine-tile-img{object-fit:cover;width:100%;height:100%;display:block}.mine-tile-placeholder{width:100%;height:100%;color:var(--color-text-tertiary);justify-content:center;align-items:center;font-size:13px;display:flex}.mine-tile-badge{top:var(--space-sm);left:var(--space-sm);border-radius:var(--radius-pill);color:#fff;pointer-events:none;background:0 0;padding:2px 8px;font-size:11px;line-height:16px;position:absolute}.mine-tile-generating{background:#7c6cf0d9}.mine-tile-failed{background:#f0446bd9}.mine-waterfall .waterfall-item:nth-child(3n+2) .waterfall-media,.mine-waterfall .waterfall-item:nth-child(3n) .waterfall-media{aspect-ratio:unset}.waterfall-page .mine-waterfall{padding-top:var(--space-xs)}.mine-tile-media{min-height:80px}.mine-tile-card{gap:var(--space-xs);aspect-ratio:unset;color:inherit;background:0 0;border:none;border-radius:0;flex-direction:column;text-decoration:none;display:flex;overflow:visible}.mine-tile-card:hover{border-color:#0000;transform:none}.mine-tile-card:hover .mine-tile-media{outline:1px solid #7c6cf073}.mine-tile-cover{border-radius:var(--radius-md);position:relative;overflow:hidden}.mine-tile-cover-video{width:100%;display:block}.mine-tile-nav-link{width:100%;color:inherit;text-decoration:none;display:block}.mine-tile-video{z-index:1;background:#0a0a0c;position:relative}.mine-tile-video-visible{object-fit:contain;transform:none!important}.mine-tile-cover-video:has(.mine-tile-video-visible) .waterfall-media{background:#0a0a0c;overflow:visible}.mine-tile-poster{z-index:0;transition:opacity .2s;position:relative}.mine-tile-poster-hidden,.cover-image-host>img.cover-image-ready.mine-tile-poster-hidden{opacity:0}.mine-tile-preview-video{z-index:1;object-fit:cover;opacity:0;pointer-events:none;background:#0a0a0c;width:100%;height:100%;transition:opacity .2s;display:block;position:absolute;inset:0}.mine-tile-preview-video-active{opacity:1}.mine-tile-play{z-index:3;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;width:56px;height:56px;margin:0;padding:0;transition:opacity .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mine-tile-play-hidden{opacity:0}.mine-play-pause{filter:drop-shadow(0 1px 4px #0000002e);width:56px;height:56px;margin-left:6px;position:relative}.mine-play-pause svg{width:100%;height:100%;transition:opacity .22s,transform .22s;position:absolute;inset:0}.mine-play-pause svg path{fill:#ffffff73;stroke:#ffffff73;stroke-width:.85px;stroke-linejoin:round;stroke-linecap:round;paint-order:stroke fill}.mine-play-pause-play{opacity:1;transform:scale(1)}.mine-play-pause-pause,.mine-play-pause-morph .mine-play-pause-play{opacity:0;transform:scale(.72)}.mine-play-pause-morph .mine-play-pause-pause{opacity:1;transform:scale(1)}.mine-tile-overlay{z-index:2;align-items:center;column-gap:var(--space-sm);pointer-events:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:16px;padding:0 10px;font-size:12px;font-weight:500;line-height:16px;display:grid;position:absolute;bottom:4px;left:0;right:0}.mine-tile-likes{color:#fffffff2;text-shadow:0 1px 3px #00000073;justify-self:start;align-items:center;gap:4px;min-width:0;height:16px;display:inline-flex}.mine-tile-like-btn{font:inherit;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:none;margin:0;padding:0;font-weight:500;line-height:16px}.mine-tile-like-btn:active{opacity:.82}.mine-heart-icon{flex-shrink:0;width:15px;height:15px}.mine-heart-icon-outline{fill:none;stroke:#ffffffeb;stroke-width:1.65px;stroke-linejoin:round}.mine-heart-icon-liked{fill:#d63d5c;stroke:none}.mine-tile-author,.mine-tile-author-text{text-overflow:ellipsis;white-space:nowrap;text-align:right;color:#ffffffe0;text-shadow:0 1px 3px #00000073;justify-content:flex-end;justify-self:end;align-items:center;min-width:0;max-width:100%;height:16px;display:inline-flex;overflow:hidden}.mine-tile-author-link{pointer-events:auto;color:inherit;text-decoration:none}.mine-tile-author-link:hover{color:#fff}.mine-scroll-sentinel{height:1px}.mine-load-more,.mine-load-end,.mine-load-error{margin:var(--space-md) 0 0;text-align:center;color:var(--color-text-secondary);font-size:13px}.mine-load-end{padding-bottom:var(--space-sm);color:var(--color-text-tertiary)}.mine-load-retry{color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.billing-page{gap:var(--space-lg);padding-top:0}.billing-hero{align-items:center;gap:var(--space-xs);padding:var(--space-xl) 0 var(--space-lg);flex-direction:column;display:flex;position:relative;overflow:hidden}.billing-hero-glow{pointer-events:none;background:radial-gradient(closest-side,#7c6cf061,#0000);border-radius:50%;width:340px;height:230px;position:absolute;top:-90px;left:50%;transform:translate(-50%)}.billing-hero-icon{object-fit:contain;filter:drop-shadow(0 8px 20px #f7b22e66);width:46px;height:46px;position:relative}.billing-title{color:var(--color-text);text-align:center;margin:0;font-size:26px;font-weight:700;position:relative}.billing-subtitle{color:var(--color-text-secondary);margin:0;font-size:13px;position:relative}.plan-list{gap:var(--space-lg);padding-top:var(--space-xs);flex-direction:column;display:flex}.plan-item{align-items:center;gap:var(--space-md);width:100%;padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:left;cursor:pointer;background:linear-gradient(150deg,#1e1e26,#17171d);font-family:inherit;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;display:flex;position:relative}.plan-item:hover{border-color:#3a3560;transform:translateY(-1px)}.plan-item-active{border-color:var(--color-primary);background:linear-gradient(150deg,#2a2547,#1b1a27);box-shadow:0 0 0 1px #7c6cf040,0 14px 30px -16px #7c6cf0d9}.plan-badge{top:-9px;right:var(--space-lg);border-radius:var(--radius-pill);color:var(--color-on-primary);background:linear-gradient(135deg,#8b7bf5,#5b4bd6);padding:2px 10px;font-size:11px;font-weight:600;position:absolute;box-shadow:0 4px 12px -4px #7c6cf0d9}.plan-check{border:1px solid var(--color-border);width:22px;height:22px;color:var(--color-on-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .18s,background .18s,box-shadow .18s;display:flex}.plan-item-active .plan-check{border-color:var(--color-primary);background:var(--color-primary);box-shadow:0 0 0 4px #7c6cf029}.plan-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.plan-label{color:var(--color-text);font-size:14px;font-weight:600}.plan-perday{color:var(--color-text-tertiary);font-size:11px}.plan-price-wrap{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.plan-price{font-variant-numeric:tabular-nums;color:var(--color-text);font-size:19px;font-weight:700}.plan-item-active .plan-price{color:var(--color-primary)}.plan-cycle{color:var(--color-text-tertiary);font-size:11px}.agreement{align-items:flex-start;gap:var(--space-sm);padding:var(--space-xs) 0;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;position:relative}.agreement-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.agreement-check{border:1px solid var(--color-border);width:20px;height:20px;color:var(--color-on-primary);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:border-color .18s,background .18s;display:flex}.agreement:hover .agreement-check,.agreement-input:focus-visible+.agreement-check{border-color:var(--color-primary)}.agreement-check-on{border-color:var(--color-primary);background:var(--color-primary)}.agreement-text{color:var(--color-text-secondary);font-size:12px}.agreement-link{color:var(--color-primary);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:12px;line-height:1.7;text-decoration:underline}.agreement-link:hover{color:var(--color-text)}.billing-subscribe{border-radius:var(--radius-pill);background:linear-gradient(135deg,#8b7bf5,#5b4bd6);width:100%;min-height:52px;font-size:16px;font-weight:700;box-shadow:0 16px 32px -14px #7c6cf0e6}.billing-subscribe:hover:not(:disabled){background:linear-gradient(135deg,#9789f7,#6656e0)}.billing-subscribe:disabled{box-shadow:none}.billing-note{gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-tertiary);background:#ffffff05;margin:0;font-size:12px;line-height:1.7;display:flex}.billing-note-icon{border:1px solid var(--color-text-tertiary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-top:3px;font-size:10px;font-weight:600;display:flex}.store-page{gap:var(--space-lg);padding-top:0}.store-history{border:1px solid var(--color-border);color:#9a9aa3;background:#ffffff0a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-right:-8px;transition:color .15s,border-color .15s,background .15s;display:flex}.store-history:hover{color:#fff;border-color:var(--color-primary);background:#7c6cf024}.store-hero{align-items:center;gap:var(--space-xs);padding:var(--space-xl) 0 var(--space-md);flex-direction:column;display:flex;position:relative;overflow:hidden}.store-hero-glow{pointer-events:none;background:radial-gradient(closest-side,#7c6cf061,#0000);border-radius:50%;width:340px;height:230px;position:absolute;top:-90px;left:50%;transform:translate(-50%)}.store-hero-icon{object-fit:contain;filter:drop-shadow(0 8px 20px #f7b22e66);width:46px;height:46px;position:relative}.store-title{color:var(--color-text);text-align:center;margin:0;font-size:26px;font-weight:700;position:relative}.store-subtitle{color:var(--color-text-secondary);margin:0;font-size:13px;position:relative}.store-status{align-items:center;gap:var(--space-md);padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(150deg,#1e1e26,#17171d);display:flex}.store-status-cell{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.store-status-label{color:var(--color-text-tertiary);font-size:11px}.store-status-value{color:var(--color-text);font-size:16px;font-weight:700}.store-status-coins{color:#f7b22e}.store-status-divider{background:var(--color-border);width:1px;height:30px}.store-banner{justify-content:center;align-items:flex-start;gap:var(--space-xs);min-height:140px;padding:var(--space-lg);border-radius:var(--radius-lg);background:radial-gradient(120% 140% at 90% 0,#7c6cf059,#0000 60%),linear-gradient(150deg,#201c33,#15151c);border:1px solid #7c6cf040;flex-direction:column;display:flex;position:relative;overflow:hidden}.store-banner-orb{pointer-events:none;border-radius:50%;position:absolute}.store-banner-orb-left{background:radial-gradient(closest-side,#8b7bf580,#0000);width:120px;height:120px;bottom:-50px;left:-30px}.store-banner-orb-right{background:radial-gradient(closest-side,#f7b22e47,#0000);width:140px;height:140px;top:-40px;right:-20px}.store-banner-badge{border-radius:var(--radius-pill);color:var(--color-text-secondary);background:#ffffff14;padding:2px 10px;font-size:11px;position:relative}.store-banner-text{color:var(--color-text);font-size:18px;font-weight:700;position:relative}.store-banner-sub{color:var(--color-text-tertiary);font-size:12px;position:relative}.store-section-head{justify-content:space-between;align-items:baseline;display:flex}.store-section-title{padding-left:var(--space-md);color:var(--color-text);margin:0;font-size:16px;font-weight:700;position:relative}.store-section-title:before{content:"";background:linear-gradient(#8b7bf5,#5b4bd6);border-radius:2px;width:3px;height:16px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.store-section-hint{color:var(--color-text-tertiary);font-size:11px}.coin-package-empty{margin-top:var(--space-md);padding:var(--space-xl) var(--space-lg);border:1px dashed var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(150deg,#1e1e26,#17171d);justify-content:center;align-items:center;display:flex}.coin-package-empty .empty-state{gap:var(--space-xs);flex:none;min-height:0;padding:0}.coin-package-empty .empty-state-art{margin-bottom:var(--space-sm);opacity:.85}.coin-package-grid{gap:var(--space-md);padding-top:var(--space-md);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.coin-package{align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;background:linear-gradient(150deg,#1e1e26,#17171d);flex-direction:column;font-family:inherit;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;display:flex;position:relative}.coin-package:hover{border-color:var(--color-primary);background:linear-gradient(150deg,#2a2547,#1b1a27);transform:translateY(-2px);box-shadow:0 0 0 1px #7c6cf038,0 16px 30px -18px #7c6cf0e6}.coin-package-badge{border-radius:var(--radius-pill);color:#1a1205;background:linear-gradient(135deg,#f7b22e,#e08a00);padding:2px 10px;font-size:11px;font-weight:600;position:absolute;top:-9px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px -4px #f7b22ecc}.coin-package-amount{align-items:center;gap:var(--space-xs);display:flex}.coin-package-icon{object-fit:contain;width:22px;height:22px}.coin-package-count{font-variant-numeric:tabular-nums;color:var(--color-text);font-size:20px;font-weight:700}.coin-package-price{border:1px solid var(--color-border);border-radius:var(--radius-pill);width:100%;color:var(--color-text-secondary);background:#ffffff05;padding:6px 0;font-size:13px;font-weight:600}.coin-package:hover .coin-package-price{border-color:var(--color-primary);color:var(--color-primary)}.coin-package-bonus{color:#f7b22e;font-size:10px}.store-note{gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-tertiary);background:#ffffff05;margin:0;font-size:12px;line-height:1.7;display:flex}.store-note-icon{border:1px solid var(--color-text-tertiary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-top:3px;font-size:10px;font-weight:600;display:flex}.explore-toolbar{margin:0 calc(-1 * var(--space-lg));padding:8px var(--space-lg) 10px;top:var(--header-height);z-index:9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);background:#0e0e12eb;flex-direction:column;gap:10px;display:flex;position:sticky}.explore-filters-row{gap:10px;width:100%;display:flex}.explore-filter-field{flex:1 1 0;min-width:0;margin:0}.explore-filter-select{box-sizing:border-box;border-radius:var(--radius-pill);width:100%;height:36px;color:var(--color-text-secondary);cursor:pointer;appearance:none;background-color:#26262c;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #0000;outline:none;padding:0 32px 0 14px;font-family:inherit;font-size:13px;font-weight:500;line-height:1.2}.explore-filter-select:focus,.explore-filter-select:focus-visible,.explore-filter-select:active{box-shadow:none;border-color:#0000;outline:none}.explore-filter-select option{color:#111}.explore-tags-scroll{align-items:center;gap:var(--space-sm);scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;width:100%;min-height:36px;display:flex;overflow:auto hidden}.explore-tags-scroll::-webkit-scrollbar{display:none}.explore-chip{box-sizing:border-box;border-radius:var(--radius-pill);height:36px;color:var(--color-text-secondary);cursor:pointer;background:#26262c;border:1px solid #0000;flex:none;justify-content:center;align-items:center;padding:0 18px;font-family:inherit;font-size:13px;font-weight:500;line-height:1.2;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.explore-chip:hover{color:var(--color-text);background:#2d2d34}.explore-chip-active{color:#ff2d8a;background:0 0;border-color:#ff2d8a;font-weight:600}.explore-chip-active:hover{color:#ff2d8a;background:0 0}.confirm-overlay{z-index:40;padding:var(--space-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000009e;justify-content:center;align-items:center;animation:.18s confirm-fade;display:flex;position:fixed;inset:0}.confirm-dialog{width:100%;max-width:320px;padding:var(--space-xl);background:linear-gradient(160deg,#232329,#1b1b21);border:1px solid #ffffff14;border-radius:16px;animation:.2s confirm-pop;box-shadow:0 24px 60px #00000080}.confirm-title{margin:0 0 var(--space-sm);text-align:center;color:var(--color-text);font-size:17px;font-weight:600}.confirm-desc{text-align:center;color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.6}.confirm-actions{gap:var(--space-sm);margin-top:var(--space-xl);display:flex}.confirm-actions .btn{width:auto;padding:0 var(--space-md);flex:1}.confirm-danger{color:#fff;background:#e5484d}.confirm-danger:hover:not(:disabled){background:#d33f44}@keyframes confirm-fade{0%{opacity:0}to{opacity:1}}@keyframes confirm-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.store-sheet-overlay{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000009e;justify-content:center;align-items:flex-end;animation:.18s sheet-fade;display:flex;position:fixed;inset:0}.store-sheet{width:100%;max-width:var(--app-max-width);max-height:88vh;padding:8px var(--space-lg) 0;background:linear-gradient(#232329 0%,#1b1b21 100%);border-top:1px solid #ffffff14;border-top-left-radius:24px;border-top-right-radius:24px;flex-direction:column;animation:.22s cubic-bezier(.22,1,.36,1) sheet-slide;display:flex;position:relative;overflow:hidden;box-shadow:0 -20px 60px #0009}.store-sheet-grab{width:40px;height:4px;margin:4px auto var(--space-md);background:#ffffff2e;border-radius:999px;display:block}.store-sheet-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.store-sheet-title{color:var(--color-text);font-size:15px;font-weight:600}.store-sheet-close{width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:inline-flex}.store-sheet-close:hover:not(:disabled){color:var(--color-text);background:#ffffff1f}.store-sheet-close:disabled{opacity:.4;cursor:not-allowed}.store-sheet-loading{min-height:200px;padding:var(--space-xxl) 0;justify-content:center;align-items:center;display:flex}.store-sheet-loading .spinner{border-color:var(--color-primary);border-top-color:#0000;width:22px;height:22px}.store-sheet-body{gap:var(--space-lg);padding-bottom:var(--space-lg);flex-direction:column;display:flex;overflow-y:auto}.store-pkg-summary{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);background:#7c6cf014;border:1px solid #7c6cf02e;display:flex}.store-pkg-main{align-items:center;gap:var(--space-md);display:flex}.store-pkg-icon{width:36px;height:36px}.store-pkg-info{flex-direction:column;gap:2px;display:flex}.store-pkg-head{align-items:center;gap:8px;display:flex}.store-pkg-count{color:var(--color-text);font-size:16px;font-weight:700}.store-pkg-unit{color:var(--color-text-secondary);font-size:12px;font-weight:500}.store-pkg-badge{color:var(--color-warning);letter-spacing:.5px;background:#f790092e;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.store-pkg-bonus{color:var(--color-text-tertiary);font-size:11px}.store-pkg-price{color:var(--color-text);font-size:18px;font-weight:700}.store-pay-row{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;transition:border-color .15s,background .15s;display:flex}.store-pay-row:hover{border-color:var(--color-primary);background:var(--color-surface-elevated)}.store-pay-icon{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--color-primary);background:#7c6cf024;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.store-pay-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.store-pay-name{color:var(--color-text);font-size:13px;font-weight:600}.store-pay-hint{color:var(--color-text-tertiary);font-size:11px}.store-pay-chevron{color:var(--color-text-tertiary);flex-shrink:0}.store-breakdown{padding:0 var(--space-sm);flex-direction:column;gap:8px;margin:0;display:flex}.store-breakdown-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.store-breakdown-row dt{color:var(--color-text-secondary)}.store-breakdown-row dd{color:var(--color-text);align-items:center;gap:4px;margin:0;font-weight:500;display:inline-flex}.store-breakdown-positive{color:var(--color-success);font-weight:600}.store-breakdown-total{border-top:1px dashed var(--color-border);margin-top:4px;padding-top:8px}.store-breakdown-total dt,.store-breakdown-total dd{font-size:13px;font-weight:600}.store-breakdown-coin{width:14px;height:14px}.store-consent{align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;position:relative}.store-consent-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.store-consent-box{background:0 0;border:1.5px solid #ffffff47;border-radius:50%;flex-shrink:0;width:16px;height:16px;transition:background .15s,border-color .15s;position:relative}.store-consent:hover .store-consent-box,.store-consent-input:focus-visible+.store-consent-box{border-color:#7c6cf099}.store-consent-input:checked+.store-consent-box{background:var(--color-primary);border-color:var(--color-primary)}.store-consent-input:checked+.store-consent-box:after{content:"";border:1.8px solid #fff;border-width:0 1.8px 1.8px 0;width:5px;height:9px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.store-consent-input:disabled+.store-consent-box{opacity:.4;cursor:not-allowed}.store-consent-text{color:var(--color-text-secondary);font-size:12px;line-height:1.6}.store-consent-link{color:var(--color-primary);text-underline-offset:2px;text-decoration:underline;transition:color .15s}.store-consent-link:hover{color:var(--color-primary-dark)}.store-sheet-error{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:var(--color-danger);background:#f0446b1a;border:1px solid #f0446b40;margin:0;font-size:12px;line-height:1.6}.store-sheet-footer{padding:var(--space-md) var(--space-lg) calc(var(--space-md) + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:linear-gradient(#1b1b2100 0%,#1b1b21e6 40%)}.store-buy-btn{width:100%;min-height:48px}@keyframes sheet-fade{0%{opacity:0}to{opacity:1}}@keyframes sheet-slide{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.crypto-hint{color:var(--color-text-secondary);margin:0;font-size:12.5px;line-height:1.65}.crypto-details{gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffff08;flex-direction:column;margin:0;display:flex}.crypto-row{justify-content:space-between;align-items:center;gap:var(--space-md);font-size:13px;display:flex}.crypto-row dt{color:var(--color-text-secondary);flex-shrink:0}.crypto-row dd{color:var(--color-text);margin:0;font-weight:500}.crypto-mono{letter-spacing:.2px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.crypto-strong{font-variant-numeric:tabular-nums;font-weight:700}.crypto-address-block{padding-top:var(--space-sm);border-top:1px dashed var(--color-border);margin-top:2px}.crypto-address-label{color:var(--color-text-secondary);font-size:12px}.crypto-address{align-items:center;gap:var(--space-sm);margin:6px 0 0;display:flex}.crypto-address-text{border-radius:var(--radius-sm);word-break:break-all;min-width:0;color:var(--color-text);background:#7c6cf014;border:1px solid #7c6cf033;flex:1;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.6}.crypto-copy{border:1px solid var(--color-border);border-radius:var(--radius-sm);min-height:32px;color:var(--color-text-secondary);cursor:pointer;background:#ffffff0f;flex-shrink:0;padding:0 12px;font-size:12px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.crypto-copy:hover{color:var(--color-primary);background:#7c6cf01f;border-color:#7c6cf066}.crypto-field{gap:var(--space-sm);flex-direction:column;display:flex}.crypto-field-label{color:var(--color-text-secondary);font-size:12px;font-weight:600}.crypto-input{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;min-height:46px;color:var(--color-text);background:#ffffff0a;outline:none;padding:0 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;transition:border-color .15s,background .15s}.crypto-input::placeholder{color:var(--color-text-tertiary);font-family:inherit}.crypto-input:focus{background:#ffffff0f;border-color:#7c6cf099}.crypto-amount-warning{color:#f7b22e;margin:0;font-size:12px;line-height:1.6}.crypto-result-note{color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.7}.crypto-result-note.crypto-result-failed{color:var(--color-danger)}.crypto-footer{gap:var(--space-sm);flex-direction:column;display:flex}.crypto-cancel-btn{border:1px solid var(--color-border);width:100%;color:var(--color-text-secondary);background:0 0}.crypto-cancel-btn:hover:not(:disabled){color:var(--color-text);border-color:#ffffff3d}.record-pay-btn{border-radius:var(--radius-pill);color:var(--color-primary);white-space:nowrap;cursor:pointer;background:#7c6cf01f;border:1px solid #7c6cf066;padding:5px 10px;font-size:11px;font-weight:600;transition:background .15s,border-color .15s}.record-pay-btn:hover:not(:disabled){background:#7c6cf033;border-color:#7c6cf0a6}.record-pay-btn:disabled{opacity:.6;cursor:default}.my-work-detail-shell{position:relative}.my-work-detail-shell .work-detail-page{padding-bottom:20px}.my-work-detail-footer{z-index:5;box-sizing:border-box;width:100%;padding:8px 0 calc(10px + env(safe-area-inset-bottom,0px));background:#0e0e12f5;border-top:1px solid #ffffff14;margin-top:8px;position:sticky;bottom:0}.my-work-detail-footer .my-work-detail-publish{width:100%;min-height:44px;padding:0 var(--space-lg);border-radius:var(--radius-pill);color:var(--color-text);box-shadow:none;background:#ffffff14;border:1px solid #ffffff2e;font-size:15px;font-weight:600}.my-work-detail-footer .my-work-detail-publish:hover:not(:disabled){opacity:1;background:#ffffff1f;border-color:#ffffff47}.mine-masonry-tile:has(.mine-tile-open-detail){position:absolute}.mine-tile-open-detail{top:var(--space-sm);right:var(--space-sm);z-index:3;border-radius:var(--radius-pill);color:#fff;background:#0000008c;border:1px solid #fff3;padding:4px 10px;font-size:11px;font-weight:600;text-decoration:none;position:absolute}.mine-tile-open-detail:hover{background:#7c6cf0bf}.publish-dialog-backdrop{z-index:100;padding:var(--space-lg);background:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.publish-dialog{box-sizing:border-box;width:min(100%,420px);padding:var(--space-lg);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-surface-elevated,#1a1a24);border:1px solid #ffffff14}.publish-dialog-title{margin:0 0 var(--space-xs);font-size:18px;font-weight:700}.publish-dialog-hint{margin:0 0 var(--space-md);color:var(--color-text-secondary);font-size:13px;line-height:1.45}.publish-dialog-label{margin-bottom:var(--space-xs);font-size:13px;font-weight:600;display:block}.publish-dialog-input{box-sizing:border-box;border-radius:var(--radius-md);width:100%;color:var(--color-text);background:#00000040;border:1px solid #ffffff1f;padding:12px 14px;font-size:15px}.publish-dialog-input:focus{border-color:#7c6cf0a6;outline:none}.publish-dialog-error{margin:var(--space-sm) 0 0;color:#f04468;font-size:13px}.publish-dialog-actions{gap:var(--space-sm);margin-top:var(--space-lg);justify-content:flex-end;display:flex}.publish-dialog-btn{min-width:72px;min-height:36px;padding:0 14px;font-size:13px;font-weight:600}.publish-dialog-btn-primary{border-radius:var(--radius-pill);color:var(--color-text);background:#ffffff14;border:1px solid #ffffff2e}.publish-dialog-btn-primary:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff47}