body{margin:0;padding:0;font-family:sans-serif;background:#1a1a2e;color:#eee;line-height:1.6}a{color:#0099ff;text-decoration:none}a:hover{text-decoration:underline}nav{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;background:#16213e;padding:1rem;position:sticky;top:0;z-index:1000}nav a{flex:1 1 0;min-width:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;padding:0.5rem 0.25rem}nav a:hover{background:#0f3460;text-decoration:none}.breadcrumb{padding:0.75rem 1rem;font-size:0.9rem;color:#aaa}.breadcrumb a{color:#0099ff}ul{list-style:none;padding:0;margin:0}main{max-width:1200px;margin:0 auto;padding:1rem}h1{font-size:2rem;margin:1.5rem 0;color:#fff}@media (max-width:768px){nav{padding:0.5rem}nav a{font-size:0.85rem;padding:0.4rem 0.2rem}h1{font-size:1.5rem}}.site-header{text-align:center;padding:2rem 1rem;background:linear-gradient(135deg,#0f3460,#16213e)}.site-header h1{margin:0.5rem 0;font-size:2.5rem}.site-intro{background:#16213e;padding:2rem;margin:2rem 0;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.3)}.section{margin:3rem 0}.section h2{font-size:1.8rem;margin-bottom:1.5rem;color:#0099ff;border-left:4px solid #0099ff;padding-left:1rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.card{background:#16213e;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.2);transition:transform 0.2s,box-shadow 0.2s}.card:hover{transform:translateY(-4px);box-shadow:0 6px 16px rgba(0,153,255,0.3)}.card h3{margin:0 0 0.75rem;font-size:1.3rem;color:#fff}.card .meta{font-size:0.85rem;color:#aaa;margin:0.5rem 0}.card .oneline{color:#ccc;margin:0.75rem 0;line-height:1.5}.card .excerpt{color:#999;font-size:0.9rem;margin:0.5rem 0;line-height:1.5}.detail-content{background:#16213e;padding:2rem;border-radius:8px;margin:2rem 0}.detail-content h1{margin-top:0}.detail-meta{display:flex;flex-wrap:wrap;gap:1rem;margin:1.5rem 0;padding:1rem 0;border-top:1px solid #333;border-bottom:1px solid #333}.detail-meta .item{color:#aaa}.detail-meta .item strong{color:#fff;margin-right:0.5rem}.tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin:1rem 0}.tags span{background:#0f3460;color:#0099ff;padding:0.3rem 0.75rem;border-radius:4px;font-size:0.85rem}.summary-block,.review-block,.related-block{margin:2rem 0;padding:1.5rem;background:#0f3460;border-radius:8px}.summary-block h2,.review-block h2,.related-block h2{font-size:1.5rem;margin:0 0 1rem;color:#0099ff}.summary-block p,.review-block p{line-height:1.8;color:#ddd}.related-list{list-style:none;padding:0}.related-list li{margin:1rem 0;padding:1rem;background:#1a1a2e;border-radius:6px}.related-list li a{display:block;color:#fff;font-size:1.1rem;margin-bottom:0.5rem}.related-list li a:hover{color:#0099ff}.related-list li .desc{color:#aaa;font-size:0.9rem}.list-header{background:#16213e;padding:2rem;border-radius:8px;margin-bottom:2rem}.list-header h1{margin:0 0 1rem}.list-header p{color:#ccc;line-height:1.8}.list-notice{background:#0f3460;padding:1.5rem;border-radius:8px;margin:2rem 0;border-left:4px solid #0099ff}.list-notice p{margin:0.5rem 0;color:#ddd}.list-notice a{color:#0099ff;font-weight:bold}.empty-notice{text-align:center;padding:3rem 1rem;color:#999}@media (max-width:768px){.card-grid{grid-template-columns:1fr}.site-header h1{font-size:1.8rem}.section h2{font-size:1.5rem}}