img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} .article-wrap {max-width: 800px;margin: 0 auto;padding: 0 20px;} .article-meta {color: #666;font-size: 0.9em;margin-bottom: 24px;} .breadcrumb {font-size: 0.85em;color: #888;margin-bottom: 8px;} .breadcrumb a {color: #1ba2b6;text-decoration: none;} .article-body {line-height: 1.75;color: #232323;} .article-body h2 {font-size: 1.5em;margin-top: 2em;margin-bottom: 0.5em;color: #1ba2b6;} .article-body h3 {font-size: 1.15em;margin-top: 1.5em;margin-bottom: 0.4em;} .article-body ul,.article-body ol {padding-left: 1.5em;margin: 0.75em 0 1em;} .article-body li {margin-bottom: 0.4em;} .article-body img {max-width: 100%;height: auto;border-radius: 6px;margin: 24px 0;} .article-body img.imgRight {float: right;margin: 0 0 20px 30px;max-width: 380px;} .toc {background: #f5f5f5;border-left: 4px solid #1ba2b6;padding: 18px 24px;margin: 24px 0 32px;border-radius: 4px;} .toc h2 {font-size: 1em;text-transform: uppercase;letter-spacing: 0.05em;margin: 0 0 10px;color: #232323;} .toc ol {margin: 0;padding-left: 1.4em;} .toc li {margin-bottom: 6px;} .toc a {color: #1ba2b6;text-decoration: none;} .toc a:hover {text-decoration: underline;} .article-cta {background: linear-gradient(135deg, #1ba2b6, #1acbdd);border-radius: 8px;padding: 28px 32px;margin: 40px 0;} .article-cta h3 {color: #fff;margin: 0 0 10px;font-size: 1.3em;} .article-cta p {color: #fff;margin: 0 0 16px;opacity: 0.95;} .article-cta .btn {background: linear-gradient(135deg, #f79d01, #f7b401, #f7c301);color: #fff;font-weight: 700;padding: 12px 24px;border-radius: 4px;text-decoration: none;display: inline-block;} .faq-item {border-bottom: 1px solid #e5e5e5;padding: 18px 0;} .faq-item:last-child {border-bottom: none;} .faq-item h3 {margin: 0 0 8px;font-size: 1.05em;} .faq-item p {margin: 0;color: #444;} .article-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));gap: 28px;margin-top: 32px;} .article-card {border: 1px solid #e5e5e5;border-radius: 8px;overflow: hidden;transition: box-shadow 0.2s;} .article-card:hover {box-shadow: 0 4px 16px rgba(0,0,0,0.1);} .article-card img {width: 100%;height: 180px;object-fit: cover;display: block;} .article-card-body {padding: 20px;} .article-card-body h2 {font-size: 1.1em;margin: 0 0 8px;line-height: 1.4;} .article-card-body h2 a {color: #232323;text-decoration: none;} .article-card-body h2 a:hover {color: #1ba2b6;} .article-card-meta {font-size: 0.82em;color: #888;margin-bottom: 10px;} .article-card-body p {font-size: 0.92em;color: #555;margin: 0 0 16px;line-height: 1.6;} .article-card-body a.read-more {color: #1ba2b6;font-size: 0.9em;font-weight: 600;text-decoration: none;} .article-card-body a.read-more:hover {text-decoration: underline;} @media (max-width: 600px) {.article-body img.imgRight {float: none;max-width: 100%;margin: 16px 0;}}