:root{--bg-primary: #F5F6FA;--bg-card: #FFFFFF;--bg-secondary: #EEF0F6;--text-primary: #1A1D26;--text-secondary: #6B7280;--text-hint: #9CA3AF;--accent: #5B6FE6;--accent-teal: #27D2BF;--accent-light: #E8EAFC;--accent-gradient: linear-gradient(135deg, #5B6FE6, #8B5CF6);--warm: #F87454;--success: #34D399;--danger: #EF4444;--border: #E5E7EB;--shadow-card: 0 2px 12px rgba(91, 111, 230, .08);--shadow-float: 0 8px 24px rgba(91, 111, 230, .15);--orb-1: rgba(91, 111, 230, .15);--orb-2: rgba(39, 210, 191, .1);--particle-1: rgba(255, 200, 100, .6);--particle-2: rgba(255, 150, 180, .5);--ray-color: rgba(255, 200, 100, .15);--header-gradient: linear-gradient(135deg, rgba(91, 111, 230, .2), rgba(39, 210, 191, .1));--card-top-line: linear-gradient(90deg, #5B6FE6, #27D2BF);--card-bg: rgba(255, 255, 255, .9);--card-border: rgba(0, 0, 0, .06);--text-on-card: #1A1D26;--text-muted: #6B7280;--pill-bg: rgba(91, 111, 230, .08);--pill-border: rgba(91, 111, 230, .15);--pill-text: #5B6FE6;--pill-active-bg: linear-gradient(135deg, #5B6FE6, #8B5CF6);--pill-active-text: #fff;--font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}html[data-theme=deepspace]{--bg-primary: #1a1b2e;--bg-card: rgba(255, 255, 255, .08);--bg-secondary: rgba(255, 255, 255, .06);--text-primary: #F0F2F5;--text-secondary: #B8BCC8;--text-hint: #8B90A0;--accent: #6366F1;--accent-teal: #2DD4BF;--accent-light: rgba(99, 102, 241, .2);--accent-gradient: linear-gradient(135deg, #6366F1, #2DD4BF);--border: rgba(255, 255, 255, .12);--shadow-card: 0 2px 12px rgba(99, 102, 241, .15);--shadow-float: 0 8px 24px rgba(99, 102, 241, .3);--orb-1: rgba(99, 102, 241, .2);--orb-2: rgba(45, 212, 191, .15);--particle-1: rgba(99, 102, 241, .6);--particle-2: rgba(45, 212, 191, .5);--ray-color: rgba(99, 102, 241, .1);--header-gradient: linear-gradient(135deg, rgba(99, 102, 241, .3), rgba(45, 212, 191, .15));--card-top-line: linear-gradient(90deg, #6366F1, #2DD4BF);--card-bg: rgba(255, 255, 255, .06);--card-border: rgba(255, 255, 255, .08);--text-on-card: #F0F2F5;--text-muted: rgba(255, 255, 255, .5);--pill-bg: rgba(255, 255, 255, .05);--pill-border: rgba(255, 255, 255, .12);--pill-text: rgba(255, 255, 255, .6);--pill-active-bg: linear-gradient(135deg, rgba(99, 102, 241, .5), rgba(45, 212, 191, .3));--pill-active-text: #fff}html[data-theme=midnight]{--bg-primary: #0F172A;--bg-card: rgba(30, 41, 59, .9);--bg-secondary: rgba(51, 65, 85, .6);--text-primary: #F1F5F9;--text-secondary: #CBD5E1;--text-hint: #94A3B8;--accent: #3B82F6;--accent-teal: #06B6D4;--accent-light: rgba(59, 130, 246, .2);--accent-gradient: linear-gradient(135deg, #3B82F6, #06B6D4);--border: rgba(148, 163, 184, .15);--shadow-card: 0 2px 12px rgba(59, 130, 246, .15);--shadow-float: 0 8px 24px rgba(59, 130, 246, .25);--orb-1: rgba(59, 130, 246, .2);--orb-2: rgba(6, 182, 212, .15);--particle-1: rgba(59, 130, 246, .6);--particle-2: rgba(6, 182, 212, .5);--ray-color: rgba(59, 130, 246, .1);--header-gradient: linear-gradient(135deg, rgba(59, 130, 246, .3), rgba(6, 182, 212, .15));--card-top-line: linear-gradient(90deg, #3B82F6, #06B6D4);--card-bg: rgba(30, 41, 59, .8);--card-border: rgba(148, 163, 184, .1);--text-on-card: #F1F5F9;--text-muted: rgba(241, 245, 249, .5);--pill-bg: rgba(255, 255, 255, .05);--pill-border: rgba(148, 163, 184, .15);--pill-text: rgba(241, 245, 249, .6);--pill-active-bg: linear-gradient(135deg, rgba(59, 130, 246, .5), rgba(6, 182, 212, .3));--pill-active-text: #fff}html[data-theme=warmgray]{--bg-primary: #FAFAF9;--bg-card: #FFFFFF;--bg-secondary: #F5F5F4;--text-primary: #292524;--text-secondary: #78716C;--text-hint: #A8A29E;--accent: #D97706;--accent-teal: #059669;--accent-light: #FEF3C7;--accent-gradient: linear-gradient(135deg, #D97706, #EA580C);--border: #E7E5E4;--shadow-card: 0 2px 12px rgba(120, 113, 108, .08);--shadow-float: 0 8px 24px rgba(120, 113, 108, .15);--orb-1: rgba(217, 119, 6, .1);--orb-2: rgba(5, 150, 105, .08);--particle-1: rgba(217, 119, 6, .4);--particle-2: rgba(5, 150, 105, .3);--ray-color: rgba(217, 119, 6, .08);--header-gradient: linear-gradient(135deg, rgba(217, 119, 6, .15), rgba(5, 150, 105, .08));--card-top-line: linear-gradient(90deg, #D97706, #059669);--card-bg: #FFFFFF;--card-border: #E7E5E4;--text-on-card: #292524;--text-muted: #78716C;--pill-bg: rgba(217, 119, 6, .06);--pill-border: rgba(217, 119, 6, .15);--pill-text: #D97706;--pill-active-bg: linear-gradient(135deg, #D97706, #EA580C);--pill-active-text: #fff}html[data-theme=sakura]{--bg-primary: #FFF5F7;--bg-card: rgba(255, 255, 255, .85);--bg-secondary: rgba(255, 228, 235, .5);--text-primary: #5C2D3D;--text-secondary: #8B4D5C;--text-hint: #B87A8A;--accent: #FF6B8A;--accent-teal: #FFB0C0;--accent-light: rgba(255, 107, 138, .12);--accent-gradient: linear-gradient(135deg, #FF6B8A, #FFB0C0);--border: rgba(255, 107, 138, .15);--shadow-card: 0 2px 12px rgba(255, 107, 138, .1);--shadow-float: 0 8px 24px rgba(255, 107, 138, .2);--orb-1: rgba(255, 182, 193, .35);--orb-2: rgba(255, 105, 180, .2);--particle-1: rgba(255, 182, 193, .7);--particle-2: rgba(255, 105, 180, .5);--ray-color: rgba(255, 182, 193, .15);--header-gradient: linear-gradient(135deg, rgba(255, 107, 138, .25), rgba(255, 176, 192, .15));--card-top-line: linear-gradient(90deg, #FF6B8A, #FFB0C0);--card-bg: rgba(255, 255, 255, .85);--card-border: rgba(255, 107, 138, .12);--text-on-card: #5C2D3D;--text-muted: #8B4D5C;--pill-bg: rgba(255, 107, 138, .08);--pill-border: rgba(255, 107, 138, .15);--pill-text: #FF6B8A;--pill-active-bg: linear-gradient(135deg, #FF6B8A, #FFB0C0);--pill-active-text: #fff;--tabbar-bg: rgba(255, 245, 247, .85)}html[data-theme=ice]{--bg-primary: #F0F8FF;--bg-card: rgba(255, 255, 255, .9);--bg-secondary: rgba(224, 242, 255, .5);--text-primary: #1A3A52;--text-secondary: #4A6B82;--text-hint: #7A9BB2;--accent: #4A9BD9;--accent-teal: #87CEEB;--accent-light: rgba(74, 155, 217, .12);--accent-gradient: linear-gradient(135deg, #4A9BD9, #87CEEB);--border: rgba(74, 155, 217, .15);--shadow-card: 0 2px 12px rgba(74, 155, 217, .1);--shadow-float: 0 8px 24px rgba(74, 155, 217, .2);--orb-1: rgba(135, 206, 235, .3);--orb-2: rgba(74, 155, 217, .2);--particle-1: rgba(200, 230, 255, .8);--particle-2: rgba(135, 206, 235, .6);--ray-color: rgba(135, 206, 235, .12);--header-gradient: linear-gradient(135deg, rgba(74, 155, 217, .2), rgba(135, 206, 235, .1));--card-top-line: linear-gradient(90deg, #4A9BD9, #87CEEB);--card-bg: rgba(255, 255, 255, .9);--card-border: rgba(74, 155, 217, .1);--text-on-card: #1A3A52;--text-muted: #4A6B82;--pill-bg: rgba(74, 155, 217, .08);--pill-border: rgba(74, 155, 217, .15);--pill-text: #4A9BD9;--pill-active-bg: linear-gradient(135deg, #4A9BD9, #87CEEB);--pill-active-text: #fff;--tabbar-bg: rgba(240, 248, 255, .85)}html[data-theme=forest]{--bg-primary: #F0FFF4;--bg-card: rgba(255, 255, 255, .88);--bg-secondary: rgba(220, 252, 231, .5);--text-primary: #1B3D1F;--text-secondary: #3D6B42;--text-hint: #6B9B70;--accent: #2E7D32;--accent-teal: #81C784;--accent-light: rgba(46, 125, 50, .12);--accent-gradient: linear-gradient(135deg, #2E7D32, #81C784);--border: rgba(46, 125, 50, .15);--shadow-card: 0 2px 12px rgba(46, 125, 50, .1);--shadow-float: 0 8px 24px rgba(46, 125, 50, .2);--orb-1: rgba(129, 199, 132, .3);--orb-2: rgba(46, 125, 50, .2);--particle-1: rgba(129, 199, 132, .6);--particle-2: rgba(200, 230, 201, .5);--ray-color: rgba(129, 199, 132, .1);--header-gradient: linear-gradient(135deg, rgba(46, 125, 50, .2), rgba(129, 199, 132, .1));--card-top-line: linear-gradient(90deg, #2E7D32, #81C784);--card-bg: rgba(255, 255, 255, .88);--card-border: rgba(46, 125, 50, .1);--text-on-card: #1B3D1F;--text-muted: #3D6B42;--pill-bg: rgba(46, 125, 50, .08);--pill-border: rgba(46, 125, 50, .15);--pill-text: #2E7D32;--pill-active-bg: linear-gradient(135deg, #2E7D32, #81C784);--pill-active-text: #fff;--tabbar-bg: rgba(240, 255, 244, .85)}html[data-theme=twilight]{--bg-primary: #1A1030;--bg-card: rgba(255, 255, 255, .06);--bg-secondary: rgba(45, 27, 78, .5);--text-primary: #F0E6FF;--text-secondary: #B8A0D0;--text-hint: #8B7AA8;--accent: #FF8A65;--accent-teal: #FFB74D;--accent-light: rgba(255, 138, 101, .18);--accent-gradient: linear-gradient(135deg, #FF8A65, #FFB74D);--border: rgba(255, 255, 255, .1);--shadow-card: 0 2px 12px rgba(255, 138, 101, .12);--shadow-float: 0 8px 24px rgba(255, 138, 101, .25);--orb-1: rgba(255, 138, 101, .2);--orb-2: rgba(255, 183, 77, .15);--particle-1: rgba(255, 183, 77, .6);--particle-2: rgba(255, 138, 101, .5);--ray-color: rgba(255, 183, 77, .08);--header-gradient: linear-gradient(135deg, rgba(255, 138, 101, .25), rgba(255, 183, 77, .12));--card-top-line: linear-gradient(90deg, #FF8A65, #FFB74D);--card-bg: rgba(255, 255, 255, .06);--card-border: rgba(255, 255, 255, .08);--text-on-card: #F0E6FF;--text-muted: rgba(240, 230, 255, .5);--pill-bg: rgba(255, 255, 255, .05);--pill-border: rgba(255, 255, 255, .1);--pill-text: rgba(240, 230, 255, .6);--pill-active-bg: linear-gradient(135deg, rgba(255, 138, 101, .5), rgba(255, 183, 77, .3));--pill-active-text: #fff;--tabbar-bg: rgba(26, 16, 48, .85)}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}html,body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);min-height:100vh}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-gradient, none);pointer-events:none;z-index:-2}body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:var(--theme-pattern, none);background-repeat:repeat;pointer-events:none;z-index:-1;opacity:.5}#app{position:relative;z-index:1}@keyframes sakuraFall{0%{transform:translateY(-20px) translate(0) rotate(0) scale(1);opacity:0}10%{opacity:.8}90%{opacity:.6}to{transform:translateY(100vh) translate(50px) rotate(360deg) scale(.8);opacity:0}}@keyframes iceSparkle{0%,to{opacity:.3;transform:scale(1) rotate(0)}50%{opacity:.8;transform:scale(1.2) rotate(180deg)}}@keyframes leafFall{0%{transform:translateY(-20px) translate(0) rotate(0);opacity:0}10%{opacity:.7}90%{opacity:.5}to{transform:translateY(100vh) translate(-30px) rotate(-270deg);opacity:0}}@keyframes shootingStar{0%{transform:translate(0) translateY(0) rotate(-45deg);opacity:0}5%{opacity:1}15%{opacity:1}20%{transform:translate(200px) translateY(200px) rotate(-45deg);opacity:0}to{opacity:0}}.theme-deco{position:fixed;pointer-events:none;z-index:0}.deco-petal{width:12px;height:12px;background:radial-gradient(circle at 30% 30%,#ffb0c0,#ff6b8a);border-radius:50% 0 50% 50%;animation:sakuraFall linear infinite}.deco-crystal{width:8px;height:8px;background:linear-gradient(135deg,#ffffffe6,#87ceeb99);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);animation:iceSparkle ease-in-out infinite}.deco-leaf{width:14px;height:14px;background:linear-gradient(135deg,#81c784,#2e7d32);border-radius:0 100%;animation:leafFall linear infinite}.deco-star{width:2px;height:40px;background:linear-gradient(180deg,rgba(255,183,77,.8),transparent);animation:shootingStar linear infinite}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.card{background:var(--bg-card);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--border);border-radius:12px;padding:16px;box-shadow:var(--shadow-card)}.card-pressable{background:var(--bg-card);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--border);border-radius:12px;padding:16px;box-shadow:var(--shadow-card);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.card-pressable:active{transform:scale(.98)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes floatParticle{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-20px) scale(1.2);opacity:1}}@keyframes glowPulse{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.25;transform:scale(1.05)}}.note-card{background:var(--bg-card);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--border);border-radius:12px;padding:16px;box-shadow:var(--shadow-card);margin-bottom:12px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;animation:fadeInUp .3s ease backwards;position:relative;overflow:hidden}.note-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-gradient);opacity:.5}.note-card:active{transform:scale(.98)}.note-card.pinned{border-left:3px solid var(--accent);background:var(--accent-light)}.note-card.pinned:before{opacity:.8}.note-card .note-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px;display:flex;align-items:center;gap:8px}.note-card .note-summary{font-size:14px;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px}.note-card .note-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-hint)}.note-card .note-tags{display:flex;gap:6px;flex-wrap:wrap}.note-card .tag-pill{background:var(--accent-light);color:var(--accent);padding:2px 8px;border-radius:12px;font-size:11px}.van-tabbar{background:var(--tabbar-bg)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border)}.van-tabbar-item--active{color:var(--accent)!important}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text-hint)}#app{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary)}