:root{color-scheme:dark;font-family:Microsoft YaHei UI,PingFang SC,Noto Sans CJK SC,sans-serif;background:#0b0f10;color:#f7f3ea;font-synthesis:none}*{box-sizing:border-box}html,body,#mobile-app{min-height:100%;margin:0;background:#0b0f10}body{min-width:320px;overflow-x:hidden}body.modal-open{overflow:hidden}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.48}img,video{display:block;max-width:100%}.mobile-shell{width:100%;min-height:100dvh;margin:0 auto;padding-bottom:calc(96px + env(safe-area-inset-bottom));background:radial-gradient(circle at 76% -5%,rgba(217,255,67,.14),transparent 27rem),#0b0f10}.mobile-shell.access-only{padding-bottom:0}.mobile-header{position:sticky;z-index:12;top:0;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:68px;padding:calc(12px + env(safe-area-inset-top)) 18px 10px;background:linear-gradient(#0b0f10 70%,#0b0f10e0);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;color:#f7f3ea;text-decoration:none;letter-spacing:-.03em}.brand-copy{display:inline-flex;align-items:baseline;gap:6px}.brand-mobile{color:#77817e;font-size:11px;font-weight:700;letter-spacing:.04em}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#d9ff43;color:#101410;font-size:12px;font-weight:950;transform:rotate(-5deg)}.brand-mark.large{width:54px;height:54px;margin:0 auto 18px;border-radius:15px;font-size:18px}.header-actions{display:flex;align-items:center;gap:8px}.tier-pill{padding:7px 11px;border:1px solid rgba(217,255,67,.42);border-radius:99px;color:#d9ff43;font-size:11px;font-weight:900}.round-button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #394442;border-radius:50%;background:#202828;color:#f7f3ea;font-size:18px}.mobile-page{width:100%;max-width:560px;margin:0 auto;padding:6px 18px 28px}.mobile-page h1,.access-page h1{margin:0 0 10px;font-size:34px;line-height:1.08;letter-spacing:-.055em}.eyebrow{margin:8px 0 6px;color:#d9ff43;font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.intro{margin:0 0 20px;color:#aab3b0;font-size:13px;line-height:1.65}.back-button,.text-button{min-height:44px;padding:0;border:0;background:transparent;color:#59d7d0;font-weight:800}.key-notice{position:sticky;z-index:8;top:calc(72px + env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;margin:15px 0 12px;padding:0 14px;border:0;border-radius:10px;background:#ffcf4a;color:#101410;box-shadow:0 8px 24px #00000052;text-align:left}.key-notice strong{font-size:13px}.key-notice span{font-size:12px;font-weight:900;white-space:nowrap}.balance-strip{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;min-height:48px;margin:15px 0 12px;padding:6px 13px;border:1px solid #2e3937;border-radius:12px;background:#12191ad1;color:inherit;text-align:left}.balance-strip>span{min-width:0}.balance-strip small{display:block;color:#899491;font-size:9px;letter-spacing:.08em}.balance-strip b{display:block;margin-top:2px;overflow:hidden;color:#f7f3ea;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.balance-strip>span:first-child b{color:#d9ff43}.balance-strip .balance-muted{grid-column:1 / -1;color:#87918e;font-size:11px}.balance-strip:focus-visible{outline:2px solid #59d7d0;outline-offset:2px}.header-balance{flex:0 1 116px;grid-template-columns:minmax(32px,.72fr) minmax(48px,1fr);min-width:100px;max-width:116px;min-height:38px;margin:0 0 0 auto;padding:5px 8px;border-color:#59d7d038;border-radius:11px;background:#12191ab8}.header-balance small{font-size:7px;line-height:1.1}.header-balance b{margin-top:1px;font-size:10px;line-height:1.2}.header-balance .balance-muted{font-size:9px}.model-card{display:grid;grid-template-columns:88px minmax(0,1fr) auto;align-items:center;gap:12px;margin:12px 0;padding:12px;border-radius:18px 5px;background:#eef0e7;color:#111817}.model-thumb{display:grid;place-items:center;width:88px;height:88px}.model-card img{display:block;width:auto;height:auto;max-width:88px;max-height:88px;border:1px solid rgba(17,24,23,.12);border-radius:10px;box-shadow:0 4px 10px #1118172e}.model-card div{min-width:0}.model-card small,.model-card span{display:block;color:#59625f;font-size:11px}.model-card strong{display:block;margin:5px 0;overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.model-card button{min-width:52px;min-height:44px;border:0;border-radius:7px;background:#111817;color:#f7f3ea;font-weight:900}.upload-card{position:relative;display:grid;place-items:center;min-height:132px;margin:12px 0;overflow:hidden;border:1px dashed #59655e;border-radius:14px;background:repeating-linear-gradient(-45deg,rgba(255,255,255,.025) 0 7px,transparent 7px 14px);cursor:pointer}.upload-card input{position:absolute;width:1px;height:1px;opacity:0}.upload-card img{display:block;width:100%;height:auto;object-fit:contain;background:#090d0d}.upload-card video{width:100%;height:190px;object-fit:contain;background:#090d0d}.motion-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.motion-media-grid{align-items:start}.motion-media-item{min-width:0}.motion-media-grid .upload-card{min-width:0;min-height:210px;margin:0}.motion-media-grid .upload-card img,.motion-media-grid .upload-card video{width:100%;height:210px;object-fit:contain}.motion-media-grid .upload-card.portrait{aspect-ratio:9 / 16;min-height:0}.motion-media-grid .upload-card.portrait img,.motion-media-grid .upload-card.portrait video{height:100%;object-fit:cover}.motion-media-grid .upload-placeholder{padding:10px;text-align:center}.motion-media-caption{display:flex;align-items:center;justify-content:center;gap:7px;min-height:32px;margin-top:4px}.motion-media-caption strong{color:#f7f3ea;font-size:12px}.motion-media-caption button{min-height:30px;padding:0 6px;border:0;background:transparent;color:#7e8986;font-size:11px}.upload-placeholder{display:grid;justify-items:center;gap:4px;color:#aeb8b5;font-size:13px}.upload-placeholder b{color:#d9ff43;font-size:25px}.upload-placeholder em{padding:3px 7px;border-radius:99px;background:#d9ff4321;color:#d9ff43;font-size:10px;font-style:normal;font-weight:900}.replace-media{position:absolute;right:9px;bottom:9px;padding:6px 9px;border-radius:8px;background:#0b0f10d1;font-size:10px;font-weight:800}.field-card,.form-section{display:block;margin:12px 0;padding:14px;border:1px solid #303b3a;border-radius:14px;background:#12191a;color:#c7cfcc;font-size:12px;font-weight:800}textarea,input,select{width:100%;min-height:48px;margin-top:8px;padding:11px 12px;border:1px solid #34403e;border-radius:10px;outline:none;background:#090d0d;color:#f7f3ea;font-size:16px}textarea{min-height:96px;resize:vertical;line-height:1.55}input:focus,textarea:focus,select:focus{border-color:#59d7d0;box-shadow:0 0 0 3px #59d7d01c}.ratio-row{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:10px 0}.ratio-row button{min-height:44px;border:0;border-radius:8px;background:#171e1e;color:#aeb8b5}.ratio-row button.active{background:#59d7d0;color:#101410;font-weight:900}.ratio-row button:disabled{cursor:not-allowed;background:#111716;color:#56605e;opacity:.58}.ratio-restriction{margin:-3px 2px 10px;color:#899491;font-size:11px}.primary-button{display:grid;place-items:center;width:100%;min-height:54px;margin-top:14px;padding:0 18px;border:0;border-radius:10px;background:#d9ff43;color:#101410;box-shadow:0 7px #46531e;font-size:16px;font-weight:950;text-decoration:none}.primary-button.compact{min-height:50px;box-shadow:none}.form-hint,.form-error,.media-meta{margin:10px 2px 0;color:#aab3b0;font-size:12px;line-height:1.5}.form-hint.error,.form-error{color:#ff9c86}.model-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px}.model-option{position:relative;width:100%;min-width:0;padding:8px;border:1px solid #303938;border-radius:14px;background:#151b1b;color:#f7f3ea;text-align:left}.model-option.selected{border:2px solid #d9ff43}.model-option.selected:after{content:"当前";position:absolute;top:14px;right:14px;padding:4px 7px;border-radius:99px;background:#d9ff43;color:#101410;font-size:10px;font-weight:900}.model-option img{display:block;width:100%;aspect-ratio:3 / 4;border-radius:10px;object-fit:contain;background:#0b1010}.model-option strong,.model-option small{display:block;margin:8px 2px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-option small{margin-top:3px;color:#899491}.model-upload-button{display:grid;place-items:center;width:100%;min-height:50px;margin-top:14px;cursor:pointer}.model-upload-button input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.model-upload-button.disabled{cursor:wait;opacity:.55}.empty-card{padding:22px 15px;border:1px solid #303938;border-radius:14px;background:#12191a;color:#899491;text-align:center;font-size:13px}.form-section h2{margin:0 0 10px;color:#d9ff43;font-size:15px}.form-section label{display:block;margin-top:12px}.task-card{margin-bottom:12px;padding:15px;border:1px solid #303938;border-radius:14px;background:#12191a}.task-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#8f9a97;font-size:11px}.task-top b{color:#59d7d0}.task-top .task-cost{color:#d9ff43;font-weight:800}.task-card p{margin:9px 0 0;color:#b3bcb9;font-size:12px;line-height:1.6}.task-card>img,.task-card>video{width:100%;max-height:420px;margin-top:12px;border-radius:10px;background:#28312f;object-fit:contain}.progress{height:7px;margin-top:13px;overflow:hidden;border-radius:99px;background:#27302f}.progress span{display:block;height:100%;border-radius:inherit;background:#d9ff43}.result-actions{display:grid;gap:8px;margin-top:12px}.result-actions button{width:100%;min-height:48px;margin:0;border:0;border-radius:9px;font-size:14px;font-weight:900}.result-primary-button{background:#d9ff43;color:#101410;box-shadow:0 4px #46531e}.result-secondary-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.result-secondary-row button:only-child{grid-column:1 / -1}.download-button{background:#34413e;color:#f7f3ea}.secondary-button{background:#25302e;color:#f7f3ea}.task-card>.secondary-button,.task-refresh{min-height:44px;margin-top:12px;padding:0 15px;border:1px solid #3a4845;border-radius:9px;font-weight:850}.task-refresh{width:100%;margin-bottom:12px}.completion-notice{margin:12px 0;padding:12px 14px;border:1px solid #71842d;border-radius:10px;background:#d9ff4314;color:#d9ff43;font-weight:850}.task-card .download-deadline{color:#d9ff43;font-weight:800}.submit-safety{margin:12px 3px 0;color:#ffcb72;font-size:12px;line-height:1.55;text-align:center}.task-recovery{margin:14px 0;padding:14px;border:1px solid #c98650;border-radius:12px;background:#c986501f}.task-recovery strong{color:#ffcf84;font-size:14px}.task-recovery p{margin:7px 0;color:#d8c2ad;font-size:12px;line-height:1.55}.task-recovery input{margin-top:5px;color:#ffcf84;font-family:ui-monospace,Cascadia Code,monospace;font-size:13px}.task-recovery>div{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin-top:10px}.task-recovery .primary-button{margin-top:0}.task-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.task-toolbar button{min-height:44px;border-radius:10px}.task-clear-button,.task-delete-button{border:1px solid #583f3a;border-radius:9px;background:#201514;color:#ffab99;font-weight:800}.task-delete-button{width:100%;min-height:40px;margin-top:10px}.task-pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:15px 0}.task-pagination button{min-height:42px;border:1px solid #34403e;border-radius:9px;background:#141b1b;color:#f7f3ea}.task-pagination span{color:#aeb8b5;font-size:13px}.bottom-nav{position:fixed;z-index:15;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));left:12px;display:grid;grid-template-columns:repeat(3,1fr);max-width:536px;min-height:70px;margin:0 auto;padding:7px;border:1px solid #303a39;border-radius:18px;background:#12191af2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav a{display:grid;place-items:center;align-content:center;gap:3px;min-height:52px;border-radius:12px;color:#8f9a97;font-size:12px;text-decoration:none}.bottom-nav a.active{background:#d9ff4314;color:#d9ff43}.bottom-nav span{font-size:17px}.install-prompt{position:fixed;z-index:30;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));left:14px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;max-width:430px;margin:0 auto;padding:15px 38px 14px 14px;border:1px solid rgba(217,255,67,.38);border-radius:18px 6px;background:#12191afa;box-shadow:0 18px 48px #00000085;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.install-prompt.has-bottom-nav{bottom:calc(96px + env(safe-area-inset-bottom))}.install-prompt-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#d9ff43;color:#101410;font-size:13px;font-weight:950;transform:rotate(-4deg)}.install-prompt strong{display:block;color:#f7f3ea;font-size:14px}.install-prompt p{margin:5px 0 10px;color:#aab3b0;font-size:12px;line-height:1.55}.install-prompt-actions{display:flex;align-items:center;gap:8px}.install-prompt-actions button{min-height:38px;padding:0 12px;border-radius:9px;font-size:12px;font-weight:900}.install-prompt-primary{border:0;background:#d9ff43;color:#101410}.install-prompt-never{border:1px solid #3b4745;background:transparent;color:#aab3b0}.install-prompt-close{position:absolute;top:7px;right:8px;width:32px;height:32px;padding:0;border:0;background:transparent;color:#77817e;font-size:22px}.modal-backdrop{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#050707c7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.settings-dialog{width:min(100%,430px);max-height:calc(100dvh - 36px);overflow:auto;padding:22px;border:1px solid #3c4846;border-radius:24px 6px;background:#12191a}.settings-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.settings-close-button{flex:0 0 44px;min-width:44px;min-height:44px;aspect-ratio:1;line-height:1}.settings-dialog h2{margin:0 0 5px;font-size:22px;letter-spacing:-.04em}.settings-dialog header p,.settings-key-card p{margin:0;color:#909b98;font-size:11px;line-height:1.6}.account-status-card{margin-top:18px;padding:14px;border:1px solid #34403e;border-radius:14px 4px;background:#18201f}.account-status-heading,.account-status-card dl>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-status-heading{color:#f7f3ea;font-size:13px;font-weight:900}.account-status-heading b{color:#aab3b0;font-size:12px}.account-status-heading b.temporary,.account-time{color:#d9ff43}.account-status-card dl{display:grid;gap:8px;margin:12px 0 0;padding-top:11px;border-top:1px solid #2c3735}.account-status-card dt,.account-status-card dd{margin:0;font-size:12px}.account-status-card dt{color:#899491}.account-status-card dd{overflow:hidden;color:#e8ede8;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.settings-key-card{margin-top:18px}.field-heading{display:flex;justify-content:space-between;gap:12px;font-size:12px}.field-heading span{color:#d9ff43;font-size:11px;font-weight:900}.settings-key-card p{margin-top:9px}.danger-button{width:100%;min-height:44px;margin-top:14px;border:1px solid #70483f;border-radius:9px;background:transparent;color:#ffad99;font-weight:800}.logout-button{width:100%;min-height:46px;margin-top:10px;border:1px solid #46514f;border-radius:9px;background:transparent;color:#b8c1be;font-size:13px;font-weight:800}.logout-button:active{background:#1d2524}.access-page{display:grid;align-content:center;width:min(100%,430px);min-height:100dvh;margin:0 auto;padding:calc(28px + env(safe-area-inset-top)) 22px calc(28px + env(safe-area-inset-bottom));text-align:center}.login-card{margin-top:12px;padding:16px;border:1px solid #303938;border-radius:20px 5px;background:#12191a;text-align:left}.auth-switch{position:relative;display:grid;grid-template-columns:1fr 1fr;width:100%;gap:5px;margin:4px auto 0;padding:5px;border:1px solid #303938;border-radius:10px;background:#12191a}.auth-switch:before{position:absolute;z-index:0;top:5px;bottom:5px;left:5px;width:calc((100% - 15px)/2);border-radius:7px;background:#d9ff43;box-shadow:0 3px 12px #d9ff4329;content:"";transition:transform .22s cubic-bezier(.22,1,.36,1)}.auth-switch.registering:before{transform:translate(calc(100% + 5px))}.auth-switch button{position:relative;z-index:1;width:100%;min-height:50px;padding:0 16px;border:0;border-radius:7px;background:transparent;color:#8f9a97;font-size:15px;font-weight:850;transition:color .16s ease,transform .16s ease}.auth-switch button.active{background:transparent;color:#101410}.auth-switch button:active{transform:scale(.98)}@media(prefers-reduced-motion:reduce){.auth-switch:before,.auth-switch button,.auth-extra-enter-active,.auth-extra-leave-active{transition:none}}.login-card label{display:block;margin-bottom:14px;color:#aeb8b5;font-size:12px;font-weight:800}.register-extra{overflow:hidden}.auth-extra-enter-active,.auth-extra-leave-active{overflow:hidden;transition:max-height .3s cubic-bezier(.22,1,.36,1),opacity .19s ease,transform .3s cubic-bezier(.22,1,.36,1)}.auth-extra-enter-from,.auth-extra-leave-to{max-height:0;opacity:0;transform:translateY(-8px)}.auth-extra-enter-to,.auth-extra-leave-from{max-height:190px;opacity:1;transform:translateY(0)}.login-card .invite-tip{margin:-3px 0 12px;padding:10px 11px;border:1px solid rgba(217,255,67,.32);border-radius:8px;background:#d9ff4314;color:#dce9ae;font-size:12px;line-height:1.55}.login-card .remember-login{display:flex;align-items:center;gap:9px;min-height:44px;margin:-3px 0 4px;cursor:pointer}.remember-login input{width:20px;min-height:20px;margin:0;accent-color:#d9ff43}.remember-login span{color:#c8d0cd;font-size:13px}.access-lock{font-size:38px;color:#d9ff43}.link-button{margin-top:10px}.blocked-page .text-button{margin-top:16px}@media(min-width:620px){.mobile-shell{max-width:600px;border-right:1px solid #222c2a;border-left:1px solid #222c2a}}@media(max-width:359px){.mobile-page{padding-right:14px;padding-left:14px}.tier-pill{display:none}.model-card{grid-template-columns:66px minmax(0,1fr) auto;gap:8px;padding:9px}.model-thumb{width:66px;height:74px}.model-card img{max-width:66px;max-height:74px}}@media(max-width:419px){.brand-copy{display:none}}@media(prefers-reduced-motion:no-preference){.mobile-page{animation:page-in .28s ease both}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}}}