*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary:#6c63ff;--primary-glow:rgba(108,99,255,.4);--accent:#00d4ff;--accent-glow:rgba(0,212,255,.3);--bg-deep:#050510;--bg-card:rgba(10,14,40,.75);--bg-card-hover:rgba(15,20,55,.85);--text-primary:#e8e8ff;--text-secondary:#a8a8d0;--text-muted:#6a6a8a;--border:rgba(108,99,255,.15);--font-serif:"Noto Serif SC","Songti SC",serif;--font-sans:"Noto Sans SC","PingFang SC",sans-serif;--nav-h:64px}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-deep);overflow-x:hidden;min-height:100vh;line-height:1.7}a{color:var(--accent);text-decoration:none;transition:color .3s}a:hover{color:var(--primary)}#loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--bg-deep);display:flex;align-items:center;justify-content:center;transition:opacity .8s,visibility .8s}#loading-screen.hidden{opacity:0;visibility:hidden}.loading-ring{width:60px;height:60px;border:3px solid rgba(108,99,255,.1);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-family:var(--font-serif);font-size:1.1rem;color:var(--text-secondary);animation:pulse-text 1.5s ease-in-out infinite}@keyframes pulse-text{0%,to{opacity:.5}50%{opacity:1}}#earth-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;cursor:grab}#earth-container:active{cursor:grabbing}#starry-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(1px 1px at 10% 20%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 30% 60%,rgba(255,255,255,.3),transparent),radial-gradient(1.5px 1.5px at 50% 10%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 70% 40%,rgba(255,255,255,.3),transparent),radial-gradient(1.5px 1.5px at 85% 70%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 15% 85%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 90% 15%,rgba(255,255,255,.4),transparent),radial-gradient(1.5px 1.5px at 45% 80%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 5% 45%,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 75% 90%,rgba(255,255,255,.3),transparent),radial-gradient(1.5px 1.5px at 25% 35%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 60% 55%,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 95% 25%,rgba(255,255,255,.3),transparent),radial-gradient(1.5px 1.5px at 40% 5%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 55% 95%,rgba(255,255,255,.3),transparent)}#navbar{position:fixed;top:0;left:0;right:0;z-index:20;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#05051099;border-bottom:1px solid var(--border);transition:transform .3s,background .3s}.nav-inner{max-width:1200px;margin:0 auto;padding:0 24px;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between}.nav-logo{font-family:var(--font-serif);font-size:1.5rem;font-weight:900;color:var(--text-primary);letter-spacing:4px;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:8px}.nav-link{padding:8px 16px;color:var(--text-secondary);font-size:.9rem;border-radius:8px;transition:all .3s;position:relative}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:#6c63ff1a}.nav-link.active:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:20px;height:2px;background:var(--primary);border-radius:2px}.nav-toggle{display:none;background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;padding:8px}.nav-group{position:relative;display:inline-flex;align-items:center}.nav-group-label{padding:8px 14px;color:var(--text-secondary);font-size:.9rem;border-radius:8px;cursor:pointer;transition:all .3s;white-space:nowrap}.nav-group-label:hover{color:var(--text-primary);background:#6c63ff1a}.nav-caret{font-size:.7em;opacity:.7}.nav-group-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:170px;background:#080814f5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:12px;padding:6px;display:none;flex-direction:column;gap:2px;box-shadow:0 12px 40px #00000080;z-index:200}.nav-group:hover .nav-group-menu{display:flex}.nav-group-link{display:flex;align-items:center;gap:8px;padding:9px 14px;color:var(--text-secondary);font-size:.88rem;border-radius:8px;text-decoration:none;transition:all .2s;white-space:nowrap}.nav-group-link:hover{color:var(--text-primary);background:#6c63ff24}.marker-main{display:inline-flex;align-items:center;gap:6px;flex:1;min-width:0}.marker-emoji{font-size:1em;line-height:1}.marker-fx{flex:0 0 auto;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;margin-left:4px}.marker-fx-peak{width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#9fd0ff,#4af);box-shadow:0 0 9px #44aaffd9;animation:fx-breathe 2.4s ease-in-out infinite}.marker-fx-vortex{width:16px;height:16px;border-radius:50%;background:conic-gradient(from 0deg,#b98bff,#3a6bff,#00c8b4,#3a6bff,#b98bff);-webkit-mask:radial-gradient(circle,transparent 30%,#000 35%,#000 64%,transparent 70%);mask:radial-gradient(circle,transparent 30%,#000 35%,#000 64%,transparent 70%);animation:fx-spin 1.8s linear infinite;filter:drop-shadow(0 0 4px rgba(90,120,255,.75))}.marker-fx-none{width:8px;height:8px;border-radius:50%;background:var(--text-muted);opacity:.55}.marker-fx-crater{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle,transparent 16%,rgba(150,200,255,.95) 21%,transparent 27%,rgba(150,200,255,.6) 41%,transparent 48%,rgba(150,200,255,.38) 64%,transparent 72%);animation:fx-crater 3s linear infinite;filter:drop-shadow(0 0 4px rgba(120,180,240,.7))}@keyframes fx-crater{0%{transform:rotate(0) scale(.9);opacity:.78}50%{transform:rotate(180deg) scale(1.08);opacity:1}to{transform:rotate(360deg) scale(.9);opacity:.78}}@keyframes fx-breathe{0%,to{transform:scale(.8);opacity:.7}50%{transform:scale(1.14);opacity:1}}@keyframes fx-spin{to{transform:rotate(360deg)}}#main-content{position:relative;z-index:10;pointer-events:none}#page-content{max-width:800px;margin:0 auto;padding:calc(var(--nav-h) + 20px) 24px 60px;pointer-events:auto}.articles-page{padding:20px 0}.page-header{text-align:center;margin-bottom:40px}.page-header h1{font-family:var(--font-serif);font-size:2rem;font-weight:700;margin-bottom:8px}.page-header p{color:var(--text-secondary);font-size:.95rem}.article-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px;padding:24px;margin-bottom:20px;transition:all .3s;cursor:pointer}.article-card:hover{background:var(--bg-card-hover);border-color:#6c63ff4d;transform:translateY(-2px);box-shadow:0 8px 30px #0000004d}.article-card h2{font-family:var(--font-serif);font-size:1.3rem;margin-bottom:10px;color:var(--text-primary)}.article-card .meta{display:flex;gap:16px;margin-bottom:12px;font-size:.85rem;color:var(--text-muted)}.article-card .meta .date:before{content:"📅 "}.article-card .meta .read-time:before{content:"⏱ "}.article-card .excerpt{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:14px}.article-card .tags{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.8rem;background:#6c63ff1a;color:var(--primary);border:1px solid rgba(108,99,255,.2);transition:all .3s;cursor:pointer}.tag:hover{background:#6c63ff33;border-color:var(--primary)}.article-detail{padding:20px 0}.article-detail .back-link{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:.9rem;margin-bottom:24px}.article-detail .back-link:hover{color:var(--accent)}.article-detail .article-header{margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--border)}.article-detail .article-header h1{font-family:var(--font-serif);font-size:2rem;font-weight:700;margin-bottom:12px;line-height:1.3}.article-detail .article-header .meta{display:flex;gap:20px;font-size:.9rem;color:var(--text-muted);margin-bottom:14px}.article-detail .article-body{font-size:1rem;line-height:1.9;color:var(--text-primary)}.article-body h1,.article-body h2,.article-body h3,.article-body h4{font-family:var(--font-serif);margin:1.5em 0 .8em;color:var(--text-primary);line-height:1.4}.article-body h2{font-size:1.5rem;border-bottom:1px solid var(--border);padding-bottom:8px}.article-body h3{font-size:1.2rem}.article-body p{margin-bottom:1.2em}.article-body strong{color:var(--accent)}.article-body blockquote{border-left:3px solid var(--primary);padding:12px 20px;margin:1.2em 0;background:#6c63ff0d;border-radius:0 8px 8px 0;color:var(--text-secondary)}.article-body code{font-family:JetBrains Mono,Fira Code,monospace;background:#ffffff0d;padding:2px 6px;border-radius:4px;font-size:.9em;color:var(--accent)}.article-body pre{background:#0006;border:1px solid var(--border);border-radius:12px;padding:16px 20px;margin:1.2em 0;overflow-x:auto}.article-body pre code{background:none;padding:0;color:var(--text-primary);font-size:.85rem}.article-body ul,.article-body ol{padding-left:24px;margin:1em 0}.article-body li{margin-bottom:.4em}.article-body img{max-width:100%;border-radius:12px;margin:1.2em 0}.article-body hr{border:none;border-top:1px solid var(--border);margin:2em 0}.article-body table{width:100%;border-collapse:collapse;margin:1.2em 0}.article-body th,.article-body td{padding:10px 14px;border:1px solid var(--border);text-align:left}.article-body th{background:#6c63ff1a;font-weight:600}.article-body tr:nth-child(2n){background:#ffffff05}.tags-page{padding:20px 0}.tag-cloud{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:30px 0}.tag-cloud .tag-item{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:24px;font-size:.9rem;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all .3s}.tag-cloud .tag-item:hover{background:var(--bg-card-hover);border-color:var(--primary);color:var(--text-primary);transform:translateY(-2px)}.tag-cloud .tag-item .count{font-size:.8rem;color:var(--text-muted)}.tag-section{margin:30px 0}.tag-section h2{font-family:var(--font-serif);font-size:1.3rem;margin-bottom:16px;color:var(--primary)}.about-page{padding:20px 0}.about-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px;padding:32px}.about-card .about-avatar{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 20px;box-shadow:0 0 0 3px #6c63ff47,0 4px 16px #00000040;overflow:hidden}.about-card .about-name{text-align:center;font-family:var(--font-serif);font-size:1.5rem;font-weight:700;margin-bottom:4px}.about-card .about-title{text-align:center;color:var(--text-muted);font-size:.9rem;margin-bottom:24px}.about-card .about-body{line-height:1.9;color:var(--text-secondary)}.about-card .about-body p{margin-bottom:1em}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#6c63ff4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6c63ff80}#moon-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;transition:background .4s}#moon-menu-backdrop.active{pointer-events:auto;background:#0000004d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}#moon-menu{position:fixed;z-index:100;transform:translate(-50%,-50%);pointer-events:none}#moon-menu.moon-menu-hidden{display:none}#moon-menu.moon-menu-visible{display:block}.moon-menu-ring{position:absolute;left:50%;top:50%;border-radius:50%;border:2px solid rgba(108,99,255,.2);opacity:0;transition:all .6s cubic-bezier(.34,1.56,.64,1);transform:scale(.5);pointer-events:none;box-shadow:0 0 20px #6c63ff1f,inset 0 0 15px #00000040}.moon-menu-ring:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;border:1px dashed rgba(0,212,255,.12);animation:ring-rotate 25s linear infinite}@keyframes ring-rotate{to{transform:rotate(360deg)}}.moon-menu-connections{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:opacity .5s;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,rgba(108,99,255,.06),transparent 60%)}.moon-menu-item{position:absolute;left:0;top:0;padding:8px 6px;background:#0a1232e6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1.5px solid rgba(108,99,255,.4);cursor:pointer;pointer-events:auto;text-align:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 14px #00000080,inset 0 0 8px #6c63ff0f;-webkit-user-select:none;user-select:none;opacity:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.moon-menu-item:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:inherit;background:linear-gradient(135deg,rgba(108,99,255,.08),transparent,rgba(0,212,255,.08));z-index:-1;opacity:0;transition:opacity .3s}.moon-menu-item.hovered{border-color:#00d4ff80;background:#0f183cf2;transform:translate(var(--fx),var(--fy)) scale(1.12)!important;box-shadow:0 8px 25px #00d4ff33,0 0 20px #6c63ff26}.moon-menu-item.hovered:before{opacity:1}.moon-menu-item-icon{font-size:1.3rem;line-height:1;margin-bottom:2px}.moon-menu-item-label{font-size:.72rem;color:#d0d0f0;letter-spacing:1px;line-height:1.2;white-space:nowrap}.moon-menu-item:active{transform:translate(var(--fx),var(--fy)) scale(.95)!important;transition-duration:.1s}@media(max-width:768px){.nav-links{display:none;position:absolute;top:var(--nav-h);left:0;right:0;background:#050510f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;padding:12px;border-bottom:1px solid var(--border)}.nav-links.open{display:flex}.nav-toggle{display:block}.article-detail .article-header h1{font-size:1.5rem}.about-card{padding:20px}#page-content{padding:calc(var(--nav-h) + 20px) 16px 40px}.moon-menu-item{height:30px;padding:4px 3px}.moon-menu-item-icon{font-size:1rem}.moon-menu-item-label{font-size:.65rem}}.nav-user{display:flex;align-items:center;margin-left:12px;flex-shrink:0}.nav-user-btn{padding:7px 16px;font-size:.85rem;color:var(--text-primary);background:linear-gradient(135deg,#6c63ff40,#00d4ff26);border:1px solid var(--border);border-radius:20px;cursor:pointer;transition:all .3s;font-family:var(--font-sans)}.nav-user-btn:hover{border-color:var(--primary);box-shadow:0 0 12px var(--primary-glow)}.nav-user-wrap{position:relative}.nav-user-name{padding:7px 14px;font-size:.88rem;color:var(--text-primary);background:none;border:1px solid transparent;border-radius:20px;cursor:pointer;transition:all .3s;font-family:var(--font-sans);white-space:nowrap}.nav-user-name:hover{border-color:var(--border);background:#6c63ff1a}.nav-user-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:130px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:6px;display:none;flex-direction:column;gap:2px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #00000080;z-index:50}.nav-user-menu.open{display:flex}.nav-user-menu button{padding:9px 14px;font-size:.85rem;color:var(--text-secondary);background:none;border:none;border-radius:8px;cursor:pointer;text-align:left;transition:all .25s;font-family:var(--font-sans)}.nav-user-menu button:hover{color:var(--text-primary);background:#6c63ff26}#auth-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:none;align-items:center;justify-content:center}#auth-modal.open{display:flex}.auth-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#050510bf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.auth-dialog{position:relative;width:min(400px,calc(100vw - 32px));background:var(--bg-card);border:1px solid var(--border);border-radius:18px;padding:28px 28px 24px;box-shadow:0 0 40px #6c63ff40,0 20px 60px #0009;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);animation:auth-in .3s ease}@keyframes auth-in{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}.auth-close{position:absolute;top:12px;right:14px;width:32px;height:32px;background:none;border:none;color:var(--text-muted);font-size:1.4rem;cursor:pointer;border-radius:50%;transition:all .25s;line-height:1}.auth-close:hover{color:var(--text-primary);background:#6c63ff26}.auth-tabs{display:flex;gap:6px;margin-bottom:18px;border-bottom:1px solid var(--border);padding-bottom:0}.auth-tab{flex:1;padding:10px 0;font-size:.95rem;color:var(--text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .25s;font-family:var(--font-serif);letter-spacing:2px}.auth-tab.active{color:var(--text-primary);border-bottom-color:var(--primary)}.auth-title{font-family:var(--font-serif);font-size:1.15rem;color:var(--text-primary);margin-bottom:16px;letter-spacing:2px;text-align:center;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-form[hidden]{display:none}.auth-form label{display:flex;flex-direction:column;gap:6px;font-size:.82rem;color:var(--text-secondary)}.auth-form input{padding:10px 14px;font-size:.92rem;color:var(--text-primary);background:#05051080;border:1px solid var(--border);border-radius:10px;outline:none;transition:all .25s;font-family:var(--font-sans)}.auth-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.auth-form select{padding:10px 14px;font-size:.92rem;color:var(--text-primary);background:#05051080;border:1px solid var(--border);border-radius:10px;outline:none;transition:all .25s;font-family:var(--font-sans)}.auth-form select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.auth-error{min-height:18px;font-size:.8rem;color:#ff7b8a}.auth-submit{padding:11px;font-size:.95rem;color:#fff;background:linear-gradient(135deg,var(--primary),#4a42d4);border:none;border-radius:10px;cursor:pointer;transition:all .3s;letter-spacing:4px;font-family:var(--font-serif)}.auth-submit:hover{box-shadow:0 0 16px var(--primary-glow);transform:translateY(-1px)}.auth-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-success{text-align:center;padding:24px 0 12px;font-size:1rem;color:#7bffb8;letter-spacing:1px}.auth-link{display:inline-block;align-self:flex-end;font-size:.8rem;color:var(--primary);cursor:pointer;text-decoration:none;margin-top:-6px;transition:color .2s}.auth-link:hover{color:var(--accent);text-decoration:underline}.security-question{font-size:.85rem;color:var(--text-secondary);background:#6c63ff1a;border:1px solid var(--border);border-radius:10px;padding:10px 14px;line-height:1.5}.pw-wrap{position:relative;display:block}.pw-wrap input{width:100%;padding-right:44px;box-sizing:border-box}.pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1rem;line-height:1;padding:4px 6px;color:var(--text-secondary);opacity:.65;transition:opacity .2s}.pw-toggle:hover{opacity:1}@media(max-width:768px){.nav-user{margin-left:auto;margin-right:8px}.nav-user-btn{padding:6px 12px;font-size:.8rem}}