.todo-art-article{max-width:896px;margin:0 auto;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#333}.todo-art-title{font-size:1.5rem;font-weight:700;color:#1f2937;text-align:center;margin-bottom:24px;line-height:1.4}.todo-art-card{background:#ffffffb8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;padding:24px;margin-bottom:20px;box-shadow:0 4px 16px #00000014;border:1px solid rgba(255,255,255,.5)}.todo-art-overview{border-left:4px solid #4CAF50;background:#e8f5e9b8}.todo-art-features{border-left:4px solid #2196F3;background:#e3f2fdb8}.todo-art-tips{border-left:4px solid #ff9800;background:#fff3e0b8}.todo-art-related{border-left:4px solid #9c27b0;background:#f3e5f5b8}.todo-art-section-title{font-size:1.15rem;font-weight:600;color:#1f2937;margin-bottom:12px;line-height:1.5}.todo-art-subtitle{font-size:1.05rem;font-weight:600;color:#1565c0;margin-bottom:8px;line-height:1.5}.todo-art-subtitle-green{color:#2e7d32}.todo-art-subtitle-purple{color:#7b1fa2}.todo-art-sub-desc{font-size:.85rem;color:#555;margin-bottom:12px}.todo-art-text{font-size:.95rem;color:#444;line-height:1.75;margin-bottom:10px}.todo-art-intro{font-size:.95rem;color:#444;line-height:1.75;margin-bottom:20px}.todo-art-h3-title{font-size:1.05rem;font-weight:600;color:#37474f;margin-top:16px;margin-bottom:10px}.todo-art-list{list-style:disc;padding-left:24px;margin:0}.todo-art-list li{font-size:.92rem;color:#444;line-height:1.75;margin-bottom:6px}.todo-art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.todo-art-grid-item{background:#fffc;border-radius:8px;padding:14px}.todo-art-grid-label{font-size:.9rem;font-weight:600;color:#e65100;margin-bottom:6px}.todo-art-label-sky{color:#0277bd}.todo-art-label-amber{color:#ff8f00}.todo-art-label-green{color:#2e7d32}.todo-art-label-purple{color:#7b1fa2}.todo-art-label-red{color:#c62828}.todo-art-grid-desc{font-size:.8rem;color:#666;line-height:1.5}.todo-art-olist{list-style:decimal;padding-left:24px;margin:0}.todo-art-olist li{font-size:.92rem;color:#444;line-height:1.75;margin-bottom:6px}.todo-art-tip-list{list-style:none;padding-left:0;margin:0}.todo-art-tip-list li{font-size:.92rem;color:#5d4037;line-height:1.75;margin-bottom:12px;padding-left:20px;position:relative}.todo-art-tip-list li:before{content:"💡";position:absolute;left:0}.todo-art-related-list{list-style:none;padding-left:0;margin:0}.todo-art-related-list li{font-size:.92rem;color:#444;line-height:1.75;margin-bottom:8px;padding-left:16px;position:relative}.todo-art-related-list li:before{content:"🔗";position:absolute;left:0}.todo-art-link{color:#1565c0;text-decoration:none;font-weight:500;transition:color .2s ease}.todo-art-link:hover{color:#0d47a1;text-decoration:underline}.todo-art-faq{margin-bottom:32px}.todo-art-faq-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #e0e0e0}.todo-art-faq-item{background:#ffffffb8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid #e8e8e8;border-radius:8px;padding:18px;margin-bottom:14px;transition:box-shadow .2s ease}.todo-art-faq-item:hover{box-shadow:0 4px 12px #00000014}.todo-art-faq-question{font-size:1rem;font-weight:600;color:#1565c0;margin:0 0 12px;line-height:1.5}.todo-art-faq-answer{padding-top:12px;border-top:1px solid #eee}.todo-art-faq-text{font-size:.9rem;color:#555;line-height:1.75;margin:0}.todo-art-footer{text-align:center;font-size:.85rem;color:#999;padding-top:16px;border-top:1px solid #e8e8e8}:global(body){background-color:#f0f0f0}.theme-todo-article{background:#f0f0f0!important}.theme-todo-article-bc{background:#f0f0f0f7!important}@media(max-width:768px){.todo-art-article{padding:16px}.todo-art-title{font-size:1.2rem}.todo-art-card{padding:18px;margin-bottom:16px}.todo-art-grid{grid-template-columns:repeat(2,1fr);gap:10px}.todo-art-section-title{font-size:1.05rem}}@media(max-width:480px){.todo-art-article{padding:12px}.todo-art-title{font-size:1.05rem;margin-bottom:18px}.todo-art-card{padding:14px;border-radius:10px;margin-bottom:14px}.todo-art-grid{grid-template-columns:1fr;gap:10px}.todo-art-section-title{font-size:.98rem}.todo-art-subtitle{font-size:.95rem}.todo-art-text,.todo-art-intro{font-size:.88rem}.todo-art-list li,.todo-art-olist li{font-size:.86rem}.todo-art-faq-title{font-size:1.1rem}.todo-art-faq-question{font-size:.95rem}.todo-art-faq-text{font-size:.84rem}.todo-art-h3-title{font-size:.98rem}}