.quiz-article{padding-top:100px;padding-bottom:80px}.article-header{max-width:720px;margin:0 auto 40px}.back-link{display:inline-flex;align-items:center;gap:4px;font-size:.875rem;color:var(--color-text-muted);text-decoration:none;margin-bottom:20px;transition:color var(--transition-duration)}.back-link:hover{color:var(--color-primary)}.article-meta{display:flex;align-items:center;gap:16px;margin-bottom:16px;font-size:.875rem;color:var(--color-text-muted)}.article-type{display:inline-block;padding:3px 10px;font-size:.813rem;color:var(--color-primary);background:#1890ff14;border-radius:4px}.article-title{font-size:2.25rem;font-weight:700;line-height:1.3;margin-bottom:16px;color:var(--color-text)}.article-desc{font-size:1.125rem;color:var(--color-text-secondary);line-height:1.7;margin-bottom:20px}.article-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.chip{display:inline-block;padding:4px 12px;font-size:.813rem;font-weight:500;color:var(--color-text-secondary);background:var(--color-bg);border:1px solid var(--color-border);border-radius:20px}.article-tags{display:flex;flex-wrap:wrap;gap:8px}.article-tag{display:inline-block;padding:4px 12px;font-size:.813rem;color:var(--color-text-secondary);background:var(--color-bg);border:1px solid var(--color-border);border-radius:20px;text-decoration:none;transition:all var(--transition-duration)}.article-tag:hover{color:var(--color-primary);border-color:var(--color-primary)}.article-content{max-width:720px;margin:0 auto;font-size:1rem;line-height:1.8;color:var(--color-text)}.article-content h2{font-size:1.625rem;margin-top:40px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.article-content h3{font-size:1.25rem;margin-top:32px;margin-bottom:12px;padding:12px 16px;background:#1890ff0d;border-left:4px solid var(--color-primary);border-radius:0 var(--border-radius) var(--border-radius) 0}.article-content h4{font-size:1.125rem;margin-top:24px;margin-bottom:8px}.article-content p{margin-bottom:16px}.article-content ul,.article-content ol{margin-bottom:16px;padding-left:24px}.article-content ul{list-style:disc}.article-content ol{list-style:decimal}.article-content li{margin-bottom:6px}.article-content strong{font-weight:600;color:var(--color-text)}.article-content blockquote{margin:24px 0;padding:16px 20px;background:#1890ff0a;border-left:4px solid var(--color-primary);border-radius:0 var(--border-radius) var(--border-radius) 0;color:var(--color-text-secondary);font-style:normal}.article-content blockquote p{margin-bottom:0}.article-content hr{margin:40px 0;border:none;border-top:1px solid var(--color-border)}.article-content table{width:100%;border-collapse:collapse;margin:24px 0;font-size:.938rem}.article-content th,.article-content td{padding:10px 14px;border:1px solid var(--color-border);text-align:left}.article-content th{background:var(--color-bg);font-weight:600}.article-content a{color:var(--color-primary);text-decoration:underline}.article-content a:hover{color:var(--color-primary-light)}.article-nav{max-width:720px;margin:48px auto 0;display:flex;justify-content:space-between;align-items:stretch;gap:24px;padding-top:32px;border-top:1px solid var(--color-border)}.article-nav-item{flex:1}.nav-right{text-align:right}.article-nav-link{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid var(--color-border);border-radius:var(--border-radius-lg);text-decoration:none;transition:all var(--transition-duration)}.article-nav-link:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}.nav-label{font-size:.813rem;color:var(--color-text-muted)}.nav-title{font-size:.938rem;font-weight:600;color:var(--color-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-nav-link:hover .nav-title{color:var(--color-primary)}.quiz-cta{max-width:720px;margin:48px auto 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px;background:linear-gradient(120deg,#1890ff,#36cfc9);border-radius:var(--border-radius-lg);color:#fff}.cta-text{flex:1}.cta-title{font-size:1.375rem;font-weight:700;margin-bottom:8px;color:#fff}.cta-desc{font-size:.938rem;line-height:1.7;opacity:.92;margin:0}.cta-qrcode{flex-shrink:0;text-align:center;background:#fff;border-radius:12px;padding:10px}.cta-qrcode img{display:block;border-radius:8px}.qrcode-tip{display:block;margin-top:6px;font-size:.75rem;font-weight:600;color:var(--color-primary)}.quiz-related{max-width:720px;margin:40px auto 0}.related-title{font-size:1.25rem;font-weight:700;color:var(--color-text);margin-bottom:20px;position:relative;padding-left:14px}.related-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:18px;border-radius:2px;background:var(--color-primary)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.related-card{display:flex;flex-direction:column;gap:8px;padding:20px;background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);text-decoration:none;transition:all var(--transition-duration)}.related-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-3px)}.related-date{font-size:.75rem;color:var(--color-text-muted)}.related-card-title{font-size:.938rem;font-weight:600;color:var(--color-text);line-height:1.5;margin:0;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-card:hover .related-card-title{color:var(--color-primary)}.related-meta{font-size:.813rem;color:var(--color-text-muted)}@media(max-width:768px){.quiz-article{padding-top:80px;padding-bottom:48px}.article-title{font-size:1.625rem}.article-desc{font-size:1rem}.article-content{font-size:.938rem}.article-content h2{font-size:1.375rem}.article-nav{flex-direction:column}.nav-right{text-align:left}.cta-inner{flex-direction:column;text-align:center;padding:24px}.related-grid{grid-template-columns:1fr}}