*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans CJK SC",sans-serif;line-height:1.6;color:#e8e8e8;background:#1a2332;font-size:16px}a{color:#5db7ff;text-decoration:none;transition:color 0.3s ease}a:hover{color:#ffd454;text-decoration:underline}nav{background:#243447;border-bottom:2px solid #3a4d63;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,0.3)}nav ul{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;list-style:none;max-width:1200px;margin:0 auto;padding:0}nav li{flex:1 1 0;min-width:0;text-align:center}nav a{display:block;padding:16px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e8e8e8;font-weight:500;font-size:14px;transition:background 0.3s ease,color 0.3s ease}nav a:hover{background:#2d3f54;color:#ffd454;text-decoration:none}@media (min-width:768px){nav li{flex:0 0 auto}nav a{padding:16px 24px;font-size:16px}}.breadcrumb{max-width:1200px;margin:0 auto;padding:12px 20px;font-size:14px;color:#a0aec0;background:#1f2d3d}.breadcrumb a{color:#5db7ff;margin:0 4px}.breadcrumb a:hover{color:#ffd454}.breadcrumb span{color:#e8e8e8;margin:0 4px}main{max-width:1200px;margin:0 auto;padding:20px}section{background:#243447;border-radius:8px;padding:30px;margin-bottom:30px;box-shadow:0 4px 12px rgba(0,0,0,0.2)}h1{font-size:32px;color:#ffffff;margin-bottom:16px;line-height:1.3}h2{font-size:24px;color:#ffffff;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #3a4d63}h3{font-size:18px;color:#ffffff;margin-bottom:8px}p{margin-bottom:12px;color:#d0d8e0}.hero{text-align:center;background:linear-gradient(135deg,#2d4663 0%,#1f3548 100%);border:2px solid #3a4d63}.hero h1{font-size:36px;margin-bottom:20px;color:#ffd454}.intro{font-size:18px;line-height:1.8;color:#e8e8e8;max-width:900px;margin:0 auto}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.card{background:#1f2d3d;border:1px solid #3a4d63;border-radius:8px;padding:20px;transition:transform 0.3s ease,box-shadow 0.3s ease,border-color 0.3s ease;position:relative}.card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(93,183,255,0.2);border-color:#5db7ff}.card-num{position:absolute;top:10px;right:10px;background:#5db7ff;color:#1a2332;font-weight:bold;font-size:14px;padding:4px 10px;border-radius:12px}.card h3{margin-bottom:10px}.card h3 a{color:#ffffff;font-size:18px;font-weight:600}.card h3 a:hover{color:#ffd454}.meta{font-size:13px;color:#a0aec0;margin-bottom:8px}.genre{font-size:14px;color:#7dd3fc;margin-bottom:10px;font-weight:500}.oneline{font-size:14px;color:#d0d8e0;margin-bottom:10px;line-height:1.5}.summary{font-size:13px;color:#b8c5d0;margin-bottom:10px;line-height:1.5}.review{font-size:13px;color:#ffd454;font-style:italic;line-height:1.5;border-left:3px solid #5db7ff;padding-left:10px;margin-top:10px}.tags{font-size:12px;color:#94a3b8;margin-top:10px;word-wrap:break-word}.card-list{display:flex;flex-direction:column;gap:16px}.card-mini{background:#1f2d3d;border:1px solid #3a4d63;border-radius:6px;padding:16px;transition:background 0.3s ease,border-color 0.3s ease}.card-mini:hover{background:#263544;border-color:#5db7ff}.card-mini h3{font-size:16px;margin-bottom:6px}.card-mini h3 a{color:#ffffff}.card-mini h3 a:hover{color:#ffd454}.card-mini .meta{font-size:13px;color:#94a3b8;margin-bottom:6px}.card-mini .oneline{font-size:13px;color:#d0d8e0}.entry-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.entry-card{background:#1f2d3d;border:2px solid #3a4d63;border-radius:8px;padding:24px;text-align:center;transition:transform 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease;display:block}.entry-card:hover{transform:translateY(-6px);border-color:#5db7ff;box-shadow:0 8px 24px rgba(93,183,255,0.3);text-decoration:none}.entry-card h3{color:#ffd454;font-size:20px;margin-bottom:12px}.entry-card p{color:#d0d8e0;font-size:14px}.list-header{text-align:center}.notice{background:#2d3f54;border-left:4px solid #5db7ff;padding:16px;margin-top:20px;border-radius:4px;font-size:14px;color:#e8e8e8}.notice a{color:#ffd454;font-weight:500}.list-content{padding-top:0}.detail header{text-align:center;padding-bottom:20px;border-bottom:2px solid #3a4d63;margin-bottom:30px}.detail .subtitle{font-size:16px;color:#94a3b8;margin-top:8px}.detail-info dl{display:grid;grid-template-columns:100px 1fr;gap:12px;background:#1f2d3d;padding:20px;border-radius:6px;border:1px solid #3a4d63}.detail-info dt{font-weight:600;color:#5db7ff}.detail-info dd{color:#e8e8e8}.detail-oneline{background:linear-gradient(135deg,#2d4663 0%,#1f3548 100%);border-left:4px solid #ffd454;padding:20px;border-radius:6px}.detail-oneline p{font-size:18px;line-height:1.6;color:#ffffff;font-weight:500}.detail-summary p{font-size:16px;line-height:1.8;color:#d0d8e0;text-align:justify}.detail-review{background:#1f2d3d;border:1px solid #5db7ff;border-radius:6px;padding:20px}.detail-review p{font-size:15px;line-height:1.7;color:#ffd454;font-style:italic}.detail-related{background:#1f2d3d;border-radius:6px;padding:24px}.error-page,.detail-unavailable{text-align:center;padding:60px 20px}.error-page h1,.detail-unavailable h1{color:#ffd454;margin-bottom:20px}.error-page p,.detail-unavailable p{font-size:16px;margin-bottom:16px}footer{background:#243447;border-top:2px solid #3a4d63;padding:24px;text-align:center;margin-top:40px}footer p{color:#94a3b8;font-size:14px}@media (max-width:768px){main{padding:16px}section{padding:20px}h1{font-size:26px}h2{font-size:20px}.hero h1{font-size:28px}.intro{font-size:16px}.card-grid{grid-template-columns:1fr}.entry-links{grid-template-columns:1fr}.detail-info dl{grid-template-columns:80px 1fr;gap:10px}}.text-center{text-align:center}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}