*{margin:0;padding:0;box-sizing:border-box}  
html{font-family:'Rubik',sans-serif;line-height:1.6;font-size:15px;background:#f8f9fa}  
body{color:#212529;background:#f8f9fa;padding:0}  
.container{margin:0 auto;padding:0;max-width:100%}  
.site-header{background:#343a40;color:white;padding:1rem 2rem;position:fixed;width:100%;top:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px rgba(0,0,0,0.1)}  
.logo{font-size:1.2rem;font-weight:700;margin:0;color:#fd7e14}  
.content{padding:6rem 2rem 3rem;min-height:100vh;width:100%;background:white}  
.content p{margin-bottom:1.5rem;font-size:0.95rem}  
.content img{max-width:100%;height:auto;margin:1.5rem 0;display:inline-block;box-shadow:0 3px 10px rgba(0,0,0,0.1);border-radius:3px}  
.site-footer{background:#343a40;color:white;padding:1.5rem 2rem;display:flex;flex-direction:column;gap:1rem}  
.links{display:flex;gap:1.5rem}  
.links a{color:#adb5bd;text-decoration:none;font-size:0.85rem}  
.links a:hover{color:#fd7e14}  
.copyright{color:#6c757d;font-size:0.8rem}  

/* === 卡片式布局 === */  
.content-wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}  
.content-block{padding:1.5rem;background:white;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,0.1);border:1px solid #e9ecef;transition:transform 0.2s}  
.content-block:hover{transform:translateY(-3px)}