@charset "UTF-8";.article-detail{background:#f8fafc;min-height:100vh;padding:20px 0}.article-detail .container{max-width:1200px;margin:0 auto;padding:0 20px}.article-detail .breadcrumbs{display:flex;align-items:center;gap:8px;margin-bottom:24px;font-size:14px;color:#6b7280}.article-detail .breadcrumbs a{color:#1dbf73;text-decoration:none;transition:color .2s ease}.article-detail .breadcrumbs a:hover{color:#16a34a;text-decoration:underline}.article-detail .breadcrumbs span{color:#9ca3af}.article-detail .article-header{background:#fff;border-radius:12px;padding:32px;margin-bottom:24px;box-shadow:0 4px 20px #00000014}.article-detail .article-header .header-content h1{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:16px;line-height:1.3}.article-detail .article-header .header-content .article-meta{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:20px;font-size:14px;color:#6b7280}.article-detail .article-header .header-content .article-meta span{display:flex;align-items:center;gap:6px}.article-detail .article-header .header-content .article-tags{display:flex;flex-wrap:wrap;gap:8px}.article-detail .article-header .header-content .article-tags .tag{background:#e0f2fe;color:#0369a1;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.article-detail .article-content .content-wrapper{display:grid;grid-template-columns:250px 1fr;gap:32px;align-items:start}.article-detail .article-content .table-of-contents{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 20px #00000014;position:sticky;top:20px}.article-detail .article-content .table-of-contents h3{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:16px;border-bottom:2px solid #e5e7eb;padding-bottom:8px}.article-detail .article-content .table-of-contents .toc-list{display:flex;flex-direction:column;gap:8px}.article-detail .article-content .table-of-contents .toc-list a{color:#6b7280;text-decoration:none;font-size:14px;padding:8px 12px;border-radius:6px;transition:all .2s ease}.article-detail .article-content .table-of-contents .toc-list a:hover{background:#f3f4f6;color:#1dbf73}.article-detail .article-content .article-body{background:#fff;border-radius:12px;padding:40px;box-shadow:0 4px 20px #00000014}.article-detail .article-content .article-body .content{line-height:1.7;color:#374151}.article-detail .article-content .article-body .content .article-intro{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:4px solid #1dbf73;padding:20px;border-radius:8px;margin-bottom:32px}.article-detail .article-content .article-body .content .article-intro p{font-size:18px;font-weight:500;color:#1f2937;margin:0}.article-detail .article-content .article-body .content h2{font-size:24px;font-weight:600;color:#1f2937;margin:32px 0 16px;border-bottom:2px solid #e5e7eb;padding-bottom:8px}.article-detail .article-content .article-body .content h3{font-size:20px;font-weight:600;color:#1f2937;margin:24px 0 12px}.article-detail .article-content .article-body .content h4{font-size:16px;font-weight:600;color:#1f2937;margin:16px 0 8px}.article-detail .article-content .article-body .content p{margin-bottom:16px;font-size:16px}.article-detail .article-content .article-body .content ul,.article-detail .article-content .article-body .content ol{margin-bottom:16px;padding-left:24px}.article-detail .article-content .article-body .content ul li,.article-detail .article-content .article-body .content ol li{margin-bottom:8px;font-size:16px}.article-detail .article-content .article-body .content ul li strong,.article-detail .article-content .article-body .content ol li strong{color:#1f2937;font-weight:600}.article-detail .article-content .article-body .content .pro-tip{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:8px;padding:20px;margin:24px 0}.article-detail .article-content .article-body .content .pro-tip h4{color:#92400e;margin-top:0;margin-bottom:12px}.article-detail .article-content .article-body .content .pro-tip p{color:#1f2937;margin:0}.article-detail .article-content .article-body .content .example-box{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #10b981;border-radius:8px;padding:20px;margin:24px 0}.article-detail .article-content .article-body .content .example-box h4{color:#065f46;margin-top:0;margin-bottom:12px}.article-detail .article-content .article-body .content .example-box ul{margin:0}.article-detail .article-content .article-body .content .example-box ul li{color:#1f2937}.article-detail .article-content .article-body .content .template-box{background:linear-gradient(135deg,#f0f9ff,#dbeafe);border:1px solid #3b82f6;border-radius:8px;padding:20px;margin:24px 0}.article-detail .article-content .article-body .content .template-box h4{color:#1e40af;margin-top:0;margin-bottom:12px}.article-detail .article-content .article-body .content .template-box p{background:#fff;border-radius:6px;padding:12px;font-family:monospace;font-size:14px;margin-bottom:8px;border:1px solid #e5e7eb}.article-detail .article-content .article-body .content .template-box p:last-child{margin-bottom:0}.article-detail .article-content .article-body .content .template-box ul{background:#fff;border-radius:6px;padding:12px;margin:0;border:1px solid #e5e7eb}.article-detail .article-content .article-body .content .warning-box{background:linear-gradient(135deg,#fef2f2,#fecaca);border:1px solid #ef4444;border-radius:8px;padding:20px;margin:24px 0}.article-detail .article-content .article-body .content .warning-box h4{color:#991b1b;margin-top:0;margin-bottom:12px}.article-detail .article-content .article-body .content .warning-box ul{margin:0}.article-detail .article-content .article-body .content .warning-box ul li{color:#1f2937}.article-detail .article-content .article-body .content .calculation-example{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:20px;margin:24px 0}.article-detail .article-content .article-body .content .calculation-example h4{color:#1f2937;margin-top:0;margin-bottom:16px}.article-detail .article-content .article-body .content .calculation-example p{font-family:monospace;font-size:14px;margin-bottom:8px;padding:4px 8px;background:#fff;border-radius:4px}.article-detail .article-content .article-body .content .calculation-example p strong{color:#1dbf73}.article-detail .article-content .article-body .content .tips-section{background:#f8fafc;border-radius:8px;padding:20px;margin:16px 0}.article-detail .article-content .article-body .content .tips-section ul{margin:0}.article-detail .article-content .article-body .content .tips-section ul li{background:#fff;padding:12px;margin-bottom:8px;border-radius:6px;border:1px solid #e5e7eb}.article-detail .article-content .article-body .content .tips-section ul li strong{color:#1dbf73}.article-detail .article-content .article-body .content .tips-section ul li:last-child{margin-bottom:0}.article-detail .article-content .article-body .content .success-tips{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #10b981;border-radius:8px;padding:20px;margin:24px 0}.article-detail .article-content .article-body .content .success-tips ul{margin:0}.article-detail .article-content .article-body .content .success-tips ul li{color:#1f2937}.article-detail .article-content .article-body .content .success-tips ul li strong{color:#065f46}.article-detail .article-content .article-body .content .final-tip{background:linear-gradient(135deg,#f0f9ff,#dbeafe);border:1px solid #3b82f6;border-radius:8px;padding:24px;margin:32px 0}.article-detail .article-content .article-body .content .final-tip h4{color:#1e40af;margin-top:0;margin-bottom:16px}.article-detail .article-content .article-body .content .final-tip p{color:#1f2937;font-size:16px;margin:0}.article-detail .article-content .article-body .content .important-note{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:8px;padding:20px;margin:24px 0}.article-detail .article-content .article-body .content .important-note h4{color:#92400e;margin-top:0;margin-bottom:12px}.article-detail .article-content .article-body .content .important-note ul{margin:0}.article-detail .article-content .article-body .content .important-note ul li{color:#1f2937}.article-detail .article-content .article-body .content .communication-checklist{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #10b981;border-radius:8px;padding:20px;margin:24px 0}.article-detail .article-content .article-body .content .communication-checklist h4{color:#065f46;margin-top:0;margin-bottom:16px}.article-detail .article-content .article-body .content .communication-checklist ul{margin:0}.article-detail .article-content .article-body .content .communication-checklist ul li{position:relative;padding-left:24px;color:#1f2937}.article-detail .article-content .article-body .content .communication-checklist ul li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.article-detail .article-content .article-body .feedback-section{background:#f8fafc;border-radius:8px;padding:24px;margin:40px 0;text-align:center}.article-detail .article-content .article-body .feedback-section h3{color:#1f2937;margin-bottom:20px}.article-detail .article-content .article-body .feedback-section .feedback-buttons{display:flex;gap:16px;justify-content:center}.article-detail .article-content .article-body .feedback-section .feedback-buttons .helpful-btn{padding:12px 24px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease}.article-detail .article-content .article-body .feedback-section .feedback-buttons .helpful-btn.yes{background:#10b981;color:#fff}.article-detail .article-content .article-body .feedback-section .feedback-buttons .helpful-btn.yes:hover{background:#059669;transform:translateY(-1px)}.article-detail .article-content .article-body .feedback-section .feedback-buttons .helpful-btn.no{background:#ef4444;color:#fff}.article-detail .article-content .article-body .feedback-section .feedback-buttons .helpful-btn.no:hover{background:#dc2626;transform:translateY(-1px)}.article-detail .article-content .article-body .feedback-section .feedback-thanks{color:#1f2937;font-weight:500}.article-detail .article-content .article-body .related-articles{border-top:2px solid #e5e7eb;padding-top:32px;margin-top:32px}.article-detail .article-content .article-body .related-articles h3{color:#1f2937;margin-bottom:20px}.article-detail .article-content .article-body .related-articles .related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.article-detail .article-content .article-body .related-articles .related-grid .related-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:16px;text-decoration:none;transition:all .3s ease}.article-detail .article-content .article-body .related-articles .related-grid .related-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;background:#fff}.article-detail .article-content .article-body .related-articles .related-grid .related-card h4{color:#1f2937;margin-bottom:8px;font-size:16px}.article-detail .article-content .article-body .related-articles .related-grid .related-card .related-meta{color:#6b7280;font-size:12px;margin:0}.article-detail .article-content .article-body .still-need-help{background:linear-gradient(135deg,#1dbf73,#16a34a);color:#fff;border-radius:12px;padding:32px;text-align:center;margin-top:40px}.article-detail .article-content .article-body .still-need-help h3{color:#fff;margin-bottom:12px}.article-detail .article-content .article-body .still-need-help p{opacity:.9;margin-bottom:24px}.article-detail .article-content .article-body .still-need-help .help-actions{display:flex;gap:16px;justify-content:center}.article-detail .article-content .article-body .still-need-help .help-actions .contact-btn,.article-detail .article-content .article-body .still-need-help .help-actions .help-center-btn{padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:500;transition:all .3s ease}.article-detail .article-content .article-body .still-need-help .help-actions .contact-btn.contact-btn,.article-detail .article-content .article-body .still-need-help .help-actions .help-center-btn.contact-btn{background:#fff;color:#1dbf73}.article-detail .article-content .article-body .still-need-help .help-actions .contact-btn.contact-btn:hover,.article-detail .article-content .article-body .still-need-help .help-actions .help-center-btn.contact-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ffffff4d}.article-detail .article-content .article-body .still-need-help .help-actions .contact-btn.help-center-btn,.article-detail .article-content .article-body .still-need-help .help-actions .help-center-btn.help-center-btn{background:transparent;color:#fff;border:2px solid white}.article-detail .article-content .article-body .still-need-help .help-actions .contact-btn.help-center-btn:hover,.article-detail .article-content .article-body .still-need-help .help-actions .help-center-btn.help-center-btn:hover{background:#fff;color:#1dbf73;transform:translateY(-2px)}@media (max-width: 1024px){.article-detail .article-content .content-wrapper{grid-template-columns:1fr;gap:24px}.article-detail .article-content .content-wrapper .table-of-contents{position:static;order:2}.article-detail .article-content .content-wrapper .article-body{order:1}}@media (max-width: 768px){.article-detail{padding:10px 0}.article-detail .container{padding:0 16px}.article-detail .article-header{padding:24px 20px}.article-detail .article-header .header-content h1{font-size:24px}.article-detail .article-header .header-content .article-meta{gap:16px;font-size:13px}.article-detail .article-content .article-body{padding:24px 20px}.article-detail .article-content .article-body .content h2{font-size:20px}.article-detail .article-content .article-body .content h3{font-size:18px}.article-detail .article-content .article-body .content .feedback-section .feedback-buttons{flex-direction:column;align-items:center}.article-detail .article-content .article-body .content .feedback-section .feedback-buttons .helpful-btn{width:100%;max-width:200px}.article-detail .article-content .article-body .content .related-articles .related-grid{grid-template-columns:1fr}.article-detail .article-content .article-body .content .still-need-help{padding:24px 20px}.article-detail .article-content .article-body .content .still-need-help .help-actions{flex-direction:column;align-items:center}.article-detail .article-content .article-body .content .still-need-help .help-actions .contact-btn,.article-detail .article-content .article-body .content .still-need-help .help-actions .help-center-btn{width:100%;max-width:200px}.article-detail .table-of-contents{padding:20px}.article-detail .table-of-contents .toc-list{gap:6px}.article-detail .table-of-contents .toc-list a{font-size:13px;padding:6px 10px}}@media (max-width: 480px){.article-detail .breadcrumbs{font-size:12px;margin-bottom:16px}.article-detail .article-header{padding:20px 16px}.article-detail .article-header .header-content h1{font-size:20px;line-height:1.4}.article-detail .article-header .header-content .article-meta{flex-direction:column;gap:8px;align-items:flex-start}.article-detail .article-header .header-content .article-tags{gap:6px}.article-detail .article-header .header-content .article-tags .tag{font-size:11px;padding:3px 8px}.article-detail .article-content .article-body{padding:20px 16px}.article-detail .article-content .article-body .content{font-size:15px}.article-detail .article-content .article-body .content .article-intro p{font-size:16px}.article-detail .article-content .article-body .content h2{font-size:18px;margin:24px 0 12px}.article-detail .article-content .article-body .content h3{font-size:16px;margin:20px 0 10px}.article-detail .article-content .article-body .content ul,.article-detail .article-content .article-body .content ol{padding-left:20px}.article-detail .article-content .article-body .content ul li,.article-detail .article-content .article-body .content ol li{font-size:15px}}