@charset "UTF-8";:root{--primary:#fd4766;--primary-rgb:253,71,102;--primary-light:#fff0f3;--primary-light-200:#ffc0cc;--primary-light-300:#ff8fa3;--primary-dark:#e0304d;--heading:#171717;--body:#6a6a8e;--dark:#1a1a2e;--border-color:#e9e9e9;--bg:#f8f8fc;--white:#ffffff;--white-rgb:255,255,255;--success:#3eb75e;--success-rgb:62,183,94;--blue:#2563eb;--font:"Roboto",sans-serif;--warning:#ff8f3c;--warning-rgb:255,143,60;--alert-warning-text:#78350f}.blog-card{background:var(--white);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,border-color .2s}.blog-card .card-thumb{height:200px;overflow:hidden;position:relative;background:var(--bg)}.blog-card .card-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;-webkit-transition:transform .3s}.blog-card .card-thumb-cat{position:absolute;top:12px;left:12px;background:var(--primary);color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:4px 10px;border-radius:5px}.blog-card .card-body{padding:24px;flex:1;display:flex;flex-direction:column}.blog-card .card-body em{font-style:normal}.blog-card .card-cat{font-size:11px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.blog-card .card-title{font-weight:700;color:var(--heading);line-height:1.4;margin-bottom:8px}.blog-card .card-excerpt{font-size:.875rem;color:var(--body);line-height:1.65;flex:1;margin-bottom:16px}.blog-card .card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-color);min-height:40px;background:0 0;padding-top:8px;padding-left:0;padding-right:0;padding-bottom:0}.blog-card .card-meta{font-size:.75rem;color:var(--body)}.blog-card .card-link{font-size:.8125rem;font-weight:600;color:var(--primary)}.blog-card .card-link:hover{text-decoration:underline}.blog-card:hover{border-color:var(--primary-light-200);box-shadow:0 4px 24px rgba(253,71,102,.08);text-decoration:none}.blog-card:hover .card-thumb img{transform:scale(1.04)}.blog-post-container h2{font-size:clamp(20px,2.5vw,26px);font-weight:700;margin:52px 0 16px}.blog-post-container h3{font-weight:600}.blog-post-container .hero{background:linear-gradient(135deg,#1a1a2e 0,#16213e 60%,#0f3460 100%);padding:72px 32px 64px;position:relative;overflow:hidden}.blog-post-container .hero::before{content:"";position:absolute;top:-120px;right:-80px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(253,71,102,.18) 0,transparent 65%)}.blog-post-container .hero::after{content:"";position:absolute;left:10%;bottom:-60px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.12) 0,transparent 65%)}.blog-post-container .hero .blog-image{background-size:cover;background-position:0 0;width:45%;height:100%;display:block;background-repeat:no-repeat;position:absolute;top:0;right:-20px;opacity:.4}.blog-post-container .hero .hero-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(253,71,102,.15);border:1px solid rgba(var(--primary-rgb),.35);color:var(--primary-light-300);font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:5px 14px;border-radius:30px;margin-bottom:16px}.blog-post-container .hero h1{font-size:clamp(26px,3.5vw,44px);font-weight:800;color:#fff;line-height:1.2;margin-bottom:16px;letter-spacing:-.5px}.blog-post-container .hero h1 em{color:var(--primary-light-300);font-style:normal}.blog-post-container .hero-desc{color:rgba(var(--white-rgb),.65);font-size:1rem;margin-bottom:24px;max-width:500px}.blog-post-container .hero-meta{display:flex;gap:20px;flex-wrap:wrap}.blog-post-container .hero-meta-item{display:flex;align-items:center;gap:8px;color:rgba(var(--white-rgb),.5);font-size:.8125rem}.blog-post-container .hero-meta-item .dot{width:6px;height:6px;border-radius:50%;background:var(--primary)}.blog-post-container .breadcrumb-wrap{background:var(--bg);border-bottom:1px solid var(--border-color);padding:12px 32px}.blog-post-container .breadcrumb{display:flex;gap:8px;align-items:center;font-size:.8125rem;color:var(--body);list-style:none}.blog-post-container .breadcrumb em{font-style:normal}.blog-post-container .breadcrumb li+li::before{content:"›";margin-right:8px;color:var(--body);opacity:.8}.blog-post-container .breadcrumb li:last-child{color:var(--primary);font-weight:500}.blog-post-container .breadcrumb a{color:var(--body)}.blog-post-container .breadcrumb a:hover{color:var(--primary);text-decoration:none}.blog-post-container .page-wrap{padding:48px 24px 80px}.article-meta{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.meta-tag{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;font-weight:600;color:var(--body)}.meta-tag .icon{font-size:.8125rem}.category-tag{background:var(--primary-light);color:var(--primary);font-size:.75rem;font-weight:600;padding:4px 12px;border-radius:20px}.article-intro{font-size:1.125rem;color:var(--body);line-height:1.85;margin-bottom:40px}.toc{background:var(--bg);border:1px solid var(--border-color);border-left:3px solid var(--primary);border-radius:8px;padding:24px 28px;margin-bottom:48px}.toc ol{padding-left:20px}.toc li{margin-bottom:8px}.toc a{color:var(--body);font-size:.875rem;font-weight:500}.toc a:hover{color:var(--primary);text-decoration:none}.toc-title{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--heading);margin-bottom:14px}.template-card{background:var(--white);border:1px solid var(--border-color);border-radius:12px;padding:28px;margin:28px 0;position:relative}.template-card:hover{border-color:var(--primary-light-200);box-shadow:0 4px 24px rgba(253,71,102,.08)}.template-card .template-card-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px}.template-card .card-num{min-width:36px;height:36px;background:var(--primary);color:#fff;font-size:1rem;font-weight:700;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.template-card .card-title-wrap h3{margin:0 0 6px;font-size:1.125rem}.tag-row{display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:.6875rem;font-weight:600;padding:3px 9px;border-radius:4px;background:var(--bg);color:var(--body);border:1px solid var(--border-color)}.tag.red{background:var(--primary-light);color:var(--primary);border-color:var(--primary-light-200)}.tag.blue{background:#eff6ff;color:var(--blue);border-color:var(--border-color)}.tag.green{background:#f0fdf4;color:var(--success);border-color:#bbf7d0}.tag.dark{background:#f1f1f5;color:var(--dark);border-color:var(--border-color)}.card-features{list-style:none;margin:16px 0;padding:0}.card-features li{padding:8px 0;border-bottom:1px solid var(--border-color);font-size:.875rem;color:var(--body);display:flex;align-items:flex-start;gap:10px}.card-features li:last-child{border-bottom:none}.card-features li::before{content:"✓";color:var(--primary);font-weight:700;flex-shrink:0;margin-top:1px}.best-for{background:var(--primary-light);border-radius:8px;padding:8px 12px;font-size:.8125rem;color:var(--primary-dark);margin:14px 0}.best-for strong{color:var(--primary)}.card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.tip-box{background:rgba(var(--warning-rgb),.04);border-left:3px solid #ff8f3c;border-radius:8px;padding:16px 20px;margin:28px 0;font-size:.875rem;color:var(--alert-warning-text)}.tip-box strong{font-weight:700}.table-wrap{overflow-x:auto;margin:24px 0}table{width:100%;border-collapse:collapse;font-size:.875rem}thead{background:var(--heading)}thead th{color:#fff;font-weight:600;padding:12px 16px;text-align:left;font-size:.8125rem}tbody td{padding:12px 16px;border-bottom:1px solid var(--border-color);color:var(--body);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:nth-child(even){background:var(--bg)}tbody td:first-child{font-weight:600;color:var(--heading);font-size:.875rem}tbody .badge{display:inline-block;font-size:.6875rem;font-weight:700;padding:4px 10px;border-radius:4px}tbody .badge-free{background:rgba(var(--success-rgb),.1);color:var(--success)}tbody .badge-paid{background:var(--primary-light);color:var(--primary)}.decision-list{list-style:none;padding:0}.decision-list li{background:var(--bg);border:1px solid var(--border-color);border-radius:8px;padding:16px 20px;margin-bottom:10px;font-size:.875rem;line-height:1.6}.decision-list li strong{color:var(--heading);display:block;margin-bottom:2px;font-size:.875rem}.cta-box{background:var(--primary);border-radius:14px;padding:40px 36px;margin:48px 0;text-align:center;position:relative;overflow:hidden}.cta-box::before{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.08)}.cta-box h3{color:var(--white);font-size:1.375rem;margin-bottom:10px}.cta-box p{color:rgba(var(--white-rgb),.8);margin-bottom:22px}.cta-box .cta-code{display:inline-block;background:rgba(var(--white-rgb),.15);border:1px dashed rgba(var(--white-rgb),.5);color:#fff;font-size:1.125rem;letter-spacing:2px;padding:8px 20px;border-radius:6px;margin-right:12px;font-weight:700}.conclusion{background:var(--bg);border:1px solid var(--border-color);border-radius:12px;padding:32px;margin-top:40px}.conclusion h2{margin-top:0}.author-box{display:flex;gap:16px;align-items:center;padding:24px;border:1px solid var(--border-color);border-radius:12px;margin-top:28px;background:var(--white)}.author-avatar{width:50px;height:50px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;font-weight:800;flex-shrink:0}.author-info h4{color:var(--heading);margin-bottom:4px}.author-info p{font-size:.875rem;color:var(--body);margin:0}.related{margin-top:52px}.related h2{margin-top:0;margin-bottom:20px}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.related-card{background:var(--bg);border:1px solid var(--border-color);border-radius:10px;padding:16px 20px;text-decoration:none;display:block}.related-card:hover{border-color:var(--primary-light-200);text-decoration:none}.related-card .r-cat{font-size:.6875rem;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.related-card .r-title{font-size:.875rem;font-weight:600;color:var(--heading);line-height:1.4}@media (max-width:768px){.hero-inner{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}}