/* ui-style-7 - 深蓝/深灰+白+蓝黄，现代 */ *{margin:0;padding:0;box-sizing:border-box;}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.6;color:#333;background:#f8f9fa;}a{color:#0066cc;text-decoration:none;}a:hover{text-decoration:underline;}img{max-width:100%;height:auto;}.container{max-width:1200px;margin:0 auto;padding:0 20px;}header{background:#fff;border-bottom:1px solid #e5e5e5;padding:15px 0;position:sticky;top:0;z-index:100;}nav{display:flex;justify-content:space-between;align-items:center;}.logo{font-size:24px;font-weight:bold;color:#222;}.nav-menu{display:flex;list-style:none;gap:25px;}.nav-menu a{color:#555;font-size:15px;}.breadcrumb{padding:15px 0;font-size:14px;color:#666;}.breadcrumb a{color:#0066cc;}main{padding:30px 0;min-height:60vh;}h1{font-size:28px;margin-bottom:20px;color:#222;}h2{font-size:24px;margin:25px 0 15px;color:#333;}.intro{background:#fff;padding:25px;border-radius:8px;margin-bottom:30px;line-height:1.8;}.section{margin-bottom:40px;}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;}.card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,0.08);transition:transform 0.2s;}.card:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,0.12);}.card h3{font-size:18px;margin-bottom:10px;color:#222;}.card .meta{font-size:13px;color:#888;margin:8px 0;}.card .tags{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0;}.tag{background:#e9ecef;padding:4px 10px;border-radius:4px;font-size:12px;color:#495057;}.card .desc{font-size:14px;color:#666;line-height:1.6;margin:10px 0;}.detail-info{background:#fff;padding:30px;border-radius:8px;margin-bottom:25px;}.detail-info .meta-row{display:flex;flex-wrap:wrap;gap:20px;margin:15px 0;font-size:15px;}.detail-info .meta-item{color:#555;}.detail-info .meta-item strong{color:#222;margin-right:8px;}.summary-box{background:#f8f9fa;padding:20px;border-left:4px solid #0066cc;margin:20px 0;line-height:1.8;}.review-box{background:#fffbf0;padding:20px;border-radius:8px;margin:20px 0;line-height:1.8;border:1px solid #ffe4a3;}.related{margin-top:40px;}.related h2{margin-bottom:20px;}.links-section{background:#fff;padding:25px;border-radius:8px;margin:30px 0;}.links-section ul{list-style:none;display:flex;flex-wrap:wrap;gap:15px;}.links-section ul li a{display:inline-block;padding:10px 20px;background:#0066cc;color:#fff;border-radius:5px;transition:background 0.2s;}.links-section ul li a:hover{background:#0052a3;text-decoration:none;}footer{background:#2c3e50;color:#ecf0f1;padding:30px 0;text-align:center;margin-top:50px;}@media (max-width:768px){.nav-menu{flex-wrap:nowrap;justify-content:space-between;gap:10px;font-size:13px;}.nav-menu li{flex:1 1 0;min-width:0;text-align:center;}.nav-menu a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}.card-grid{grid-template-columns:1fr;}h1{font-size:24px;}}