*{box-sizing:border-box;margin:0;padding:0;}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.6;color:#333;background:#f5f5f5;}.container{max-width:1200px;margin:0 auto;padding:0 20px;}header{background:#fff;box-shadow:0 2px 4px rgba(0,0,0,0.1);position:sticky;top:0;z-index:100;}nav{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;flex-wrap:nowrap;}.logo{font-size:24px;font-weight:bold;color:#1a1a1a;text-decoration:none;flex-shrink:0;}.nav-links{display:flex;list-style:none;gap:10px;flex-wrap:nowrap;align-items:center;}.nav-links li{flex:1 1 0;min-width:0;}.nav-links a{text-decoration:none;color:#555;padding:8px 12px;display:block;transition:all 0.3s;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.nav-links a:hover{color:#e74c3c;background:#f8f8f8;border-radius:4px;}.breadcrumb{padding:15px 0;font-size:14px;color:#666;}.breadcrumb a{color:#e74c3c;text-decoration:none;}.breadcrumb a:hover{text-decoration:underline;}.breadcrumb span{margin:0 5px;}main{padding:40px 0;min-height:70vh;}h1{font-size:32px;margin-bottom:20px;color:#1a1a1a;}.intro{background:#fff;padding:30px;border-radius:8px;margin-bottom:40px;box-shadow:0 2px 8px rgba(0,0,0,0.08);}.intro p{margin-bottom:15px;}.section{margin-bottom:50px;}.section-title{font-size:24px;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #e74c3c;}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;}.card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,0.08);transition:transform 0.3s,box-shadow 0.3s;}.card:hover{transform:translateY(-5px);box-shadow:0 4px 16px rgba(0,0,0,0.12);}.card-title{font-size:18px;font-weight:bold;margin-bottom:10px;color:#1a1a1a;}.card-title a{color:inherit;text-decoration:none;}.card-meta{font-size:13px;color:#999;margin-bottom:10px;}.card-desc{font-size:14px;color:#555;line-height:1.5;margin-bottom:10px;}.card-tags{display:flex;flex-wrap:wrap;gap:5px;}.tag{display:inline-block;padding:3px 8px;background:#f0f0f0;border-radius:3px;font-size:12px;color:#666;}.detail{background:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.08);}.detail-title{font-size:36px;margin-bottom:20px;}.detail-meta{font-size:15px;color:#666;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee;}.detail-meta span{margin-right:20px;}.detail-section{margin-bottom:30px;}.detail-section h2{font-size:20px;margin-bottom:15px;color:#333;}.detail-section p{margin-bottom:15px;line-height:1.8;}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;}.related-item{background:#f9f9f9;padding:15px;border-radius:6px;}.related-item h3{font-size:16px;margin-bottom:8px;}.related-item p{font-size:13px;color:#666;}footer{background:#333;color:#fff;text-align:center;padding:30px 0;margin-top:60px;}@media (max-width:768px){nav{flex-wrap:nowrap;padding:10px;}.logo{font-size:18px;}.nav-links{gap:5px;}.nav-links a{padding:6px 8px;font-size:13px;}h1{font-size:24px;}.card-grid{grid-template-columns:1fr;}.detail{padding:20px;}.detail-title{font-size:28px;}}