body{font-size:16px;background-color:#f8f9fa;min-height:100vh}.container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.logo:hover{color:#0056b3;text-decoration:none}nav ul li a:hover{background-color:rgba(0,102,204,0.1);color:#0056b3}nav ul li a[aria-current="page"]{font-weight:bold;color:#0056b3;background-color:rgba(0,102,204,0.05)}main{background:#fff;border-radius:8px;padding:30px 20px;box-shadow:0 2px 8px rgba(0,0,0,0.05)}main h1{font-size:28px;color:#222;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #0066cc}main h2{font-size:22px;color:#333;margin:30px 0 15px}.breadcrumb{background:#f0f0f0;padding:10px 15px;border-radius:4px;margin-bottom:20px}.breadcrumb a:hover{color:#0056b3}.intro{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:30px;border-radius:8px;margin-bottom:30px}.intro h2{color:white;margin-top:0}.intro p{font-size:16px;line-height:1.8;margin:0}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin:20px 0}.card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;transition:all 0.3s ease}.card:hover{box-shadow:0 4px 12px rgba(0,0,0,0.1);transform:translateY(-2px)}.card h3,.card h2{font-size:18px;margin:0 0 10px}.card h3 a,.card h2 a{color:#222;text-decoration:none}.card h3 a:hover,.card h2 a:hover{color:#0066cc;text-decoration:underline}.card .meta{font-size:13px;color:#666;margin:5px 0}.card .genre{font-size:13px;color:#888;margin:5px 0}.card .oneline{font-size:14px;color:#555;margin:10px 0;line-height:1.6}.card .summary{font-size:13px;color:#777;margin:10px 0;line-height:1.6}.card .tags{margin-top:10px}.card .tags span,.tag{display:inline-block;background:#e8f4f8;color:#0066cc;padding:3px 10px;border-radius:12px;font-size:12px;margin:2px 4px 2px 0}.card-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.rank{background:#ff6b6b;color:white;font-weight:bold;padding:4px 10px;border-radius:4px;font-size:14px}.card-list{display:flex;flex-direction:column;gap:15px;margin:20px 0}.card-item{background:#fff;border:1px solid #e0e0e0;border-left:4px solid #0066cc;padding:15px 20px;border-radius:4px;transition:all 0.3s ease}.card-item:hover{box-shadow:0 2px 8px rgba(0,0,0,0.08);border-left-color:#0056b3}.card-item h3{font-size:16px;margin:0 0 8px}.card-item h3 a{color:#222;text-decoration:none}.card-item h3 a:hover{color:#0066cc}.card-item .meta{font-size:12px;color:#999;margin:5px 0}.card-item p{margin:8px 0 0;font-size:14px;color:#555;line-height:1.6}.entry-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:20px 0}.entry-card{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:30px;border-radius:8px;text-decoration:none;transition:all 0.3s ease;display:block}.entry-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px rgba(0,0,0,0.15);text-decoration:none}.entry-card h3{color:white;margin:0 0 10px;font-size:20px}.entry-card p{color:rgba(255,255,255,0.9);margin:0;font-size:14px}.notice{background:#fff3cd;border:1px solid #ffc107;border-radius:4px;padding:15px 20px;margin:20px 0}.notice p{margin:0 0 10px;color:#856404}.page-links{list-style:none;padding:0;margin:10px 0 0;display:flex;gap:15px;flex-wrap:wrap}.page-links li a{color:#0066cc;text-decoration:none;font-weight:500}.page-links li a:hover{text-decoration:underline}.detail{max-width:900px;margin:0 auto}.detail h1{font-size:32px;color:#222;margin-bottom:20px}.detail-meta{background:#f8f9fa;padding:20px;border-radius:8px;margin:20px 0}.detail-meta p{margin:8px 0;font-size:15px;line-height:1.8}.detail-meta strong{display:inline-block;width:80px;color:#555}.detail section{margin:30px 0}.detail section h2{font-size:20px;color:#333;margin:0 0 15px;padding-bottom:8px;border-bottom:2px solid #e0e0e0}.detail section p{font-size:15px;line-height:1.8;color:#444}.highlight{background:#e8f4f8;padding:20px;border-radius:8px;border-left:4px solid #0066cc}.highlight p{margin:0;font-size:16px;font-style:italic;color:#333}.related-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.related-card{background:#fff;border:1px solid #e0e0e0;padding:15px;border-radius:6px;transition:all 0.3s ease}.related-card:hover{box-shadow:0 2px 8px rgba(0,0,0,0.1)}.related-card h3{font-size:15px;margin:0 0 8px}.related-card h3 a{color:#222;text-decoration:none}.related-card h3 a:hover{color:#0066cc}.related-card p{font-size:13px;color:#666;margin:0;line-height:1.5}.empty-state{text-align:center;padding:60px 20px}.empty-state p{font-size:16px;color:#666;margin:15px 0}.back-links{margin-top:30px;display:flex;gap:15px;justify-content:center}.btn{display:inline-block;background:#0066cc;color:white;padding:10px 24px;border-radius:4px;text-decoration:none;font-size:14px;transition:all 0.3s ease}.btn:hover{background:#0056b3;text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.15)}.error-page{text-align:center;padding:80px 20px}.error-page h1{font-size:48px;color:#666;margin-bottom:20px}.error-page p{font-size:18px;color:#888;margin-bottom:30px}.ui-style-3{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.ui-style-3 header{box-shadow:0 2px 4px rgba(0,0,0,0.05)}.ui-style-3 .intro{background:linear-gradient(135deg,#ff6b6b 0%,#ee5a6f 100%)}.ui-style-3 .entry-card{background:linear-gradient(135deg,#ff6b6b 0%,#ee5a6f 100%)}@media (max-width:768px){main{padding:20px 15px;border-radius:0}main h1{font-size:22px}main h2{font-size:18px}.card-grid{grid-template-columns:1fr;gap:15px}.entry-links{grid-template-columns:1fr}.related-list{grid-template-columns:1fr}.detail h1{font-size:24px}.detail-meta strong{width:60px}.back-links{flex-direction:column;align-items:center}.intro{padding:20px}.breadcrumb{font-size:11px}}@media (max-width:480px){.logo{font-size:20px}.card{padding:15px}.entry-card{padding:20px}}