:root{--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Fira Code", "JetBrains Mono", "Monaco", monospace;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .15)}:root[data-theme=tech]{--bg-primary: #0a0e17;--bg-secondary: #111625;--bg-tertiary: #1a2138;--accent-primary: #00f2ff;--accent-secondary: #7000ff;--accent-glow: rgba(0, 242, 255, .3);--text-primary: #e0e6ed;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: rgba(255, 255, 255, .1);--glass-bg: rgba(17, 22, 37, .7);--glass-border: rgba(255, 255, 255, .08);--glow-text: 0 0 10px rgba(0, 242, 255, .5);--bg-gradient: linear-gradient(rgba(0, 242, 255, .03) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 242, 255, .03) 1px, transparent 1px), radial-gradient(circle at top right, #1a2138 0%, #0a0e17 60%);--bg-size: 40px 40px, 40px 40px, 100% 100%}:root[data-theme=light]{--bg-primary: #f8f9fa;--bg-secondary: #ffffff;--bg-tertiary: #e9ecef;--accent-primary: #2563eb;--accent-secondary: #4f46e5;--accent-glow: rgba(37, 99, 235, .1);--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #94a3b8;--border-color: #e2e8f0;--glass-bg: rgba(255, 255, 255, .8);--glass-border: #e2e8f0;--glow-text: none;--bg-gradient: linear-gradient(to bottom right, #fdfbfb, #ebedee)}:root[data-theme=dark]{--bg-primary: #18181b;--bg-secondary: #27272a;--bg-tertiary: #3f3f46;--accent-primary: #a1a1aa;--accent-secondary: #71717a;--accent-glow: rgba(255, 255, 255, .05);--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--text-muted: #71717a;--border-color: #3f3f46;--glass-bg: rgba(39, 39, 42, .8);--glass-border: #3f3f46;--glow-text: none;--bg-gradient: linear-gradient(to bottom right, #232526, #414345)}:root[data-theme=apple-notes]{--bg-primary: #fbf8f1;--bg-secondary: #f2ebd9;--bg-tertiary: #e6dfcc;--accent-primary: #eeb211;--accent-secondary: #d9a310;--accent-glow: rgba(238, 178, 17, .2);--text-primary: #454545;--text-secondary: #8a8a8a;--text-muted: #b0b0b0;--border-color: #e6dfcc;--glass-bg: rgba(251, 248, 241, .9);--glass-border: #e6dfcc;--glow-text: none;--bg-gradient: radial-gradient(#e6dfcc 1.5px, transparent 1.5px), #fbf8f1;--bg-size: 20px 20px, 100% 100%}:root[data-theme=apple-notes] .preview-content h1,:root[data-theme=apple-notes] .preview-content h2,:root[data-theme=apple-notes] .preview-content h3{color:#2d2d2d;border-bottom-color:#0000001a}:root[data-theme=apple-notes] .preview-content a{color:#d9a310;border-bottom-style:solid}.preview-content{color:var(--text-primary);line-height:1.8;font-size:15px}.preview-content h1,.preview-content h2,.preview-content h3{color:var(--accent-primary);margin-top:2em;margin-bottom:1em;font-weight:700;letter-spacing:-.5px;line-height:1.3}.preview-content h1{font-size:2.2em;border-bottom:1px solid var(--border-color);padding-bottom:.4em}.preview-content p{margin-bottom:1.5em}.preview-content ul,.preview-content ol{margin-bottom:1.5em;padding-left:1.5em}.preview-content li{margin-bottom:.5em}.preview-content code{background:#7d7d7d1a;color:var(--accent-primary);padding:3px 6px;border-radius:6px;font-family:var(--font-mono);font-size:.9em}.preview-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1)}.preview-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--accent-primary)}:root[data-theme=apple-official]{--bg-primary: #f5f5f7;--bg-secondary: #ffffff;--bg-tertiary: #e8e8ed;--accent-primary: #0066cc;--accent-secondary: #0071e3;--accent-glow: rgba(0, 102, 204, .1);--text-primary: #1d1d1f;--text-secondary: #86868b;--text-muted: #a1a1a6;--border-color: #d2d2d7;--glass-bg: rgba(255, 255, 255, .8);--glass-border: #d2d2d7;--glow-text: none;--bg-gradient: linear-gradient(180deg, #ffffff 0%, #f5f5f7 100%)}:root[data-theme=instagram]{--bg-primary: #ffffff;--bg-secondary: #fafafa;--bg-tertiary: #efefef;--accent-primary: #e1306c;--accent-secondary: #833ab4;--accent-glow: rgba(225, 48, 108, .1);--text-primary: #262626;--text-secondary: #8e8e8e;--text-muted: #c7c7c7;--border-color: #dbdbdb;--glass-bg: rgba(255, 255, 255, .9);--glass-border: #dbdbdb;--glow-text: none;--bg-gradient: radial-gradient(circle at 30% 30%, rgba(225, 48, 108, .08), transparent 40%), radial-gradient(circle at 70% 70%, rgba(131, 58, 180, .08), transparent 40%), #ffffff;--bg-size: 100% 100%}:root[data-theme=xiaohongshu]{--bg-primary: #FFF5F5;--bg-secondary: #FFFFFF;--bg-tertiary: #FFE4E8;--accent-primary: #FF2442;--accent-secondary: #FF6B6B;--accent-glow: rgba(255, 36, 66, .15);--text-primary: #333333;--text-secondary: #666666;--text-muted: #999999;--border-color: #FFE4E8;--glass-bg: rgba(255, 255, 255, .95);--glass-border: #FFE4E8;--glow-text: none;--bg-gradient: radial-gradient(circle at 20% 80%, rgba(255, 107, 107, .1), transparent 50%), radial-gradient(circle at 80% 20%, rgba(255, 36, 66, .08), transparent 50%), #FFF5F5;--bg-size: 100% 100%}:root[data-theme=wechat]{--bg-primary: #FFFFFF;--bg-secondary: #F7F8FA;--bg-tertiary: #EDEFF2;--accent-primary: #07C160;--accent-secondary: #10AD56;--accent-glow: rgba(7, 193, 96, .1);--text-primary: #191919;--text-secondary: #353535;--text-muted: #888888;--border-color: #E7E7E7;--glass-bg: rgba(255, 255, 255, .98);--glass-border: #E7E7E7;--glow-text: none;--bg-gradient: linear-gradient(180deg, #FFFFFF 0%, #F7F8FA 100%);--bg-size: 100% 100%}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);overflow:hidden}#app{height:100vh;display:flex;flex-direction:column;background:var(--bg-gradient);background-size:var(--bg-size, cover);background-attachment:fixed;transition:background .3s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-header{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);border-bottom:1px solid var(--border-color);background:#0a0e17cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.brand{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:700;font-size:1.2rem;letter-spacing:.5px;color:var(--accent-primary);text-shadow:0 0 15px rgba(0,242,255,.3)}.status-bar{display:flex;gap:var(--spacing-md);font-size:.85rem;color:var(--text-secondary)}.status-item{display:flex;align-items:center;gap:6px}.status-dot{width:6px;height:6px;border-radius:50%;background-color:var(--accent-primary);box-shadow:0 0 8px var(--accent-primary)}.main-content{flex:1;display:flex;padding:var(--spacing-md);gap:var(--spacing-md);overflow:hidden}.glass-panel{flex:1;display:flex;flex-direction:column;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-lg);overflow:hidden;transition:border-color .3s ease}.glass-panel:focus-within{border-color:#00f2ff4d}.panel-header{padding:var(--spacing-sm) var(--spacing-md);background:#0003;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.panel-title{font-size:.8rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);font-weight:600}.preview-panel{flex:0 0 500px!important;width:500px;min-width:500px}.editor-container{flex:1;position:relative}.editor{width:100%;height:100%;padding:var(--spacing-md);background:transparent;border:none;outline:none;color:var(--text-primary);font-family:var(--font-mono);font-size:14px;line-height:1.6;resize:none}.preview-container{flex:1;padding:var(--spacing-md);overflow-y:auto;background:transparent}.preview-content{color:var(--text-primary);line-height:1.7}.preview-content h1,.preview-content h2,.preview-content h3{color:var(--accent-primary);margin-top:1.5em;margin-bottom:.8em;font-weight:700;letter-spacing:-.5px}.preview-content h1{font-size:2em;border-bottom:1px solid var(--border-color);padding-bottom:.3em}.preview-content p{margin-bottom:1.2em}.preview-content code{background:#00f2ff1a;color:var(--accent-primary);padding:2px 6px;border-radius:4px;font-family:var(--font-mono);font-size:.9em}.preview-content pre{background:var(--bg-secondary);padding:var(--spacing-md);border-radius:8px;border:1px solid var(--border-color);overflow-x:auto;margin:1.5em 0}.preview-content pre code{background:none;color:var(--text-primary);padding:0}.preview-content blockquote{border-left:4px solid var(--accent-secondary);background:#7000ff0d;padding:var(--spacing-sm) var(--spacing-md);margin:1.5em 0;color:var(--text-secondary)}.preview-content a{color:var(--accent-primary);text-decoration:none;border-bottom:1px dashed var(--accent-primary);transition:all .2s}.preview-content a:hover{background:#00f2ff1a}.preview-content img{max-width:100%;border-radius:8px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.tech-btn{position:absolute;bottom:var(--spacing-lg);right:var(--spacing-lg);padding:10px 20px;background:#00f2ff1a;border:1px solid var(--accent-primary);color:var(--accent-primary);border-radius:4px;font-family:var(--font-mono);font-size:.85rem;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20}.tech-btn:hover{background:var(--accent-primary);color:var(--bg-primary);box-shadow:0 0 20px var(--accent-glow)}.tech-btn:active{transform:scale(.98)}.header-controls{display:flex;align-items:center;gap:var(--spacing-lg)}.theme-switcher{display:flex;background:#ffffff0d;padding:4px;border-radius:8px;border:1px solid var(--border-color)}.theme-btn{background:transparent;border:none;color:var(--text-secondary);padding:6px 10px;border-radius:6px;cursor:pointer;font-size:1.2rem;transition:all .2s ease;line-height:1}.theme-btn:hover{color:var(--text-primary);background:#ffffff0d}.theme-btn.active{background:var(--accent-primary);color:var(--bg-primary);box-shadow:0 0 10px var(--accent-glow)}:root[data-theme=instagram] .theme-btn.active{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}:root[data-theme=instagram] .tech-btn{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff;border:none}:root[data-theme=instagram] .brand{background:-webkit-linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.preview-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:var(--spacing-md);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm);transition:all .3s ease;aspect-ratio:3/4;min-height:400px;display:flex;flex-direction:column}.preview-card:hover{box-shadow:var(--shadow-lg);border-color:var(--accent-primary)}.markdown-toolbar[data-v-ad8f44a3]{display:flex;flex-wrap:wrap;gap:6px;padding:12px;background:var(--glass-bg);border-bottom:1px solid var(--glass-border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.toolbar-btn[data-v-ad8f44a3]{min-width:36px;height:36px;padding:0 10px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:6px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;white-space:nowrap}.toolbar-btn[data-v-ad8f44a3]:hover{background:var(--accent-color);border-color:var(--accent-color);color:var(--bg-primary);transform:translateY(-2px);box-shadow:0 4px 12px #00ffff4d}.toolbar-btn[data-v-ad8f44a3]:active{transform:translateY(0)}@media(max-width:768px){.toolbar-btn[data-v-ad8f44a3]{min-width:32px;height:32px;font-size:12px}.markdown-toolbar[data-v-ad8f44a3]{padding:8px;gap:4px}}