:root{--bg-0: #070912;--bg-1: #0c1024;--bg-2: #161a3a;--fg: #e8ecff;--fg-dim: rgba(232, 236, 255, .66);--fg-faint: rgba(232, 236, 255, .4);--accent: #8aa6ff;--accent-2: #c79bff;--glass-bg: rgba(255, 255, 255, .08);--glass-bg-strong: rgba(255, 255, 255, .14);--glass-border: rgba(255, 255, 255, .18);--glass-shadow: 0 10px 40px rgba(0, 0, 0, .35);--topbar-h: 76px}*{box-sizing:border-box}button,input,select,textarea{font:inherit}button{color:inherit}html,body{margin:0;padding:0;background:radial-gradient(1200px 800px at 70% -10%,#1f2358 0%,transparent 60%),radial-gradient(900px 700px at 10% 110%,#2a1750 0%,transparent 55%),linear-gradient(180deg,var(--bg-0),var(--bg-1) 60%,#0a0d1f);color:var(--fg);font-family:-apple-system,PingFang SC,Microsoft YaHei,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100%;overflow-x:hidden;-webkit-font-smoothing:antialiased}body,#root{min-height:100vh}#rain{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;display:block}.topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar-h);z-index:30;pointer-events:none;transition:backdrop-filter .4s ease,background-color .4s ease,box-shadow .4s ease,border-color .4s ease;background:linear-gradient(180deg,#0a0c1e00,#0a0c1e00);border-bottom:1px solid transparent}.topbar.is-active{pointer-events:auto;background:#0c0e208c;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-bottom-color:#ffffff14;box-shadow:0 8px 30px #00000059}.stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none}.avatar{display:block;position:fixed;top:0;left:0;width:200px;height:200px;padding:0;border:0;border-radius:50%;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;cursor:default;transform:translateZ(0);transform-origin:center center;will-change:transform;pointer-events:auto;z-index:40}.avatar.is-admin-entry{cursor:pointer}.avatar:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.avatar-ring{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;background:conic-gradient(from 0deg,#8aa6ff00,#8aa6ff99,#c79bff99,#8aa6ff00);filter:blur(8px);opacity:.7;animation:spin 12s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.avatar-inner{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.25);background:#ffffff0f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 20px 50px #00000073,inset 0 0 0 1px #ffffff1a}.avatar-inner svg,.avatar-img{width:100%;height:100%;display:block}.avatar-img{object-fit:cover;object-position:center}.brand-name{position:fixed;top:0;left:0;font-size:38px;font-weight:600;letter-spacing:2px;line-height:1;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#fff,#c9d4ff 60%,#b6a8ff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 22px rgba(122,162,255,.28));transform:translate3d(-9999px,-9999px,0);transform-origin:center center;will-change:transform;z-index:40}.orb-btn{position:fixed;top:0;left:0;width:120px;height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border-radius:999px;border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);color:var(--fg);font-size:15px;font-weight:500;letter-spacing:.45px;cursor:pointer;-webkit-user-select:none;user-select:none;pointer-events:auto;box-shadow:var(--glass-shadow),inset 0 0 0 1px #ffffff0a;transform:translateZ(0) scale(1);transform-origin:center center;will-change:transform,background-color;transition:background-color .25s ease,border-color .25s ease,color .2s ease;font-family:inherit;z-index:40;white-space:nowrap}.orb-btn:hover{background:var(--glass-bg-strong);border-color:#ffffff52;color:#fff}.orb-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.hero-spacer{height:100vh}.articles{position:relative;z-index:10}.articles-header{max-width:1180px;margin:40px auto 28px;padding:0 32px}.articles-header-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.section-title{margin:0 0 8px;font-size:28px;font-weight:600;letter-spacing:.5px;background:linear-gradient(135deg,#fff,#b9c6ff);-webkit-background-clip:text;background-clip:text;color:transparent}.section-sub{margin:0;color:var(--fg-dim);font-size:14px}.articles-grid{max-width:1180px;margin:0 auto;padding:8px 32px 60px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{position:relative;padding:22px 22px 18px;border-radius:18px;background:linear-gradient(150deg,#ffffff18,#ffffff0d 58%,#ffffff09),#121730c7;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),inset 0 1px #ffffff14;transition:transform .35s cubic-bezier(.2,.8,.2,1),background-color .25s ease,border-color .25s ease;overflow:hidden;isolation:isolate}.card:hover{transform:translateY(-4px);border-color:#ffffff47}.card-tag{display:inline-block;font-size:12px;letter-spacing:.5px;padding:3px 10px;border-radius:999px;background:#8aa6ff29;border:1px solid rgba(138,166,255,.28);color:#cdd7ff;margin-bottom:16px}.card h3{margin:0 0 8px;font-size:18px;font-weight:600;line-height:1.35}.card p{margin:0 0 16px;color:var(--fg-dim);font-size:14px;line-height:1.65}.card-meta{display:flex;gap:8px;font-size:12px;color:var(--fg-faint)}.article-card{cursor:pointer;display:flex;flex-direction:column;height:220px;min-width:0}.article-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;background:radial-gradient(320px circle at var(--mx, 50%) var(--my, 50%),rgba(138,166,255,.22) 0%,rgba(199,155,255,.09) 36%,transparent 70%);opacity:0;pointer-events:none;transition:opacity .24s ease}.article-card:hover:before{opacity:1}.article-card>*{position:relative;z-index:1}.article-card h3,.article-card p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.article-card h3{-webkit-line-clamp:2}.article-card p{-webkit-line-clamp:3}.article-card .card-meta{margin-top:auto}.articles-grid>.empty-state{grid-column:1 / -1;max-width:none;margin-bottom:0}.article-card:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.glass-link-button,.simple-nav button,.simple-category-nav button,.simple-brand,.simple-avatar-button,.admin-tabs button,.admin-header button,.row-actions button,.panel-heading button,.editor-actions button,.media-asset-row button,.drag-handle,.article-list-item,.primary-action{border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--fg);border-radius:999px;cursor:pointer;transition:background-color .25s ease,border-color .25s ease,color .2s ease}.glass-link-button,.primary-action{min-height:42px;padding:0 18px;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:var(--glass-shadow),inset 0 0 0 1px #ffffff0a;white-space:nowrap}.glass-link-button:hover,.simple-nav button:hover,.simple-category-nav button:hover,.simple-brand:hover,.simple-avatar-button:hover,.admin-tabs button:hover,.admin-header button:hover,.row-actions button:hover,.panel-heading button:hover,.editor-actions button:hover,.article-list-item:hover,.drag-handle:hover,.primary-action:hover{background:var(--glass-bg-strong);border-color:#ffffff52;color:#fff}.api-note,.empty-state,.form-error{max-width:1180px;margin:0 auto 18px;padding:12px 32px;color:var(--fg-dim);font-size:14px}.form-error{color:#ffc7d5}.site-footer{max-width:1180px;margin:0 auto;padding:24px 32px 48px;color:var(--fg-faint);font-size:12px;text-align:center}.page-shell,.admin-shell{position:relative;z-index:10;min-height:100vh;padding:104px 0 60px}.simple-topbar{position:fixed;top:0;left:0;right:0;z-index:80;height:var(--topbar-h);display:flex;align-items:center;gap:18px;padding:0 28px;background:#0c0e209e;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 8px 30px #00000059}.simple-brand{padding:9px 14px;font-weight:600;background:#ffffff1a}.simple-nav{display:flex;gap:8px}.simple-category-nav{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:thin}.simple-nav button,.simple-category-nav button{min-height:36px;padding:0 14px;flex:0 0 auto}.simple-category-nav button.is-active{color:#fff;background:#8aa6ff38;border-color:#8aa6ff6b}.simple-profile{margin-left:auto;display:flex;align-items:center;gap:12px;min-width:max-content}.simple-topbar-title{color:var(--fg-dim);font-size:13px;font-weight:500}.simple-profile span{font-size:17px;font-weight:600;line-height:1;letter-spacing:.9px;white-space:nowrap;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#fff,#c9d4ff 60%,#b6a8ff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 22px rgba(122,162,255,.28))}.simple-avatar-button{position:relative;isolation:isolate;flex:0 0 auto;width:44px;height:44px;padding:0;border:0;border-radius:50%;overflow:visible;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;box-shadow:none}.simple-avatar-button:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;z-index:-1;border-radius:50%;background:conic-gradient(from 0deg,#8aa6ff00,#8aa6ff99,#c79bff99,#8aa6ff00);filter:blur(6px);opacity:.7;animation:spin 12s linear infinite}.simple-avatar-button img{position:relative;z-index:1;display:block;width:100%;height:100%;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:#ffffff0f;box-shadow:0 10px 26px #00000073,inset 0 0 0 1px #ffffff1a;object-fit:cover}.simple-avatar-button:hover{background:transparent;border-color:transparent}.simple-avatar-button:hover img{border-color:#ffffff57}.simple-avatar-button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.simple-topbar-title{margin-left:auto}.page-hero,.article-detail,.admin-header,.admin-panel,.admin-tabs{max-width:1180px;margin-left:auto;margin-right:auto;padding-left:32px;padding-right:32px}.page-hero{margin-bottom:28px}.page-hero h1,.article-detail h1,.admin-header h1,.admin-panel h2{margin:0 0 10px;background:linear-gradient(135deg,#fff,#b9c6ff);-webkit-background-clip:text;background-clip:text;color:transparent}.page-hero h1,.article-detail h1,.admin-header h1{font-size:38px;line-height:1.15}.page-hero p,.article-summary,.admin-header p,.admin-panel p{margin:0;color:var(--fg-dim);line-height:1.75}.category-tabs{max-width:1180px;margin:0 auto 20px;padding:0 32px;display:flex;flex-wrap:wrap;gap:10px}.category-tabs button{min-height:38px;padding:0 16px;border-radius:999px;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--fg-dim);cursor:pointer}.category-tabs button.is-active{color:#fff;background:#8aa6ff33;border-color:#8aa6ff61}.page-grid{padding-top:0}.article-detail{max-width:860px}.category-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.category-badges .card-tag{margin-bottom:0}.article-detail-categories{margin:0 0 16px}.back-button{margin-bottom:22px}.article-detail-meta{margin:14px 0 24px}.article-cover{display:block;width:100%;max-height:460px;object-fit:cover;margin:0 0 26px;border-radius:18px;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.markdown-body{color:#e8ecffd6;font-size:16px;line-height:1.85}.markdown-body h1,.markdown-body h2,.markdown-body h3{color:#fff;line-height:1.3;margin:1.6em 0 .6em}.markdown-body p,.markdown-body ul,.markdown-body ol,.markdown-body blockquote,.markdown-body pre{margin:0 0 1.1em}.markdown-body a{color:#b9c6ff}.markdown-body img,.markdown-body video,.markdown-body iframe{display:block;max-width:100%;margin:22px 0;border-radius:16px;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.markdown-body code{padding:2px 6px;border-radius:8px;background:#ffffff17}.markdown-body pre{overflow-x:auto;padding:16px;border-radius:14px;background:#00000042;border:1px solid rgba(255,255,255,.1)}.admin-login{display:grid;place-items:center;padding:32px}.login-card{max-width:440px;width:100%}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.admin-header button{min-height:38px;padding:0 14px}.admin-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.admin-tabs button{min-height:40px;padding:0 16px}.admin-tabs button.is-active{background:#8aa6ff33;border-color:#8aa6ff61}.admin-panel{padding-top:24px;padding-bottom:28px;border-radius:18px;background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:var(--glass-shadow)}.admin-panel+.admin-panel{margin-top:20px}.form-grid,.admin-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-row{grid-template-columns:40px 1.2fr 150px 1.7fr 90px auto;align-items:end;padding:14px;margin-top:12px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#ffffff0b}.nav-row{grid-template-columns:40px minmax(150px,1fr) 48px 130px minmax(210px,1.35fr) 78px auto}.nav-row .field{align-self:end;grid-template-rows:18px 40px}.nav-row .field>span{line-height:18px}.category-row{grid-template-columns:40px 1fr 1fr 1.5fr 90px auto}.field{display:grid;gap:7px;color:var(--fg-dim);font-size:13px}.field input,.field select{height:40px}.field input,.field select,.field textarea{width:100%;min-height:40px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:#05081473;color:var(--fg);padding:9px 12px;outline:none}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#8aa6ff9e;box-shadow:0 0 0 3px #8aa6ff29}.nav-icon-field{position:relative;align-self:end;min-width:48px;z-index:1}.nav-icon-field.is-open{z-index:6000}.nav-icon-trigger,.nav-icon-preview{display:inline-flex;align-items:center;justify-content:center;width:42px;min-width:42px;min-height:40px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:#05081473;color:var(--fg)}.nav-icon-trigger{cursor:pointer}.nav-icon-trigger:hover,.nav-icon-trigger[aria-expanded=true]{border-color:#8aa6ff9e;background:#8aa6ff29}.nav-icon-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.nav-icon-popover{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:5000;display:grid;gap:12px;width:min(360px,calc(100vw - 32px));max-height:min(420px,calc(100vh - 24px));overflow:auto;padding:14px;border:1px solid rgba(48,57,88,.16);border-radius:18px;background:#101528;box-shadow:0 24px 70px #00000059,inset 0 1px #ffffff14}.nav-icon-popover-input{min-width:0}.nav-icon-popover-preview{display:flex;align-items:center;gap:10px;color:var(--fg-dim);font-size:13px}.nav-icon-preview.is-empty{color:var(--fg-faint);font-size:12px}.nav-icon-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:7px;max-height:190px;padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#05081457}.nav-icon-option{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 8px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--fg);cursor:pointer}.nav-icon-option:hover,.nav-icon-option.is-active{border-color:#8aa6ff9e;background:#8aa6ff2e;color:#fff}.check-field{display:inline-flex;align-items:center;gap:8px;min-height:40px;color:var(--fg-dim);font-size:13px}.row-actions,.editor-actions{display:flex;gap:8px;flex-wrap:wrap}.row-actions button,.editor-actions button,.panel-heading button,.media-asset-row button{min-height:36px;padding:0 13px}.editor-actions{margin-top:16px;align-items:center}.editor-actions button,.editor-actions .primary-action{min-height:42px;padding:0 18px;margin-top:0}.danger-action{border-color:#ff85a659!important;color:#ffd5df!important;background:#ff597c1a!important}.danger-action:hover,.danger-action.is-confirming{border-color:#ff85a69e!important;background:#ff597c33!important;color:#fff!important}.drag-handle{width:36px;min-height:40px;padding:0;border-radius:12px;align-self:end;color:var(--fg-faint);cursor:grab}.drag-handle:active{cursor:grabbing}.sortable-row{transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .2s ease,border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.admin-list.is-reordering .sortable-row{box-shadow:0 12px 32px #0000002e}.sortable-row.is-dragging{opacity:.52;transform:scale(.985);border-color:#8aa6ff70}.sortable-row.is-drop-target{transform:translateY(-2px);background:#8aa6ff1c;border-color:#8aa6ff61}.admin-create{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}.admin-create h3,.markdown-preview h3{margin:0 0 14px;font-size:16px}.primary-action{margin-top:16px}.multi-category-field{grid-column:1 / -1}.category-checkboxes{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.category-checkbox{position:relative;display:inline-flex;align-items:center;flex:0 0 auto;cursor:pointer;color:var(--fg-dim)}.category-checkbox input{position:absolute;width:1px;height:1px;min-height:0;margin:0;opacity:0;pointer-events:none}.category-checkbox span{display:inline-flex;align-items:center;min-height:32px;padding:0 13px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#05081452;color:var(--fg-dim);line-height:1;white-space:nowrap;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.category-checkbox:hover span{border-color:#ffffff42;color:#fff}.category-checkbox input:checked+span{border-color:#8aa6ff94;background:#8aa6ff2e;color:#fff;box-shadow:inset 0 0 0 1px #ffffff0a}.category-checkbox input:focus-visible+span{border-color:#8aa6ffb8;box-shadow:0 0 0 3px #8aa6ff29}.account-form{margin-top:18px}.panel-error{margin-top:14px}.articles-admin-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.panel-heading h2{margin:0}.article-list-panel{min-width:0}.article-list-item{width:100%;display:grid;gap:5px;margin-bottom:10px;padding:12px;text-align:left;border-radius:14px}.article-list-item.is-active{background:#8aa6ff2e;border-color:#8aa6ff61}.article-list-item strong{font-size:14px;line-height:1.4}.article-list-item span{color:var(--fg-faint);font-size:12px}.article-editor{min-width:0}.media-field{margin-top:14px}.media-assets{margin-top:18px}.media-assets-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.media-assets-heading h3{margin:0;font-size:16px}.media-assets-heading span,.media-empty{color:var(--fg-faint);font-size:12px}.media-empty{margin:0}.media-assets-list{display:grid;gap:10px}.media-asset-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;border-top:1px solid rgba(255,255,255,.08)}.media-asset-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.media-asset-row strong,.media-asset-row code{display:block}.media-asset-row strong{margin-bottom:6px;font-size:13px}.media-asset-row code{color:#cdd7ff;font-size:12px;overflow-wrap:anywhere}.markdown-preview{margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}.nav-glyph{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}html[data-theme-engine=liquidGlass]{color-scheme:light;--bg-0: #f4f8ff;--bg-1: #edf5ff;--bg-2: #e6f0ff;--fg: var(--liquid-text, #1d2438);--fg-dim: rgba(54, 66, 92, .68);--fg-faint: rgba(54, 66, 92, .48);--accent: var(--liquid-accent, #347cff);--accent-2: #75a7ff;--glass-bg: var(--liquid-glass, rgba(255, 255, 255, .54));--glass-bg-strong: rgba(255, 255, 255, .74);--glass-border: rgba(255, 255, 255, .68);--glass-shadow: 0 18px 50px rgba(92, 131, 176, .16), 0 4px 16px rgba(86, 114, 158, .08);--topbar-h: 76px}html[data-theme-engine=liquidGlass],html[data-theme-engine=liquidGlass] body{background:radial-gradient(900px 620px at 18% 18%,rgba(194,222,255,.82),transparent 58%),radial-gradient(760px 520px at 84% 10%,rgba(232,240,255,.92),transparent 62%),radial-gradient(680px 620px at 70% 88%,rgba(215,231,255,.74),transparent 58%),linear-gradient(180deg,var(--liquid-bg, #f4f8ff),#edf4ff 58%,#f8fbff);color:var(--fg)}html[data-theme-engine=liquidGlass] body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.34),transparent 24%,rgba(255,255,255,.26) 62%,transparent),radial-gradient(680px 520px at calc(50% + 160px) 42%,rgba(255,255,255,.44),transparent 68%);opacity:.72}.liquid-home-shell{position:relative;min-height:100vh;z-index:1;overflow:clip;--liquid-progress: 0}.liquid-mist,.liquid-mist span{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.liquid-mist{z-index:0;overflow:hidden}.liquid-mist span{width:46vw;height:36vw;min-width:360px;min-height:280px;border-radius:48% 52% 46% 54%;background:radial-gradient(circle at 42% 38%,rgba(255,255,255,.76),rgba(196,222,255,.32) 42%,transparent 74%);filter:blur(14px);transform:translateZ(0);animation:liquid-mist-drift 28s ease-in-out infinite alternate;contain:paint;will-change:transform}.liquid-mist span:nth-child(1){top:-10vh;left:-8vw}.liquid-mist span:nth-child(2){top:8vh;left:48vw;animation-duration:22s;animation-delay:-5s}.liquid-mist span:nth-child(3){top:48vh;left:18vw;opacity:.72;animation-duration:24s;animation-delay:-9s}@keyframes liquid-mist-drift{0%{transform:translate3d(-2%,-1%,0) scale(1) rotate(-4deg)}to{transform:translate3d(4%,3%,0) scale(1.08) rotate(5deg)}}.liquid-topbar{position:fixed;inset:0 0 auto;z-index:70;height:var(--topbar-h);opacity:calc(var(--liquid-progress) * 1.15);pointer-events:none;background:linear-gradient(180deg,#ffffff9e,#ffffff5c);border-bottom:1px solid rgba(255,255,255,.7);box-shadow:0 12px 34px #6b89b224;backdrop-filter:blur(18px) saturate(155%);-webkit-backdrop-filter:blur(18px) saturate(155%);transition:opacity .28s ease}.liquid-topbar.is-active{pointer-events:auto}.liquid-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none}.liquid-avatar,.liquid-brand-name,.liquid-orb-btn{position:fixed;top:0;left:0;will-change:transform}.liquid-avatar{width:200px;height:200px;padding:0;border:0;border-radius:50%;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:default;pointer-events:auto;transform-origin:center;z-index:4}.liquid-avatar.is-admin-entry{cursor:pointer}.liquid-avatar-lens{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;background:radial-gradient(circle at 30% 18%,rgba(255,255,255,.96),transparent 31%),linear-gradient(145deg,#ffffffb8,#ffffff38);border:1px solid rgba(255,255,255,.72);box-shadow:0 26px 70px #4c7ab43d,inset 0 1px #ffffffc7,inset 0 -18px 34px #78a7dc1f}.liquid-avatar img{position:relative;z-index:1;display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.86);box-shadow:0 10px 28px #3f59802e}.liquid-brand-name{z-index:3;color:#202840;font-size:36px;font-weight:720;line-height:1;white-space:nowrap;transform-origin:center;letter-spacing:0;text-shadow:0 8px 28px rgba(80,118,166,.18);pointer-events:none}.liquid-orb-btn{width:120px;height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:1px solid rgba(255,255,255,.72);border-radius:999px;color:#2c3b5c;background:radial-gradient(140px circle at var(--btn-pointer-x, 50%) var(--btn-pointer-y, 50%),rgba(255,255,255,.98),transparent 52%),linear-gradient(145deg,#ffffff9e,#ffffff4d);box-shadow:0 16px 42px #486ea029,inset 0 1px #ffffffd1,inset 0 -12px 24px #6192d01a;cursor:pointer;pointer-events:auto;transform-origin:center;transition:color .22s ease,border-color .22s ease,box-shadow .22s ease,background-color .22s ease;white-space:nowrap;z-index:5}.liquid-orb-btn:hover{color:#1368e8;border-color:#fffffff0;box-shadow:0 20px 54px #347cff2e,inset 0 1px #ffffffeb,inset 0 -12px 24px #347cff1f}.liquid-orb-btn:active{transition-duration:.1s;filter:saturate(1.1) brightness(1.02)}.liquid-hero-panel{position:relative;z-index:1;height:100vh;min-height:620px}.liquid-hero-glass{position:absolute;top:16px;right:16px;bottom:16px;left:16px;border-radius:6px;border:1px solid rgba(255,255,255,.72);background:radial-gradient(440px 260px at calc(50% + 130px) 48%,rgba(255,255,255,.44),transparent 72%),linear-gradient(180deg,#ffffff2e,#ffffff0f);box-shadow:inset 0 1px #ffffff75;opacity:calc(1 - var(--liquid-progress) * .36)}.liquid-latest{position:relative;z-index:2;padding:92px 0 20px}.liquid-section-header{max-width:1180px;margin:0 auto 22px;padding:0 32px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px}.liquid-search-button{width:46px;padding:0}html[data-theme-engine=liquidGlass] .section-title,html[data-theme-engine=liquidGlass] .page-hero h1,html[data-theme-engine=liquidGlass] .article-detail h1,html[data-theme-engine=liquidGlass] .admin-header h1,html[data-theme-engine=liquidGlass] .admin-panel h2{color:var(--fg);background:none;letter-spacing:0}html[data-theme-engine=liquidGlass] .section-title{font-size:27px;font-weight:680}html[data-theme-engine=liquidGlass] .card{border-radius:18px;background:radial-gradient(280px circle at var(--mx, 50%) var(--my, 50%),rgba(255,255,255,.82),transparent 56%),linear-gradient(145deg,#ffffff94,#ffffff57);border-color:#ffffffad;box-shadow:var(--glass-shadow),inset 0 1px #ffffffb3;color:var(--fg)}html[data-theme-engine=liquidGlass] .card:hover{border-color:#ffffffeb;transform:translateY(-5px) scale(1.005)}html[data-theme-engine=liquidGlass] .article-card:before{background:radial-gradient(320px circle at var(--mx, 50%) var(--my, 50%),rgba(52,124,255,.18) 0%,rgba(255,255,255,.36) 38%,transparent 72%)}html[data-theme-engine=liquidGlass] .card h3{color:#1e263c}html[data-theme-engine=liquidGlass] .card p{color:#323d58ad}html[data-theme-engine=liquidGlass] .card-tag{color:#2f78de;background:#e7f2ffb8;border-color:#75abef47}html[data-theme-engine=liquidGlass] .card-meta{color:#4854708f}html[data-theme-engine=liquidGlass] .glass-link-button,html[data-theme-engine=liquidGlass] .simple-nav button,html[data-theme-engine=liquidGlass] .simple-category-nav button,html[data-theme-engine=liquidGlass] .simple-brand,html[data-theme-engine=liquidGlass] .simple-avatar-button,html[data-theme-engine=liquidGlass] .admin-tabs button,html[data-theme-engine=liquidGlass] .admin-header button,html[data-theme-engine=liquidGlass] .row-actions button,html[data-theme-engine=liquidGlass] .panel-heading button,html[data-theme-engine=liquidGlass] .editor-actions button,html[data-theme-engine=liquidGlass] .media-asset-row button,html[data-theme-engine=liquidGlass] .drag-handle,html[data-theme-engine=liquidGlass] .article-list-item,html[data-theme-engine=liquidGlass] .primary-action,html[data-theme-engine=liquidGlass] .theme-upload-button span,html[data-theme-engine=liquidGlass] .theme-actions button{color:#2b3958;border-color:#ffffffad;background:#ffffff7a;box-shadow:0 12px 32px #5074a01f,inset 0 1px #ffffffb8}html[data-theme-engine=liquidGlass] .glass-link-button:hover,html[data-theme-engine=liquidGlass] .simple-nav button:hover,html[data-theme-engine=liquidGlass] .simple-category-nav button:hover,html[data-theme-engine=liquidGlass] .simple-brand:hover,html[data-theme-engine=liquidGlass] .admin-tabs button:hover,html[data-theme-engine=liquidGlass] .admin-header button:hover,html[data-theme-engine=liquidGlass] .row-actions button:hover,html[data-theme-engine=liquidGlass] .panel-heading button:hover,html[data-theme-engine=liquidGlass] .editor-actions button:hover,html[data-theme-engine=liquidGlass] .article-list-item:hover,html[data-theme-engine=liquidGlass] .drag-handle:hover,html[data-theme-engine=liquidGlass] .primary-action:hover,html[data-theme-engine=liquidGlass] .theme-actions button:hover,html[data-theme-engine=liquidGlass] .theme-upload-button:hover span{color:#116be8;background:#ffffffb8;border-color:#fffffff0}html[data-theme-engine=liquidGlass] .simple-topbar{background:#ffffff85;border-bottom-color:#ffffffb8;box-shadow:0 12px 34px #6b89b224;backdrop-filter:blur(18px) saturate(155%);-webkit-backdrop-filter:blur(18px) saturate(155%)}html[data-theme-engine=liquidGlass] .simple-category-nav button.is-active,html[data-theme-engine=liquidGlass] .admin-tabs button.is-active,html[data-theme-engine=liquidGlass] .article-list-item.is-active{color:#126fff;background:#eef6ffd1;border-color:#609cee57}html[data-theme-engine=liquidGlass] .simple-profile span{color:#202840;background:none;filter:none;letter-spacing:0}html[data-theme-engine=liquidGlass] .simple-avatar-button:before{background:linear-gradient(145deg,#ffffffd6,#ffffff3d);filter:blur(4px);animation:none}html[data-theme-engine=liquidGlass] .simple-avatar-button img,html[data-theme-engine=liquidGlass] .article-cover,html[data-theme-engine=liquidGlass] .markdown-body img,html[data-theme-engine=liquidGlass] .markdown-body video,html[data-theme-engine=liquidGlass] .markdown-body iframe{border-color:#ffffffb8;box-shadow:var(--glass-shadow)}html[data-theme-engine=liquidGlass] .page-shell,html[data-theme-engine=liquidGlass] .admin-shell{z-index:1}html[data-theme-engine=liquidGlass] .article-detail{max-width:900px;padding-top:44px}html[data-theme-engine=liquidGlass] .markdown-body{color:#1f273cd1}html[data-theme-engine=liquidGlass] .markdown-body h1,html[data-theme-engine=liquidGlass] .markdown-body h2,html[data-theme-engine=liquidGlass] .markdown-body h3{color:var(--fg)}html[data-theme-engine=liquidGlass] .markdown-body a{color:#126fff}html[data-theme-engine=liquidGlass] .markdown-body code,html[data-theme-engine=liquidGlass] .markdown-body pre{background:#ffffff8f;border-color:#ffffffb3}html[data-theme-engine=liquidGlass] .admin-panel{background:#ffffff75;border-color:#ffffffad;box-shadow:var(--glass-shadow)}html[data-theme-engine=liquidGlass] .admin-row,html[data-theme-engine=liquidGlass] .media-asset-row,html[data-theme-engine=liquidGlass] .markdown-preview,html[data-theme-engine=liquidGlass] .admin-create{border-color:#6f8fba24;background:#ffffff3d}html[data-theme-engine=liquidGlass] .field{color:#36425cb8}html[data-theme-engine=liquidGlass] .field input,html[data-theme-engine=liquidGlass] .field select,html[data-theme-engine=liquidGlass] .field textarea{color:var(--fg);border-color:#ffffffb8;background:#ffffff7a;box-shadow:inset 0 1px #ffffffb3}html[data-theme-engine=liquidGlass] .field input:focus,html[data-theme-engine=liquidGlass] .field select:focus,html[data-theme-engine=liquidGlass] .field textarea:focus{border-color:#347cff85;box-shadow:0 0 0 3px #347cff21,inset 0 1px #ffffffc2}html[data-theme-engine=liquidGlass] .nav-icon-trigger,html[data-theme-engine=liquidGlass] .nav-icon-preview,html[data-theme-engine=liquidGlass] .nav-icon-options,html[data-theme-engine=liquidGlass] .nav-icon-option{border-color:#ffffffa3;background:#ffffff61}html[data-theme-engine=liquidGlass] .nav-icon-popover{border-color:#b8cae2b8;background:#f8fbff;box-shadow:0 24px 70px #5074a02e,inset 0 1px #ffffffc2}html[data-theme-engine=liquidGlass] .nav-icon-options{background:#eef5ff}html[data-theme-engine=liquidGlass] .nav-icon-trigger:hover,html[data-theme-engine=liquidGlass] .nav-icon-trigger[aria-expanded=true],html[data-theme-engine=liquidGlass] .nav-icon-option:hover,html[data-theme-engine=liquidGlass] .nav-icon-option.is-active{color:#126fff;border-color:#609cee66;background:#ecf6ffc7}html[data-theme-engine=liquidGlass] .category-checkbox span{color:#36425cb8;border-color:#ffffffa3;background:#ffffff61}html[data-theme-engine=liquidGlass] .category-checkbox input:checked+span{color:#126fff;border-color:#609cee66;background:#ecf6ffc7}.themes-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:20px}.theme-upload-button{flex:0 0 auto;cursor:pointer}.theme-upload-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.theme-upload-button span{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--fg)}.theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.theme-card{overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:#ffffff0b}html[data-theme-engine=liquidGlass] .theme-card{border-color:#ffffffb3;background:#ffffff57;box-shadow:var(--glass-shadow)}.theme-card.is-active{border-color:#8aa6ff7a}html[data-theme-engine=liquidGlass] .theme-card.is-active{border-color:#347cff5c}.theme-preview{height:160px;background:#ffffff0d}.theme-preview img,.theme-preview-fallback{width:100%;height:100%}.theme-preview img{display:block;object-fit:cover}.theme-preview-fallback{display:grid;place-items:center;background:radial-gradient(circle at 28% 24%,rgba(138,166,255,.52),transparent 36%),radial-gradient(circle at 78% 24%,rgba(199,155,255,.38),transparent 34%),linear-gradient(150deg,#ffffff1c,#ffffff0a)}.theme-preview-liquidGlass{background:radial-gradient(circle at 24% 22%,rgba(210,231,255,.95),transparent 42%),radial-gradient(circle at 76% 18%,rgba(255,255,255,.86),transparent 38%),linear-gradient(150deg,#edf6ff,#f9fbff)}.theme-preview-fallback span{width:120px;height:46px;border-radius:999px;border:1px solid rgba(255,255,255,.74);background:#ffffff70;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 18px 50px #4c7ab42e,inset 0 1px #ffffffbd}.theme-card-body{display:grid;gap:14px;padding:16px}.theme-source{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;margin-bottom:10px;border-radius:999px;color:var(--fg-dim);border:1px solid rgba(255,255,255,.14);font-size:12px}html[data-theme-engine=liquidGlass] .theme-source{color:#126fff;background:#ecf6ffb3;border-color:#609cee3d}.theme-card h3{margin:0 0 8px;font-size:18px}.theme-card p{margin:0;color:var(--fg-dim);line-height:1.6}.theme-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.theme-meta div{min-width:0}.theme-meta dt{color:var(--fg-faint);font-size:12px}.theme-meta dd{margin:3px 0 0;color:var(--fg-dim);font-size:13px;overflow-wrap:anywhere}.theme-actions{display:flex;gap:8px;flex-wrap:wrap}.theme-actions button{min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--fg);cursor:pointer}.theme-actions button:disabled{cursor:default;opacity:.58}@media(prefers-reduced-motion:reduce){.avatar-ring,.simple-avatar-button:before,.liquid-mist span{animation:none}.card,.topbar,.topbar-title,.sortable-row,button,.liquid-topbar{transition:none}}@media(max-width:900px){.articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-grid{grid-template-columns:1fr}}@media(max-width:640px){.avatar,.liquid-avatar{width:150px;height:150px}.liquid-brand-name{font-size:30px}.liquid-orb-btn{width:120px;height:48px;padding:0 12px;font-size:13px}.liquid-hero-panel{min-height:560px}.liquid-hero-glass{top:8px;right:8px;bottom:8px;left:8px}.liquid-section-header{grid-template-columns:1fr auto;align-items:end;padding:0 20px}.liquid-section-header .glass-link-button:not(.liquid-search-button){grid-column:1 / -1;justify-self:start}.orb-btn{font-size:14px;padding:0 12px}.brand-name{font-size:30px;letter-spacing:1.5px}.articles-header{margin-top:20px;padding:0 20px}.articles-header-row{align-items:flex-start;flex-direction:column}.section-title{font-size:24px}.articles-grid{padding:8px 20px 48px;gap:16px}.card{border-radius:16px}.articles-grid{grid-template-columns:1fr}.simple-topbar{padding:0 14px;gap:8px}.simple-nav{gap:6px}.simple-brand,.simple-nav button,.simple-category-nav button{min-height:34px;padding:0 10px;font-size:13px}.simple-category-nav{flex:1 1 auto}.simple-profile{gap:8px}.simple-topbar-title{display:none}.simple-profile span{display:block;max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;letter-spacing:.7px}.simple-avatar-button{width:44px;height:44px}.page-shell,.admin-shell{padding-top:96px}.page-hero,.article-detail,.admin-header,.admin-panel,.admin-tabs,.category-tabs{padding-left:20px;padding-right:20px}.page-hero h1,.article-detail h1,.admin-header h1{font-size:30px}.admin-header{align-items:flex-start;flex-direction:column}.themes-heading{flex-direction:column}.theme-upload-button{width:100%}.theme-upload-button span{justify-content:center;width:100%}.admin-panel{border-radius:0;border-left:0;border-right:0}.form-grid,.admin-row,.category-row,.media-asset-row,.articles-admin-layout{grid-template-columns:1fr}.admin-row{align-items:stretch}.drag-handle{width:100%}.media-asset-actions{justify-content:flex-start}.api-note,.empty-state,.form-error{padding-left:20px;padding-right:20px}}
