:root{--brand:#f04438;--brand-dark:#d92d20;--text:#252a34;--muted:#747b86;--line:#e9ebef;--soft:#f6f7f9;--white:#fff;--shadow:0 8px 28px rgba(31,36,50,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:#f5f6f8;font:14px/1.7 -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 32px));margin:0 auto}.site-header{position:sticky;top:0;z-index:20;background:#fffffff5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.navbar{height:70px;display:flex;align-items:center;gap:24px}.brand{width:150px;display:flex;align-items:center}.brand img{display:block;max-width:145px;max-height:48px;-o-object-fit:contain;object-fit:contain}.navbar nav{display:flex;align-items:center;gap:24px;flex:1}.navbar nav a{font-size:15px;white-space:nowrap}.navbar nav a:hover{color:var(--brand)}.header-actions a{font-size:28px}.menu-toggle{display:none;border:0;background:none;font-size:24px}.hero{min-height:345px;display:grid;place-items:center;color:#fff;background:linear-gradient(115deg,#141822bd,#f0443894),url(/media/2024/07/9bdcca0a774c6c2.png) center/cover}.hero-inner{text-align:center}.hero h1{font-size:42px;margin:0 0 8px}.hero p{font-size:18px;margin:0 0 28px}.hero-search{width:min(760px,100%);margin:auto;display:grid;grid-template-columns:1fr 150px;gap:10px}.hero-search input,.tag-search{width:100%;height:54px;border:0;border-radius:5px;padding:0 20px;font-size:16px;outline:none}.hero-search button,.button,.load-more{border:0;border-radius:5px;color:#fff;background:var(--brand);font-weight:600;cursor:pointer}.hero-search button:hover,.load-more:hover{background:var(--brand-dark)}.section{padding:42px 0}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.section-title h2{font-size:25px;margin:0}.section-title a,.section-title span{color:var(--muted)}.category-section{padding-bottom:4px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category-card{min-height:110px;padding:24px;border-radius:8px;background:#fff;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr auto;align-items:center;border:1px solid transparent}.category-card:hover{border-color:#f4aaa5;transform:translateY(-2px)}.category-card span{font-size:18px;font-weight:700}.category-card strong{color:var(--brand);font-size:24px}.category-card small{grid-column:1/-1;color:var(--muted)}.category-grid-large{grid-template-columns:repeat(3,1fr)}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.post-card{overflow:hidden;border-radius:8px;background:#fff;box-shadow:var(--shadow);transition:.2s}.post-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px #1f243221}.post-image{aspect-ratio:16/9;display:block;overflow:hidden;background:linear-gradient(135deg,#eff1f5,#dfe3ea)}.post-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:.35s}.post-card:hover .post-image img{transform:scale(1.04)}.image-fallback{height:100%;display:grid;place-items:center;color:#a4a9b2;font-size:28px;font-weight:700}.post-card-body{padding:18px}.post-card h2{font-size:18px;line-height:1.4;margin:9px 0}.post-card h2 a:hover{color:var(--brand)}.post-card p{height:48px;overflow:hidden;color:var(--muted);margin:0 0 14px;line-height:24px}.post-categories{display:flex;gap:7px;flex-wrap:wrap}.post-categories a{padding:2px 8px;border-radius:3px;color:var(--brand);background:#fff0ef;font-size:12px}.post-meta{display:flex;gap:16px;color:#979da6;font-size:12px}.pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin:36px 0}.pagination a,.load-more{padding:10px 22px;background:var(--brand);color:#fff;border-radius:4px}.archive-heading{text-align:center;margin:20px 0 38px}.archive-heading>span{color:var(--brand);font-weight:700;text-transform:uppercase;letter-spacing:2px}.archive-heading h1{font-size:36px;margin:4px 0}.archive-heading p{color:var(--muted)}.load-more{display:block;margin:36px auto}.post-layout{display:grid;grid-template-columns:minmax(0,820px) 280px;gap:28px;padding-top:34px;padding-bottom:50px}.article-panel,.widget,.static-content{background:#fff;border-radius:8px;box-shadow:var(--shadow)}.article-panel{padding:34px}.breadcrumbs{display:flex;gap:8px;color:var(--muted);font-size:13px}.article-header h1{font-size:34px;line-height:1.35;margin:14px 0}.article-cover{width:100%;max-height:480px;-o-object-fit:cover;object-fit:cover;border-radius:7px;margin:25px 0}.article-content{font-size:16px}.article-content img{max-width:100%;height:auto}.article-content h2,.article-content h3{margin-top:1.7em}.article-content a{color:#1677ff}.media-placeholder,.embed-placeholder{min-height:180px;margin:22px 0;border:1px dashed #cfd4dc;border-radius:7px;background:#f5f6f8;color:#969ca6;display:grid;place-items:center}.download-unavailable{margin:30px 0;padding:20px;border-left:4px solid #f0ad4e;background:#fff8ea}.download-unavailable p{margin:5px 0 0}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.tag-list a,.tag-cloud a{padding:7px 12px;border-radius:4px;background:var(--soft);color:#626975}.sidebar{display:flex;flex-direction:column;gap:18px}.widget{padding:20px;position:sticky;top:90px}.widget h3{margin:0 0 12px}.widget>a{display:block;padding:9px 0;border-bottom:1px solid var(--line)}.widget>a:hover{color:var(--brand)}.tag-search{max-width:520px;border:1px solid var(--line);display:block;margin:0 auto 28px}.tag-cloud{display:flex;gap:9px;flex-wrap:wrap}.tag-cloud a:hover{color:#fff;background:var(--brand)}.tag-cloud small{opacity:.75}.muted{color:var(--muted);text-align:center}.back-link{display:inline-block;margin-bottom:22px;color:var(--brand)}.narrow{max-width:850px}.year-group{margin-bottom:34px}.year-group h2{font-size:28px;border-bottom:2px solid var(--text)}.year-group>a{display:grid;grid-template-columns:70px 1fr;padding:10px 0;border-bottom:1px solid var(--line)}.year-group time{color:var(--muted)}.year-group a:hover span{color:var(--brand)}.static-content{margin-top:40px;margin-bottom:50px;padding:36px;min-height:50vh}.static-content img{max-width:100%}.site-footer{margin-top:35px;background:#262a32;color:#c8cbd1}.footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:40px;padding:42px 0}.footer-grid strong{color:#fff;font-size:20px}.footer-links{display:flex;gap:18px;justify-content:flex-end}.copyright{text-align:center;padding:16px;border-top:1px solid #3a3f49}.not-found{text-align:center;padding:100px 0}.not-found strong{font-size:90px;color:var(--brand)}.not-found .button{display:inline-block;padding:10px 24px}@media(max-width:980px){.navbar nav{display:none;position:absolute;top:70px;left:0;right:0;padding:18px 24px;background:#fff;box-shadow:var(--shadow);flex-direction:column;align-items:flex-start}.navbar nav.open{display:flex}.menu-toggle{display:block;margin-left:auto}.header-actions{display:none}.post-grid,.category-grid,.category-grid-large{grid-template-columns:repeat(2,1fr)}.post-layout{grid-template-columns:1fr}.sidebar{display:none}}@media(max-width:620px){.container{width:min(100% - 22px,1180px)}.hero{min-height:300px}.hero h1{font-size:32px}.hero p{font-size:15px}.hero-search{grid-template-columns:1fr 92px}.post-grid,.category-grid,.category-grid-large{grid-template-columns:1fr}.article-panel,.static-content{padding:22px}.article-header h1{font-size:27px}.footer-grid{grid-template-columns:1fr}.footer-links{justify-content:flex-start;flex-wrap:wrap}}.category-showcase{background:#fff}.category-mosaics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category-mosaic{position:relative;height:180px;display:grid;grid-template-columns:2fr 1fr;gap:3px;overflow:hidden;border-radius:7px;background:#e9edf2}.category-mosaic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mosaic-main,.mosaic-small,.mosaic-small>div{position:relative;overflow:hidden}.mosaic-small{display:grid;grid-template-rows:1fr 1fr;gap:3px}.mosaic-main h2{position:absolute;left:18px;bottom:12px;margin:0;color:#fff;text-shadow:0 2px 8px #000;font-size:20px}.mosaic-small strong{position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:#00000073;font-size:20px}.title-list-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.rank-panel{overflow:hidden;border-radius:8px;background:#fff;box-shadow:var(--shadow)}.rank-cover{display:block;height:145px;padding:24px;color:#fff;background-position:center;background-size:cover}.rank-cover h2{margin:0 0 4px}.rank-cover p{margin:0}.rank-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px 18px;border-bottom:1px solid var(--line)}.rank-row b{width:24px;height:24px;border-radius:4px;display:grid;place-items:center;background:#eff1f5;color:#69707b}.rank-row:nth-child(-n+4) b{color:#fff;background:var(--brand)}.rank-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-row small{color:var(--muted)}.featured-category .post-grid{grid-template-columns:repeat(4,1fr)}.featured-category .post-card p{display:none}.featured-category .post-card-body{padding:14px}.featured-category .post-card h2{font-size:16px}.home-banner{padding:75px 0;color:#fff;text-align:center;background:linear-gradient(#191c2499,#191c2499),url(/media/theme/bg-1.jpg) center/cover}.home-banner h2{font-size:30px}.home-banner .button{display:inline-block;padding:10px 24px;margin:8px}.home-banner .button.transparent{background:transparent;border:1px solid #fff}.post-breadcrumbs{padding-top:24px}.article-copyright{margin:28px 0;padding:15px 18px;border-radius:5px;background:var(--soft);color:var(--muted)}.article-copyright a{color:var(--brand)}.article-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:22px;border-top:1px solid var(--line)}.author-box{display:flex;align-items:center;gap:12px}.author-avatar{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--brand);color:#fff;font-size:22px;font-weight:700}.author-box strong,.author-box span{display:block}.author-box span{width:-moz-max-content;width:max-content;margin-top:3px;padding:0 6px;border-radius:3px;background:#777;color:#fff;font-size:10px}.share-box{display:flex;align-items:center;gap:7px}.share-box button{padding:6px 9px;border:1px solid var(--line);border-radius:4px;background:#fff;cursor:pointer}.comments{margin-top:30px}.comments article{padding:16px 0;border-top:1px solid var(--line)}.comments time{margin-left:10px;color:var(--muted);font-size:12px}.sidebar .widget{position:static}.resource-widget{padding:0;overflow:hidden}.resource-widget h2{margin:0;padding:20px;text-align:center;font-size:26px}.resource-button{display:block;width:calc(100% - 32px);margin:0 16px 10px;padding:11px;border:0;border-radius:4px;color:#fff;text-align:center;font-weight:700;cursor:pointer}.resource-button.official{background:#28a6df}.resource-button.download{background:#ef4b45}.resource-widget ul{padding:8px 18px 15px;margin:16px 0 0;border-top:1px solid var(--line);list-style:none}.resource-widget li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.resource-widget li strong{font-weight:500;text-align:right}.sidebar-search{display:flex}.sidebar-search input{min-width:0;flex:1;padding:9px 11px;border:1px solid var(--line);border-radius:4px 0 0 4px}.sidebar-search button{width:42px;border:0;border-radius:0 4px 4px 0;background:var(--brand);color:#fff}.list-widget{max-height:460px;overflow:auto}.list-widget.categories-widget{display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:12px;column-gap:12px}.list-widget.categories-widget h3{grid-column:1/-1}.related-section{padding:42px 0;background:#fff}.related-section h2{margin-top:0}.download-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:#12161eb8}.download-dialog{position:relative;width:min(460px,100%);padding:36px;border-radius:12px;background:#fff;text-align:center;box-shadow:0 30px 80px #0000004d}.warning-icon{width:62px;height:62px;margin:0 auto 16px;display:grid;place-items:center;border-radius:50%;background:#fff1e8;color:#ef4b45;font-size:36px;font-weight:800}.download-dialog h2{margin:0 0 8px}.download-dialog p{color:var(--muted)}.modal-close{position:absolute;right:12px;top:9px;border:0;background:none;font-size:28px;cursor:pointer}.modal-actions{display:flex;justify-content:center;gap:10px;margin-top:22px}.modal-actions a,.modal-actions button{padding:10px 18px;border:0;border-radius:5px;cursor:pointer}.modal-actions a{background:var(--brand);color:#fff}.modal-actions button{background:#eceff3}.full-footer-grid{display:grid;grid-template-columns:1.3fr .7fr 1fr 1.2fr;gap:34px;padding:44px 0}.full-footer-grid h3{color:#fff}.full-footer-grid>div>a{display:block;padding:4px 0}.footer-about img{max-width:150px;filter:brightness(0) invert(1)}.footer-search{display:flex}.footer-search input{min-width:0;padding:9px;border:0}.footer-search button{border:0;background:var(--brand);color:#fff}.floating-tools{position:fixed;right:18px;bottom:30px;z-index:30;display:grid;gap:2px}.floating-tools button{width:40px;height:40px;border:0;background:#333;color:#fff;cursor:pointer}.dark body{color:#e8e9ec;background:#17191e}.dark .site-header,.dark .article-panel,.dark .widget,.dark .static-content,.dark .post-card,.dark .rank-panel,.dark .category-showcase,.dark .related-section,.dark .download-dialog{background:#23262d}.dark .site-header{border-color:#353943}.dark .share-box button,.dark .modal-actions button{color:#eee;background:#363a43}.dark .rank-row,.dark .article-footer,.dark .resource-widget ul,.dark .resource-widget li{border-color:#393d46}.dark .article-copyright{background:#30343c}.dark .navbar nav{background:#23262d}@media(max-width:980px){.category-mosaics,.featured-category .post-grid{grid-template-columns:repeat(2,1fr)}.full-footer-grid{grid-template-columns:1fr 1fr}.sidebar{display:flex}.post-layout{grid-template-columns:1fr}.list-widget.categories-widget{display:none}}@media(max-width:620px){.category-mosaics,.title-list-grid,.featured-category .post-grid,.full-footer-grid{grid-template-columns:1fr}.article-footer{align-items:flex-start;flex-direction:column}.share-box{flex-wrap:wrap}.home-banner{padding:50px 0}.category-mosaic{height:160px}.download-dialog{padding:30px 20px}.floating-tools{right:8px;bottom:15px}}.site-ad{width:100%;min-height:90px;margin:30px auto;overflow:hidden;text-align:center}.site-ad-responsive{min-height:100px}.site-ad-leaderboard{min-height:90px}.post-ad-wrap{padding-top:10px}.carousel-container{position:relative;width:100%;max-width:800px;margin:24px auto;overflow:hidden}.carousel{display:flex;transition:transform .5s ease}.carousel-item{min-width:100%;box-sizing:border-box}.carousel-item img{display:block;width:100%;padding:8px;border-radius:6px;filter:drop-shadow(0 1px 3px rgb(0 0 0 / 30%))}.carousel-item .media-placeholder{min-height:360px;margin:0}.carousel-control{position:absolute;z-index:2;top:50%;padding:10px 14px;color:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#0000008c;border-radius:4px;transform:translateY(-50%)}.carousel-control.prev{left:10px}.carousel-control.next{right:10px}@media(max-width:760px){.site-ad-leaderboard{min-height:60px}.carousel-item .media-placeholder{min-height:220px}}.footer-brand-logo{position:relative;display:block;width:150px;line-height:0}.footer-brand-logo img{display:block;width:150px;max-width:none;filter:none}.footer-brand-logo:after{position:absolute;inset:0;content:"";pointer-events:none;background:url(/media/2024/07/abb3d299d7349d9.png) center / 150px auto no-repeat;filter:brightness(0) invert(1);clip-path:inset(0 0 0 23%)}