* {margin:0;padding:0;box-sizing:border-box;} body {font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#f9f9f9;min-height:auto;} header {background:linear-gradient(135deg,#1e3c72,#2a5298);color:white;text-align:center;padding:3rem 1rem;} header h1 {font-size:2.5rem;margin-bottom:0.5rem;} header p {font-size:1.2rem;opacity:0.9;} nav {background-color:#2c3e50;} nav ul {display:flex;justify-content:center;list-style:none;flex-wrap:wrap;} nav ul li {margin:0;} nav ul li a {display:block;padding:1.2rem 2rem;color:white;text-decoration:none;font-weight:500;transition:background-color 0.3s ease;} nav ul li a:hover {background-color:#34495e;} main {max-width:1200px;margin:0 auto;padding:2rem;display:block;min-height:auto;} section {background:white;padding:2rem;margin-bottom:2rem;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);min-height:auto;} section h2 {color:#1e3c72;margin-bottom:1.5rem;padding-bottom:0.5rem;border-bottom:2px solid #eee;} article h3 {color:#2a5298;margin-bottom:0.5rem;} article p {margin-bottom:1rem;} ul {margin-left:1.5rem;margin-bottom:1.5rem;} li {margin-bottom:0.5rem;} strong {color:#1e3c72;} aside {background:white;padding:1.5rem;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);} aside h3 {color:#1e3c72;margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:2px solid #eee;} aside p {margin:0.5rem 0;line-height:1.5;} footer {background-color:#2c3e50;color:white;text-align:center;padding:2rem;margin-top:2rem;} footer p {margin:0.5rem 0;} footer a {color:#ecf0f1;text-decoration:none;margin:0 0.5rem;} footer a:hover {text-decoration:underline;} .adsense-slot-horizontal {display:block;width:100%;height:90px;max-height:90px;background-color:#f0f0f0;margin:1.5rem 0;border-radius:4px;overflow:hidden;position:relative;} .adsense-slot-horizontal::before,.adsense-slot-sidebar::before {content:"Advertisement";display:block;font-size:10px;color:#888;text-align:center;padding:2px 0;text-transform:uppercase;letter-spacing:0.5px;} .adsense-slot-sidebar {display:block;width:100%;min-height:250px;background-color:#f0f0f0;margin:1.5rem 0;border-radius:4px;position:relative;} @media (max-width:768px) {.adsense-slot-horizontal {min-height:70px;} .adsense-slot-sidebar {min-height:200px;}} @media (max-width:480px) {.adsense-slot-horizontal {min-height:50px;} .adsense-slot-sidebar {min-height:150px;}} .cta-button {display:inline-block;background:linear-gradient(135deg,#1e3c72,#2a5298);color:white;padding:1rem 2rem;text-decoration:none;font-weight:600;border-radius:4px;transition:all 0.3s ease;margin:1.5rem 0;border:none;cursor:pointer;font-size:1.1rem;} .cta-button:hover {background:linear-gradient(135deg,#2a5298,#1e3c72);transform:translateY(-2px);box-shadow:0 4px 12px rgba(30,60,114,0.3);} .feature-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;align-items:start;margin:2rem 0;} .feature-column {background:white;border-radius:8px;padding:1.5rem;box-shadow:0 2px 10px rgba(0,0,0,0.1);transition:transform 0.3s ease,box-shadow 0.3s ease;border:1px solid #eee;} .feature-column:hover {transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.15);} .feature-column h3 {color:#1e3c72;margin-bottom:1rem;display:flex;align-items:center;} .feature-column h3::before {content:"";display:inline-block;width:8px;height:8px;background-color:#1e3c72;margin-right:0.5rem;border-radius:50%;} .feature-column p {margin-bottom:1.5rem;line-height:1.6;} .feature-column img {width:100%;height:auto;border-radius:8px;margin:1rem 0;box-shadow:0 4px 8px rgba(0,0,0,0.1);} .category-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0;} .category-card {background:white;border-radius:8px;padding:1.5rem;box-shadow:0 2px 10px rgba(0,0,0,0.1);transition:transform 0.3s ease,box-shadow 0.3s ease;border:1px solid #eee;} .category-card:hover {transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.15);} .category-card h3 {color:#1e3c72;margin-bottom:1rem;display:flex;align-items:center;} .category-card h3::before {content:"";display:inline-block;width:8px;height:8px;background-color:#1e3c72;margin-right:0.5rem;border-radius:50%;} .category-card ul {margin-left:1.2rem;} .category-card li {margin-bottom:0.75rem;position:relative;padding-left:1.5rem;list-style:none;} .category-card li::before {content:"•";position:absolute;left:0;color:#1e3c72;font-weight:bold;} @media (max-width:768px) {header h1 {font-size:2rem;} header p {font-size:1rem;} nav ul {flex-direction:column;align-items:center;} nav ul li a {padding:1rem;width:100%;text-align:center;border-bottom:1px solid rgba(255,255,255,0.1);} main {padding:1rem;} section {padding:1.5rem;margin-bottom:1.5rem;} aside {margin-top:2rem;}} @media (max-width:480px) {header {padding:2rem 1rem;} header h1 {font-size:1.8rem;} nav ul li a {padding:0.8rem 1rem;font-size:0.9rem;} section h2 {font-size:1.5rem;} section {padding:1rem;} aside h3 {font-size:1.2rem;}} .faq-section {background:white;border-radius:8px;padding:2rem;margin:2rem 0;box-shadow:0 2px 10px rgba(0,0,0,0.1);border:1px solid #eee;} .faq-section h2 {color:#1e3c72;margin-bottom:1.5rem;padding-bottom:0.5rem;border-bottom:2px solid #eee;} .faq-section details {margin-bottom:1rem;border:1px solid #e0e0e0;border-radius:4px;overflow:hidden;} .faq-section summary {background-color:#f8f9fa;padding:1rem;cursor:pointer;font-weight:600;color:#1e3c72;transition:background-color 0.2s ease;} .faq-section summary:hover {background-color:#f0f0f0;} .faq-section summary::-webkit-details-marker {display:none;} .faq-section summary::after {content:'+';float:right;font-weight:bold;} .faq-section details[open] summary::after {content:'−';} .faq-section details p {padding:1rem;background-color:#fafafa;margin:0;line-height:1.6;color:#444;} .local-expert-cta {background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px;padding:2rem;text-align:center;margin:2rem 0;border:1px solid #dee2e6;overflow:hidden;} .local-expert-cta p {color:#333;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.7;} .local-expert-cta .cta-button {display:inline-block;background:linear-gradient(135deg,#1e3c72,#2a5298);color:white;padding:1rem 2rem;text-decoration:none;font-weight:600;border-radius:4px;transition:all 0.3s ease;border:none;cursor:pointer;font-size:1.1rem;} .local-expert-cta .cta-button:hover {background:linear-gradient(135deg,#2a5298,#1e3c72);transform:translateY(-2px);box-shadow:0 4px 12px rgba(30,60,114,0.3);} .china-travel-hub {background:white;border-radius:8px;padding:2rem;margin:2rem 0;box-shadow:0 2px 10px rgba(0,0,0,0.1);border:1px solid #eee;} .attractions-grid-section {margin:2rem 0;} .attractions-grid-section h2 {color:#1e3c72;margin-bottom:1.5rem;text-align:center;} .attractions-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:0;} .attraction-card {background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.1);text-decoration:none;color:inherit;transition:all 0.3s ease;border:1px solid #eee;height:100%;display:flex;flex-direction:column;} .attraction-card:hover {transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.15);border-color:#1e3c72;} .attraction-card .card-image {width:100%;height:180px;overflow:hidden;} .attraction-card .card-image img {width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;} .attraction-card:hover .card-image img {transform:scale(1.05);} .attraction-card .card-content {padding:1.5rem;flex-grow:1;display:flex;flex-direction:column;} .attraction-card .card-content h3 {color:#1e3c72;margin-bottom:1rem;font-size:1.3rem;flex-grow:1;} .attraction-card .card-content p {color:#666;font-size:0.95rem;line-height:1.5;margin-bottom:0;flex-shrink:0;} .china-travel-hub h2 {color:#1e3c72;margin-bottom:1.5rem;padding-bottom:0.5rem;border-bottom:2px solid #eee;} .china-travel-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:2rem 0;} .china-travel-card {background:#f8f9fa;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:transform 0.3s ease,box-shadow 0.3s ease;border:1px solid #eee;} .china-travel-card:hover {transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.15);} .china-travel-card h3 {color:#1e3c72;margin-bottom:1rem;display:flex;align-items:center;} .china-travel-card h3::before {content:"";display:inline-block;width:8px;height:8px;background-color:#1e3c72;margin-right:0.5rem;border-radius:50%;} .china-travel-card p {margin-bottom:1.5rem;line-height:1.6;color:#444;} .read-more-link {display:inline-block;color:#1e3c72;font-weight:600;text-decoration:none;border-bottom:1px solid #1e3c72;transition:all 0.2s ease;} .read-more-link:hover {color:#2a5298;border-bottom-color:#2a5298;transform:translateX(2px);}