html,body{background:#f0f2f8;color:#1a1d27}body{font-family:PingFang SC,Microsoft YaHei,sans-serif}.app{min-height:100vh}.nav{background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06);position:sticky;top:0;z-index:10}.nav-inner{max-width:1200px;margin:0 auto;padding:0 32px;height:60px;display:flex;align-items:center}.brand{font-size:18px;font-weight:700;display:flex;align-items:center;gap:8px;color:#1a1d27}.brand-dot{width:10px;height:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:3px}.hero{position:relative;min-height:calc(100vh - 60px);display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(99,102,241,.18),transparent),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(139,92,246,.1),transparent)}.hero-inner{position:relative;text-align:center;max-width:720px;padding:0 24px}.hero-badge{display:inline-block;padding:6px 16px;background:#6366f11a;border:1px solid rgba(99,102,241,.25);border-radius:100px;font-size:13px;color:#6366f1;margin-bottom:32px}.hero-title{font-size:52px;font-weight:800;line-height:1.15;margin-bottom:20px;color:#1a1d27}.hero-desc{font-size:17px;color:#64748b;margin-bottom:48px;line-height:1.6}.search-box{display:flex;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:6px;box-shadow:0 4px 24px #6366f114}.search-box input{flex:1;background:transparent;border:none;outline:none;color:#1a1d27;padding:16px 20px;font-size:16px}.search-box input::placeholder{color:#94a3b8}.search-box button{padding:16px 32px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;white-space:nowrap}.search-box button:disabled{opacity:.5;cursor:not-allowed}.gen-tip{margin-top:24px;color:#6366f1;font-size:14px}.sp{display:inline-block;width:8px;height:8px;background:#818cf8;border-radius:50%;animation:pulse 1s infinite;margin-right:8px}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.page{max-width:1000px;margin:0 auto;padding:48px 32px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px}.step-label{font-size:12px;color:#6366f1;font-weight:600;letter-spacing:2px;margin-bottom:8px}.page-head h2{font-size:32px;font-weight:800;margin-bottom:6px;color:#1a1d27}.hint{color:#94a3b8;font-size:14px}.head-actions{display:flex;gap:12px}.btn-solid{padding:12px 24px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer}.btn-solid:disabled{opacity:.4;cursor:not-allowed}.btn-line{padding:12px 20px;background:#fff;color:#64748b;border:1px solid rgba(0,0,0,.1);border-radius:10px;font-size:14px;cursor:pointer}.outline-wrap{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:20px;padding:48px;box-shadow:0 2px 12px #0000000a}.outline-big-title{font-size:28px;font-weight:800;margin-bottom:4px;color:#1a1d27}.outline-big-sub{color:#94a3b8;font-size:15px;margin-bottom:36px}.tree{line-height:2.2}.l1{font-size:18px;font-weight:700;margin-top:16px;color:#1a1d27}.l1:first-child{margin-top:0}.n{display:inline-block;min-width:40px;color:#6366f1;font-weight:600}.l2{font-size:15px;color:#334155;padding-left:48px}.l3{font-size:14px;color:#94a3b8;padding-left:100px;line-height:2}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{cursor:pointer;border-radius:16px;overflow:hidden;border:2px solid transparent;transition:all .2s;background:#fff;box-shadow:0 2px 12px #0000000a}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.card.on{border-color:#6366f1}.slide{aspect-ratio:16/9;overflow:hidden;background:#f1f5f9}.slide img{width:100%;height:100%;object-fit:cover;display:block}.slide-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.card-name{padding:14px;text-align:center;font-size:14px;color:#475569;background:#fff}.studio{height:100vh;display:flex;flex-direction:column;background:#e8ecf5}.studio-top{display:flex;align-items:center;gap:12px;padding:10px 16px}.back-btn{width:36px;height:36px;border-radius:50%;background:#ffffffe6;border:1px solid rgba(0,0,0,.08);color:#475569;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.progress-bar{flex:1;height:8px;background:#fff9;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:4px;transition:width .5s}.ai-badge{font-size:13px;font-weight:700;color:#6366f1;white-space:nowrap}.done-badge{width:28px;height:28px;border-radius:50%;background:#22c55e;color:#fff;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.creating-badge{font-size:13px;color:#6366f1;white-space:nowrap}.studio-body{flex:1;display:flex;overflow:hidden;padding:16px;gap:16px}.preview-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.slide-canvas{width:100%;max-width:900px;aspect-ratio:16/9;border-radius:8px;overflow:hidden;box-shadow:0 8px 32px #0000001f;background:#fff;position:relative}.canvas-img{width:100%;height:100%;object-fit:contain;display:block}.type-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#f8fafc;transform-origin:left center;animation:maskWipe 1.2s ease forwards;pointer-events:none}.type-mask.done{transform:scaleX(0)}@keyframes maskWipe{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.type-cursor{position:absolute;top:0;bottom:0;width:3px;background:#6366f1;left:0;animation:cursorMove 1.2s ease forwards;pointer-events:none;box-shadow:0 0 10px #6366f1}@keyframes cursorMove{0%{left:0}to{left:100%}}.canvas-footer{position:absolute;bottom:0;left:0;font-size:12px;color:#94a3b8}.sidebar{width:300px;background:#fff;border-radius:12px;padding:16px;overflow-y:auto;display:flex;flex-direction:column}.sidebar-title{font-size:14px;font-weight:600;margin-bottom:12px;color:#1a1d27}.pulse-dot{color:#f59e0b;animation:pulse 1s infinite}.thumb-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:1;overflow-y:auto}.thumb{cursor:pointer;border:2px solid transparent;border-radius:6px;overflow:hidden;opacity:.5;transition:all .2s}.thumb:hover{opacity:1}.thumb.active{border-color:#6366f1;opacity:1}.thumb-inner{aspect-ratio:16/9;overflow:hidden;background:#f1f5f9}.thumb-inner img{width:100%;height:100%;object-fit:cover;display:block}.loading-thumb{display:flex;align-items:center;justify-content:center}.thumb-loading{font-size:11px;color:#94a3b8}.sidebar-actions{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.06)}.btn-edit{flex:1;padding:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.btn-download{flex:1;padding:10px;background:#fff;color:#475569;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:14px;cursor:pointer}@media (max-width: 768px){.hero-title{font-size:36px}.grid{grid-template-columns:1fr}.sidebar{display:none}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft YaHei,sans-serif;background:#f0f2f5}.admin-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.admin-box{background:#fff;border-radius:12px;padding:40px;width:400px;box-shadow:0 2px 12px #00000014}.admin-box h1{font-size:22px;color:#333;margin-bottom:20px}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-header h1{margin-bottom:0}.btn-logout{background:none;border:1px solid #ddd;border-radius:6px;padding:6px 14px;cursor:pointer;font-size:13px;color:#666}.tip{color:#999;font-size:14px;margin-bottom:20px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;color:#666;margin-bottom:6px}.form-group input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none}.form-group input:focus{border-color:#591ff8}.btn-save{width:100%;padding:12px;background:#591ff8;color:#fff;border:none;border-radius:8px;font-size:15px;cursor:pointer;margin-top:8px}.btn-save:hover{opacity:.9}.btn-save:disabled{opacity:.5;cursor:not-allowed}.msg{margin-top:12px;font-size:14px;color:#52c41a}.error{color:#e74c3c}