:root{--font-sans:Inter, "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:"SFMono-Regular", Consolas, monospace;--glass:#ffffff21;--glass-strong:#fff3;--border:#ffffff42;--text:#fff;--muted:#ffffffb8;--blue:#0788ff;--purple:#8b00ff;--pink:#ff1493;--teal:#26d9c7;--radius:22px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overscroll-behavior-y:none;background-color:#0000;background-image:radial-gradient(900px 700px at 8% 3%,#0080ff87,#0000 63%),radial-gradient(850px 620px at 92% 13%,#8b00ff80,#0000 64%),radial-gradient(800px 600px at 80% 88%,#ff149357,#0000 66%),radial-gradient(700px 520px at 8% 90%,#20b2aa4d,#0000 65%),linear-gradient(155deg,#120832,#1b0c4a 48%,#2a0848);background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;min-height:100%}body{min-height:100vh;color:var(--text);background:0 0;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;overflow-x:hidden}a{color:inherit}::selection{background:#8b00ffb3}:focus-visible{outline-offset:4px;border-radius:6px;outline:3px solid #9ad1ff}.container{width:min(1120px,92%);margin-inline:auto}.glass{background:var(--glass);border:1px solid var(--border);-webkit-backdrop-filter:blur(15px)saturate(150%);box-shadow:0 12px 42px #0702235c,inset 0 1px #ffffff4d}.site-header{z-index:20;width:min(1120px,94%);margin:12px auto 0;position:sticky;top:12px}.nav{border-radius:17px;align-items:center;gap:20px;min-height:62px;padding:10px 16px;display:flex}.brand{letter-spacing:.08em;white-space:nowrap;align-items:center;gap:11px;font-weight:750;text-decoration:none;display:inline-flex}.brand-mark{border:2px solid #a5e3ff;border-radius:7px;width:23px;height:23px;display:inline-block;position:relative}.brand-mark:after{content:"";border:2px solid #cdebffb3;border-radius:5px;width:15px;height:15px;position:absolute;bottom:-7px;right:-7px}.nav-links{gap:26px;margin-left:auto;list-style:none;display:flex}.nav-links a{color:var(--muted);font-size:14px;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#fff}.btn{border:1px solid var(--border);border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:45px;padding:11px 20px;font-weight:650;text-decoration:none;transition:transform .22s,background .22s,box-shadow .22s;display:inline-flex}.btn:hover{transform:translateY(-3px)}.btn-small{background:linear-gradient(135deg,#087fe8,#8b00ff);min-height:40px;margin-left:4px;padding:8px 16px;font-size:14px;box-shadow:0 8px 22px #8b00ff4d}.btn-primary{background:linear-gradient(135deg,#087fe8,#8b00ff 62%,#b322c9);box-shadow:0 10px 28px #8b00ff61}.btn-primary:hover{box-shadow:0 16px 36px #8b00ff85}.btn-glass{background:var(--glass)}.btn-glass:hover{background:var(--glass-strong)}.hero{padding-block:108px 84px;position:relative}.hero-copy{z-index:2;position:relative}.eyebrow{color:#a5e3ff;letter-spacing:.19em;text-transform:uppercase;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:650}h1{letter-spacing:-.045em;margin:18px 0 22px;font-size:clamp(42px,6vw,70px);line-height:1.08}.hero-copy h1{font-size:clamp(42px,5.2vw,62px)}.hero-copy h1 span{white-space:nowrap;display:block}.hero-copy h1 span:first-child{padding-left:2em}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.orb{z-index:0;pointer-events:none;filter:saturate(115%);border-radius:50%;animation:11s ease-in-out infinite float;position:absolute}.orb-blue{background:radial-gradient(circle at 30% 28%, #64baff, var(--blue) 54%, transparent 72%);width:250px;height:250px;top:60px;left:-130px}.orb-purple{background:radial-gradient(circle at 30% 30%, #ce8bff, var(--purple) 58%, transparent 73%);width:180px;height:180px;animation-delay:-4s;top:10px;right:-80px}.orb-pink{background:radial-gradient(circle at 30% 30%, #ff87c8, var(--pink) 58%, transparent 74%);width:130px;height:130px;animation-delay:-7s;bottom:2px;right:35%}@keyframes float{50%{transform:translateY(-22px)}}.section{padding-block:96px}.section-head{justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px;display:flex}.section-head h2,.about-card h2{letter-spacing:-.035em;margin-top:8px;font-size:clamp(32px,4vw,48px)}.section-head>p{max-width:360px;color:var(--muted)}.post-search{border-radius:16px;gap:8px;margin:-8px 0 22px;padding:7px;display:flex}.post-search input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:10px 13px}.post-search input::placeholder{color:var(--muted)}.post-search button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#087fe8,#8b00ff);border:0;border-radius:11px;padding:9px 15px}.post-search .search-clear{color:var(--muted);background:#ffffff1c}.search-summary,.search-empty{color:var(--muted);margin:-4px 0 20px;font-size:14px}.search-empty{border:1px dashed var(--border);text-align:center;border-radius:16px;padding:28px}.post-grid{gap:20px;display:grid}.post-card{border-radius:var(--radius);grid-template-columns:260px 1fr;min-height:250px;transition:transform .22s,background .22s;display:grid;overflow:hidden}.post-card:hover{background:var(--glass-strong);transform:translateY(-6px)}.post-visual{background:linear-gradient(135deg,#0080ffd9,#8b00ff99);border-radius:16px;place-items:center;margin:18px;display:grid;position:relative;overflow:hidden}.post-visual.purple{background:linear-gradient(135deg,#8b00ffcc,#ff14938c)}.post-visual.pink{background:linear-gradient(135deg,#ff1493b8,#20b2aa94)}.post-visual span{font-family:var(--font-mono), monospace;opacity:.82;font-size:54px;font-weight:700}.post-visual i{border:1px solid #ffffff73;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-70px;right:-50px}.post-cover{object-fit:cover;width:100%;height:100%;display:block}.post-content{flex-direction:column;align-items:flex-start;padding:32px 34px 30px 12px;display:flex}.post-meta{color:#a5e3ff;width:100%;font-family:var(--font-mono), monospace;justify-content:space-between;font-size:12px;display:flex}.post-meta time{color:var(--muted)}.post-card h3{max-width:600px;margin:20px 0 12px;font-size:clamp(23px,3vw,32px);line-height:1.25}.post-card p{color:var(--muted);line-height:1.75}.post-card a,.about-card a{color:#cdeaff;margin-top:auto;padding-top:22px;font-weight:650;text-decoration:none}.post-pagination{border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;width:fit-content;max-width:100%;margin:28px auto 0;padding:9px;display:flex}.post-pagination button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #0000;border-radius:10px;min-width:40px;height:40px;padding:0 12px}.post-pagination button:hover,.post-pagination button.active{background:linear-gradient(135deg,#087fe8bf,#8b00ffbf);border-color:#a5e3ff8c}.post-pagination button:disabled{opacity:.35;cursor:not-allowed}.page-numbers,.page-numbers span,.post-pagination form,.post-pagination label{align-items:center;gap:7px;display:flex}.page-numbers i{color:var(--muted);font-style:normal}.post-pagination form{border-left:1px solid var(--border);color:var(--muted);margin-left:7px;padding-left:14px;font-size:13px}.post-pagination input{border:1px solid var(--border);color:#fff;text-align:center;background:#08031e6b;border-radius:10px;outline:0;width:58px;height:40px;padding:0 7px}.about-card{border-radius:var(--radius);text-align:center;padding:38px}.about-card h2{white-space:nowrap;margin:0}.about-card>p{color:var(--muted);margin-top:24px;font-size:17px;line-height:1.9}.site-footer{padding:12px 0 48px}.footer-card{border-radius:var(--radius);grid-template-columns:1fr auto auto;align-items:center;gap:30px;padding:30px;display:grid}.footer-brand{margin-bottom:10px}.footer-card p:not(.brand),.footer-card>a,.copyright{color:var(--muted);font-size:13px;text-decoration:none}.article-back{color:var(--muted);margin-left:auto;font-size:14px;text-decoration:none}.article-page{min-height:100vh;padding:88px 0 80px}.article-shell{width:min(900px,92%)}.article-hero{border-radius:28px;padding:clamp(28px,6vw,58px)}.article-meta{color:#a5e3ff;font-family:var(--font-mono), monospace;flex-wrap:wrap;gap:10px 22px;font-size:12px;display:flex}.article-meta time,.article-meta span:last-child{color:var(--muted)}.article-hero h1{margin:18px 0;font-size:clamp(38px,6vw,62px)}.article-hero p{color:var(--muted);font-size:18px;line-height:1.85}.article-body{border-radius:28px;margin-top:22px;padding:clamp(28px,7vw,72px)}.article-body section+section{border-top:1px solid #ffffff24;margin-top:58px;padding-top:54px}.article-body h2{letter-spacing:-.025em;margin-bottom:22px;font-size:clamp(26px,4vw,36px)}.article-body p{color:#ffffffd1;font-size:17px;line-height:2}.article-body p+p{margin-top:18px}.article-body ul,.article-body ol{color:#ffffffd1;margin:20px 0;padding-left:28px;font-size:17px;line-height:1.85}.article-body li+li{margin-top:10px}.article-body li::marker{color:#a5e3ff}.article-body strong{color:#fff}.article-body p code,.article-body li code{color:#a5e3ff;font-family:var(--font-mono), monospace;background:#07022357;border:1px solid #a5e3ff33;border-radius:6px;padding:2px 7px;font-size:.88em}.article-image{margin:30px 0}.article-image img{object-fit:contain;background:#06021f47;border-radius:16px;width:100%;max-height:680px;display:block}.code-block{background:#1e1e1e;border:1px solid #ffffff24;border-radius:15px;margin-top:28px;position:relative;overflow:hidden;box-shadow:0 14px 30px #0502144d}.code-toolbar{background:#ffffff06;border-bottom:1px solid #ffffff17;justify-content:flex-end;align-items:center;gap:8px;min-height:48px;padding-right:12px;display:flex}.code-language{color:#fff;width:28px;height:28px;font:750 12px/1 var(--font-mono), monospace;letter-spacing:-.06em;background:#555;border-radius:3px;place-items:center;display:grid}.code-language.javascript{color:#191919;background:#f7df1e}.code-language.typescript,.code-language.tsx{background:#3178c6}.code-language.jsx{color:#17202a;background:#61dafb}.code-language.html{background:#e34f26}.code-language.css{background:#1572b6}.code-language.python{color:#fff;background:linear-gradient(135deg,#3776ab 50%,#ffd343 50%)}.code-language.vue{color:#173b32;background:#42b883}.code-language.bash{background:#4eaa25}.code-language.c{background:#5c6bc0}.code-language.cpp{background:#00599c;font-size:9px}.code-language.glsl{background:linear-gradient(135deg,#d9485f,#7b2cbf);font-size:8px}.code-language.java{background:#e76f00}.code-copy{color:#bdbdbd;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff29;border-radius:7px;align-items:center;gap:6px;height:30px;padding:0 10px;font-size:12px;display:inline-flex}.code-copy:hover,.code-copy.copied{color:#a5e3ff;background:#0788ff24;border-color:#a5e3ff8c}.code-copy svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:15px}.code-block .shiki{font:14px/1.75 var(--font-mono), "SFMono-Regular", Consolas, monospace;tab-size:2;margin:0;padding:20px 0;overflow-x:auto}.code-block .shiki code{counter-reset:code-line;min-width:max-content;display:grid}.code-block .shiki .line{min-height:1.75em;padding:0 24px 0 0}.code-block .shiki .line:before{counter-increment:code-line;content:counter(code-line);color:#858585;text-align:right;-webkit-user-select:none;user-select:none;width:48px;margin-right:18px;display:inline-block}.article-pagination{grid-template-columns:1fr 1fr;gap:18px;margin-top:22px;display:grid}.article-pagination a{border-radius:20px;flex-direction:column;justify-content:center;gap:9px;min-height:110px;padding:22px;line-height:1.45;text-decoration:none;transition:transform .22s,background .22s;display:flex}.article-pagination a:hover{background:var(--glass-strong);transform:translateY(-4px)}.article-pagination small{color:#a5e3ff;font-family:var(--font-mono), monospace}.article-pagination .next{text-align:right;align-items:flex-end}button,input,textarea,select{font:inherit}button{color:inherit}.admin-page{min-height:100vh;padding:28px 0 60px}.admin-header{border-radius:20px;align-items:center;gap:28px;min-height:70px;padding:14px 20px;display:flex}.admin-header>div{text-align:right;margin-left:auto}.admin-header small,.editor-title small{color:#a5e3ff;font-family:var(--font-mono), monospace;letter-spacing:.12em}.admin-header p{color:var(--muted);margin-top:3px;font-size:13px}.admin-header-actions{gap:8px;display:flex;text-align:left!important;margin-left:0!important}.admin-header-actions button{cursor:pointer}.admin-grid{grid-template-columns:330px 1fr;align-items:start;gap:20px;margin-top:20px;display:grid}.admin-list,.admin-editor{border-radius:24px}.admin-list{position:sticky;top:20px;overflow:hidden}.admin-list-head{border-bottom:1px solid #ffffff24;justify-content:space-between;align-items:center;padding:24px;display:flex}.admin-list-head h1{margin:0;font-size:26px}.admin-list-head button{border:1px solid var(--border);background:var(--glass);cursor:pointer;border-radius:10px;padding:8px 11px}.admin-message{color:#cdeaff;background:#07022359;border-radius:10px;margin:16px 18px 0;padding:10px 12px;font-size:13px}.admin-items{max-height:68vh;padding:10px;overflow-y:auto}.admin-items article{border-radius:14px;grid-template-columns:1fr auto;align-items:center;padding:6px;display:grid}.admin-items article:hover,.admin-items article.active{background:#ffffff1a}.admin-select,.admin-delete{cursor:pointer;background:0 0;border:0}.admin-select{text-align:left;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;padding:10px;display:flex}.admin-select span,.admin-select small{color:var(--muted);font-size:11px}.admin-select strong{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.admin-delete{color:#ff9bcf;padding:8px;font-size:12px}.admin-editor{padding:clamp(24px,5vw,48px)}.editor-title{justify-content:space-between;align-items:start;gap:20px;margin-bottom:30px;display:flex}.editor-title h2{margin-top:6px;font-size:32px}.editor-title>span{color:#9ff7eb;background:#26d9c724;border-radius:999px;padding:7px 11px;font-size:12px}.admin-editor label{color:#ffffffd1;gap:9px;margin-top:20px;font-size:13px;display:grid}.admin-editor input,.admin-editor textarea,.admin-editor select{color:#fff;background:#08031e6b;border:1px solid #ffffff2e;border-radius:13px;outline:0;width:100%;padding:14px 16px}.admin-editor input:focus,.admin-editor textarea:focus,.admin-editor select:focus{border-color:#75c3ff;box-shadow:0 0 0 3px #0788ff2e}.admin-editor textarea{resize:vertical;line-height:1.7}.excerpt-input{min-height:90px}.content-input{min-height:360px}.content-label{justify-content:space-between;align-items:center;display:flex}.content-label>span{flex-wrap:wrap;gap:8px;display:flex}.content-label button{border:1px solid var(--border);color:#cdeaff;cursor:pointer;background:#ffffff14;border-radius:9px;padding:7px 10px}.content-label button:disabled{opacity:.5;cursor:wait}.file-input{display:none}.cover-picker{background:#08031e47;border:1px dashed #ffffff3d;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid;overflow:hidden}.cover-picker>span{color:var(--muted);padding:22px}.cover-picker>img{object-fit:cover;grid-column:1/-1;width:100%;height:180px}.cover-picker>div{justify-content:flex-end;gap:8px;padding:12px;display:flex}.cover-picker>img+div{grid-column:1/-1}.cover-picker button{border:1px solid var(--border);color:#cdeaff;cursor:pointer;background:#ffffff14;border-radius:9px;padding:8px 11px}.editor-help{color:var(--muted);font-size:12px}.editor-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.editor-actions{justify-content:flex-end;gap:12px;margin-top:28px;display:flex}.editor-actions button{cursor:pointer}.editor-actions button:disabled{opacity:.55;cursor:wait}.login-page{place-items:center;min-height:100vh;padding-block:40px;display:grid}.login-card{border-radius:26px;gap:18px;width:min(440px,100%);padding:38px;display:grid}.login-card .eyebrow{margin-top:24px}.login-card h1{margin:-8px 0 0;font-size:42px}.login-card>p:not(.eyebrow){color:var(--muted);line-height:1.7}.login-card label{color:var(--muted);gap:8px;font-size:13px;display:grid}.login-card input{border:1px solid var(--border);color:#fff;background:#08031e73;border-radius:12px;padding:13px 15px}.login-card button{cursor:pointer}.login-card>small{color:var(--muted);text-align:center}.login-error{background:#ff149326;border-radius:10px;padding:10px 12px;color:#ffc3e4!important}.loading-page{text-align:center;min-height:100vh;color:var(--muted);place-content:center;gap:20px;display:grid}@media (width<=1000px){.nav-links{display:none}.nav .btn{margin-left:auto}.hero{padding-block:80px 54px}.section{padding-block:68px}.post-card{grid-template-columns:1fr}.post-visual{min-height:180px}.post-content{padding:16px 24px 28px}.footer-card,.admin-grid{grid-template-columns:1fr}.admin-list{position:static}.admin-items{max-height:340px}}@media (width<=520px){.site-header{margin-top:8px;top:8px}.nav{padding-inline:13px}.brand{font-size:13px}.brand-mark{width:19px;height:19px}.btn-small{padding-inline:12px}.hero{padding-top:64px}h1{font-size:41px}.hero-copy h1{font-size:clamp(29px,8vw,36px)}.hero-actions .btn{width:100%}.section-head{flex-direction:column;align-items:flex-start}.post-search{margin-top:-12px}.post-pagination form{border-top:1px solid var(--border);border-left:0;justify-content:center;width:100%;margin:2px 0 0;padding:9px 0 0}.about-card,.now-card{padding:26px}.about-card h2{white-space:normal}.article-page{padding-top:58px}.article-hero p,.article-body p{font-size:16px}.article-pagination{grid-template-columns:1fr}.admin-header{flex-wrap:wrap;align-items:flex-start}.admin-header>div{text-align:left;order:3;width:100%}.admin-header-actions{margin-left:auto!important}.editor-row{grid-template-columns:1fr;gap:0}.editor-title{flex-direction:column}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}