.flash-message{background:#fff0f3;border:1px solid #fcd;color:#e94560;border-radius:8px;padding:12px 20px;font-weight:500}.blog-article-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000f;border:1px solid #e8e8f0;overflow:hidden}.blog-hero{position:relative;width:100%;max-height:320px;overflow:hidden}.blog-hero img{width:100%;max-height:320px;object-fit:cover;display:block}.blog-hero-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#1a1a2ed9);padding:40px 24px 20px}.blog-hero-title{color:#fff;font-size:1.4rem;font-weight:700;line-height:1.5;text-shadow:0 1px 4px rgba(0,0,0,.3);margin:0}.blog-article-body{padding:28px 32px 36px}.blog-article-title{font-size:1.3rem;font-weight:700;color:#1a1a2e;line-height:1.5;margin-bottom:12px}.blog-article-divider{height:3px;width:60px;background:#e94560;border-radius:2px;margin-bottom:24px}.blog-affiliate-link a{display:inline-block;background:linear-gradient(135deg,#e94560,#c73550);color:#fff;padding:10px 24px;border-radius:8px;font-weight:600;text-decoration:none;transition:all .2s}.blog-affiliate-link a:hover{transform:translateY(-1px);box-shadow:0 4px 12px #e945604d;color:#fff}.blog-text{font-size:15px;line-height:1.8;color:#333;text-align:left;word-wrap:break-word;overflow-wrap:break-word}.blog-text h2{font-size:1.25rem;font-weight:700;color:#1a1a2e;margin:32px 0 16px;padding-bottom:8px;border-bottom:2px solid #e8e8f0}.blog-text h3{font-size:1.1rem;font-weight:700;color:#1a1a2e;margin:24px 0 12px}.blog-text img{max-width:100%;height:auto;border-radius:8px;margin:16px 0}.blog-text a{color:#0f3460;text-decoration:underline}.blog-text a:hover{color:#e94560}.blog-text ol{padding:.8em 2.5em;margin:1em 0;font-weight:600;color:#0f3460;background:#f0f4fa;border:2px solid #0f3460;border-radius:10px}.blog-text ol li{padding:.4rem 0}.blog-text p{margin-bottom:1em}.youtube{position:relative;height:0;padding:0 0 56.25%;overflow:hidden;border-radius:8px;margin:16px 0}.youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%}.card{border:1px solid #e8e8f0;border-radius:10px;margin:10px;padding-bottom:10px;display:flex;flex-direction:column;align-items:center;width:250px;background:#fff;box-shadow:0 1px 6px #0000000a}.card .card-title{font-size:18px;font-weight:700;color:#1a1a2e;padding:8px}.card .card-image{margin:10px;width:100%;height:auto}@media screen and (max-width:700px){.card .card-image{max-width:300px}}.description{padding:.8em 2em;margin:1em 0;color:#333;background:#f5f5f5;border:1px solid #ddd;border-radius:8px}.effect{color:#333;background:#f0f0f0;border:2px solid #ccc;border-radius:6px;padding:8px 12px}.rank-group{padding:20px;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;margin-bottom:20px;border:1px solid #e8e8f0;border-radius:10px;background:#fafbfd}.rank-group .rank-number{font-size:28px;font-weight:700;color:#e94560;margin:10px}.rank-group .rank-price{font-size:18px;color:#555}.rank-group-info{flex-basis:100%;text-align:center;margin-bottom:10px;font-weight:600;color:#1a1a2e}.blog-nav-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000f;border:1px solid #e8e8f0;overflow:hidden;height:100%}.blog-nav-label{display:flex;align-items:center;gap:6px;padding:12px 16px;font-size:.8rem;font-weight:600;color:#0f3460;background:linear-gradient(135deg,#f0f4fa,#e8ecf4);border-bottom:1px solid #e8e8f0}.blog-nav-label-next{justify-content:flex-end}.blog-nav-link{display:block;padding:12px 16px;text-decoration:none;color:inherit;transition:background .2s}.blog-nav-link:hover{background:#f0f1f8;text-decoration:none;color:inherit}.blog-nav-title{font-size:.85rem;font-weight:600;color:#1a1a2e;line-height:1.5;margin-bottom:10px}.blog-nav-thumb img{width:100%;max-height:140px;object-fit:cover;border-radius:6px}.blog-nav-empty{padding:24px 16px;text-align:center;font-size:.85rem;color:#999}.blog-action-bar{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.btn-action{background:linear-gradient(135deg,#1a1a2e,#0f3460);color:#fff;border:none;border-radius:8px;padding:10px 24px;font-weight:600;font-size:.9rem;transition:all .2s}.btn-action:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0f34604d;color:#fff}.btn-danger-action{background:linear-gradient(135deg,#e94560,#c73550)}.btn-danger-action:hover{box-shadow:0 4px 12px #e945604d}@media screen and (max-width:768px){.blog-hero,.blog-hero img{max-height:200px}.blog-hero-title{font-size:1rem}.blog-article-body{padding:20px 16px 28px}.blog-article-title{font-size:1.05rem}.blog-text{font-size:14px}.card{width:100%}.blog-nav-title{font-size:.75rem}.blog-nav-thumb img{max-height:100px}.btn-action{padding:8px 16px;font-size:.8rem}}
