:root{--bg:#f7f7f7;--panel:#fff;--panel-soft:#fafafa;--text:#111;--muted:#6d6d6d;--line:#ddd;--green:#6aa000;--green-dark:#4c8500;--blue:#1267d8;--code:#f7f7f7;--shadow:0 1px 2px #00000014}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--text);background:var(--bg);margin:0;font-family:Arial,Microsoft YaHei,PingFang SC,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(1480px,100% - 48px);margin:0 auto}.site-header{padding-top:30px}.header-top{grid-template-columns:320px minmax(420px,1fr) 290px;align-items:start;gap:36px;display:grid}.brand{flex-direction:column;min-width:0;padding:0 0 0 18px;display:flex}.brand span{color:#0b0b0b;letter-spacing:0;font-size:clamp(2rem,2.7vw,3rem);font-weight:400;line-height:1.08}.brand small{color:#111;margin-top:16px;font-size:.84rem;line-height:1.7}.banner-wrap{background:#0b1a2b;height:134px;position:relative;overflow:hidden}.site-banner{object-fit:cover;width:100%;height:100%}.top-nav{background:var(--panel);align-items:center;gap:48px;min-height:54px;margin-top:34px;padding:0 18px;display:flex}.mobile-actions{display:none}.top-nav a{color:var(--green);white-space:nowrap;font-size:.82rem;font-weight:700}.layout-grid{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:22px;display:grid}.post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.post-card{background:var(--panel);min-height:400px;box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.post-image-link{aspect-ratio:16/7.7;background:#101820;display:block;position:relative;overflow:hidden}.post-image{object-fit:cover;width:100%;height:100%;transition:transform .18s}.post-card:hover .post-image{transform:scale(1.03)}.post-card-body{flex:1;padding:15px 20px 6px}.post-card h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1.1rem;font-weight:700;line-height:1.65;display:-webkit-box;overflow:hidden}.post-card h2 a:hover,.popular-item:hover strong,.category-list a:hover,.calendar-list a:hover{color:var(--green-dark)}.post-date{color:#777;margin:8px 0 0;font-family:Georgia,Times New Roman,serif;font-size:.88rem;font-style:italic}.post-excerpt{color:#555;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:12px 0 0;font-size:.82rem;display:-webkit-box;overflow:hidden}.empty-posts{color:#777;background:#fff;grid-column:1/-1;margin:0;padding:42px 24px}.sidebar{background:#f3f3f3}.side-block{background:#f3f3f3;border-bottom:1px solid #d8d8d8;padding:28px}.sidebar .side-block:last-child{border-bottom:0}.side-block h3{margin:0;font-size:1.08rem;font-weight:400}.side-block a{color:var(--green)}.stats strong{margin-top:2px;font-size:1rem;line-height:1;display:block}.followers{color:#111}.followers-meta{align-items:center;gap:8px;margin:-2px 0 8px;font-size:.88rem;line-height:1.2;display:flex}.followers-meta strong{font-size:.88rem}.followers-meta a{color:var(--green);font-size:.82rem}.followers-grid{grid-template-columns:repeat(6,30px);gap:6px 8px;display:grid}.follower-avatar{color:#fff;justify-content:center;align-items:center;width:30px;height:30px;font-size:.9rem;font-weight:700;line-height:1;display:inline-flex;overflow:hidden}.foldable{color:var(--green)}.foldable-trigger{width:100%;color:var(--green);cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:1fr auto;align-items:center;padding:0;display:grid}.foldable-trigger span{color:var(--text);font-size:1.08rem}.foldable-trigger svg{transition:transform .22s}.foldable.is-open .foldable-trigger svg{transform:rotate(180deg)}.foldable-panel{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .24s,opacity .18s,margin-top .24s;display:grid}.foldable.is-open .foldable-panel{opacity:1;grid-template-rows:1fr;margin-top:18px}.foldable-content{min-height:0;overflow:hidden}.category-list,.calendar-list{flex-wrap:wrap;gap:8px 14px;font-size:.9rem;display:flex}.calendar-list{flex-direction:column;align-items:flex-start;gap:12px}.calendar-item{width:100%;color:var(--green);grid-template-columns:1fr auto;gap:18px;display:grid}.calendar-more{margin-top:2px;font-size:.82rem}.popular{flex-direction:column;gap:22px;display:flex}.popular-item{display:block}.popular-item img{aspect-ratio:16/9;object-fit:cover;background:#111827;width:100%;height:auto}.popular-item strong{color:var(--green);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:.92rem;line-height:1.45;display:-webkit-box;overflow:hidden}.popular-item span{color:#686868;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:8px;font-family:Georgia,Times New Roman,serif;font-size:.82rem;font-style:italic;line-height:1.65;display:-webkit-box;overflow:hidden}.article-page{background:var(--bg);min-height:100vh;position:relative;overflow-x:hidden}.article-topbar{z-index:3;background:#efefef;height:74px;position:relative}.article-topbar-inner{justify-content:space-between;align-items:center;width:min(1450px,100% - 64px);height:100%;margin:0 auto;display:flex}.article-hero{z-index:0;pointer-events:none;background:#182842;height:460px;position:absolute;inset:74px 0 auto;overflow:hidden}.article-hero img{object-fit:cover;filter:blur(9px);transform:scale(1.08)}.article-hero:after{background:linear-gradient(180deg, #f7f7f700 78%, var(--bg) 100%);content:"";position:absolute;inset:0}.article-hero .focus-center{object-position:center}.article-shell{z-index:1;grid-template-columns:minmax(0,880px) 320px;gap:42px;width:min(1240px,100% - 64px);margin:0 auto;padding:100px 0 96px;display:grid;position:relative}.article-card{background:var(--panel);box-shadow:var(--shadow);padding:34px 34px 72px}.back-link{color:#333;align-items:center;gap:12px;min-width:0;font-size:1.72rem;line-height:1;display:inline-flex}.back-link svg{color:var(--green);flex:none}.article-card header{padding:0 0 24px;position:relative}.article-card h1{max-width:780px;margin:0;font-size:1.5rem;font-weight:400;line-height:1.36}.article-share{color:var(--green);margin-top:10px;display:inline-flex}.article-main-image{width:min(100%,780px);height:auto;margin:12px auto 44px;display:block}.article-content{color:#555;font-size:1rem;line-height:1.85}.article-content p{margin:0 0 18px}.article-content h2{color:#1763d8;margin:38px 0 20px;padding-left:13px;font-size:1.15rem;line-height:1.35;position:relative}.article-content h2:before{content:"";background:#1763d8;width:4px;height:1.1em;position:absolute;top:.18em;left:0}.article-content ul{margin:0 0 24px;padding-left:22px}.article-content li{margin:8px 0}.code-block{background:var(--code);border:1px solid #eee;margin:22px 0 30px;padding:20px 68px 20px 20px;position:relative;overflow-x:auto}.code-block code{color:#eb3d44;white-space:pre;font-family:Consolas,Courier New,monospace;font-size:.92rem}.code-block button{color:#fff;background:#777;border:0;border-radius:4px;width:38px;height:30px;position:absolute;top:8px;right:8px}.tool-box{background:#f6f8fb;border:1px solid #e2e5ea;border-radius:6px;margin:24px 0 32px;padding:18px}.tool-box label{color:#333;flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tool-box input{background:#fff;border:1px solid #cfd6df;border-radius:3px;width:min(240px,100%);height:34px;padding:0 12px}.tool-actions{gap:10px;margin-top:14px;display:flex}.tool-actions button{color:#fff;cursor:pointer;background:#1677ff;border:0;border-radius:4px;height:36px;padding:0 16px}.tool-actions button+button{background:#a0a7b2}.tool-box p{color:#777;margin:12px 0 0;font-size:.82rem}.about-page{background:var(--bg);min-height:100vh}.about-shell{grid-template-columns:minmax(0,875px) 320px;gap:24px;width:min(1185px,100% - 64px);margin:0 auto;padding:6px 0 96px;display:grid}.about-card{background:#fff;min-height:820px;padding:30px 32px 72px}.about-card h1{color:#111;margin:0 0 22px;font-size:1.45rem;line-height:1.35}.about-share{color:var(--green);margin-bottom:42px}.about-content{color:#333;font-size:.98rem;line-height:1.75}.about-content p{margin:0 0 20px}.about-content h2{color:#1763d8;margin:34px 0 22px;padding-left:14px;font-size:1.25rem;line-height:1.4;position:relative}.about-content h2:before{content:"";background:#1763d8;width:4px;height:1.35em;position:absolute;top:.16em;left:0}.about-content a{color:#006de5;text-decoration:underline}.about-page .sidebar-compact{margin-top:0;padding-top:18px}.sidebar-compact{background:0 0;margin-top:390px}.sidebar-compact .side-block{background:0 0;border-bottom:0;padding:0 0 30px}.sidebar-compact .popular{gap:30px}.sidebar-compact .popular-item strong{font-size:.98rem}.category-heading{background:var(--panel);grid-column:1/-1;padding:22px 18px}.category-heading h1{margin:0;font-size:1.5rem}.category-heading p{color:var(--muted);margin:4px 0 0}.pagination{flex-wrap:wrap;grid-column:1;justify-content:center;align-items:center;gap:8px;padding:24px 0 8px;display:flex}.pagination a,.pagination span{color:#555;background:#fff;border:1px solid #d7d7d7;justify-content:center;align-items:center;min-width:38px;height:34px;padding:0 12px;font-size:.9rem;display:inline-flex}.pagination a:hover,.pagination .active{border-color:var(--green);color:#fff;background:var(--green)}.pagination span[aria-disabled=true]{color:#aaa;background:#f2f2f2}.site-footer{background:#efefef;border-top:1px solid #d8d8d8;margin-top:56px}.footer-inner{color:#555;grid-template-columns:minmax(260px,1fr) auto;align-items:start;gap:20px 48px;padding:34px 0;display:grid}.footer-brand{color:#111;font-size:1.35rem}.footer-inner p{margin:8px 0 0;font-size:.92rem}.footer-inner nav{flex-wrap:wrap;justify-content:flex-end;gap:10px 18px;display:flex}.footer-inner nav a{color:var(--green);font-size:.9rem}.footer-copy{border-top:1px solid #d7d7d7;grid-column:1/-1;padding-top:16px}@media (max-width:1220px){.header-top{grid-template-columns:260px 1fr}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:960px){.container{width:min(100% - 28px,760px)}.site-header{padding:18px 0 22px}.header-top{grid-template-columns:1fr auto;align-items:start;gap:14px;display:grid;position:relative}.layout-grid,.article-shell{grid-template-columns:1fr}.brand{padding-left:0}.brand span{font-size:1.95rem;line-height:1.15}.brand small{max-width:300px;margin-top:12px;font-size:.94rem;line-height:1.65}.banner-wrap{display:none}.mobile-actions{justify-content:flex-end;align-items:center;gap:12px;padding-top:5px;display:flex}.mobile-icon-button,.drawer-close{width:28px;height:28px;color:var(--green);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.drawer-overlay{z-index:20;pointer-events:none;background:0 0;transition:background .22s;position:fixed;inset:0}.drawer-overlay.is-open{pointer-events:auto;background:#00000029}.mobile-drawer{z-index:21;width:min(382px,88vw);min-height:100vh;box-shadow:none;background:#f5f5f5;transition:transform .26s;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%)}.mobile-drawer.is-open{transform:translate(0)}.drawer-close{position:absolute;top:24px;right:22px}.mobile-drawer .side-block{background:#f5f5f5;padding:28px}.mobile-drawer .stats{padding-top:68px}.mobile-drawer .foldable-trigger span,.mobile-drawer .side-block h3{font-size:1rem}.top-nav{display:none}.post-grid{grid-template-columns:1fr}.sidebar{display:none}.footer-inner{grid-template-columns:1fr}.footer-inner nav{justify-content:flex-start}.article-hero{height:260px;inset:64px 0 auto}.article-shell{width:min(100% - 28px,760px);padding-top:72px}.article-card{padding:18px 24px 52px}.article-topbar{height:64px}.article-topbar-inner{width:min(100% - 28px,760px)}.back-link{font-size:1.18rem}.article-card h1{font-size:1.26rem}.about-shell{grid-template-columns:1fr;width:min(100% - 28px,760px);padding-top:6px}.about-card{min-height:auto;padding:24px 24px 52px}.about-page .sidebar-compact{display:none}}@media (max-width:560px){body{font-size:15px}.header-top{gap:20px}.brand span{font-size:1.95rem}.banner-wrap{height:92px}.post-card{min-height:auto}.post-card-body{padding:18px 16px 4px}.article-shell{width:100%;padding-top:24px}.article-card{margin-top:54px;padding:16px 18px 44px}.article-main-image{width:100%}.tool-actions{flex-wrap:wrap}}