*{box-sizing:border-box}.public-blog-page{background:#f7f8fc;min-height:60vh}.blog-container{width:min(1180px,calc(100% - 32px));margin:0 auto}.blog-main-content{padding:30px 0 70px}.blog-hero-public{padding:65px 0;background:linear-gradient(135deg,#fff1f6,#f7efff);border-bottom:1px solid #f0dce8}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:1.6px;font-size:11px;font-weight:800;color:#ff2d75;margin-bottom:7px}.blog-hero-public h1{font-size:clamp(30px,5vw,50px);line-height:1.12;margin:0 0 12px;color:#171923}.blog-hero-public p{max-width:760px;color:#687080;line-height:1.8;margin:0;font-size:16px}.blog-toolbar{background:#fff;border:1px solid #eee;border-radius:18px;padding:16px;margin:25px 0}.blog-search{display:flex;gap:10px;margin-bottom:14px}.blog-search i{align-self:center;margin-left:10px;color:#999}.blog-search input{flex:1;border:0;outline:none;padding:12px;font:inherit;min-width:0}.blog-search button{border:0;background:#ff2d75;color:#fff;border-radius:10px;padding:0 20px;font-weight:800}.category-chips{display:flex;gap:8px;overflow:auto}.category-chips a{white-space:nowrap;border:1px solid #eee;padding:8px 13px;border-radius:30px;color:#666;font-size:12px;text-decoration:none}.category-chips a.active,.category-chips a:hover{background:#ff2d75;color:#fff;border-color:#ff2d75}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.blog-card{background:#fff;border:1px solid #eee;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(20,20,40,.06);transition:.25s;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(20,20,40,.1)}.blog-card-media{height:220px;display:block;position:relative;background:#fff0f5;overflow:hidden;text-decoration:none}.blog-card-media img{width:100%;height:100%;object-fit:cover}.blog-placeholder{height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;color:#ff2d75;background:linear-gradient(135deg,#fff1f6,#f5e7ff)}.featured-ribbon{position:absolute;top:14px;left:14px;background:#fff;color:#d81b60;border-radius:20px;padding:7px 11px;font-size:11px;font-weight:800;box-shadow:0 5px 15px rgba(0,0,0,.1)}.blog-card-body{padding:19px;display:flex;flex-direction:column;flex:1}.blog-category{display:inline-flex;align-self:flex-start;color:var(--cat-color);background:#fff1f6;padding:5px 10px;border-radius:20px;font-size:11px;font-weight:800;margin-bottom:10px}.blog-card-body h2,.blog-card-body h3{font-size:20px;line-height:1.35;margin:0 0 9px}.blog-card-body h2 a,.blog-card-body h3 a{color:#20202a;text-decoration:none}.blog-card-body h2 a:hover,.blog-card-body h3 a:hover{color:#ff2d75}.blog-card-body p{font-size:13px;line-height:1.7;color:#6b7280;margin:0 0 15px}.blog-card-footer{display:flex;align-items:center;gap:13px;margin-top:auto;font-size:12px;color:#8a8a94}.blog-card-footer a{margin-left:auto;color:#ff2d75;font-weight:800;text-decoration:none}.blog-empty{background:#fff;border:1px dashed #ddd;border-radius:18px;padding:55px 25px;text-align:center;color:#777}.blog-empty i{font-size:38px;color:#ff2d75;margin-bottom:12px}.blog-empty h3{color:#333;margin-bottom:6px}.blog-reading-layout{padding:35px 0 70px}.article-card,.comments-card{background:#fff;border:1px solid #eee;border-radius:22px;overflow:hidden;box-shadow:0 12px 35px rgba(20,20,40,.06)}.article-cover{width:100%;max-height:560px;object-fit:cover;display:block}.article-inner{padding:34px}.article-inner h1{font-size:clamp(30px,5vw,46px);line-height:1.13;margin:8px 0 15px;color:#20202a}.article-meta{display:flex;gap:18px;flex-wrap:wrap;color:#8a8a94;font-size:12px}.article-excerpt{font-size:18px;line-height:1.7;color:#555;border-left:4px solid #ff2d75;padding-left:15px;margin:24px 0}.article-content{font-size:17px;line-height:1.9;color:#3f3f46;overflow-wrap:anywhere}.article-content h2{font-size:27px;margin:30px 0 12px}.article-content h3{font-size:22px;margin:25px 0 10px}.article-content img{max-width:100%;height:auto;border-radius:12px;margin:20px 0}.article-content a{color:#d81b60;text-decoration:underline}.article-content blockquote{border-left:4px solid #ff2d75;background:#fff6f9;padding:15px 18px;margin:20px 0;border-radius:0 10px 10px 0}.article-content table{width:100%;border-collapse:collapse;display:block;overflow:auto}.article-content th,.article-content td{border:1px solid #eee;padding:10px;text-align:left}.article-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px;padding-top:20px;border-top:1px solid #eee}.post-action{border:1px solid #e5e7eb;background:#fff;color:#555;border-radius:30px;padding:10px 16px;font-weight:700;cursor:pointer}.post-action.active{background:#fff0f5;color:#d81b60;border-color:#ffc5d8}.post-action:disabled{opacity:.6}.comments-card{margin-top:22px;padding:26px}.comments-heading h2{margin:0 0 18px}.comments-heading span{font-size:12px;background:#f4f4f5;border-radius:20px;padding:5px 9px;color:#777}.comment-form textarea{width:100%;border:1px solid #e5e7eb;border-radius:12px;padding:13px;resize:vertical;outline:none;font:inherit}.comment-form button{margin-top:10px;border:0;background:#ff2d75;color:#fff;border-radius:10px;padding:11px 18px;font-weight:700}.guest-comment-box{background:#fff6f9;border:1px solid #ffd5e2;border-radius:12px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:15px}.guest-comment-box p{margin:0;color:#555}.guest-comment-box a{color:#d81b60;font-weight:800}.comments-list{margin-top:25px}.comment-item{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid #f1f1f1}.comment-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;background:#fff0f5;color:#ff2d75;display:flex;align-items:center;justify-content:center;flex:none}.comment-avatar img{width:100%;height:100%;object-fit:cover}.comment-item strong{display:block}.comment-item small{display:block;color:#999;font-size:11px;margin:2px 0 7px}.comment-item p{margin:0;color:#555;line-height:1.6}.empty-comments{text-align:center;color:#888;padding:20px}.related-section{margin-top:30px}.blog-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}.blog-section-heading h2{font-size:28px;color:#20202a;margin:0 0 5px}.site-ad{margin:18px 0;padding:8px;text-align:center;overflow:hidden;min-height:0}.login-required-modal[hidden]{display:none}.login-required-modal{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:20px}.login-modal-backdrop{position:absolute;inset:0;background:rgba(15,18,30,.58)}.login-modal-card{position:relative;z-index:1;width:min(420px,100%);background:#fff;border-radius:20px;padding:30px;text-align:center;box-shadow:0 25px 80px rgba(0,0,0,.25)}.login-modal-card>i{font-size:34px;color:#ff2d75}.login-modal-card h3{margin:12px 0 8px}.login-modal-card p{color:#666;line-height:1.6}.login-modal-card>div{display:flex;gap:10px;justify-content:center}.login-modal-card a{display:inline-block;padding:10px 18px;border-radius:10px;background:#ff2d75;color:#fff;text-decoration:none;font-weight:700}.login-modal-card a:first-child{background:#fff;color:#ff2d75;border:1px solid #ff2d75}.login-modal-close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:28px;color:#888;cursor:pointer}@media(max-width:1050px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.blog-container{width:min(100% - 22px,1180px)}.blog-hero-public{padding:45px 0}.blog-grid{grid-template-columns:1fr}.blog-search{flex-wrap:wrap}.blog-search input{order:2;width:calc(100% - 30px);flex:auto}.blog-search button{height:45px;width:100%;order:3}.article-inner{padding:22px}.article-content{font-size:16px}.guest-comment-box{display:block}.guest-comment-box a{display:inline-block;margin-top:10px}.article-actions{gap:7px}.post-action{padding:9px 12px;font-size:13px}}
.post-share-link{display:flex;align-items:center;gap:12px;margin-top:16px;padding:12px 14px;border:1px solid #f0e2e8;background:#fff8fb;border-radius:14px}.post-share-link-icon{width:38px;height:38px;flex:0 0 38px;border-radius:11px;background:#ff2d75;color:#fff;display:flex;align-items:center;justify-content:center}.post-share-link-body{min-width:0;flex:1}.post-share-link-body span{display:block;font-size:11px;font-weight:800;color:#777;margin-bottom:3px}.post-share-link-body a{display:block;color:#d81b60;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}.post-share-link-body a:hover{text-decoration:underline}.post-share-copy{border:1px solid #ffc3d6;background:#fff;color:#d81b60;border-radius:10px;padding:9px 12px;font-weight:800;cursor:pointer;white-space:nowrap}.post-share-copy:hover{background:#fff0f5}@media(max-width:600px){.post-share-link{align-items:flex-start}.post-share-copy{padding:8px 9px;font-size:11px}}