*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;line-height:1.6;color:#333;background-color:#f5f5f5}a{text-decoration:none;color:inherit;transition:color .3s ease}a:hover{color:#ff6700}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:20px 0;box-shadow:0 2px 10px rgba(0,0,0,.1)}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:28px;font-weight:bold;letter-spacing:1px}nav ul{display:flex;gap:30px}nav a{color:white;font-weight:500;padding:8px 15px;border-radius:5px;transition:background .3s ease}nav a:hover{background:rgba(255,255,255,.2)}.breadcrumb{padding:15px 0;font-size:14px;color:#666}.breadcrumb a{color:#667eea}.breadcrumb span{margin:0 5px}main{padding:30px 0;min-height:70vh}h1{font-size:32px;margin-bottom:20px;color:#2c3e50;line-height:1.4}h2{font-size:26px;margin:30px 0 20px;color:#34495e}h3{font-size:20px;margin:20px 0 15px;color:#34495e}.intro{background:white;padding:30px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.08);margin-bottom:40px;line-height:1.8}section{margin-bottom:50px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #667eea}.section-title{font-size:24px;color:#2c3e50;font-weight:600}.more-link{color:#667eea;font-size:14px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}.card{background:white;border-radius:10px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 5px 20px rgba(0,0,0,.15)}.card-body{padding:20px}.card-title{font-size:18px;font-weight:600;margin-bottom:10px;color:#2c3e50}.card-meta{display:flex;gap:15px;font-size:13px;color:#7f8c8d;margin-bottom:12px}.card-meta span{display:flex;align-items:center;gap:5px}.card-desc{font-size:14px;color:#555;line-height:1.6;margin-bottom:15px}.card-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-block;padding:4px 12px;background:#f0f0f0;border-radius:15px;font-size:12px;color:#666}.detail-header{background:white;padding:30px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.08);margin-bottom:30px}.detail-title{font-size:36px;margin-bottom:15px;color:#2c3e50}.detail-meta{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee;font-size:15px;color:#555}.detail-content{background:white;padding:30px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.08);margin-bottom:30px}.detail-section{margin-bottom:30px}.detail-section h3{font-size:22px;margin-bottom:15px;color:#34495e;border-left:4px solid #667eea;padding-left:15px}.detail-text{font-size:16px;line-height:1.8;color:#444}.review-box{background:#f8f9fa;padding:20px;border-radius:8px;border-left:4px solid #667eea;font-style:italic}.related-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.list-view{background:white;border-radius:10px;padding:30px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.list-intro{margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #eee;line-height:1.8;color:#555}.list-grid{display:grid;gap:20px}.list-item{padding:20px;border-radius:8px;background:#f8f9fa;transition:background .3s ease}.list-item:hover{background:#e9ecef}.error-page{text-align:center;padding:80px 20px}.error-code{font-size:120px;font-weight:bold;color:#667eea;margin-bottom:20px}.error-message{font-size:24px;color:#555;margin-bottom:30px}.btn{display:inline-block;padding:12px 30px;background:#667eea;color:white;border-radius:5px;font-weight:500;transition:background .3s ease}.btn:hover{background:#5568d3;color:white}footer{background:#2c3e50;color:white;text-align:center;padding:30px 0;margin-top:50px}.back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:#667eea;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;box-shadow:0 2px 10px rgba(0,0,0,.2);z-index:1000}.back-to-top.show{opacity:1;visibility:visible}.back-to-top:hover{background:#5568d3}@media(max-width:768px){.header-content{flex-direction:column;gap:15px}nav ul{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;width:100%}nav li{flex:1 1 0;min-width:0}nav a{display:block;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:8px 5px;font-size:14px}.card-grid{grid-template-columns:1fr}.detail-title{font-size:28px}h1{font-size:26px}.related-items{grid-template-columns:1fr}}@media(max-width:480px){.logo{font-size:22px}nav a{font-size:12px;padding:6px 3px}}