@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display&display=swap');
:root { --sun-bg:#fff8f3; --sun-ink:#2d1810; --sun-muted:#8a6b5a; --sun-coral:#ff6b4a; --sun-amber:#f5a623; --sun-warm:#fff0e6; --sun-card:#ffffff; }
body { background:var(--sun-bg); color:var(--sun-ink); font-family:'DM Sans',sans-serif; margin:0; }
header { background:var(--sun-bg)!important; border-bottom:1px solid rgba(45,24,16,0.1)!important; position:sticky; top:0; z-index:100; }
header .container { max-width:1200px; margin:0 auto; padding:0 1.5rem; }
.header-content { display:flex; justify-content:space-between; align-items:center; min-height:68px; padding:0.5rem 0; }
.logo-link { font-family:'DM Serif Display',serif!important; font-size:1.6rem!important; color:var(--sun-coral)!important; text-decoration:none; }
.main-nav { display:flex; align-items:center; }
.nav-links { display:flex; list-style:none; gap:0.2rem; margin:0; padding:0; }
.nav-links li { margin:0; }
.nav-links a { display:flex; align-items:center; gap:0.4rem; color:var(--sun-ink)!important; font-weight:500; font-size:0.9rem; padding:0.5rem 0.9rem; border-radius:100px; text-decoration:none; transition:all 0.2s; }
.nav-links a:hover,.nav-links a.active { background:var(--sun-coral)!important; color:#fff!important; }
.nav-links a i { font-size:0.8rem; }
.menu-toggle { display:none; background:none; border:1px solid rgba(45,24,16,0.2); cursor:pointer; padding:0.5rem; border-radius:8px; }
.bar { display:block; width:22px; height:2px; margin:5px 0; background:var(--sun-ink); transition:all 0.3s; }
@media(max-width:900px){ .menu-toggle{display:block} .nav-links{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;background:var(--sun-bg);padding:1rem;border-bottom:1px solid rgba(45,24,16,0.1);z-index:99} .nav-links.active{display:flex} .nav-links a{padding:0.7rem 0.9rem;width:100%} .menu-toggle.active .bar:nth-child(1){transform:translateY(7px) rotate(45deg)} .menu-toggle.active .bar:nth-child(2){opacity:0} .menu-toggle.active .bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)} }
footer { background:var(--sun-ink)!important; color:var(--sun-muted); }
footer a { color:var(--sun-coral)!important; }

.sun-container { max-width:1200px; margin:0 auto; padding:2.5rem 1.5rem; }
.sun-hero { display:grid; grid-template-columns:1.2fr 1fr; gap:2rem; text-decoration:none; color:inherit; background:var(--sun-card); border-radius:24px; overflow:hidden; box-shadow:0 4px 24px rgba(255,107,74,0.08); margin-bottom:3rem; transition:all 0.3s; }
.sun-hero:hover { box-shadow:0 12px 40px rgba(255,107,74,0.15); transform:translateY(-3px); }
.sun-hero-img img { width:100%; height:100%; min-height:380px; object-fit:cover; display:block; }
.sun-hero-body { padding:2.5rem; display:flex; flex-direction:column; justify-content:center; }
.sun-hero-title { font-family:'DM Serif Display',serif; font-size:2.4rem; line-height:1.1; margin:0.8rem 0 1rem; color:var(--sun-ink); }
.sun-chip { display:inline-block; padding:0.3rem 0.9rem; background:linear-gradient(135deg,var(--sun-coral),var(--sun-amber)); color:#fff; border-radius:100px; font-size:0.72rem; font-weight:600; letter-spacing:0.03em; text-transform:uppercase; width:fit-content; }
.sun-meta { font-size:0.85rem; color:var(--sun-muted); }
.sun-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }
.sun-card { display:block; text-decoration:none; color:inherit; background:var(--sun-card); border-radius:18px; overflow:hidden; box-shadow:0 2px 12px rgba(0,0,0,0.04); transition:all 0.3s; }
.sun-card:hover { transform:translateY(-4px); box-shadow:0 12px 30px rgba(255,107,74,0.12); }
.sun-card-img img { width:100%; height:220px; object-fit:cover; display:block; transition:transform 0.5s; }
.sun-card:hover .sun-card-img img { transform:scale(1.04); }
.sun-card-body { padding:1.2rem 1.4rem 1.5rem; }
.sun-card-title { font-family:'DM Serif Display',serif; font-size:1.25rem; line-height:1.2; margin:0.5rem 0 0.7rem; color:var(--sun-ink); }
.sun-section-title { font-family:'DM Serif Display',serif; font-size:2rem; text-align:center; margin:3rem 0 1.5rem; }
.sun-cat-head { text-align:center; padding:2rem 0 3rem; }
.sun-cat-title { font-family:'DM Serif Display',serif; font-size:3.5rem; margin:0; background:linear-gradient(135deg,var(--sun-coral),var(--sun-amber)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.sun-breadcrumb { font-size:0.85rem; color:var(--sun-muted); margin-bottom:2rem; }
.sun-breadcrumb a { color:var(--sun-coral); text-decoration:none; }
.sun-post-wrap { max-width:800px; }
.sun-post-header { margin-bottom:2rem; }
.sun-post-title { font-family:'DM Serif Display',serif; font-size:2.8rem; line-height:1.1; margin:0.8rem 0 1rem; }
.sun-post-img { border-radius:18px; overflow:hidden; margin-bottom:2rem; }
.sun-post-img img { width:100%; display:block; }
.sun-post-body { font-size:1.1rem; line-height:1.8; color:#3d2a1e; }
.sun-post-body h2 { font-family:'DM Serif Display',serif; font-size:1.8rem; margin:2rem 0 0.8rem; color:var(--sun-ink); }
.sun-post-body h3 { font-size:1.3rem; font-weight:600; margin:1.5rem 0 0.5rem; }
.sun-post-body a { color:var(--sun-coral); }
.sun-post-body blockquote { border-left:3px solid var(--sun-coral); padding:0.5rem 1.2rem; margin:1.5rem 0; background:var(--sun-warm); border-radius:0 12px 12px 0; font-style:italic; }
.sun-related { margin-top:3rem; padding-top:2rem; border-top:1px solid rgba(45,24,16,0.1); }
@media(max-width:900px){ .sun-hero{grid-template-columns:1fr} .sun-hero-img img{min-height:260px;height:260px} .sun-grid{grid-template-columns:repeat(2,1fr)} .sun-post-title{font-size:2rem} .sun-cat-title{font-size:2.5rem} }
@media(max-width:560px){ .sun-grid{grid-template-columns:1fr} }