*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f7f7f7;color:#222;line-height:1.7}.container{max-width:1150px;margin:auto;padding:16px}.site-header{background:#ffffff;border-bottom:1px solid #eee}.logo{font-weight:700;font-size:1.3rem;color:#f4b400;text-decoration:none}.breadcrumb{font-size:.9rem;margin-bottom:16px}.breadcrumb a{color:#666;text-decoration:none}.breadcrumb span{color:#999}.layout{display:grid;grid-template-columns:3fr 1fr;gap:20px}.card{background:#ffffff;border-radius:10px;box-shadow:0 4px 14px rgba(0,0,0,.05);padding:20px}.article h1{font-size:1.9rem;margin-bottom:10px}.meta{font-size:.85rem;color:#777;margin-bottom:16px;display:flex;gap:12px}.featured-img{display:block;width:50%;height:auto;border-radius:8px;margin:10px auto 10px}.content h2{margin-top:24px;margin-bottom:10px;color:#f4b400}.content h3{margin-top:18px;margin-bottom:8px}.content p{margin-bottom:14px}.sidebar-card h3{margin-bottom:12px}.related-item{display:flex;gap:10px;margin-bottom:12px;text-decoration:none;color:#222}.related-item img{width:60px;height:60px;object-fit:cover;border-radius:6px}.related-item span{font-size:.9rem}.site-footer{background:#ffffff;border-top:1px solid #eee;margin-top:40px;font-size:.85rem;color:#777}@media (max-width:768px){.layout{grid-template-columns:1fr}.article h1{font-size:1.5rem}}.header-flex{display:flex;justify-content:space-between;align-items:center}.main-nav a{margin-left:16px;text-decoration:none;font-size:.9rem;color:#444}.main-nav a:hover{color:#f4b400}.hero{margin-bottom:24px;text-align:center}.hero h1{font-size:1.8rem;margin-bottom:8px;color:#f4b400}.hero p{color:#555}.post-list{display:flex;flex-direction:column;gap:20px}.post-card{display:flex;gap:16px}.post-card img{width:200px;height:130px;object-fit:cover;border-radius:8px}.post-body h2{font-size:1.2rem;margin-bottom:6px}.post-body h2 a{text-decoration:none;color:#222}.post-body h2 a:hover{color:#f4b400}.category-list{list-style:none}.category-list li{margin-bottom:8px}.category-list a{text-decoration:none;color:#444}@media (max-width:768px){.header-flex{flex-direction:column;gap:10px}.post-card{flex-direction:column}.post-card img{width:100%;height:auto}}.content ul{margin:16px 0;padding-left:0;list-style:none}.content ul li{position:relative;padding-left:26px;margin-bottom:10px;line-height:1.6;color:#222}.content ul li::before{content:"✓";position:absolute;left:0;top:2px;color:#f5b700;font-weight:bold}blockquote,.faq-container{border-left:4px solid #facc15;padding:12px 16px;margin:20px 0;background:#fffbea;font-style:italic;color:#333;}.faq-container{}.faq-container h2{position:relative;padding-left:40px;margin-top:20px}.faq-container h2::before{content:"📜";position:absolute;left:0;top:0}.faq-container h3{position:relative;padding-left:40px;margin-top:20px;font-size:16px}.faq-container h3::before{content:"🧠";position:absolute;left:10px;top:0}.faq-container p{position:relative;padding-left:50px;margin-top:6px;margin-bottom:14px;line-height:1.7;color:#444}.faq-container p::before{content:"✨";position:absolute;left:25px;top:0}