:root{--bg:#faf9f7;--bg-soft:#f1efeb;--card:#ffffff;--fg:#23201b;--muted:#7d776b;--border:#e6e2da;--accent:#c25e3a;--accent-soft:#f6e6df;--accent-2:#e28a56;--accent-fg:#fff;--code-bg:#f3f0ea;--shadow:0 1px 2px rgba(35, 32, 27, 0.05),0 4px 14px rgba(35, 32, 27, 0.06);--shadow-hover:0 2px 4px rgba(35, 32, 27, 0.06),0 12px 28px rgba(35, 32, 27, 0.10);--ring:0 0 0 3px color-mix(in srgb, var(--accent) 24%, transparent);--radius:12px;--ls-title:0.02em;--ls-body:0.01em;--font:"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,sans-serif;--mono:"Cascadia Code",Consolas,"Courier New",monospace;--font-body:"Songti SC","STSong","华文宋体","Noto Serif CJK SC","Source Han Serif SC","SimSun","宋体",serif;--font-heading:var(--font-body);--font-display:var(--font-body);--font-deco:"STFangsong","FangSong","仿宋","Songti SC","SimSun","宋体",serif;--tok-kw:#cf3a4f;--tok-str:#0a7d3f;--tok-com:#9aa0a6;--tok-num:#b3751c}html.ios{--font-body:"Songti SC","STSong",serif;--font-heading:"Songti SC",serif;--font-display:"Songti SC",serif;--font-deco:"STFangsong","Songti SC",serif}html[data-theme=dark]{--bg:#171512;--bg-soft:#201d18;--card:#211e1a;--fg:#e8e2d8;--muted:#9c9484;--border:#35302a;--accent:#e08a63;--accent-soft:#3a2c22;--accent-2:#d97d4a;--accent-fg:#fff;--code-bg:#2a2621;--shadow:0 1px 2px rgba(0, 0, 0, 0.3),0 4px 14px rgba(0, 0, 0, 0.35);--shadow-hover:0 2px 5px rgba(0, 0, 0, 0.35),0 14px 30px rgba(0, 0, 0, 0.45);--ring:0 0 0 3px color-mix(in srgb, var(--accent) 30%, transparent);--tok-kw:#ff7b72;--tok-str:#7ee787;--tok-com:#8b949e;--tok-num:#d2a8ff}:root[data-theme=light][data-accent=terra]{--accent:#c25e3a;--accent-soft:#f6e6df;--accent-2:#e28a56;--accent-fg:#fff}html[data-theme=dark][data-accent=terra]{--accent:#e08a63;--accent-soft:#3a2c22;--accent-2:#d97d4a;--accent-fg:#fff}:root[data-theme=light][data-accent=indigo]{--accent:#2b73af;--accent-soft:#d9e7f5;--accent-2:#1661ab;--accent-fg:#fff;--bg:#f6f8fb;--bg-soft:#eef2f7;--card:#ffffff;--border:#dde6ef}html[data-theme=dark][data-accent=indigo]{--accent:#619ac3;--accent-soft:#223144;--accent-2:#8fb2c9;--accent-fg:#101c2b;--bg:#141a21;--bg-soft:#1b222b;--card:#1d242e;--border:#2f3945}:root[data-theme=light][data-accent=bamboo]{--accent:#497568;--accent-soft:#e2ece6;--accent-2:#6e8b74;--accent-fg:#fff;--bg:#f6f8f5;--bg-soft:#eef2ee;--card:#ffffff;--border:#dfe6dd}html[data-theme=dark][data-accent=bamboo]{--accent:#1ba784;--accent-soft:#1c3429;--accent-2:#40a070;--accent-fg:#0c241b;--bg:#141b16;--bg-soft:#1a231d;--card:#1d2620;--border:#2d3a32}:root[data-theme=light][data-accent=dusk]{--accent:#8b2671;--accent-soft:#f1e3ec;--accent-2:#681752;--accent-fg:#fff;--bg:#faf7fa;--bg-soft:#f2ecf1;--card:#ffffff;--border:#e8dde6}html[data-theme=dark][data-accent=dusk]{--accent:#ad6598;--accent-soft:#362640;--accent-2:#c98ab9;--accent-fg:#fff;--bg:#19141a;--bg-soft:#201a22;--card:#221c24;--border:#382b3a}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}::selection{background:var(--accent-soft);color:var(--fg)}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--muted) 45%,transparent) transparent}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 35%,transparent);border-radius:999px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--muted) 55%,transparent);background-clip:content-box}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:0;box-shadow:var(--ring);border-radius:6px}@media (max-width:768px){body{min-width:320px}}@media (min-width:769px){body{min-width:1024px}}body{margin:0;min-height:100vh;display:flex;flex-direction:column;font-family:var(--font-body);font-size:16px;line-height:1.7;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;transition:background .25s ease,color .25s ease}.admin-layout{font-family:var(--font)}#app{display:flex;flex-direction:column;flex:1 0 auto;width:100%;min-height:100vh}#bgSketch{position:fixed;inset:0;z-index:0;width:100vw;height:100vh;pointer-events:none;opacity:1}#app{position:relative;z-index:1}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1160px;margin:0 auto;padding:0 20px}.topbar{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.topbar-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:60px}.brand{justify-self:start;font-size:19px;font-weight:700;font-family:var(--font-display);color:var(--fg);letter-spacing:.5px;display:flex;align-items:center;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}.brand:hover{text-decoration:none}.topbar-actions{justify-self:end;display:flex;align-items:center;gap:8px;position:relative}.topbar-left{display:flex;align-items:center;gap:20px}.main-nav{justify-self:center;display:flex;gap:2px;align-items:center}.main-nav .nav-link{color:var(--muted);font-size:18.5px;padding:6px 12px;border-radius:8px;transition:color .15s ease,background .15s ease}.main-nav .nav-link:hover{color:var(--fg);background:var(--bg-soft);text-decoration:none}.main-nav .nav-link.active{color:var(--accent);font-weight:600}.nav-item{position:relative}.has-sub>.nav-link::after{content:"▾";font-size:10px;margin-left:3px;opacity:.7}.sub-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:160px;background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:6px;display:none;flex-direction:column;gap:2px;z-index:30;opacity:0;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease}.has-sub:focus-within .sub-menu,.has-sub:hover .sub-menu{display:flex;opacity:1;transform:translateY(0)}.sub-menu a{color:var(--fg);font-size:14px;padding:7px 10px;border-radius:7px;white-space:nowrap}.sub-menu a:hover{background:var(--bg-soft);color:var(--accent);text-decoration:none}.sub-menu a.active{color:var(--accent);font-weight:600}.hamburger-btn{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;background:0 0;border:none;cursor:pointer;padding:6px;border-radius:8px;transition:background .15s;flex-shrink:0}.hamburger-btn span{display:block;width:20px;height:2px;background:var(--fg);border-radius:2px;transition:transform .25s ease,opacity .25s ease}.hamburger-btn:hover{background:var(--bg-soft)}.hamburger-btn.open span:first-child{transform:translateY(7px) rotate(45deg)}.hamburger-btn.open span:nth-child(2){opacity:0}.hamburger-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:199;opacity:0;transition:opacity .3s ease}.sidebar-overlay.show{display:block;opacity:1}.mobile-sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;height:100dvh;background:var(--bg);z-index:200;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4, 0, .2, 1);display:flex;flex-direction:column;box-shadow:4px 0 24px rgba(0,0,0,.08);overflow-y:auto}.mobile-sidebar.open{transform:translateX(0)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);flex-shrink:0;gap:8px}.sidebar-brand{font-size:18px;font-weight:700;font-family:var(--font-display);color:var(--fg);letter-spacing:.5px}.sidebar-close{background:0 0;border:none;color:var(--muted);font-size:20px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .15s,color .15s}.sidebar-close:hover{background:var(--bg-soft);color:var(--fg)}.sidebar-nav{flex:1;padding:12px 0;display:flex;flex-direction:column}.sidebar-link{display:block;padding:12px 24px;font-size:15px;color:var(--fg);text-decoration:none;transition:background .15s,color .15s;border-left:3px solid transparent}.sidebar-link:hover{background:var(--bg-soft);color:var(--accent);text-decoration:none}.sidebar-link.active{color:var(--accent);font-weight:600;background:var(--accent-soft);border-left-color:var(--accent)}.sidebar-footer{border-top:1px solid var(--border);padding:14px 20px;flex-shrink:0}[data-theme=dark] .mobile-sidebar{box-shadow:4px 0 24px rgba(0,0,0,.3)}[data-theme=dark] .sidebar-overlay{background:rgba(0,0,0,.6)}.icon-btn{background:var(--bg-soft);border:1px solid transparent;border-radius:50%;color:var(--fg);width:34px;height:34px;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,border-color .15s ease,color .15s ease}.icon-btn:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.accent-wrap{position:relative}.lang-wrap{position:relative}.accent-pop,.lang-pop{position:absolute;top:calc(100% + 10px);right:0;z-index:60;min-width:172px;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:10px;display:none}.accent-pop.open,.lang-pop.open{display:block;animation:accentPopIn .14s ease}@keyframes accentPopIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.accent-pop-title{font-size:12px;color:var(--muted);letter-spacing:.5px;margin:0 2px 8px}.accent-pop-swatches{display:grid;grid-template-columns:1fr 1fr;gap:6px}.accent-swatch{display:flex;align-items:center;gap:7px;padding:6px 8px;border:1px solid var(--border);border-radius:9px;background:var(--bg-soft);color:var(--fg);font-size:12.5px;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.accent-swatch:hover{border-color:var(--accent)}.accent-swatch.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.accent-dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.15);flex-shrink:0}.accent-name{line-height:1}.lang-pop{right:0;min-width:168px}.lang-pop-options{display:grid;grid-template-columns:1fr;gap:4px}.lang-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;border-radius:8px;background:0 0;color:var(--fg);font-size:13.5px;cursor:pointer;text-align:left}.lang-option:hover{background:var(--bg-soft)}.lang-option.active{color:var(--accent);font-weight:600;background:var(--accent-soft)}.lang-flag{display:inline-flex;flex-shrink:0;align-items:center}.lang-flag-img{display:block;width:20px;height:14px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.1)}.lang-name{line-height:1.2}.sidebar-picks{display:flex;gap:8px;align-items:center}.sidebar-picks>*{width:calc(50% - 4px);flex:none;min-width:0}.accent-native-wrap{position:relative;display:flex;align-items:center;min-width:0}.accent-native-wrap .accent-dot{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:12px;height:12px;pointer-events:none;z-index:1}.accent-native-wrap .lang-switch{width:100%;padding-left:26px}.lang-switch{font-size:13px;padding:4px 6px;border:1px solid var(--border);border-radius:6px;background:var(--bg-soft);color:var(--text);cursor:pointer;outline:0;line-height:1.4;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236b7280'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;padding-right:22px}.lang-switch:hover{border-color:var(--accent)}.lang-switch:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}@media (max-width:992px){.lang-switch{font-size:12px;padding:3px 4px;padding-right:18px}}.search-icon{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;display:block}.search-dot{fill:currentColor;stroke:none}.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--card);color:var(--fg);padding:7px 14px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .15s ease}button.btn{font-family:inherit}.btn:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}::selection{background:var(--accent-soft);color:var(--fg)}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-track{background:0 0}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.btn-primary:hover{background:var(--accent);color:var(--accent-fg);filter:brightness(1.08)}.btn-danger{background:#d3544a;border-color:#d3544a;color:#fff}.btn-danger:hover{background:#c4453c;color:#fff;filter:brightness(1.05)}.btn-ghost{background:0 0}main{flex:1 0 auto;width:100%;padding:34px 0 60px}.page-fade{animation:pageFade .22s ease}@keyframes pageFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-title{font-size:26px;margin:0 0 6px;font-weight:700;font-family:var(--font-display)}.page-sub{color:var(--muted);margin:0 0 22px;font-size:14px}.list-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.current-tag{margin-bottom:14px}.current-tag .tag-chip{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.tag-clear{color:inherit;margin-left:4px;font-weight:700}.tag-clear:hover{text-decoration:none;opacity:.7}.tag-chip{display:inline-flex;align-items:center;font-size:12px;line-height:1.6;padding:1px 10px;border-radius:999px;border:1px solid var(--border);background:0 0;color:var(--muted);transition:all .15s ease}.tag-chip:hover{color:var(--accent);border-color:var(--accent)}.topbar-search{display:none;position:absolute;inset:0;align-items:center;gap:10px;padding:0 14px;background:var(--bg);z-index:11}.topbar.searching .topbar-search{display:flex}.topbar.searching .main-nav,.topbar.searching .topbar-left{display:none}.ts-icon{display:none}.search-icon{width:16px;height:16px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}#globalSearchInput{flex:1 1 auto;min-width:0;border:1px solid var(--border);background:var(--card);color:var(--fg);font-size:15px;font-family:inherit;padding:9px 14px;border-radius:999px;outline:0;transition:border-color .15s ease}#globalSearchInput:focus{border-color:var(--accent);box-shadow:var(--ring)}.ts-close{flex:0 0 auto;background:var(--bg-soft);border:1px solid var(--border);color:var(--muted);border-radius:50%;width:30px;height:30px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s ease,border-color .15s ease}.ts-close:hover{color:var(--accent);border-color:var(--accent)}.search-panel{display:none;position:absolute;top:100%;left:0;right:0;background:var(--card);border-bottom:1px solid var(--border);box-shadow:var(--shadow);max-height:72vh;overflow-y:auto;z-index:9}.search-panel.open{display:block}.search-hit{display:block;padding:12px 18px;border-bottom:1px solid var(--border);text-decoration:none}.search-hit:last-child{border-bottom:none}.search-hit:active,.search-hit:focus,.search-hit:hover{background:var(--bg-soft);text-decoration:none}.sh-title{font-size:14.5px;color:var(--fg);font-weight:600}.sh-title .sh-hl{color:var(--accent);background:var(--accent-soft);border-radius:3px;padding:0 1px}.sh-snip{font-size:12.5px;color:var(--muted);margin-top:3px;line-height:1.5}.sh-snip .sh-hl{color:var(--accent);font-weight:600;background:var(--accent-soft);border-radius:3px;padding:0 1px}.search-empty{padding:16px 18px;color:var(--muted);font-size:13px}.guestbook{max-width:720px;margin:0 auto}.guestbook-head{display:flex;align-items:center;gap:14px;margin:6px 0 18px}.guestbook-head-icon{flex:0 0 auto;width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--accent-fg);background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 8px 20px -6px color-mix(in srgb,var(--accent) 45%,transparent)}.guestbook-head .page-title{margin:0}.guestbook-sub{margin:2px 0 0;color:var(--muted);font-size:13.5px}.guestbook-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.gb-tab{border:1px solid var(--border);background:var(--card);color:var(--muted);border-radius:999px;padding:8px 16px;cursor:pointer;font-size:13.5px;display:inline-flex;align-items:center;gap:6px;transition:all .18s ease}.gb-tab:hover{border-color:var(--accent);color:var(--fg)}.gb-tab.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--accent-fg);border-color:transparent;box-shadow:0 8px 18px -8px color-mix(in srgb,var(--accent) 55%,transparent)}.guestbook-form{padding:18px;margin-bottom:20px;border:1px solid var(--border);border-radius:16px}.gb-form-row{display:flex;gap:10px;align-items:center}.gb-form-row input[type=text]{flex:1;border:1px solid var(--border);background:var(--bg-soft);color:var(--fg);border-radius:10px;padding:9px 12px;font-size:14px;outline:0;transition:border-color .15s ease,box-shadow .15s ease}.gb-form-row input[type=text]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.gb-submit{flex:0 0 auto;width:40px;height:40px;border:none;border-radius:10px;cursor:pointer;color:var(--accent-fg);background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;transition:transform .15s ease}.gb-submit:hover{transform:translateY(-1px)}.gb-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.gb-kind-hint{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);margin:6px 0 2px}.gb-kind-hint[data-kind=idea]{color:var(--accent)}.guestbook-form textarea{width:100%;box-sizing:border-box;resize:vertical;border:1px solid var(--border);background:var(--bg-soft);color:var(--fg);border-radius:10px;padding:10px 12px;font-size:14px;line-height:1.65;outline:0;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.guestbook-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.gb-form-foot{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.gb-status{color:var(--accent);font-size:12.5px}.gb-count{color:var(--muted);font-size:12px}.guestbook-list{display:flex;flex-direction:column;gap:12px}.gb-empty{text-align:center;padding:42px 16px;color:var(--muted);border:1px dashed var(--border);border-radius:16px;background:var(--bg-soft)}.gb-empty-icon{font-size:0;opacity:.5}.gb-empty p{margin:10px 0 0;font-size:14px}.gb-entry{padding:16px 18px;animation:gb-in .25s ease;border:1px solid var(--border);border-radius:16px;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.gb-entry:hover{border-color:color-mix(in srgb,var(--border) 55%,var(--accent) 20%);box-shadow:var(--shadow);transform:translateY(-1px)}@keyframes gb-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.gb-entry-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.gb-avatar{flex:0 0 auto;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;color:var(--accent-fg);background:linear-gradient(135deg,var(--accent),var(--accent-2))}.gb-author{font-weight:600;color:var(--fg);font-size:14px}.gb-kind-badge{margin-left:auto;font-size:11px;font-weight:600;border-radius:999px;padding:3px 9px}.gb-kind-badge.note{color:var(--accent);background:var(--accent-soft)}.gb-kind-badge.idea{color:#b3751c;background:#f6ecd8}html[data-theme=dark] .gb-kind-badge.idea{color:#e6b04d;background:#3a2f1c}.gb-date{color:var(--muted);font-size:12px;margin-left:8px}.gb-entry-content{color:var(--fg);font-size:14px;line-height:1.7;white-space:pre-wrap;word-break:break-word}.home-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:-2px 0 18px;padding:10px 14px;background:var(--bg-soft);border:1px solid var(--border);border-radius:12px}.home-tags-label{font-size:12px;color:var(--muted);font-weight:600;letter-spacing:.5px}.home-tags-track{display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex:1;min-width:0}.home-tag{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--fg);background:var(--card);border:1px solid var(--border);border-radius:999px;padding:4px 12px;transition:all .15s ease}.home-tag:hover{text-decoration:none;border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.home-tag.active{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.home-tag-count{font-size:11px;background:var(--bg-soft);color:var(--muted);border-radius:999px;padding:0 7px;min-width:18px;text-align:center}.home-tag:hover .home-tag-count{background:var(--card);color:var(--muted)}.home-tag.active .home-tag-count{background:rgba(255,255,255,.25);color:var(--accent-fg)}.tag-cloud{display:flex;flex-wrap:wrap;gap:10px;padding:6px 2px}.cloud-chip{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--fg);border:1px solid var(--border);background:var(--card);border-radius:999px;padding:7px 16px;transition:all .15s ease}.cloud-chip:hover{text-decoration:none;border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.cloud-chip.active{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.cloud-count{font-size:11.5px;background:var(--bg-soft);color:var(--muted);border-radius:999px;padding:1px 8px;min-width:22px;text-align:center}.cloud-chip:hover .cloud-count{background:var(--card)}.cloud-chip.active .cloud-count{background:rgba(255,255,255,.22);color:var(--accent-fg)}.post-card{position:relative;overflow:hidden;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px 20px;min-height:200px;box-shadow:var(--shadow);cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background-color .2s ease;display:flex;align-items:stretch;gap:18px;color:inherit}.post-card::after{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--accent-2),var(--accent));opacity:0;transition:opacity .2s ease}.post-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:var(--shadow-hover);background-color:color-mix(in srgb,var(--card) 92%,var(--accent-soft) 8%);text-decoration:none}.post-card:hover::after{opacity:1}html[data-theme=dark] .post-card{border-color:color-mix(in srgb,var(--border) 62%,var(--accent) 8%)}html[data-theme=dark] .post-card:hover{border-color:var(--accent)}.post-card-main{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-start}.post-thumb{position:relative;flex-shrink:0;align-self:center;width:260px;height:160px;aspect-ratio:13/8;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:linear-gradient(135deg,var(--accent-soft),var(--bg-soft));display:flex;align-items:center;justify-content:center}.post-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .3s ease}.post-thumb img.thumb-in{opacity:1}.post-thumb-ph{font-size:30px;font-weight:600;color:var(--accent);opacity:.7;line-height:1;user-select:none;letter-spacing:.1em;text-shadow:0 1px 0 color-mix(in srgb,var(--card) 40%,transparent)}.post-card .meta{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--muted);margin-bottom:8px;flex-wrap:wrap}.post-card .meta .date{letter-spacing:.3px}.post-card .mini-tags{display:flex;gap:6px;flex-wrap:wrap;margin:auto 0 0;padding-top:8px;justify-content:flex-start;align-self:flex-start}.post-card .mini-tags span{font-size:11.5px;background:var(--accent-soft);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 26%,transparent);padding:0 8px;border-radius:999px;transition:border-color .15s ease,background .15s ease,color .15s ease}.post-card:hover .mini-tags span{border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.post-card .mini-tags span:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}html[data-theme=dark] .post-card .mini-tags span{background:color-mix(in srgb,var(--accent-soft) 88%,transparent);color:color-mix(in srgb,var(--accent) 72%,#fff 28%);border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);padding:0 7px}.post-card h2{margin:0 0 6px;font-size:19px;line-height:1.42;letter-spacing:var(--ls-title);transition:color .2s ease}.post-card:hover h2{color:var(--accent)}.post-card .excerpt{margin:0;color:var(--muted);font-size:14px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.empty{text-align:center;color:var(--muted);padding:56px 0}.empty .big{font-size:40px;margin-bottom:10px}#listContainer{display:flex;flex-direction:column;gap:18px}#listContainer.list-nopager{margin-bottom:32px}.pager{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:26px;margin-bottom:32px}.pager-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 20px;border:1px solid var(--border);background:var(--card);color:var(--fg);border-radius:0;font-size:13.5px;cursor:pointer;text-decoration:none;box-shadow:var(--shadow);transition:border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}.pager-btn:hover{border-color:var(--accent);color:var(--accent);box-shadow:var(--shadow-hover);transform:translateY(-1px);text-decoration:none}.pager-btn.disabled{opacity:.4;cursor:default;pointer-events:none}.pager-info{color:var(--muted);font-size:13px;letter-spacing:.5px}.icon-btn svg{display:block}.big svg{display:block;margin:0 auto}.pin svg{vertical-align:-2px;margin-right:4px}.meta-views svg{vertical-align:-2px;margin-right:4px}.like-btn.liked svg{fill:currentColor}.spin-icon{animation:qy-spin .9s linear infinite;transform-origin:center}@keyframes qy-spin{to{transform:rotate(360deg)}}.post-body{max-width:940px;margin-left:auto;margin-right:auto}.post-header{margin-bottom:26px;padding-bottom:18px;border-bottom:1px solid var(--border);text-align:center}.post-header h1{margin:0 auto 12px;font-size:32px;line-height:1.35;font-family:var(--font-display);max-width:880px}.post-header .meta{color:var(--muted);font-size:13.5px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center}.af-tags{display:flex;gap:6px;flex-wrap:wrap}.af-tags:empty{display:none}.af-tags a{font-size:12px;color:var(--accent);background:var(--accent-soft);padding:1px 10px;border-radius:999px;transition:all .15s ease}.af-tags a:hover{border-color:var(--accent);background:var(--accent-soft);text-decoration:none}.article-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:18px;padding-top:18px;border-top:1px solid var(--border)}.af-actions{display:flex;gap:10px;margin-left:auto}.like-bar{display:flex;justify-content:center;margin-top:36px}.like-bar .like-btn{font-size:14px;padding:8px 22px}.meta-views{color:var(--muted);display:inline-flex;align-items:center;gap:2px}.article{word-break:break-word;line-height:1.85;font-size:16.5px;letter-spacing:var(--ls-body)}.article h1,.article h2,.article h3,.article h4{line-height:1.35;margin:1.7em 0 .6em}.article h1{font-size:1.55em}.article h2{font-size:1.35em;margin:2em 0 .7em;padding-bottom:.32em;border-bottom:1px solid color-mix(in srgb,var(--border) 80%,var(--accent) 12%)}.article h3{font-size:1.18em;margin-top:1.8em}.article h2,.article h3,.post-card h2,.write-preview h2,.write-preview h3{font-family:var(--font-heading);font-weight:600;letter-spacing:var(--ls-title)}.article h1[id^=toc-],.article h2[id^=toc-],.article h3[id^=toc-],.article h4[id^=toc-],.article h5[id^=toc-],.article h6[id^=toc-]{scroll-margin-top:84px}.article .toc-num{display:inline-block;font-weight:600;color:var(--muted);margin-right:8px;font-variant-numeric:tabular-nums}.article h1>.toc-num,.article h2>.toc-num{font-weight:700}.article p{margin:.9em 0}.article ol,.article ul{padding-left:1.5em;margin:.8em 0}.article li{margin:.3em 0}.article li>ol,.article li>ul{margin:.2em 0}.article blockquote,.write-preview blockquote{margin:1.1em 0;padding:12px 18px;border-left:3px solid var(--accent);background:color-mix(in srgb,var(--accent-soft) 38%,var(--bg-soft));color:var(--fg);border-radius:0 10px 10px 0;font-family:var(--font-deco);font-size:1.06em;box-shadow:var(--shadow)}.article blockquote p{margin:.5em 0}.article code.inline-code,.write-preview code.inline-code{font-family:var(--mono);font-size:.9em;background:var(--code-bg);border:1px solid color-mix(in srgb,var(--border) 72%,transparent);padding:1px 6px;border-radius:6px}.article pre.code-block,.write-preview pre.code-block{font-family:var(--mono);background:var(--code-bg);border:1px solid var(--border);border-radius:12px;padding:14px 18px;overflow-x:auto;font-size:13.5px;line-height:1.65;box-shadow:inset 0 1px 0 rgba(255,255,255,.03),var(--shadow)}.article img,.write-preview img{max-width:100%;border-radius:10px;box-shadow:var(--shadow)}.article table,.write-preview table{border-collapse:collapse;width:100%;margin:1em 0;font-size:14.5px}.article td,.article th,.write-preview td,.write-preview th{border:1px solid var(--border);padding:8px 12px;text-align:left}.article th{background:var(--bg-soft);font-weight:600}.article hr,.write-preview hr{border:none;border-top:1px solid var(--border);margin:1.6em 0}.article del{color:var(--muted)}.editor-wrap{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.field{margin-bottom:14px}.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px;font-weight:600}.field input[type=date],.field input[type=datetime-local],.field input[type=text],.field textarea{width:100%;border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:8px;padding:10px 12px;font-size:14.5px;font-family:inherit;outline:0;transition:border-color .15s ease}.field input:focus,.field textarea:focus{border-color:var(--accent)}.field textarea{resize:vertical;min-height:90px}.editor-meta{margin-bottom:16px}.editor-grid{display:grid;grid-template-columns:2.4fr 1fr;gap:12px}.editor-grid>.field{margin-bottom:0}.editor-grid>.check-label{margin-top:0}.editor-area{display:block;width:100%;min-height:420px;border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:8px;padding:14px;font-family:var(--mono);font-size:13.5px;line-height:1.7;resize:vertical;outline:0}.editor-area:focus{border-color:var(--accent)}.preview-pane{border:1px solid var(--border);background:var(--bg);border-radius:8px;padding:14px 18px;min-height:420px;max-height:620px;overflow-y:auto;font-size:15px}.editor-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.container.write-page{max-width:1160px}.write-page .write-head{margin-bottom:18px}.write-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.write-head .page-title{margin:0;font-size:22px;display:inline-flex;align-items:center;gap:8px}.mode-chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;letter-spacing:.4px;padding:3px 10px;border-radius:99px;color:var(--accent);background:var(--accent-soft)}.mode-chip.local{color:var(--muted);background:var(--bg-soft)}.mode-chip.editing{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg);background:var(--bg-soft);border:1px solid var(--border)}.field-full{grid-column:1/-1}.editor-pane{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);overflow:hidden;transition:border-color .15s ease}.editor-pane:focus-within{border-color:var(--accent)}.pane-head{display:flex;align-items:center;gap:7px;padding:9px 14px;font-size:12.5px;font-weight:600;letter-spacing:.5px;color:var(--muted);background:var(--card);border-bottom:1px solid var(--border)}.pane-note{margin-left:auto;font-weight:400;font-size:11px;opacity:.8}.editor-pane .toolbar{margin:0;padding:6px 10px;border:0;border-radius:0;border-bottom:1px solid var(--border);background:var(--card)}.md-input{width:100%;min-height:560px;border:0;background:var(--bg);color:var(--fg);padding:18px 22px;font-family:var(--mono);font-size:14.5px;line-height:1.8;resize:none;overflow-y:auto;outline:0}.preview-body{padding:20px 22px;min-height:560px;max-height:76vh;overflow-y:auto;font-size:16px;line-height:1.75}.actions-bar{align-items:center;margin-top:18px;padding:10px 14px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.action-sep{width:1px;align-self:stretch;background:var(--border);margin:2px 4px}.actions-right{margin-left:auto;display:inline-flex;align-items:center;gap:10px}.btn-logout:hover{color:#c0392b;border-color:#c0392b}html[data-theme=dark] .btn-logout:hover{color:#e07b6b;border-color:#e07b6b}.draft-hint{font-size:12.5px;color:var(--muted);margin-top:10px;padding:8px 12px;background:var(--bg-soft);border-radius:8px;border-left:3px solid var(--accent)}.draft-hint b{color:var(--accent)}footer{flex-shrink:0;border-top:1px solid var(--border);background:var(--bg-soft)}.footer-inner{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:20px 20px 24px}.footer-nav{display:flex;flex-wrap:wrap;align-items:center;font-size:12.5px;line-height:1.7;letter-spacing:.3px}.footer-nav a{color:var(--muted);text-decoration:none;transition:color .15s ease;padding:1px 5px}.footer-nav a:hover{color:var(--accent)}.footer-dot{color:var(--border);margin:0 1px}.footer-rss{color:var(--accent)}.footer-extra{display:flex;flex-direction:column;gap:9px;font-size:12px;color:var(--muted);line-height:1.7}.footer-extra p{margin:0}.footer-decl{max-width:820px}.footer-lbl{color:color-mix(in srgb,var(--muted) 78%,var(--fg))}.footer-nav a:first-child{padding-left:0}.footer-contact a,.footer-contact a:hover{color:var(--muted);text-decoration:none}.footer-friends{display:flex;flex-wrap:wrap;align-items:center;column-gap:12px;row-gap:6px}.footer-friends .footer-friend-links{display:inline-flex;flex-wrap:wrap;align-items:center;column-gap:12px;row-gap:6px}.footer-friends a+a{margin-left:0}.footer-friends a{color:var(--muted);text-decoration:none}.footer-friends a:hover{color:var(--accent);text-decoration:none;cursor:pointer}.footer-copy{font-size:11.5px;color:var(--muted);line-height:1.7;letter-spacing:.2px}.footer-icp{margin-left:8px}.footer-icp:hover{color:var(--accent)}@media (max-width:640px){.footer-extra{display:none}.footer-icp{display:none}.footer-inner{align-items:center}.footer-copy,.footer-nav{justify-content:center;text-align:center}}.about-card h3{margin:1.4em 0 .4em;font-size:15px}.about-card h3:first-child{margin-top:0}.about-card ul{margin:.4em 0;padding-left:1.4em}.about-card p{margin:.5em 0}.about-sep{border:none;border-top:1px dashed var(--border);margin:22px 0 18px}.about-author{display:flex;align-items:center;gap:16px;padding:16px;margin:16px 0}.about-author-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:0 0 auto;background:var(--bg-soft);border:1px solid var(--border)}.about-author-info{min-width:0}.about-author-name{font-size:17px;font-weight:700;letter-spacing:.3px}.about-author-bio{margin-top:4px;font-size:13.5px;color:var(--muted);line-height:1.6}@media (max-width:640px){.about-author{gap:12px;padding:14px}.about-author-avatar{width:54px;height:54px}}.btn-top{position:fixed;right:22px;bottom:92px;width:42px;height:42px;border-radius:0;border:1px solid var(--border);background:var(--card);color:var(--fg);font-size:17px;cursor:pointer;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;padding:0;z-index:30;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease,border-color .15s ease,color .15s ease}.btn-top.show{opacity:1;visibility:visible;transform:translateY(0)}.btn-top:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}@media (max-width:640px){.btn-top{right:14px;bottom:80px;width:38px;height:38px}}.word-count{color:var(--muted);font-weight:400}.save-status{color:var(--accent);font-weight:400}.keys-hint{align-self:center;margin-left:auto;font-size:12px;color:var(--muted)}kbd{font-family:var(--mono);font-size:11px;background:var(--bg-soft);border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;padding:0 5px}.post-header .meta .meta-date{letter-spacing:.3px}.post-header .meta .meta-dot{opacity:.5}.archive-year{font-size:20px;margin:28px 0 8px;padding-bottom:6px;border-bottom:1px solid var(--border);letter-spacing:var(--ls-title)}.archive-month h3{font-size:15px;margin:18px 0 6px;color:var(--fg)}.archive-month .count{font-size:12px;color:var(--muted);font-weight:400;margin-left:8px}.archive-month ul{list-style:none;margin:0;padding:0}.archive-month li{display:flex;align-items:baseline;gap:14px;padding:6px 0;font-size:14.5px;border-bottom:1px dashed rgba(128,128,128,.2)}.archive-month li:last-child{border-bottom:1px dashed rgba(128,128,128,.2)}.archive-month li:only-child{border-bottom:1px dashed rgba(128,128,128,.2)}.archive-month li .ad{color:var(--muted);font-size:13px;min-width:96px;font-variant-numeric:tabular-nums;letter-spacing:.3px}.archive-month li a{color:var(--fg)}.archive-month li a:hover{color:var(--accent);text-decoration:none}.archive-month li:only-child{border-bottom:none}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:8px 0 4px}.stat{background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;padding:12px 8px;text-align:center}.stat b{display:block;font-size:18px;color:var(--accent);line-height:1.4}.stat span{font-size:12px;color:var(--muted)}.ad-slot{display:none;margin:18px 0;padding:12px 14px;border:1px dashed var(--border);border-radius:10px;background:var(--bg-soft);text-align:center;overflow-x:auto}.ad-slot.has-ad{display:block}.ad-label{display:inline-block;font-size:10.5px;color:var(--muted);opacity:.7;letter-spacing:2px;margin-bottom:6px}.ad-slot ins{display:block}.post-card .pin{font-size:11.5px;color:var(--accent);background:var(--accent-soft);padding:1px 8px;border-radius:999px}.check-label{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:13px;font-weight:400;color:var(--muted);cursor:pointer;user-select:none}.check-label label{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.check-label svg{flex-shrink:0;display:block}.check-label input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px;cursor:pointer;flex-shrink:0}.comments{margin-top:34px;padding-top:22px;border-top:1px solid var(--border);position:relative}.comments::before{content:"";position:absolute;top:-2px;left:0;width:42px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2));opacity:.7}.comments h3{font-size:18px;margin:0 0 4px;font-family:var(--font-heading);letter-spacing:.01em}.comment-count{color:var(--muted);font-weight:400;font-size:13.5px}.comment-hint{color:var(--muted);font-size:12.5px;margin:0 0 14px}.comment-form{display:flex;flex-direction:column;gap:8px;border:1px solid var(--border);border-radius:14px;padding:16px;background:color-mix(in srgb,var(--card) 88%,var(--bg-soft))}.comment-form input,.comment-form textarea{width:100%;padding:10px 13px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--fg);font-size:14px;font-family:inherit;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.comment-form input:focus,.comment-form textarea:focus{border-color:var(--accent);box-shadow:var(--ring);outline:0}.comment-submit-row{display:flex;align-items:center;gap:10px}.c-status{font-size:13px;color:var(--muted)}.comment-list{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.comment{position:relative;display:flex;flex-direction:column;gap:8px;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--card) 96%,var(--bg-soft));transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.comment:hover{border-color:color-mix(in srgb,var(--border) 55%,var(--accent) 18%);box-shadow:var(--shadow);transform:translateY(-1px)}.comment-head{display:flex;align-items:center;gap:9px;font-size:13px;min-width:0;flex:0 0 auto;flex-wrap:wrap;width:100%}.comment-avatar{flex:0 0 auto;width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--accent-fg);background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 3px 8px -3px color-mix(in srgb,var(--accent) 48%,transparent)}.comment-author{font-weight:600;color:var(--accent)}.comment-date{color:var(--muted);font-size:12px}.comment-actions{margin-left:auto;display:inline-flex;align-items:center;gap:2px}.comment-del{border:none;background:0 0;color:var(--muted);cursor:pointer;font-size:12.5px;opacity:.65;padding:2px 6px;border-radius:6px}.comment-del:hover{opacity:1;color:var(--danger,#c0392b);background:var(--bg-soft)}.comment-main{flex:1 1 auto;min-width:0;width:100%}.comment-content{margin:2px 0 0;font-size:14.5px;line-height:1.7;white-space:pre-wrap;word-break:break-word}.comment-reply-to{display:inline-block;margin:6px 0 0;font-size:12px;color:var(--accent);background:var(--accent-soft);padding:1px 8px;border-radius:999px;line-height:1.5}.comment-empty{color:var(--muted);font-size:13px;padding:8px 0}.comment-children{list-style:none;margin:8px 0 0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:6px}.comment-children .comment{border:none;border-left:2px solid var(--border);border-radius:0 12px 12px 0;padding:10px 10px 10px 14px;background:0 0}.comment-children .comment:hover{border-left-color:var(--accent);background:color-mix(in srgb,var(--bg-soft) 40%,transparent)}.comment-reply-btn{background:0 0;border:none;color:var(--muted,#999);cursor:pointer;font-size:12px;padding:2px 6px;border-radius:4px}.comment-reply-btn:hover{background:var(--bg-soft);color:var(--accent)}@media (max-width:560px){.comment{gap:6px;padding:13px 13px}.comment-head{gap:8px}.comment-actions{margin-left:auto}.comment-content{font-size:14px}.comment-children{padding-left:12px}}.reply-indicator{background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;padding:9px 13px;margin-bottom:10px;font-size:13px;display:flex;align-items:center;gap:8px;color:var(--text)}.reply-cancel{background:0 0;border:none;cursor:pointer;color:var(--muted,#999);font-size:16px;padding:0 2px}.reply-cancel:hover{color:var(--text)}.featured-posts{margin-top:48px;padding-top:24px;border-top:1px solid var(--border);margin-bottom:32px}.featured-title{font-size:16px;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:6px;color:var(--text)}.featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.featured-card{display:flex;flex-direction:column;justify-content:center;padding:18px 20px;border:1px solid var(--border);border-radius:10px;background:var(--bg-soft);text-decoration:none;cursor:pointer;transition:border-color .2s,box-shadow .2s;min-height:90px}.featured-card:hover{border-color:var(--accent);box-shadow:0 2px 8px rgba(0,0,0,.06);text-decoration:none}.featured-card-title{font-size:15px;font-weight:600;color:var(--text);line-height:1.5;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.featured-card:hover .featured-card-title{color:var(--accent)}.featured-card-meta{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:4px}.featured-card-meta svg{flex-shrink:0}.featured-loading{grid-column:1/-1;text-align:center;padding:16px;color:var(--muted);font-size:13px}@media (max-width:640px){.featured-grid{grid-template-columns:1fr}.featured-card-title{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:calc(1.5em * 2)}}.btn-sm{font-size:12.5px;padding:6px 12px;white-space:nowrap}.toc{margin:0 0 22px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--bg-soft) 82%,var(--card));padding:12px 16px;box-shadow:var(--shadow)}.toc summary{cursor:pointer;font-size:13px;font-weight:600;color:color-mix(in srgb,var(--accent) 72%,var(--fg));letter-spacing:.5px;user-select:none;list-style:none}.toc summary::-webkit-details-marker{display:none}.toc-list{display:flex;flex-direction:column;gap:2px;margin-top:10px}.toc-list a{font-size:13.5px;color:var(--fg);text-decoration:none;padding:5px 10px;border-radius:8px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:color .15s ease,background .15s ease}.toc-list a:hover{color:var(--accent);background:var(--accent-soft)}.toc-list a:focus-visible{outline:0;box-shadow:var(--ring)}.toc-list .toc-num{display:inline-block;min-width:18px;color:var(--muted);font-weight:500;margin-right:6px;font-variant-numeric:tabular-nums}.like-btn{cursor:pointer;font-family:inherit;background:var(--bg-soft);border-radius:999px}.like-btn:hover{border-color:var(--accent);color:var(--accent)}.like-btn.liked{color:#e0245e;border-color:rgba(224,36,94,.35);background:rgba(224,36,94,.08)}.like-btn:disabled{cursor:default}.code-block .tok-kw{color:var(--tok-kw)}.code-block .tok-str{color:var(--tok-str)}.code-block .tok-com{color:var(--tok-com);font-style:italic}.code-block .tok-num{color:var(--tok-num)}.code-block code[class*=lang-]{display:block}.toolbar{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0 0;padding:6px;border:1px solid var(--border);border-radius:8px;background:var(--bg-soft)}.tb-btn{border:1px solid var(--border);background:var(--card);color:var(--fg);border-radius:6px;padding:3px 10px;font-size:12.5px;font-family:var(--mono);cursor:pointer;line-height:1.5}.tb-btn:hover{border-color:var(--accent);color:var(--accent)}.pn-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px;padding-top:14px;border-top:1px dashed var(--border)}.pn-item{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border:1px solid var(--border);border-radius:10px;text-decoration:none;background:var(--card);min-width:0;box-shadow:var(--shadow);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.pn-item:hover{border-color:var(--accent);box-shadow:var(--shadow-hover);transform:translateY(-1px);text-decoration:none}.pn-item:hover .pn-title{color:var(--accent)}.pn-item:hover .pn-dir{color:var(--accent);opacity:.9}.pn-item.pn-single{grid-column:1/-1}.pn-dir{font-size:11.5px;color:var(--muted)}.pn-title{font-size:14px;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gate-card{max-width:520px;margin:56px auto 0;padding:44px 34px 26px;text-align:center}.gate-badge{width:64px;height:64px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent-soft);color:var(--accent)}.gate-title{margin:0 0 8px;font-size:20px;letter-spacing:.5px}.gate-sub{margin:0 auto 22px;max-width:300px;font-size:13px;color:var(--muted);line-height:1.7}.gate-form{display:flex;flex-direction:column;gap:10px}.gate-form input{width:100%;min-width:0;padding:12px 14px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--fg);font-size:15px;text-align:center;letter-spacing:2px;transition:border-color .15s ease,box-shadow .15s ease}.gate-form input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.gate-form .btn{width:100%;justify-content:center;padding:11px;font-size:14.5px}.gate-link{margin-top:14px;display:inline-block;border:none;background:0 0;padding:4px 8px;font-size:13px;color:var(--muted);text-decoration:underline;cursor:pointer;transition:color .15s ease}.gate-link:hover{color:var(--accent)}.alert-strip{margin-top:12px;padding:8px 12px;border-radius:8px;background:var(--accent-soft);color:var(--accent);font-size:13px;text-align:center}.alert-strip:empty{display:none}.gate-foot{margin-top:18px;padding-top:14px;border-top:1px dashed var(--border);font-size:13.5px}.gate-hint{margin:14px auto 0;max-width:340px;font-size:12px;color:var(--muted);line-height:1.7}.gate-hint code{background:var(--bg-soft);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-family:var(--mono);font-size:11.5px}.flp-mask{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:20px;animation:flpFade .2s ease}@keyframes flpFade{from{opacity:0}to{opacity:1}}.flp-modal{position:relative;background:var(--card);color:var(--fg);border:1px solid var(--border);border-radius:16px;box-shadow:0 18px 60px rgba(0,0,0,.28);max-width:420px;width:100%;padding:28px 26px 24px;text-align:center}.flp-close{position:absolute;top:12px;right:14px;background:0 0;border:none;font-size:18px;color:var(--muted);cursor:pointer;padding:4px 6px}.flp-close:hover{color:var(--fg)}.flp-icon{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:var(--accent-soft);color:var(--accent);margin-bottom:14px}.flp-title{margin:0 0 6px;font-size:20px;letter-spacing:.4px}.flp-desc{margin:0 0 16px;font-size:14px;color:var(--muted);line-height:1.7}.flp-pwd-row{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:14px}.flp-pwd{font-family:var(--mono);font-size:24px;font-weight:700;letter-spacing:1px;color:var(--accent);background:var(--bg-soft);border:1px dashed var(--accent);border-radius:8px;padding:8px 14px;user-select:all;word-break:break-all}.flp-copy{background:var(--accent);color:var(--accent-fg);border:none;border-radius:8px;padding:8px 12px;font-size:13px;cursor:pointer;white-space:nowrap;transition:opacity .15s ease}.flp-copy:hover{opacity:.88}.flp-warn{margin:0 0 18px;font-size:12.5px;color:var(--muted);line-height:1.6}.flp-actions{display:flex;gap:10px;justify-content:center}.flp-btn{flex:1;border-radius:8px;padding:11px 14px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid var(--border)}.flp-btn.ghost{background:0 0;color:var(--muted)}.flp-btn.ghost:hover{color:var(--fg);border-color:var(--muted)}.flp-btn.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.flp-btn.primary:hover{opacity:.9}.flp-leave{opacity:0;transition:opacity .2s ease}.admin-layout{display:grid;grid-template-columns:228px minmax(0,1fr);gap:22px;align-items:start;margin-top:2px}.admin-sidebar{position:sticky;top:84px;background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:16px 12px 12px;display:flex;flex-direction:column}.admin-sidebar-brand{display:flex;align-items:center;gap:10px;padding:2px 8px 14px;margin-bottom:8px;border-bottom:1px solid var(--border)}.admin-brand-badge{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 50%,#000));color:var(--accent-fg);flex-shrink:0;box-shadow:0 2px 6px rgba(0,0,0,.14)}.admin-brand-text{display:flex;flex-direction:column;font-size:14px;font-weight:700;color:var(--fg);line-height:1.35}.admin-sidebar-ver{font-size:11px;font-weight:400;color:var(--muted)}.admin-sidebar-nav{display:flex;flex-direction:column;gap:2px}.admin-nav-group{display:flex;align-items:center;gap:5px;padding:12px 10px 5px;font-size:10.5px;font-weight:700;letter-spacing:.9px;color:var(--muted);text-transform:uppercase}.admin-nav-group svg{opacity:.7}.admin-nav-item{position:relative;display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:9px;color:var(--fg);font-size:14px;text-decoration:none;transition:background .15s ease,color .15s ease}.admin-nav-item>svg{flex-shrink:0;color:var(--muted)}.admin-nav-item:hover{background:var(--bg-soft);color:var(--accent);text-decoration:none}.admin-nav-item:hover>svg{color:var(--accent)}.admin-nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.admin-nav-item.active>svg{color:var(--accent)}.admin-nav-item.active::before{content:'';position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:3px;height:18px;border-radius:3px;background:var(--accent)}.admin-nav-count{margin-left:auto;font-size:11px;font-weight:600;padding:1px 8px;border-radius:99px;background:var(--bg-soft);color:var(--muted);border:1px solid var(--border)}.admin-nav-item.active .admin-nav-count{background:var(--card);color:var(--accent);border-color:var(--accent)}.admin-sidebar-footer{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.admin-sidebar-mode{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);padding:0 6px}.admin-sidebar-mode svg{color:var(--accent)}.admin-sidebar-footer .btn-logout{width:100%;justify-content:center}.admin-content{min-width:0}.admin-posts-header{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}.admin-head-titles h2{margin:0 0 4px;font-size:22px;display:inline-flex;align-items:center;gap:8px}.admin-head-titles h2 svg{color:var(--accent)}.admin-head-sub{margin:0;color:var(--muted);font-size:13px}.btn-new-post{white-space:nowrap}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.admin-stat{display:flex;align-items:baseline;gap:8px;padding:13px 16px;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.admin-stat-num{font-size:22px;font-weight:700;color:var(--accent);line-height:1}.admin-stat-label{font-size:12.5px;color:var(--muted)}.admin-posts-table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;font-size:14px;box-shadow:var(--shadow)}.admin-posts-table td,.admin-posts-table th{text-align:left;padding:12px 16px;border-bottom:1px solid var(--border);vertical-align:middle}.admin-posts-table th{background:var(--bg-soft);font-weight:600;font-size:12px;color:var(--muted);letter-spacing:.5px}.admin-posts-table tr:last-child td{border-bottom:none}.admin-posts-table tbody tr{transition:background .12s ease}.admin-posts-table tbody tr:hover{background:var(--bg-soft)}.post-title-cell{max-width:380px}.post-title-link{display:inline-flex;align-items:center;gap:6px;color:var(--fg);font-weight:500}.post-title-link svg{opacity:0;color:var(--muted);transition:opacity .15s ease,transform .15s ease}.post-title-link:hover svg{opacity:1;transform:translate(2px,-2px)}.admin-posts-table .post-title-link:hover{color:var(--accent);text-decoration:none}.post-date-cell{color:var(--muted);font-size:13px;white-space:nowrap}.status-badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:3px 10px;border-radius:999px;background:var(--bg-soft);color:var(--muted);border:1px solid var(--border);white-space:nowrap}.status-badge svg{flex-shrink:0}.status-badge.pinned{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.post-actions{display:flex;gap:8px;flex-wrap:wrap}.post-actions .btn-on{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.write-page .write-head{margin-bottom:20px}.write-page .write-head .page-title{font-size:21px}.editor-meta{border-radius:12px;box-shadow:var(--shadow)}.editor-grid{row-gap:14px}.actions-bar{border-radius:12px;padding:12px 16px;gap:8px}@media (max-width:720px){main{padding:22px 0 46px}.page-title{font-size:22px}.post-header h1{font-size:22px}.editor-grid{grid-template-columns:1fr}.editor-wrap{grid-template-columns:1fr;gap:14px}.md-input,.preview-body{min-height:320px}.action-sep{display:none}.actions-right{margin-left:0;width:100%;justify-content:space-between;flex-wrap:wrap}.gate-card{margin-top:28px;padding:34px 22px 22px}.container{padding:0 14px}.pn-nav{grid-template-columns:1fr}.brand{font-size:17px;letter-spacing:.3px}.main-nav{gap:0}.main-nav .nav-link{padding:6px 9px;font-size:14px}.home-tags{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;padding:10px 14px;overflow:hidden}.home-tags-label{flex:0 0 auto;white-space:nowrap}.home-tags-track{flex:1 1 auto;display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.home-tags-track::-webkit-scrollbar{display:none}.home-tag{flex:0 0 calc(25% - 6px);display:flex;align-items:center;justify-content:center;gap:2px;min-width:0;padding:6px 4px;white-space:nowrap;overflow:hidden}.home-tag-text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-tag .home-tag-count{flex:0 0 auto;margin-left:2px}.article-footer{justify-content:center}.af-actions{margin-left:0;width:100%;justify-content:center;flex-wrap:wrap}.like-bar{margin-top:22px}.stat-grid{grid-template-columns:repeat(2,1fr)}.archive-month li{gap:10px}.admin-layout{grid-template-columns:1fr;gap:14px}.admin-sidebar{position:static;flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:12px}.admin-sidebar-brand{flex:1 1 100%;border-bottom:1px solid var(--border);margin-bottom:4px;padding:0 4px 10px}.admin-sidebar-nav{flex-direction:row;flex-wrap:wrap;gap:4px}.admin-nav-group{display:none}.admin-nav-item{padding:7px 12px;font-size:13.5px}.admin-nav-item.active::before{display:none}.admin-nav-count{padding:0 6px}.admin-sidebar-mode{display:none}.admin-sidebar-footer{border-top:none;margin-top:0;padding-top:0;margin-left:auto}.admin-sidebar-footer .btn-logout{width:auto}.admin-stats{grid-template-columns:repeat(3,1fr);gap:8px}.admin-stat{padding:10px 12px}.admin-stat-num{font-size:18px}.admin-posts-table{display:block;overflow-x:auto}}@media (max-width:992px){.post-card{gap:14px;padding:14px;min-height:160px;height:200px;overflow:hidden}.post-card-main{padding:0;min-height:0;overflow:hidden}.post-thumb{width:180px;height:120px;border-radius:10px}.post-thumb-ph svg{width:22px;height:22px}.post-card h2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 4px}.post-card .excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.post-card .excerpt.clamp-4{-webkit-line-clamp:4}.post-card .meta{flex-wrap:nowrap;white-space:nowrap;overflow:hidden;margin-bottom:6px}.post-card .mini-tags{flex-wrap:wrap;overflow:hidden;max-height:52px;align-items:center;flex-shrink:0}.post-card .mini-tags span{white-space:nowrap}}@media (max-width:768px){.post-card .excerpt,.post-card h2{-webkit-text-size-adjust:100%;text-size-adjust:100%}}@media (max-width:768px){.main-nav{display:none}.topbar-actions .icon-btn:not(.search-toggle):not(#bgAnimToggle),.topbar-actions .lang-switch{display:none}.hamburger-btn{display:flex}.topbar-inner{display:flex;justify-content:space-between;align-items:center;position:relative}.topbar-left{display:flex;align-items:center;gap:6px}.brand{font-size:18px}.topbar-actions{gap:6px}.icon-btn{width:36px;height:36px;font-size:15px}.search-icon{width:20px;height:20px}#globalSearchInput{font-size:16px;padding:12px 16px}.ts-close{width:36px;height:36px;font-size:16px}.featured-card-title{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:calc(1.5em * 2)}}@media (max-width:480px){.post-card{gap:12px;padding:12px;min-height:140px;height:192px;overflow:hidden}.post-card-main{padding:0}.post-thumb{width:150px;height:120px;border-radius:10px}.post-thumb-ph svg{width:20px;height:20px}.post-card h2{font-size:17px}.post-card .excerpt{font-size:13.5px}.brand{font-size:16px;letter-spacing:.2px}.main-nav .nav-link{padding:6px 8px;font-size:13.5px}.topbar-actions{gap:6px}.featured-card-title{-webkit-line-clamp:2;max-height:calc(1.5em * 2)}}@media (max-width:400px){.topbar-inner{height:54px}.brand{font-size:15px;letter-spacing:0}.main-nav .nav-link{padding:5px 6px;font-size:13px}.topbar-actions{gap:4px}}@media (max-width:360px){.brand{font-size:14px}.main-nav .nav-link{padding:5px 5px;font-size:12.5px}}.sidebar-theme{background:0 0;border:1px solid var(--border);margin-left:auto;width:32px;height:32px}.ai-post-slot{margin:0 0 4px}.ai-btn{display:inline-flex;align-items:center;gap:6px}.ai-card{margin:6px 0 16px;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:10px;background:var(--bg-soft);padding:12px 14px}.ai-card-head{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--accent);margin-bottom:6px}.ai-badge{margin-left:auto;font-size:11px;font-weight:400;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:1px 8px;background:var(--card)}.ai-card-body{font-size:14px;line-height:1.75;color:var(--fg);white-space:pre-line}.ai-card-foot{margin-top:8px}.ai-fail{margin:4px 0;font-size:13px;color:var(--muted)}.ai-assist-slot,.ai-comments-slot{margin:0 0 14px}.ai-assist{display:flex;flex-wrap:wrap;align-items:center;gap:8px;border:1px solid var(--border);border-radius:10px;background:var(--bg-soft);padding:10px 12px}.ai-assist-title{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--accent);margin-right:4px}.ai-assist-lang{font-size:12.5px;padding:4px 6px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--fg)}.ai-assist-msg{font-size:12.5px;color:var(--muted);width:100%}.ai-assist-out{width:100%}.ai-result{border:1px solid var(--border);border-radius:8px;background:var(--card);padding:8px 10px;margin-top:4px}.ai-result pre{margin:0;white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.6;max-height:220px;overflow:auto}.ai-result-actions{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.ai-screen{margin-top:10px;border-top:1px dashed var(--border);padding-top:10px}.ai-screen textarea{width:100%;box-sizing:border-box;resize:vertical;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--fg);padding:8px;font-size:13px}.ai-screen-row{display:flex;align-items:center;gap:8px;margin-top:8px}.ai-screen-out{font-size:13px}.ai-screen-spam{color:#d9534f;font-weight:600}.ai-screen-ok{color:#4a9d5f}.ai-pending{color:var(--muted)}#globalSearchInput,.ai-screen textarea,.comment-form input,.comment-form textarea,.field input[type=date],.field input[type=datetime-local],.field input[type=text],.field textarea,.gate-form input,.gb-form-row input[type=text],.guestbook-form textarea{border-radius:10px;background:var(--bg);font-size:14px;outline:0;transition:border-color .15s ease,box-shadow .15s ease}#globalSearchInput:hover:not(:focus),.ai-screen textarea:hover:not(:focus),.comment-form input:hover:not(:focus),.comment-form textarea:hover:not(:focus),.field input[type=date]:hover:not(:focus),.field input[type=datetime-local]:hover:not(:focus),.field input[type=text]:hover:not(:focus),.field textarea:hover:not(:focus),.gate-form input:hover:not(:focus),.gb-form-row input[type=text]:hover:not(:focus),.guestbook-form textarea:hover:not(:focus),.lang-switch:hover:not(:focus){border-color:var(--accent)}#globalSearchInput:focus,.ai-screen textarea:focus,.comment-form input:focus,.comment-form textarea:focus,.field input:focus,.field textarea:focus,.gate-form input:focus,.gb-form-row input[type=text]:focus,.guestbook-form textarea:focus,.lang-switch:focus{border-color:var(--accent);box-shadow:none}textarea{resize:none}.editor-area{resize:none}.mp-root{--mp-bg:var(--card, #fff);--mp-fg:var(--fg, #23201b);--mp-muted:var(--muted, #7d776b);--mp-border:var(--border, #e6e2da);--mp-accent:var(--accent, #c25e3a);--mp-soft:var(--accent-soft, #f6e6df);display:none}.mp-root.mp-on{display:block}.mp-root.mp-hidden{display:none}.mp-fab-wrap{position:fixed;right:22px;bottom:26px;z-index:950;width:54px;height:54px;transform:translateX(calc(100% - 13px));transition:transform .32s cubic-bezier(.32,.72,.25,1)}.mp-fab-wrap.expanded{transform:translateX(0)}.mp-fab{width:100%;height:100%;border:0;border-radius:50%;background:var(--mp-accent);color:var(--accent-fg,#fff);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(0,0,0,.22);transition:box-shadow .18s ease;padding:0}.mp-fab-wrap.expanded .mp-fab:hover{box-shadow:0 8px 24px rgba(0,0,0,.28)}.mp-fab-icon{display:flex;align-items:center;justify-content:center}.mp-fab.playing::before{opacity:0;animation:none}.mp-fab.playing .mp-fab-icon{animation:none}.mp-fab-eq.mp-eq{display:inline-flex;align-items:flex-end;gap:3px;height:16px}.mp-fab-eq.mp-eq i{width:3px;background:var(--accent-fg,#fff);border-radius:2px;animation:mpEq 1s ease-in-out infinite}.mp-fab-eq.mp-eq i:first-child{height:8px}.mp-fab-eq.mp-eq i:nth-child(2){height:16px;animation-delay:.15s}.mp-fab-eq.mp-eq i:nth-child(3){height:10px;animation-delay:.3s}.mp-fab-wrap:not(.expanded) .mp-fab{box-shadow:none}.mp-panel{position:fixed;right:22px;bottom:92px;z-index:951;width:336px;max-height:min(72vh,520px);display:flex;flex-direction:column;background:var(--mp-bg);border:1px solid var(--mp-border);border-radius:18px;box-shadow:0 12px 40px rgba(0,0,0,.16);overflow:hidden;opacity:0;transform:translateY(14px) scale(.97);transform-origin:bottom right;pointer-events:none;visibility:hidden;transition:opacity .22s ease,transform .24s cubic-bezier(.32,.72,.25,1),visibility 0s linear .24s}.mp-panel.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;visibility:visible;transition:opacity .22s ease,transform .24s cubic-bezier(.32,.72,.25,1),visibility 0s}.mp-panel-head{display:flex;align-items:center;gap:10px;padding:14px 14px 8px;min-width:0}.mp-cover{flex:0 0 auto;width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--mp-soft);color:var(--mp-accent);overflow:hidden}.mp-cover img{width:100%;height:100%;object-fit:cover;display:block}.mp-meta{min-width:0;flex:1 1 auto}.mp-title{font-size:14px;font-weight:700;color:var(--mp-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-artist{font-size:12px;color:var(--mp-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.mp-btn{border:0;background:0 0;color:var(--mp-fg);cursor:pointer;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;padding:0;transition:background .15s ease,color .15s ease}.mp-btn:hover{background:var(--mp-soft);color:var(--mp-accent)}.mp-progress{padding:6px 16px 2px}.mp-seek{width:100%;accent-color:var(--mp-accent);height:4px;cursor:pointer}.mp-times{display:flex;justify-content:space-between;padding-top:2px}.mp-time{font-size:11px;color:var(--mp-muted);font-variant-numeric:tabular-nums}.mp-controls{display:flex;align-items:center;justify-content:center;gap:6px;padding:4px 0 8px}.mp-btn.mp-play{width:46px;height:46px;background:var(--mp-accent);color:var(--accent-fg,#fff);border-radius:50%;margin:0 10px;box-shadow:0 3px 10px rgba(0,0,0,.18)}.mp-btn.mp-play:hover{background:var(--mp-accent);opacity:.92}.mp-foot{display:flex;align-items:center;justify-content:space-between;padding:6px 16px 10px;border-bottom:1px solid var(--mp-border)}.mp-vol{display:flex;align-items:center;gap:8px;color:var(--mp-muted)}.mp-vol-slider{width:96px;accent-color:var(--mp-accent);height:4px;cursor:pointer}.mp-count{font-size:11.5px;color:var(--mp-accent);background:var(--mp-soft);border-radius:20px;padding:2px 9px}.mp-list{overflow-y:auto;max-height:216px;padding:6px 8px 10px}.mp-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;background:0 0;border-radius:10px;cursor:pointer;text-align:left;transition:background .12s ease}.mp-item:hover{background:var(--mp-soft)}.mp-item.active{background:var(--mp-soft)}.mp-item-cover{flex:0 0 auto;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--mp-soft);color:var(--mp-accent);overflow:hidden}.mp-item-cover img{width:100%;height:100%;object-fit:cover}.mp-item-meta{min-width:0;flex:1 1 auto;display:flex;flex-direction:column}.mp-item-title{font-size:13px;font-weight:600;color:var(--mp-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-item.active .mp-item-title{color:var(--mp-accent)}.mp-item-artist{font-size:11.5px;color:var(--mp-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-item-state{flex:0 0 auto;color:var(--mp-accent);display:flex;align-items:center}.mp-empty{padding:22px 12px;text-align:center;color:var(--mp-muted);font-size:13px}.mp-eq{display:inline-flex;align-items:flex-end;gap:2px;height:13px}.mp-eq i{width:3px;background:var(--mp-accent);border-radius:2px;animation:mpEq 1s ease-in-out infinite}.mp-eq i:first-child{height:7px}.mp-eq i:nth-child(2){height:13px;animation-delay:.15s}.mp-eq i:nth-child(3){height:9px;animation-delay:.3s}@keyframes mpEq{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1)}}.home-loading{padding:6px 0 20px}.home-loading-head{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--muted,#9b8f83);margin-bottom:14px}.home-loading-head .spin-icon{width:15px;height:15px;animation:qy-spin .9s linear infinite}.home-loading-grid{display:flex;flex-direction:column;gap:16px}.sk-card{background:var(--card,#fff);border:1px solid var(--border,#ece7e0);border-radius:14px;padding:18px 20px;min-height:168px;display:flex;align-items:stretch;gap:18px;box-shadow:var(--shadow,0 1px 2px rgba(0,0,0,.04))}.sk-card-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px;justify-content:center}.sk-line{height:14px;border-radius:6px;background:linear-gradient(90deg,var(--bg-soft,#f3efe8) 25%,var(--border,#ece7e0) 45%,var(--bg-soft,#f3efe8) 65%);background-size:220% 100%;animation:sk-shimmer 1.3s ease-in-out infinite}.sk-meta{width:38%;height:12px}.sk-title{width:82%;height:16px}.sk-row{display:flex;gap:8px;margin-top:2px;flex-wrap:wrap}.sk-chip{width:52px;height:17px;border-radius:999px;background:linear-gradient(90deg,var(--bg-soft,#f3efe8) 25%,var(--border,#ece7e0) 45%,var(--bg-soft,#f3efe8) 65%);background-size:220% 100%;animation:sk-shimmer 1.3s ease-in-out infinite}.sk-thumb{width:260px;height:160px;flex-shrink:0;align-self:center;border-radius:12px;border:1px solid var(--border,#ece7e0);background:linear-gradient(135deg,var(--accent-soft,#f6e6df),var(--bg-soft,#f3efe8));overflow:hidden}@media (max-width:768px){.sk-card{padding:14px;gap:14px;min-height:150px}.sk-thumb{width:180px;height:120px;border-radius:10px}}@media (max-width:480px){.sk-card{padding:12px;gap:12px}.sk-thumb{width:150px;height:120px}}@keyframes sk-shimmer{0%{background-position:120% 0}100%{background-position:-100% 0}}@media (max-width:560px){.mp-fab-wrap{right:16px;bottom:20px;width:50px;height:50px;transform:translateX(calc(100% - 12px))}.mp-panel{right:12px;left:12px;bottom:84px;width:auto;max-height:74vh}.mp-list{max-height:200px}}.smoji-inline{display:inline-block;height:1.3em;width:1.3em;object-fit:contain;vertical-align:-.25em;margin:0 .05em}.comment-editor-row{display:flex;gap:8px;align-items:flex-start}.comment-editor-row textarea{flex:1;width:auto}.comment-emoji-btn,.gb-emoji-btn{flex:0 0 auto;background:var(--bg-soft);border:1px solid var(--border);border-radius:8px;color:var(--fg);cursor:pointer;padding:6px 10px;font-size:16px;line-height:1}.comment-emoji-btn:hover,.gb-emoji-btn:hover{border-color:var(--accent);color:var(--accent)}.gb-form-foot .gb-emoji-btn{margin-right:auto}.smoji{--smoji-surface:var(--card, #ffffff)!important;--smoji-ink:var(--fg, #23201b)!important;--smoji-mute:var(--muted, #7d776b)!important;--smoji-border:var(--border, #e6e2da)!important;--smoji-subtle:var(--border, #e6e2da)!important;--smoji-shadow:0 16px 48px rgba(35,32,27,0.10)!important;--smoji-hover:var(--bg-soft, #f1efeb)!important;--smoji-tab-bg:var(--bg-soft, #f1efeb)!important;--smoji-tab-ink:var(--fg, #23201b)!important;--smoji-focus:var(--accent, #c25e3a)!important;--smoji-accent:var(--accent, #c25e3a)!important}html[data-theme=dark] .smoji{--smoji-surface:var(--card, #211e1a)!important;--smoji-ink:var(--fg, #e8e2d8)!important;--smoji-mute:var(--muted, #9c9484)!important;--smoji-border:var(--border, #35302a)!important;--smoji-subtle:var(--border, #35302a)!important;--smoji-shadow:0 16px 48px #0008!important;--smoji-hover:var(--bg-soft, #201d18)!important;--smoji-tab-bg:var(--bg-soft, #201d18)!important;--smoji-tab-ink:var(--fg, #fff)!important;--smoji-focus:var(--accent, #e08a63)!important;--smoji-accent:var(--accent, #e08a63)!important}