*{box-sizing:border-box}body{margin:0;background:#f6f4ef;color:#20242a;font-family:Georgia,'Microsoft YaHei',serif}.blog-shell{min-height:100vh}.blog-header{height:76px;padding:0 max(24px,8vw);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8d4cc;background:#f6f4ef}.brand{font-size:1.35rem;font-weight:700;color:#20242a;text-decoration:none}.brand span{font-size:.8rem;font-weight:400;color:#888;margin-left:8px}.blog-header nav{display:flex;gap:28px}.blog-header nav a{color:#666;text-decoration:none;font:600 .9rem Arial}.blog-header nav a.active{color:#20242a;border-bottom:2px solid #e1a52f;padding-bottom:8px}.blog-header button,.back{background:none;color:#555;font-size:1.3rem}.blog-hero{max-width:1100px;margin:auto;padding:110px 24px 120px;display:flex;justify-content:space-between;gap:50px}.eyebrow{font:700 .72rem Arial;letter-spacing:2px;color:#b68127}.blog-hero h1{font-size:clamp(2.8rem,6vw,5.5rem);line-height:1.08;margin:18px 0}.blog-hero em{color:#ba8125;font-style:normal}.hero-lede{max-width:530px;color:#68645d;font-size:1.12rem;line-height:1.8}.primary{display:inline-block;margin-top:28px;padding:14px 24px;background:#20242a;color:#fff;text-decoration:none;font:700 .9rem Arial}.hero-note{align-self:end;border-left:3px solid #d9a332;padding:22px 28px;min-width:240px}.hero-note span,.hero-note small{display:block;color:#888;font:12px Arial}.hero-note strong{display:block;font-size:1.5rem;line-height:1.5;margin:18px 0}.article-section{background:#ebe8e1;padding:85px max(24px,8vw)}.section-head{max-width:1100px;margin:auto;display:flex;justify-content:space-between;align-items:end}.section-head h2{font-size:2.5rem;margin:10px 0 28px}.section-head input{width:220px;padding:12px 14px;border:1px solid #c9c5bc;background:transparent}.filters{max-width:1100px;margin:0 auto 30px;display:flex;gap:8px;flex-wrap:wrap}.filters button{padding:8px 16px;border:1px solid #c9c5bc;background:transparent;color:#666}.filters button.selected{background:#20242a;color:white}.article-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.article-card{background:#f8f7f3;padding:26px;min-height:220px;display:flex;flex-direction:column;cursor:pointer;border:1px solid #ddd8ce}.article-card:hover{transform:translateY(-3px);transition:.2s}.card-meta,.card-foot{display:flex;justify-content:space-between;color:#918b80;font:12px Arial}.article-card h3{font-size:1.35rem;line-height:1.4;margin:24px 0 10px}.article-card p{color:#777;line-height:1.7;margin:0}.card-foot{margin-top:auto;padding-top:24px}.card-foot button{border:0;background:none;color:#b68127}.about{max-width:1100px;margin:auto;padding:110px 24px}.about h2{font-size:2.5rem;line-height:1.3}.about p:last-child{color:#777;line-height:1.8}.blog-shell footer{padding:28px max(24px,8vw);border-top:1px solid #d8d4cc;color:#888;font:12px Arial}.article-page{max-width:760px;margin:auto;padding:90px 24px}.article-page h1{font-size:clamp(2.4rem,5vw,4.5rem);line-height:1.15}.article-intro{font-size:1.25rem;color:#777;line-height:1.8}.article-body{margin-top:70px}.article-body section{margin:50px 0}.article-body h2{font-size:1.8rem}.article-body p{font-size:1.1rem;line-height:2;color:#4e4b46}@media(max-width:700px){.blog-header nav{gap:12px}.blog-hero{display:block;padding-top:70px}.hero-note{margin-top:60px}.section-head{display:block}.section-head input{width:100%}}