body{font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif}.blog-page,.article-page{background:radial-gradient(circle at 22% 8%,rgba(246,247,249,.9),rgba(255,255,255,0) 32%),radial-gradient(circle at 88% 12%,rgba(247,248,250,.74),rgba(255,255,255,0) 34%),#ffffff}.blog-page .container,.article-page .container{padding-top:44px;padding-bottom:72px}.blog-breadcrumbs,.article-breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:34px;color:#727982;font-size:13px}.blog-hero{margin-bottom:40px}.blog-hero h1{margin:0 0 16px;font-size:clamp(34px, 3vw, 46px);font-weight:500;line-height:1.12}.blog-hero p{max-width:760px;margin:0;color:#4b535d;font-size:17px;line-height:1.7}.blog-tabs{display:flex;gap:42px;align-items:center;margin-bottom:48px;border-bottom:1px solid #dfe3e8;overflow-x:auto;scrollbar-width:none}.blog-tabs::-webkit-scrollbar{display:none}.blog-tabs a{position:relative;display:inline-flex;min-height:52px;flex:0 0 auto;align-items:center;color:#3f4650;font-size:15px}.blog-tabs a.active{color:#111;font-weight:600}.blog-tabs a.active::after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:#111;content:""}.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 34px}.post-card{overflow:hidden;border:1px solid rgba(218,221,226,.95);border-radius:8px;background:rgba(255,255,255,.94);transition:border-color 160ms ease,transform 160ms ease}.post-card:hover{border-color:#cfd5dd;transform:translateY(-2px)}.post-card img{width:100%;height:292px;object-fit:cover;background:#f5f6f7}.post-card-body{padding:20px 20px 24px}.post-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px;color:#6c737d;font-size:13px;line-height:1.4}.post-meta span+span::before{margin-right:10px;color:#b7bdc5;content:"|"}.post-card h2{margin:0 0 12px;font-size:22px;font-weight:600;line-height:1.35}.post-card p{margin:0 0 24px;color:#4d5560;font-size:15px;line-height:1.65}.read-more{display:inline-flex;gap:10px;align-items:center;color:#111;font-size:14px;font-weight:600}.pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:48px}.pagination .page-numbers{display:inline-flex;min-width:38px;height:38px;align-items:center;justify-content:center;border:1px solid #dfe3e8;border-radius:6px;color:#111;background:#fff;font-size:14px;padding:0 10px}.pagination .current{border-color:#111;color:#fff;background:#111}.article-page{background:radial-gradient(circle at 20% 8%,rgba(246,247,249,.9),rgba(255,255,255,0) 32%),radial-gradient(circle at 86% 16%,rgba(247,248,250,.78),rgba(255,255,255,0) 34%),#ffffff}.article-page .container{padding-top:40px}.article-shell{max-width:1040px;margin:0 auto}.article-breadcrumbs{margin-bottom:26px}.article-header{text-align:center;margin-bottom:26px}.article-header h1{max-width:820px;margin:0 auto 16px;font-size:clamp(32px, 3vw, 44px);font-weight:600;line-height:1.18}.article-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;color:#6c737d;font-size:13px;line-height:1.4}.article-hero{overflow:hidden;margin:0 auto 28px;border-radius:8px;background:#f5f6f7}.article-hero img{width:100%;height:clamp(340px, 42vw, 520px);object-fit:cover}.article-content{max-width:900px;margin:0 auto;color:#252b33}.article-content p{margin:0 0 20px;color:#3f4650;font-size:16px;line-height:1.85}.article-content h2{margin:34px 0 14px;font-size:24px;font-weight:600;line-height:1.35}.article-content ul,.article-content ol{display:grid;gap:8px;margin:0 0 22px;padding-left:22px;color:#3f4650;font-size:16px;line-height:1.75}.article-content img{max-width:100%;height:auto;border-radius:8px}.article-content blockquote{margin:20px 0 28px;border-radius:7px;padding:16px 18px;color:#4d5560;background:#f2f4f7;font-size:15px;line-height:1.7}.article-media-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,0.86fr);gap:34px;align-items:center;margin:28px 0}.article-media-row.reverse{grid-template-columns:minmax(0,0.9fr) minmax(0,1fr)}.article-media-row img{width:100%;min-height:210px;border-radius:8px;object-fit:cover;background:#f5f6f7}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:900px;margin:42px auto 36px;padding-top:24px;border-top:1px solid #dfe3e8}.post-nav a{display:grid;gap:8px;color:#111;font-size:14px;line-height:1.45}.post-nav a:last-child{text-align:right}.post-nav span{color:#6c737d;font-size:13px}.related-posts{max-width:1040px;margin:0 auto}.related-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.related-head h2{margin:0;font-size:22px;font-weight:600}.related-head a{color:#111;font-size:14px;font-weight:600}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.related-card{overflow:hidden;border:1px solid rgba(218,221,226,.95);border-radius:8px;background:rgba(255,255,255,.94)}.related-card img{width:100%;height:150px;object-fit:cover}.related-card div{padding:14px}.related-card p{margin:0 0 8px;color:#6c737d;font-size:12px;line-height:1.4}.related-card h3{margin:0 0 8px;font-size:15px;font-weight:600;line-height:1.35}.related-card span{color:#4d5560;font-size:13px;line-height:1.5}@media (max-width:900px){.post-grid,.article-media-row,.article-media-row.reverse,.related-grid{grid-template-columns:1fr}.post-card img{height:clamp(220px, 48vw, 320px)}.related-card img{height:220px}}@media (max-width:760px){.blog-page .container,.article-page .container{padding-top:28px;padding-bottom:48px}.blog-breadcrumbs{margin-bottom:24px}.blog-hero{margin-bottom:28px}.blog-hero p{font-size:14px}.blog-tabs{gap:28px;margin-bottom:30px}.post-grid{gap:18px}.post-card-body{padding:18px}.post-card h2{font-size:19px}.article-header{text-align:left}.article-meta{justify-content:flex-start}.article-hero img{height:clamp(230px, 58vw, 340px)}.article-content p,.article-content ul,.article-content ol{font-size:14px;line-height:1.75}.article-content h2{font-size:21px}.post-nav{grid-template-columns:1fr}.post-nav a:last-child{text-align:left}}