:root{--color-primary:#E8B4A8;--color-secondary:#A8D4E8;--color-accent:#8FB98C;--color-warm-bg:#FDFBF9;--color-text:#3D3D3D;--color-text-light:#888888;--color-border:#E8E8E8;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-xl:20px;--shadow-md:0 4px 12px rgba(0,0,0,0.08);--shadow-lg:0 12px 32px rgba(0,0,0,0.12);--transition-normal:300ms ease-out}.post-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:2px solid var(--color-border);font-size:14px;color:var(--color-text-light)}.post-meta-item::before{content:"•";color:var(--color-primary);margin-right:0.5rem}.post-meta-item:first-child::before{content:"";margin-right:0}.post-date{font-weight:600;color:var(--color-text)}.category-badge{display:inline-block;padding:4px 12px;background-color:rgba(232,180,168,0.15);border-radius:12px;color:var(--color-primary);font-size:12px;font-weight:600;text-transform:uppercase;text-decoration:none}.post-toc{max-width:900px;margin:var(--spacing-2xl) auto;padding:var(--spacing-lg);background:linear-gradient(135deg,rgba(232,180,168,0.08) 0%,rgba(168,212,232,0.08) 100%);border-left:5px solid var(--color-primary);border-radius:16px;font-size:14px}.post-toc h3{font-size:16px;margin-top:0;margin-bottom:var(--spacing-lg);border:none;padding:0}.post-toc ul{list-style:none;padding:0;margin:0}.post-toc li{margin-bottom:0.5rem}.post-toc a{color:var(--color-primary);text-decoration:none}.images-grid-3col{width:100%;max-width:1200px;margin:var(--spacing-2xl) auto;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);padding:0 var(--spacing-lg)}.image-item{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-normal);aspect-ratio:3 / 4.5}.image-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.image-item img{width:100%;height:100%;object-fit:cover;display:block}.image-caption{text-align:center;margin-top:var(--spacing-md);font-size:13px;color:var(--color-text-light);font-weight:500}.material-list{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin:var(--spacing-xl) 0}.material-card{display:flex;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-lg);background:linear-gradient(135deg,rgba(232,180,168,0.05) 0%,rgba(168,212,232,0.05) 100%);border:2px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-normal)}.material-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.material-checkbox{width:24px;height:24px;border:2px solid var(--color-primary);border-radius:8px;cursor:pointer;flex-shrink:0;margin-top:2px;background:white}.material-content strong{display:block;font-family:'Playfair Display',serif;font-size:16px;color:var(--color-text);margin-bottom:0.25rem}.material-content span{font-size:13px;color:var(--color-text-light)}.faq-item{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background-color:rgba(232,180,168,0.08);border-radius:16px}.faq-question{font-weight:600;color:var(--color-text);cursor:pointer;display:flex;justify-content:space-between;align-items:center}.faq-question::after{content:"▼";font-size:12px;color:var(--color-primary);transition:transform var(--transition-normal)}.faq-item.open .faq-question::after{transform:rotate(-180deg)}.faq-answer{display:none;margin-top:var(--spacing-md);color:var(--color-text-light);line-height:1.6}.faq-item.open .faq-answer{display:block}.cta-card{max-width:900px;margin:var(--spacing-2xl) auto;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:white;padding:var(--spacing-2xl) var(--spacing-xl);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-lg)}.cta-card h3{color:white;border:none;margin:0 0 var(--spacing-lg) 0;padding:0}.cta-card p{color:rgba(255,255,255,0.95);margin-bottom:var(--spacing-lg)}.cta-button{display:inline-block;background:rgba(255,255,255,0.25);color:white;padding:var(--spacing-lg) var(--spacing-xl);border:2px solid white;border-radius:16px;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:0.5px;text-decoration:none;transition:all var(--transition-normal)}.cta-button:hover{background:rgba(255,255,255,0.35);transform:translateY(-2px)}.related-posts{max-width:900px;margin:var(--spacing-2xl) auto;padding:var(--spacing-2xl) 0;border-top:2px solid var(--color-border);border-bottom:2px solid var(--color-border)}.related-posts h3{font-size:24px;font-weight:700;margin-bottom:var(--spacing-xl);color:var(--color-text)}.related-posts-list{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.related-post-card{background:white;border-radius:16px;padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:all var(--transition-normal);text-decoration:none;display:flex;flex-direction:column}.related-post-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.related-post-thumbnail{width:100%;height:300px;border-radius:16px;overflow:hidden;margin-bottom:var(--spacing-lg);background:#E8E8E8;aspect-ratio:3 / 4}.related-post-title{font-family:'Playfair Display',serif;font-size:16px;font-weight:600;line-height:1.4;color:var(--color-text);margin-bottom:var(--spacing-md)}.related-post-card:hover .related-post-title{color:var(--color-primary)}.related-post-excerpt{font-size:13px;color:var(--color-text-light);flex-grow:1;margin-bottom:var(--spacing-md)}.related-post-meta{font-size:12px;color:var(--color-text-light)}@media (max-width:768px){.images-grid-3col{grid-template-columns:1fr;gap:var(--spacing-md);margin:var(--spacing-xl) auto}.material-list{grid-template-columns:1fr}.related-posts-list{grid-template-columns:1fr}h1{font-size:28px}h2{font-size:22px}}