:root{--primary: #E8476C;--primary-light: #FF6B8A;--primary-dark: #C73A5A;--accent: #FFB3C6;--bg: #FFF5F7;--bg-secondary: #FFF0F3;--card-bg: #FFFFFF;--text-primary: #2D1B2E;--text-secondary: #8C6B8E;--text-hint: #BFA3C0;--border: #F5E6EA;--divider: #FAEEF0;--success: #4CAF50;--warning: #FF9800;--danger: #F44336;--shadow: 0 2px 16px rgba(232, 71, 108, .08);--shadow-hover: 0 4px 24px rgba(232, 71, 108, .15);--radius: 16px;--radius-sm: 10px;--radius-lg: 24px;--nav-height: 64px;--sidebar-width: 240px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Segoe UI,sans-serif;font-size:14px;color:var(--text-primary);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-hint)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;border:none;border-radius:24px;font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition);letter-spacing:.5px;outline:none}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;box-shadow:0 4px 16px #e8476c4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #e8476c66}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:transparent;color:var(--primary);border:1.5px solid var(--primary)}.btn-secondary:hover{background:var(--primary);color:#fff}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-secondary);color:var(--primary)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{opacity:.9}.btn-sm{padding:6px 16px;font-size:12px;border-radius:16px}.btn-lg{padding:14px 36px;font-size:16px;border-radius:28px}.input{width:100%;height:44px;padding:0 16px;background:var(--bg-secondary);border:1.5px solid transparent;border-radius:var(--radius-sm);font-size:14px;color:var(--text-primary);outline:none;transition:var(--transition)}.input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #e8476c1a}.input::placeholder{color:var(--text-hint)}.textarea{width:100%;min-height:120px;padding:12px 16px;background:var(--bg-secondary);border:1.5px solid transparent;border-radius:var(--radius-sm);font-size:14px;color:var(--text-primary);outline:none;resize:vertical;transition:var(--transition);font-family:inherit;line-height:1.6}.textarea:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #e8476c1a}.card{background:var(--card-bg);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-hover)}.tag{display:inline-flex;align-items:center;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;background:var(--bg-secondary);color:var(--primary);transition:var(--transition)}.tag.active{background:var(--primary);color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.animate-fade-in{animation:fadeIn .4s ease-out}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;color:var(--text-hint)}.empty-state svg{width:120px;height:120px;margin-bottom:16px;opacity:.5}.loading-wrap{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text-hint)}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal{background:var(--card-bg);border-radius:var(--radius-lg);padding:32px;max-width:420px;width:90%;box-shadow:0 20px 60px #00000026;animation:fadeIn .3s ease-out}.modal-title{font-size:18px;font-weight:600;margin-bottom:12px}.modal-content{color:var(--text-secondary);margin-bottom:24px;line-height:1.6}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.toast{position:fixed;top:24px;left:50%;transform:translate(-50%);padding:12px 24px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;z-index:2000;animation:fadeIn .3s ease-out;box-shadow:0 4px 20px #00000026}.toast.success{background:var(--success);color:#fff}.toast.error{background:var(--danger);color:#fff}.toast.info{background:var(--primary);color:#fff}.pattern-sakura{background-image:radial-gradient(circle at 20% 30%,rgba(244,143,177,.15) 2px,transparent 2px),radial-gradient(circle at 60% 15%,rgba(244,143,177,.12) 3px,transparent 3px),radial-gradient(circle at 80% 60%,rgba(248,187,208,.1) 2px,transparent 2px),radial-gradient(circle at 35% 75%,rgba(244,143,177,.08) 4px,transparent 4px),radial-gradient(circle at 90% 85%,rgba(252,228,236,.15) 3px,transparent 3px),radial-gradient(circle at 10% 90%,rgba(244,143,177,.1) 2px,transparent 2px),radial-gradient(circle at 50% 50%,rgba(248,187,208,.06) 5px,transparent 5px)}.pattern-ocean{background-image:repeating-linear-gradient(0deg,transparent,transparent 40px,rgba(77,182,172,.06) 40px,rgba(77,182,172,.06) 42px),repeating-linear-gradient(90deg,transparent,transparent 60px,rgba(0,137,123,.04) 60px,rgba(0,137,123,.04) 62px)}.pattern-forest{background-image:radial-gradient(ellipse at 30% 20%,rgba(102,187,106,.08) 20px,transparent 20px),radial-gradient(ellipse at 70% 60%,rgba(67,160,71,.06) 30px,transparent 30px),radial-gradient(ellipse at 15% 80%,rgba(200,230,201,.1) 15px,transparent 15px),radial-gradient(ellipse at 85% 30%,rgba(102,187,106,.05) 25px,transparent 25px)}.pattern-starrynight{background-image:radial-gradient(circle at 15% 25%,rgba(255,255,255,.3) 1px,transparent 1px),radial-gradient(circle at 45% 10%,rgba(255,255,255,.2) 2px,transparent 2px),radial-gradient(circle at 75% 35%,rgba(255,255,255,.25) 1px,transparent 1px),radial-gradient(circle at 25% 55%,rgba(255,255,255,.15) 2px,transparent 2px),radial-gradient(circle at 60% 70%,rgba(255,255,255,.2) 1px,transparent 1px),radial-gradient(circle at 90% 50%,rgba(255,255,255,.18) 1px,transparent 1px),radial-gradient(circle at 5% 85%,rgba(255,255,255,.12) 2px,transparent 2px),radial-gradient(circle at 40% 90%,rgba(255,255,255,.15) 1px,transparent 1px),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 1px,transparent 1px),radial-gradient(circle at 55% 40%,rgba(159,168,218,.08) 4px,transparent 4px)}.pattern-retro{background-image:repeating-linear-gradient(0deg,transparent,transparent 28px,rgba(141,110,99,.08) 28px,rgba(141,110,99,.08) 30px);background-position:0 10px}.edit-photo-grid{display:flex;flex-wrap:wrap;gap:8px}.edit-photo-item{width:72px;height:72px;border-radius:8px;overflow:hidden;position:relative;flex-shrink:0}.edit-photo-item img{width:100%;height:100%;object-fit:cover;display:block}.edit-photo-del{position:absolute;top:0;right:0;width:20px;height:20px;background:#0009;color:#fff;border:none;border-radius:0 8px 0 6px;font-size:14px;line-height:20px;text-align:center;cursor:pointer;padding:0}.edit-photo-del:hover{background:var(--danger)}.edit-photo-add{width:72px;height:72px;border-radius:8px;border:2px dashed var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;background:var(--bg-secondary);transition:var(--transition);flex-shrink:0}.edit-photo-add:hover{border-color:var(--primary);background:#e8476c0d}.edit-add-icon{font-size:24px;color:var(--text-hint);line-height:1}.edit-add-text{font-size:10px;color:var(--text-hint)}