/* FiberPart Recovery4: shared shell rules moved to site-shell.css */
/* Blog V2: no header/footer/drawer rules here. Shared shell belongs to styles.css. */
.blog-main{padding:18px 0 32px}
.blog-breadcrumb{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#849099;font-size:12px;margin:0 0 11px}.blog-breadcrumb i{font-size:12px;color:#aab2b7}
.blog-intro{border:1px solid var(--line);border-radius:23px;padding:22px;background:linear-gradient(135deg,#fff 0%,#f6f8f8 68%,#edf1f2 100%);box-shadow:0 8px 24px rgba(25,35,45,.06);display:flex;justify-content:space-between;gap:18px;align-items:flex-end}.blog-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:900;color:#a55226;background:#fff2e8;border:1px solid #f0d7c5;border-radius:999px;padding:5px 9px}.blog-intro h1{margin:7px 0 4px;color:var(--dark);font-size:clamp(25px,3vw,37px);line-height:1.4}.blog-intro p{margin:0;max-width:700px;color:var(--muted);font-size:12px}.blog-stat{display:flex;gap:7px;flex-wrap:wrap}.blog-stat span{white-space:nowrap;padding:8px 10px;background:#fff;border:1px solid var(--line);border-radius:11px;color:#63717a;font-size:12px}
.blog-toolbar{margin-top:11px;padding:9px 10px;border:1px solid var(--line);border-radius:16px;background:#fff;display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px;align-items:center;box-shadow:0 5px 16px rgba(25,35,45,.04)}.blog-search{height:41px;border:1px solid var(--line);border-radius:11px;background:#f9fafb;display:grid;grid-template-columns:32px 1fr 34px;align-items:center;padding:0 6px 0 9px;color:#8a959c}.blog-search input{border:0;outline:0;background:transparent;width:100%;font-size:12px}.blog-search button{width:30px;height:30px;border:0;border-radius:9px;background:var(--dark);color:#fff}
.category-chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.blog-chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;color:#64727b;font-size:12px;cursor:pointer;font-weight:800}.blog-chip.active,.blog-chip:hover{background:#2c4658;border-color:#2c4658;color:#fff}
.featured-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:12px;margin-top:12px}.featured-main,.mini-feature{position:relative;overflow:hidden;border-radius:22px;border:1px solid var(--line);background:#fff;box-shadow:0 8px 24px rgba(25,35,45,.06)}.featured-main{min-height:360px}.featured-main img,.mini-feature img{width:100%;height:100%;object-fit:cover;display:block}.featured-main .shade,.mini-feature .shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(17,28,36,.92) 100%)}.featured-content{position:absolute;right:0;left:0;bottom:0;padding:22px;color:#fff}.featured-content h2{font-size:24px;line-height:1.55;margin:7px 0 7px;max-width:750px}.featured-content p{font-size:12px;opacity:.82;margin:0;max-width:700px}.article-meta{display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:12px;color:inherit;opacity:.8}.side-features{display:grid;grid-template-rows:1fr 1fr;gap:12px}.mini-feature{min-height:174px}.mini-feature .featured-content{padding:14px}.mini-feature h3{margin:5px 0 0;font-size:14px;line-height:1.65}.blog-tag{display:inline-flex;padding:4px 8px;border-radius:999px;background:rgba(189,98,52,.96);color:#fff;font-size:12px;font-weight:900}
.blog-section-head{margin:22px 0 10px;display:flex;align-items:end;justify-content:space-between;gap:14px}.blog-section-head h2{margin:4px 0 0;font-size:19px;color:var(--dark)}.blog-section-head p{margin:0;color:var(--muted);font-size:12px}.result-count{font-size:12px;color:#8b959b}
.blog-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.blog-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 6px 18px rgba(25,35,45,.05);transition:.22s}.blog-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(25,35,45,.09)}.blog-card-media{aspect-ratio:16/9;position:relative;overflow:hidden;background:#e8edef}.blog-card-media img{/*width:100%;height:100%;*/object-fit:cover;display:block;transition:.35s}.blog-card:hover img{transform:scale(1.035)}.blog-card-media .blog-tag{position:absolute;right:10px;top:10px}.blog-card-body{padding:13px}.blog-card h3{margin:0 0 6px;font-size:13px;line-height:1.65;color:var(--dark)}.blog-card p{margin:0 0 11px;color:var(--muted);font-size:12px;line-height:1.85}.blog-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #edf0f1;padding-top:9px}.blog-read-more{font-size:12px;color:#2c4658;font-weight:900}.blog-card-meta{font-size:12px;color:#929ca2}.blog-hidden{display:none!important}.blog-pagination{margin-top:14px;display:flex;justify-content:center;gap:6px}.blog-page-btn{min-width:35px;height:35px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#65737c;font-size:12px}.blog-page-btn.active{background:var(--dark);color:#fff;border-color:var(--dark)}
.blog-newsletter{margin-top:24px;border-radius:22px;padding:20px;background:linear-gradient(135deg,var(--dark),#2c4658);color:#fff;display:grid;grid-template-columns:1fr minmax(300px,.65fr);gap:20px;align-items:center}.blog-newsletter h3{margin:0 0 5px;font-size:17px}.blog-newsletter p{margin:0;color:#d6dfe4;font-size:12px}.blog-newsletter-form{height:43px;background:#fff;border-radius:12px;display:grid;grid-template-columns:1fr auto;padding:4px}.blog-newsletter-form input{border:0;outline:0;padding:0 11px;font-size:12px}.blog-newsletter-form button{border:0;border-radius:9px;padding:0 14px;background:#bd6234;color:#fff;font-size:12px;font-weight:900}
/* detail */
.reading-progress{position:fixed;top:0;right:0;z-index:110;width:0;height:3px;background:#bd6234}.article-hero-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 8px 24px rgba(25,35,45,.06)}.article-title-block{padding:23px 24px 18px}.article-title-block h1{margin:8px 0 9px;font-size:clamp(25px,3.5vw,40px);line-height:1.55;color:var(--dark);max-width:950px}.article-lead{margin:0 0 15px;color:#64727b;font-size:12px;max-width:850px}.author-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.article-author{display:flex;align-items:center;gap:9px}.article-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#dce4e8,#b8c6ce);display:grid;place-items:center;font-weight:900;color:#2c4658;font-size:12px}.article-author strong{display:block;font-size:12px}.article-author small{display:block;color:#8b979e;font-size:12px}.hero-cover{aspect-ratio:2.15/1;background:#e8edef}.hero-cover img{width:100%;height:100%;display:block;object-fit:cover}
.article-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:14px;align-items:start;margin-top:14px}.article-toc{position:sticky;top:132px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:13px;box-shadow:0 6px 18px rgba(25,35,45,.045)}.article-toc h3{font-size:12px;margin:0 0 9px}.article-toc a{display:block;padding:7px 8px;border-radius:9px;color:#6b7881;font-size:12px}.article-toc a:hover,.article-toc a.active{background:#eef2f4;color:var(--dark);font-weight:800}.article-share{margin-top:11px;padding-top:11px;border-top:1px solid #edf0f1}.article-share span{display:block;font-size:12px;color:#8d989f;margin-bottom:7px}.share-actions{display:flex;gap:6px}.share-actions button{width:32px;height:32px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#61717b;cursor:pointer}
.article-content{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px 28px;box-shadow:0 7px 20px rgba(25,35,45,.045);font-size:14px;line-height:2.15;color:#36444d;overflow-wrap:anywhere}.article-content h2,.article-content h3,.article-content h4{scroll-margin-top:135px;line-height:1.7;color:var(--dark)}.article-content h2{margin:30px 0 10px;font-size:21px}.article-content h3{margin:24px 0 9px;font-size:18px}.article-content h4{margin:20px 0 8px;font-size:16px}.article-content h2:first-child{margin-top:0}.article-content p{margin:0 0 14px}.article-content ul,.article-content ol{margin:7px 0 15px;padding-right:22px}.article-content li{margin:6px 0}.article-content img{display:block;max-width:100%;height:auto;margin:16px auto;border-radius:12px}.article-content blockquote{margin:15px 0;padding:11px 15px;border-right:4px solid #bd6234;background:#fff7f0;border-radius:9px}.article-content table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.article-content th,.article-content td{min-width:110px;padding:8px 10px;border:1px solid #dfe5e8}.article-content a{color:#315f79;text-decoration:underline}.article-content pre{overflow:auto;padding:12px;border-radius:9px;background:#f3f5f6;direction:ltr;text-align:left}.content-image{margin:18px 0;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#eef1f2}.content-image img{width:100%;display:block}.content-caption{font-size:12px;color:#8b969c;padding:7px 10px;background:#f9fafb}.article-callout{margin:18px 0;padding:14px 15px;border-radius:14px;border:1px solid #efdbc9;background:#fff7f0;color:#6f4e39}.article-callout strong{display:block;color:#9c5127;margin-bottom:3px}.article-callout.tip{border-color:#d8e3e8;background:#f2f7f9;color:#405563}.article-callout.tip strong{color:#36586d}.article-tags{margin-top:25px;padding-top:14px;border-top:1px solid #edf0f1;display:flex;gap:6px;flex-wrap:wrap}.article-tags a{font-size:12px;background:#f1f4f5;border:1px solid var(--line);border-radius:999px;padding:5px 9px;color:#66747d}
.article-author-card,.article-comments{margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px}.article-author-card{display:flex;gap:11px;align-items:flex-start}.article-author-card .article-avatar{width:48px;height:48px}.article-author-card h3{font-size:12px;margin:0 0 3px}.article-author-card p{margin:0;color:#75828a;font-size:12px}.comments-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.comments-head h2{font-size:15px;margin:0}.comments-head span{font-size:12px;color:#8a959b}.comment-list{display:grid;gap:8px}.comment{padding:11px;border:1px solid #e7ebed;border-radius:13px;background:#fbfcfc}.comment-top{display:flex;justify-content:space-between;gap:12px}.comment strong{font-size:12px}.comment time{font-size:12px;color:#909ba1}.comment p{margin:5px 0 0;font-size:12px;color:#64727b}.comment-form{margin-top:13px;padding-top:13px;border-top:1px solid #edf0f1}.comment-form h3{font-size:12px;margin:0 0 9px}.comment-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.comment-field{display:grid;gap:4px}.comment-field.full{grid-column:1/-1}.comment-field label{font-size:12px;color:#7c8991}.comment-field input,.comment-field textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#fafbfb;padding:8px 10px;outline:0;font-size:12px}.comment-field textarea{min-height:95px;resize:vertical}.comment-submit{margin-top:8px;border:0;border-radius:10px;background:var(--dark);color:#fff;padding:9px 14px;font-size:12px;font-weight:900}.blog-toast{position:fixed;left:18px;bottom:82px;background:#19232d;color:#fff;padding:9px 12px;border-radius:10px;font-size:12px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s;z-index:100}.blog-toast.show{opacity:1;transform:none}
@media(max-width:900px){.featured-grid{grid-template-columns:1fr}.side-features{grid-template-columns:1fr 1fr;grid-template-rows:auto}.blog-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-newsletter{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr}.article-toc{position:relative;top:auto}.article-toc nav{display:flex;overflow:auto;gap:5px;scrollbar-width:none}.article-toc a{white-space:nowrap}.article-share{display:none}}
@media(max-width:620px){.blog-main{padding-top:10px}.blog-intro{padding:16px;border-radius:18px}.blog-intro h1{font-size:23px}.blog-stat{display:none}.blog-toolbar{grid-template-columns:1fr}.category-chips{justify-content:flex-start;overflow:auto;flex-wrap:nowrap;scrollbar-width:none}.blog-chip{white-space:nowrap}.featured-main{min-height:300px;border-radius:18px}.featured-content{padding:15px}.featured-content h2{font-size:18px}.featured-content p{display:none}.side-features{gap:8px}.mini-feature{min-height:145px;border-radius:16px}.mini-feature .article-meta{display:none}.mini-feature h3{font-size:12px}.blog-article-grid{grid-template-columns:1fr;gap:8px}.blog-card{display:grid;grid-template-columns:116px 1fr;border-radius:15px}.blog-card-media{aspect-ratio:auto;height:100%;min-height:130px}.blog-card-body{padding:10px}.blog-card p{display:none}.blog-card h3{font-size:12px}.article-title-block{padding:16px}.article-title-block h1{font-size:23px}.article-lead{font-size:12px}.hero-cover{aspect-ratio:1.55/1}.article-layout{margin-top:9px;gap:9px}.article-toc{padding:9px;border-radius:14px}.article-toc h3{display:none}.article-content{padding:17px 15px;border-radius:17px;font-size:13.5px}.article-content h2{font-size:19px;margin-top:25px}.article-content h3{font-size:17px}.comment-grid{grid-template-columns:1fr}.comment-field.full{grid-column:auto}}