/* 2026-08-22 项目、素材、分辨率与主题体验收口 */
.ghost-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.notification-icon svg{width:19px;height:19px}.theme-toggle{display:grid;place-items:center}.resolution-popover{width:330px}.resolution-tabs{grid-template-columns:1fr 1fr}.resolution-tabs button{min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.resolution-tabs button b{font-size:14px}.resolution-tabs button small{font-size:10px}.watermark-row>span b{font-size:13px!important}.watermark-row>span small{display:block;max-width:285px;margin-top:6px;font-size:11px!important;line-height:1.65!important;color:#a8a9b2!important}
.task-card,.asset-card{transform:translate3d(0,0,0)!important;transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .24s ease,box-shadow .28s ease,background-color .24s ease!important;will-change:transform,box-shadow;border:1px solid transparent;border-radius:14px;padding:10px;background:rgba(255,255,255,.012)}.task-card:hover,.asset-card:hover{transform:translate3d(0,-7px,0)!important;border-color:rgba(101,220,233,.22)!important;background:rgba(255,255,255,.038)!important;box-shadow:0 24px 58px rgba(0,0,0,.38),0 0 0 1px rgba(101,220,233,.04)!important}.task-thumb,.asset-visual{transform:translateZ(0);backface-visibility:hidden}.task-preview-video,.asset-visual video,.asset-visual img{width:100%;height:100%;display:block;object-fit:cover;pointer-events:none}.asset-play-indicator{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(4,7,9,.55);color:white;font-style:normal;transition:opacity .2s ease,transform .2s ease}.asset-card:hover .asset-play-indicator{opacity:0;transform:translate(-50%,-50%) scale(.85)}.asset-audio-preview{height:100%;display:grid;place-items:center;align-content:center;gap:10px;background:radial-gradient(circle at 50% 35%,rgba(101,220,233,.18),transparent 33%),#11131a}.asset-audio-preview i{font-size:42px;color:var(--accent);font-style:normal}.asset-audio-preview span{position:static!important;background:transparent!important;border:0!important;font-size:12px!important}
.modal-video-result,.asset-modal-preview{width:100%;margin:0 0 18px;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;background:#08090d}.modal-video-result video,.asset-modal-preview video,.asset-modal-preview img{display:block;width:100%;max-height:52vh;object-fit:contain;background:#08090d}.video-result-actions{display:flex;justify-content:center;gap:10px;padding:11px}.video-result-actions a{padding:8px 12px;border:1px solid var(--line-strong);border-radius:9px;color:var(--text);text-decoration:none}.video-result-actions a:last-child{background:var(--accent);color:#0b1114;border-color:transparent}.asset-modal-preview.audio{min-height:170px;padding:32px;display:grid;place-items:center;gap:20px}.asset-modal-preview.audio>span{font-size:46px;color:var(--accent)}.asset-modal-preview.audio audio{width:100%}.project-prompt-details{margin:14px 0;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025);overflow:hidden}.project-prompt-details summary{padding:13px 15px;cursor:pointer;color:var(--text);font-weight:600}.project-prompt-details p{max-height:210px;overflow:auto;margin:0!important;padding:0 15px 15px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted)}
html[data-theme="light"]{color-scheme:light;--bg:#f3f5f5;--surface:#fff;--surface-2:#f7f9f9;--surface-3:#edf1f1;--line:rgba(20,40,43,.1);--line-strong:rgba(20,40,43,.18);--text:#152225;--muted:#657477;--soft:#929ea0;--accent:#32b9c5;--accent-2:#6b62d9;--accent-bg:rgba(50,185,197,.1);--gold:#a97720}html[data-theme="light"],html[data-theme="light"] body{background:#f3f5f5!important;color:var(--text)!important}html[data-theme="light"] body{background:radial-gradient(circle at 88% 10%,rgba(50,185,197,.1),transparent 30%),radial-gradient(circle at 8% 25%,rgba(107,98,217,.07),transparent 28%),#f3f5f5!important}html[data-theme="light"] .topbar{background:rgba(250,252,252,.9)!important;border-color:rgba(20,40,43,.1)!important;box-shadow:0 10px 30px rgba(20,40,43,.07)!important}html[data-theme="light"] .brand,html[data-theme="light"] .nav-link.active,html[data-theme="light"] h1,html[data-theme="light"] h2,html[data-theme="light"] h3{color:#152225!important}html[data-theme="light"] .credit-pill,html[data-theme="light"] .ghost-icon,html[data-theme="light"] .parameter-toolbar,html[data-theme="light"] .parameter-popover,html[data-theme="light"] .creation-panel,html[data-theme="light"] .preview-panel,html[data-theme="light"] .library-head,html[data-theme="light"] .filter-bar,html[data-theme="light"] .asset-summary article,html[data-theme="light"] .credits-shell,html[data-theme="light"] .app-modal{background:#fff!important;color:#152225!important;border-color:rgba(20,40,43,.1)!important;box-shadow:0 18px 55px rgba(20,40,43,.1)!important}html[data-theme="light"] .prompt-shell,html[data-theme="light"] .model-row,html[data-theme="light"] .preview-canvas,html[data-theme="light"] .asset-add,html[data-theme="light"] .search-box,html[data-theme="light"] .modal-row,html[data-theme="light"] .project-prompt-details{background:#f7f9f9!important;color:#152225!important;border-color:rgba(20,40,43,.1)!important}html[data-theme="light"] textarea,html[data-theme="light"] input{color:#152225!important}html[data-theme="light"] .nav-link,html[data-theme="light"] p,html[data-theme="light"] small{color:#657477}html[data-theme="light"] .task-card:hover,html[data-theme="light"] .asset-card:hover{background:#fff!important;box-shadow:0 22px 48px rgba(20,40,43,.13)!important}html[data-theme="light"] .modal-overlay{background:rgba(29,43,45,.28)!important;backdrop-filter:blur(10px)!important}html[data-theme="light"] .modal-close{background:#edf1f1!important;color:#526164!important}html[data-theme="light"] .modal-content,html[data-theme="light"] .modal-content p{color:#657477!important}
@media(max-width:720px){.task-card,.asset-card{padding:7px}.watermark-row>span small{max-width:220px}}
.recharge-overlay:not(.open) .recharge-drawer{opacity:0!important;visibility:hidden!important;pointer-events:none!important}