*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;background:#f8f6f2;color:#1e1e2a;line-height:1.7;font-size:1.05rem}
a{color:#c44536;text-decoration:none;transition:color 0.2s}
a:hover{color:#a33225}
img{max-width:100%;height:auto;display:block;border-radius:12px}
h1,h2,h3,h4{line-height:1.3;font-weight:700;color:#1a1a2e}
h1{font-size:2.2rem;margin-bottom:0.75rem;position:relative}
h1::after{content:'';display:block;width:80px;height:4px;background:#c44536;border-radius:2px;margin-top:0.5rem}
h2{font-size:1.6rem;margin:2.5rem 0 1rem;border-left:5px solid #c44536;padding-left:1rem}
h3{font-size:1.25rem;margin:1.8rem 0 0.8rem;color:#2d2d44}
h4{font-size:1.1rem;margin:1.2rem 0 0.5rem;color:#3a3a52}
p{margin-bottom:1.2rem;text-align:justify}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
header{background:#1a1a2e;color:#fff;padding:1.2rem 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 12px rgba(0,0,0,0.15)}
.header-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0.8rem}
.my-logo{font-size:1.8rem;font-weight:800;color:#ffb347;letter-spacing:-0.5px;display:flex;align-items:center;gap:6px}
.my-logo:hover{color:#ffc966}
.my-logo i{font-size:1.6rem}
.nav-toggle{display:none;background:none;border:0;color:#fff;font-size:1.6rem;cursor:pointer;padding:4px 8px}
.nav-menu{display:flex;gap:1.2rem;flex-wrap:wrap;align-items:center}
.nav-menu a{color:#e8e4dc;font-size:0.95rem;font-weight:500;padding:0.4rem 0.8rem;border-radius:6px;transition:background 0.2s,color 0.2s}
.nav-menu a:hover{background:#c44536;color:#fff}
#navCheck{display:none}
.breadcrumb{background:#f0ece4;padding:0.7rem 0;font-size:0.9rem;border-bottom:1px solid #ddd}
.breadcrumb .container{display:flex;flex-wrap:wrap;gap:0.4rem;align-items:center}
.breadcrumb a{color:#c44536}
.breadcrumb span{color:#666}
.hero{padding:2rem 0 1rem}
.hero-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:0.95rem;color:#555;margin-bottom:1.5rem;align-items:center}
.hero-meta i{margin-right:4px}
.featured-img{margin:1.5rem 0;border-radius:14px;box-shadow:0 4px 20px rgba(0,0,0,0.08)}
.content-area{background:#fff;border-radius:18px;padding:2.2rem 2.5rem;box-shadow:0 2px 16px rgba(0,0,0,0.04);margin-bottom:2.5rem}
.content-area ul,.content-area ol{margin:0 0 1.5rem 1.8rem}
.content-area li{margin-bottom:0.5rem}
.highlight-box{background:#fcf5ed;border-left:5px solid #c44536;padding:1.2rem 1.5rem;border-radius:0 12px 12px 0;margin:1.5rem 0}
.highlight-box strong{color:#c44536}
table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:0.98rem}
th,td{border:1px solid #dcd8d0;padding:0.7rem 1rem;text-align:left}
th{background:#1a1a2e;color:#fff;font-weight:600}
tr:nth-child(even){background:#f8f6f2}
.interview-card{background:#faf7f2;border-radius:14px;padding:1.2rem 1.5rem;margin:1rem 0;border:1px solid #e8e2d8;position:relative}
.interview-card::before{content:'🎙️';font-size:1.4rem;position:absolute;top:-0.6rem;left:1rem;background:#fff;padding:0 6px}
.interview-card h4{margin-top:0.3rem}
.interview-card .quote{font-style:italic;color:#3d3d55;border-left:3px solid #c44536;padding-left:1rem;margin:0.6rem 0}
.data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0}
.data-card{background:#f0ece4;border-radius:12px;padding:1.2rem;text-align:center;transition:transform 0.2s,box-shadow 0.2s}
.data-card:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgba(0,0,0,0.06)}
.data-card .num{font-size:2.2rem;font-weight:800;color:#c44536;display:block}
.data-card .label{font-size:0.9rem;color:#555;margin-top:4px}
.star-rating{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:6px;font-size:1.6rem;margin:0.5rem 0}
.star-rating input{display:none}
.star-rating label{cursor:pointer;color:#ccc;transition:color 0.15s}
.star-rating label:hover,.star-rating label:hover~label,.star-rating input:checked~label{color:#f5b342}
.form-group{margin-bottom:1.2rem}
.form-group label{display:block;font-weight:600;margin-bottom:0.3rem;color:#2d2d44}
.form-group input,.form-group textarea,.form-group select{width:100%;padding:0.7rem 1rem;border:2px solid #ddd;border-radius:10px;font-size:1rem;transition:border-color 0.2s;font-family:inherit}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#c44536}
.form-group textarea{min-height:100px;resize:vertical}
.btn{display:inline-flex;align-items:center;gap:8px;background:#c44536;color:#fff;border:0;padding:0.7rem 1.6rem;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:background 0.2s,transform 0.1s;font-family:inherit}
.btn:hover{background:#a33225;color:#fff;transform:scale(1.01)}
.btn i{font-size:1rem}
.related-links{display:flex;flex-wrap:wrap;gap:0.8rem;margin:1.5rem 0}
.related-links a{background:#f0ece4;padding:0.4rem 1rem;border-radius:30px;font-size:0.9rem;color:#2d2d44;transition:background 0.2s,color 0.2s}
.related-links a:hover{background:#c44536;color:#fff}
footer{background:#1a1a2e;color:#c8c4bc;padding:2.5rem 0 1.8rem;margin-top:3rem}
footer .container{display:flex;flex-direction:column;gap:1.5rem}
friend-link{display:flex;flex-wrap:wrap;gap:0.8rem;padding:0.8rem 0;border-top:1px solid #333;border-bottom:1px solid #333}
friend-link a{color:#e8e4dc;font-size:0.9rem;padding:0.2rem 0.6rem;border-radius:4px;transition:color 0.2s}
friend-link a:hover{color:#ffb347}
.copyright{text-align:center;font-size:0.9rem;color:#888;padding-top:1rem;border-top:1px solid #2a2a3e}
.copyright a{color:#ffb347}
.footer-nav{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center;font-size:0.9rem}
.footer-nav a{color:#c8c4bc}
.footer-nav a:hover{color:#ffb347}
@media(max-width:768px){
.header-inner{flex-wrap:nowrap}
.nav-toggle{display:block}
.nav-menu{display:none;flex-direction:column;width:100%;padding-top:0.8rem;gap:0.5rem}
#navCheck:checked~.nav-menu{display:flex}
h1{font-size:1.6rem}
h2{font-size:1.3rem}
.content-area{padding:1.4rem 1rem}
.data-grid{grid-template-columns:1fr 1fr}
.hero-meta{flex-direction:column;gap:0.4rem}
table{font-size:0.85rem}
th,td{padding:0.5rem 0.6rem}
}
@media(max-width:480px){
.data-grid{grid-template-columns:1fr}
h1{font-size:1.35rem}
.content-area{padding:1rem 0.8rem}
}
.tagline{font-size:1.05rem;color:#555;margin-bottom:0.2rem}
.author-badge{display:inline-flex;align-items:center;gap:6px;background:#f0ece4;padding:0.3rem 1rem;border-radius:30px;font-size:0.85rem;color:#444}
.toc{background:#f8f6f2;border-radius:12px;padding:1.2rem 1.5rem;margin:1.5rem 0;border:1px solid #e8e2d8}
.toc h3{margin:0 0 0.8rem;border-left:0;padding-left:0}
.toc ul{list-style:none;margin:0;padding:0}
.toc li{margin-bottom:0.4rem}
.toc a{color:#c44536;font-weight:500}
.toc a:hover{text-decoration:underline}