/* UI Style: iqiyi-pro, Layout: B */ * {box-sizing: border-box;} body {margin: 0;padding: 0;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;background: #fff;color: #333;line-height: 1.6;} a {color: #0066cc;text-decoration: none;} a:hover {text-decoration: underline;} .main-nav {display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: center;padding: 1rem 2rem;background: #222;color: #fff;} .nav-logo a {color: #fff;font-size: 1.5rem;font-weight: bold;} .nav-links {display: flex;flex-wrap: nowrap;list-style: none;margin: 0;padding: 0;gap: 1rem;} .nav-links li {flex: 1 1 0;min-width: 0;} .nav-links a {color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;text-align: center;padding: 0.5rem 1rem;border-radius: 4px;} .nav-links a:hover, .nav-links a.active {background: #444;} @media (max-width: 768px) {.main-nav {padding: 0.8rem 1rem;flex-wrap: nowrap;} .nav-logo a {font-size: 1.2rem;} .nav-links {gap: 0.3rem;flex-wrap: nowrap;} .nav-links li {flex: 1 1 0;min-width: 0;} .nav-links a {font-size: 0.85rem;padding: 0.4rem 0.5rem;}} .breadcrumb {padding: 0.8rem 2rem;background: #f8f8f8;font-size: 0.9rem;} .breadcrumb a {margin-right: 0.3rem;} .breadcrumb span {color: #666;} main {max-width: 1200px;margin: 0 auto;padding: 2rem;} .site-header h1 {font-size: 2rem;margin-bottom: 1rem;} .page-header h1 {font-size: 1.8rem;margin-bottom: 0.5rem;} .site-intro, .notice {background: #f9f9f9;padding: 1.5rem;border-radius: 8px;margin-bottom: 2rem;} .notice ul {list-style: disc;padding-left: 2rem;} section {margin-bottom: 3rem;} section h2 {font-size: 1.5rem;margin-bottom: 1rem;border-bottom: 2px solid #0066cc;padding-bottom: 0.5rem;} .card-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));gap: 1.5rem;} .card {background: #fff;border: 1px solid #ddd;border-radius: 8px;padding: 1rem;transition: box-shadow 0.3s;} .card:hover {box-shadow: 0 4px 12px rgba(0,0,0,0.1);} .card h3 {margin: 0 0 0.5rem 0;font-size: 1.2rem;} .card .meta {color: #666;font-size: 0.9rem;margin: 0.3rem 0;} .card .one-line {margin: 0.5rem 0;font-weight: 500;} .card .excerpt {font-size: 0.9rem;color: #555;margin: 0.5rem 0;} .card .tags {font-size: 0.85rem;color: #888;} .detail h1 {font-size: 1.8rem;margin-bottom: 1rem;} .detail section {margin-bottom: 2rem;} .detail .basic-info p {margin: 0.5rem 0;} footer {text-align: center;padding: 2rem 1rem;background: #f5f5f5;margin-top: 3rem;color: #666;}