*{box-sizing:border-box}html{color:#5d6d81;font-family:Arial,Microsoft YaHei,PingFang SC,sans-serif;line-height:1.5}body{margin:0;background:#f7f7f9}a{color:inherit;text-decoration:none}input{font:inherit}.site-shell{min-height:100vh;background:#f8f8fa}.hero{position:relative;height:250px;background:#a9b8c8;color:#fff}.detail-hero{height:220px}.nav-bar{display:flex;align-items:center;justify-content:space-between;width:min(1110px,calc(100% - 42px));margin:0 auto;padding-top:12px}.nav-left{display:flex;align-items:center;gap:28px}.brand{font-size:18px;font-weight:700;letter-spacing:0}.nav-link{font-size:14px;font-weight:700;opacity:.96}.search-box{display:block;width:184px}.search-box input{width:100%;height:37px;padding:0 13px;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.95);border-radius:3px;outline:none}.search-box input::placeholder{color:#ffffffeb;font-size:13px;font-weight:700}.search-box input:focus{border-color:#fff;box-shadow:0 0 0 2px #ffffff2e}.hero-center{position:absolute;top:128px;left:50%;width:min(520px,92%);transform:translate(-50%);text-align:center}.detail-hero .hero-center{top:112px}.hero-center h1{margin:0 0 5px;font-size:26px;font-weight:700;line-height:1.15}.hero-center p{margin:0;font-size:13px;font-weight:700}.main-content{width:min(910px,calc(100% - 42px));min-height:640px;margin:0 auto;padding:42px 0 52px}.post-list{width:100%}.post-item{display:grid;grid-template-columns:minmax(0,1fr) 142px;gap:34px;padding:20px 0 33px;border-bottom:1px solid #e8e9ed}.post-item:first-child{padding-top:16px}.post-copy h2{margin:0 0 11px;color:#536480;font-size:19px;font-weight:500;line-height:1.35}.post-copy h2 a:hover,.back-link:hover,.footer a:hover{color:#56c6ae}.excerpt{margin:0;color:#a7b1bc;font-size:16px;font-weight:700;line-height:1.55}.tag-row{display:flex;flex-wrap:wrap;gap:11px;margin-top:18px}.tag{display:inline-flex;align-items:center;gap:7px;min-height:31px;padding:0 13px;color:#7a7d81;background:#e7e7e7;border-radius:4px;font-size:13px;font-weight:700}.tag-icon{color:#6f6f6f;font-size:10px;line-height:1}.meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:11px;color:#a2afb7;font-size:13px;font-weight:700}.read-more{align-self:center;justify-self:end;color:#55c6af;font-size:13px;font-weight:500;white-space:nowrap}.read-more span{display:inline-block;margin-left:12px;font-size:28px;line-height:12px;vertical-align:-4px}.detail-article{padding-top:16px}.back-link{display:inline-block;margin-bottom:24px;color:#55c6af;font-size:14px;font-weight:700}.detail-article h1{margin:0 0 12px;color:#536480;font-size:27px;font-weight:500;line-height:1.35}.detail-meta{padding-bottom:28px;border-bottom:1px solid #e8e9ed}.article-body{padding-top:26px;color:#7c8994;font-size:16px;font-weight:600;line-height:1.9}.article-body p{margin:0 0 18px}.footer{display:flex;min-height:162px;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#fff;background:#a9b8c8;text-align:center}.footer p,.footer strong{margin:0}.footer p{font-size:13px;font-weight:700}.footer strong{font-size:18px;font-weight:700}.home-icon{font-size:25px;line-height:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 760px){.hero{height:230px}.nav-bar{align-items:flex-start;gap:18px}.nav-left{gap:16px;padding-top:7px}.brand{font-size:16px}.search-box{width:132px}.hero-center{top:118px}.hero-center h1{font-size:22px}.main-content{width:min(100% - 30px,910px);padding-top:28px}.post-item{grid-template-columns:1fr;gap:14px;padding-bottom:27px}.read-more{justify-self:start}.excerpt,.article-body{font-size:15px}}