.editor-container{display:flex;flex-direction:column;height:100vh;background:var(--bg-primary);position:relative;overflow:hidden}.editor-container.dark-mode{--bg-primary: #0f0f1a;--bg-secondary: #1a1a2e;--bg-tertiary: #16213e;--accent-primary: #e94560;--accent-secondary: #0f3460;--text-primary: #ffffff;--text-secondary: #a0a0b0;--border-color: #2d2d44}.editor-container.light-mode{--bg-primary: #f8f9fa;--bg-secondary: #ffffff;--bg-tertiary: #e9ecef;--accent-primary: #667eea;--accent-secondary: #764ba2;--text-primary: #2d3436;--text-secondary: #636e72;--border-color: #dfe6e9}.floating-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:var(--accent-primary);border-radius:50%;opacity:.4;animation:floatParticle 5s ease-in-out infinite}@keyframes floatParticle{0%,to{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:.4}90%{opacity:.4}to{transform:translateY(-10vh) scale(1);opacity:0}}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);position:relative;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-left{display:flex;align-items:center;gap:1.5rem;flex:1;justify-content:center}.logo{display:flex;align-items:center;gap:.25rem;font-size:1.5rem;font-weight:700}.logo-icon{background:linear-gradient(135deg,#667eea,#764ba2,#e94560);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:logoGlow 3s ease-in-out infinite}@keyframes logoGlow{0%,to{filter:drop-shadow(0 0 5px rgba(102,126,234,.5))}50%{filter:drop-shadow(0 0 15px rgba(233,69,96,.8))}}.logo-text{color:var(--text-primary);font-family:JetBrains Mono,monospace}.editor-title{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0;font-family:Microsoft YaHei,微软雅黑,sans-serif}.title-input{background:var(--bg-tertiary);border:2px solid transparent;border-radius:8px;padding:.5rem 1rem;font-size:1rem;color:var(--text-primary);min-width:300px;transition:var(--transition-all);font-family:Inter,sans-serif}.title-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 15px #e9456033}.save-status{font-size:.85rem;padding:.25rem .75rem;border-radius:12px;font-weight:500;transition:var(--transition-all)}.save-status.saved{background:#2ed57326;color:#2ed573;border:1px solid rgba(46,213,115,.3)}.save-status.unsaved{background:#e9456026;color:var(--accent-primary);border:1px solid rgba(233,69,96,.3)}.header-right{display:flex;gap:.75rem}.icon-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-all);font-size:1.1rem}.icon-btn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 15px #e9456066}.editor-main{flex:1;padding:2rem;position:relative;z-index:5;overflow:hidden}.editor-wrapper{height:100%;position:relative;border-radius:16px;overflow:hidden;background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:0 8px 32px #0000004d}.editor-textarea{width:100%;height:100%;padding:2rem;background:transparent;border:none;color:var(--text-primary);resize:none;outline:none;line-height:1.8;position:relative;z-index:2;transition:var(--transition-all);font-family:Microsoft YaHei,微软雅黑,sans-serif;font-size:22px}.editor-textarea::placeholder{color:var(--text-secondary);opacity:.6}.editor-glow{position:absolute;top:0;left:0;right:0;height:200px;background:linear-gradient(180deg,rgba(233,69,96,.05) 0%,transparent 100%);pointer-events:none;z-index:1;animation:glowPulse 4s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.5}50%{opacity:1}}.editor-footer{display:flex;justify-content:center;align-items:center;padding:1rem 2rem;background:var(--bg-secondary);border-top:1px solid var(--border-color);position:relative;z-index:10}.footer-left{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:500;transition:var(--transition-all);font-family:Inter,sans-serif}.action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0003}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.action-btn.primary:hover{box-shadow:0 4px 20px #667eea80}.action-btn.danger{border-color:#e945604d}.action-btn.danger:hover{background:#e9456026;border-color:var(--accent-primary);color:var(--accent-primary)}@media (max-width: 768px){.editor-header{flex-direction:column;gap:1rem;padding:1rem}.header-left{flex-direction:column;width:100%;align-items:center}.title-input{min-width:100%}.editor-main,.editor-footer{padding:1rem}.footer-left{gap:.5rem}.action-btn{padding:.5rem 1rem;font-size:.8rem}.action-btn span{display:none}}:root{--bg-primary: #0f0f1a;--bg-secondary: #1a1a2e;--bg-tertiary: #16213e;--accent-primary: #e94560;--accent-secondary: #0f3460;--accent-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--text-primary: #ffffff;--text-secondary: #a0a0b0;--border-color: #2d2d44;--shadow-glow: 0 0 20px rgba(233, 69, 96, .3);--transition-all: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow:hidden}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--accent-secondary);border-radius:4px;transition:var(--transition-all)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}