:root{--primary:#69b99c;--page-bg:#eef2f1;--card:#ffffffd9;--text:#343b3a;--muted:#737d7b;--line:#00000014;--shadow:0 4px 16px #00000012;--radius:1rem;font-family:ui-sans-serif,"Noto Sans SC",system-ui,sans-serif;color:var(--text)}:root[data-theme=dark]{--page-bg:#191b1c;--card:#252829dd;--text:#eee;--muted:#a7acab;--line:#ffffff18;--shadow:0 4px 16px #0006}*{box-sizing:border-box}html{background:var(--page-bg)}body{margin:0;background:var(--page-bg);line-height:1.6}.page-bg{position:fixed;inset:0;z-index:-2;background:linear-gradient(#0002,#0002),url('assets/banner.webp') center top/cover fixed no-repeat}.page-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0001 0 35%,var(--page-bg) 78%)}a{color:inherit;text-decoration:none}a:hover{color:var(--primary)}.navbar{height:4rem;position:relative;z-index:20;display:flex;align-items:center;gap:2rem;padding:0 max(1rem,calc((100% - 1280px)/2));background:#ffffff80;border-bottom:1px solid #0000000f;backdrop-filter:blur(20px)}:root[data-theme=dark] .navbar{background:#17171799;border-color:#fff1}.brand{font-weight:700;display:flex;align-items:center;gap:.6rem;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.65rem;background:var(--primary);color:#fff}.navbar nav{display:flex;align-items:center;gap:1.1rem;flex:1;font-size:.9rem;color:var(--muted)}.nav-group{display:flex;align-items:center;gap:.85rem}.nav-group b{font-weight:600;color:var(--text)}.nav-actions{display:flex;align-items:center;gap:.75rem;color:var(--muted)}.theme-toggle,.floating-controls button{border:0;background:#ffffff40;color:inherit;border-radius:.7rem;padding:.5rem .65rem;cursor:pointer;backdrop-filter:blur(12px)}.hero{height:min(54vw,650px);min-height:360px;position:relative;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;overflow:hidden}.hero-image{position:absolute;inset:0;background:url('assets/banner.webp') center/cover no-repeat;filter:saturate(1.04)}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(#0002,#0005)}.hero-overlay{position:relative;z-index:1;text-shadow:0 3px 18px #0009}.hero-overlay h1{font-size:clamp(2.4rem,6vw,4.5rem);margin:0 0 .7rem}.hero-overlay p{font-size:1.1rem;margin:0 auto 1.3rem;max-width:42rem}.hero-links{display:flex;justify-content:center;gap:.7rem}.hero-links a{padding:.55rem 1rem;border:1px solid #fff4;border-radius:999px;background:#fff2;backdrop-filter:blur(8px)}.page-wrap{position:relative;z-index:2;width:min(1180px,100%);margin:-3.5rem auto 0;padding:0 1rem}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1rem}.category-strip{display:flex;gap:.5rem;margin-bottom:1rem}.category-strip a{padding:.45rem .85rem;border-radius:.75rem;background:var(--card);color:var(--muted);box-shadow:var(--shadow)}.category-strip a.active,.category-strip a:hover{color:var(--primary)}.post-card,.widget,.comments{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(20px)}.post-card{padding:1.6rem;margin-bottom:1rem}.post-meta{font-size:.78rem;color:var(--muted)}.post-card h1{font-size:1.6rem;line-height:1.35;margin:.5rem 0}.post-excerpt{color:var(--muted);font-size:.95rem}.post-tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}.post-tags a{font-size:.75rem;padding:.2rem .55rem;border-radius:999px;background:#69b99c1a;color:var(--primary)}.post-foot{display:flex;justify-content:space-between;margin-top:1.1rem;padding-top:.8rem;border-top:1px solid var(--line);font-size:.78rem;color:var(--muted)}.post-foot a{color:var(--primary)}.right-rail{display:flex;flex-direction:column;gap:1rem}.widget{padding:1.2rem}.widget h3{font-size:.95rem;margin:0 0 .8rem}.profile-widget{text-align:center}.avatar{width:4.2rem;height:4.2rem;margin:auto;border-radius:50%;display:grid;place-items:center;background:#69b99c22;color:var(--primary);font-size:1.8rem}.profile-widget h2{font-size:1.15rem;margin:.5rem 0}.widget p{color:var(--muted);font-size:.85rem}.social-links{display:flex;justify-content:center;gap:.5rem}.social-links a{padding:.25rem .7rem;border:1px solid var(--line);border-radius:999px;font-size:.75rem}.category-list{display:flex;flex-direction:column;gap:.4rem}.category-list a{display:flex;justify-content:space-between;color:var(--muted);font-size:.85rem}.category-list b{font-weight:400;color:var(--primary)}.tag-cloud{display:flex;flex-wrap:wrap;gap:.4rem}.tag-cloud a{font-size:.75rem;padding:.25rem .55rem;border-radius:999px;background:#69b99c1a;color:var(--primary)}.stats{display:flex;flex-wrap:wrap;gap:1rem}.stats h3{width:100%}.stats div{display:flex;flex-direction:column}.stats b{color:var(--primary);font-size:1.2rem}.stats span{font-size:.7rem;color:var(--muted)}.pagination{display:flex;justify-content:space-between;padding:1rem;color:var(--primary)}.site-footer{padding:3rem 1rem;color:var(--muted);font-size:.78rem;text-align:center}.floating-controls{position:fixed;right:1rem;bottom:3rem;z-index:30;display:flex;flex-direction:column;gap:.5rem}.floating-controls button{width:3rem;height:3rem;font-size:1.2rem;color:var(--primary);border:1px solid var(--line)}@media(max-width:768px){.navbar{gap:1rem;padding:0 1rem}.navbar nav{gap:.6rem;overflow:hidden}.navbar nav a:nth-child(n+3),.nav-group b{display:none}.hero{height:55vh;min-height:330px}.page-wrap{margin-top:-2rem}.content-grid{display:block}.right-rail{margin-top:1rem}.post-card{padding:1.2rem}.post-card h1{font-size:1.35rem}}@media(max-width:480px){.brand span:last-child{display:none}.navbar{font-size:.8rem}.hero-overlay h1{font-size:2.3rem}.hero-overlay p{padding:0 1rem;font-size:.9rem}.page-wrap{padding:0 .6rem}}