*{box-sizing:border-box}.article-body h2[id],.article-body h3[id]{scroll-margin-top:90px}.article-toc a:hover{color:var(--color-primary)!important;text-decoration:underline!important}.article-body img:not([width]):not([height]){aspect-ratio:16/9;object-fit:cover}.article-body details{margin:12px 0;padding:14px 18px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:10px}.article-body details[open]{border-color:var(--color-primary)}.article-body details summary{font-weight:700;cursor:pointer;color:var(--color-text-primary);list-style:none;padding-right:20px;position:relative}.article-body details summary:after{content:"＋";position:absolute;right:0;top:0;color:var(--color-primary);font-weight:900}.article-body details[open] summary:after{content:"−"}.article-body details>:not(summary){margin-top:12px;color:var(--color-text-primary)}.blog-layout-with-sidebar{width:100%;max-width:1200px;margin:0 auto;padding:20px 16px 80px;box-sizing:border-box;display:block}@media (min-width:1024px){.blog-layout-with-sidebar{display:grid;grid-template-columns:1fr 320px;gap:40px;padding:20px 20px 80px}}.article-body{font-size:1rem;line-height:1.8}[data-mode=simple] .article-body{font-size:1.2rem;line-height:2;letter-spacing:.02em}[data-mode=simple] .article-title{font-size:2.8rem}[data-mode=simple] .blog-card-title{font-size:1.4rem}.blog-list-item-card{display:flex!important;flex-direction:row;overflow:hidden;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:transform .2s,box-shadow .2s;text-decoration:none}.blog-list-item-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary-light)}.card-image-wrapper{width:240px;min-height:160px;flex-shrink:0;position:relative}.card-content-wrapper{padding:24px;flex:1;display:flex;flex-direction:column;justify-content:center}@media (max-width:767px){.blog-list-item-card{flex-direction:column!important}.card-image-wrapper{width:100%;height:180px}.card-content-wrapper{padding:16px}.article-title{font-size:1.4rem}}@media (min-width:1024px){.blog-layout-with-sidebar{grid-template-columns:1fr 320px}}.blog-container{max-width:100%}.breadcrumb ol{list-style:none;padding:0;margin:0 0 30px;display:flex;gap:8px;font-size:.8rem;color:var(--color-text-muted);flex-wrap:wrap}.breadcrumb a{color:var(--color-primary);text-decoration:none;font-weight:600}.article-header{margin-bottom:30px}.category-badge{display:inline-block;padding:4px 14px;background:rgba(6,214,160,.1);color:var(--color-primary);border-radius:20px;font-size:.8rem;font-weight:800;margin-bottom:16px}.article-title{font-size:2.4rem;font-weight:900;line-height:1.3;letter-spacing:-.02em;margin-bottom:20px;color:var(--color-text-primary)}@media (max-width:768px){.article-title{font-size:1.6rem}}.article-meta{font-size:.9rem;color:var(--color-text-muted);display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--color-border);padding-bottom:20px}.article-body{font-size:1.15rem;line-height:1.9;word-break:break-all}.article-body,.article-body h2{color:var(--color-text-primary)}.article-body h2{font-size:1.6rem;font-weight:900;margin:56px 0 24px;padding:14px 20px;border-radius:12px;background:linear-gradient(135deg,rgba(6,214,160,.12),rgba(6,214,160,.04));border:1.5px solid rgba(6,214,160,.3);line-height:1.4}.article-body h3{font-size:1.25rem;font-weight:800;margin:40px 0 14px;color:var(--color-text-primary);line-height:1.5}.article-body h4{font-size:1.1rem;font-weight:700;margin:28px 0 12px;color:var(--color-text-primary)}.article-body p{margin-bottom:28px}.article-body img{max-width:100%;height:auto;border-radius:var(--radius-lg);margin:40px auto;display:block;box-shadow:0 10px 30px rgba(0,0,0,.1)}.article-body blockquote{margin:40px 0;padding:30px;background:var(--color-bg-elevated);border-radius:var(--radius-lg);border-left:5px solid var(--color-secondary);font-style:italic;font-size:1.1rem;color:var(--color-text-secondary)}.article-body ol,.article-body ul{margin-bottom:30px;padding-left:20px}.article-body li{margin-bottom:12px}.article-actions-bar{display:flex;flex-direction:column;gap:30px;margin:60px 0;padding:40px;background:var(--color-bg-card);border-radius:var(--radius-xl);border:1px solid var(--color-border);text-align:center}.like-section{flex-direction:column;gap:12px}.like-btn,.like-section{display:flex;align-items:center}.like-btn{width:72px;height:72px;border-radius:50%;border:4px solid var(--color-primary-light);background:white;color:var(--color-primary);justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.like-btn:hover{transform:scale(1.1) rotate(5deg);background:var(--color-primary);color:white;box-shadow:0 10px 20px rgba(6,214,160,.3)}.social-share-group{display:flex;justify-content:center;gap:15px}.like-btn.active{animation:heart-pop .4s ease-out;border-color:var(--color-primary);background:var(--color-primary);color:white}@keyframes heart-pop{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1.1)}}.share-item{width:44px;height:44px;border-radius:50%;border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);text-decoration:none;transition:all .2s;background:white}.share-item:hover{background:var(--color-bg-hover);color:var(--color-primary);transform:translateY(-2px);border-color:var(--color-primary-light)}.share-item-brand:hover{color:white;filter:brightness(1.15);border-color:transparent}.related-articles{margin:60px 0}.section-title{font-size:1.4rem;font-weight:800;margin-bottom:25px}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.ad-banner-slot{margin:40px 0}.blog-sidebar{display:flex;flex-direction:column;gap:40px}.sidebar-widget{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--color-border)}.sidebar-featured .widget-list-item{margin-bottom:10px;padding:0}.sidebar-featured .widget-list-item:last-child{margin-bottom:0}.featured-link{display:flex!important;align-items:center;gap:12px;padding:12px!important;border-radius:10px;text-decoration:none;transition:all .2s;border:1px solid var(--color-border)}.featured-link:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.08);border-color:var(--color-primary)}.featured-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;color:#fff}.featured-title{font-size:.88rem;font-weight:800;margin:0 0 2px;color:var(--color-text-primary);line-height:1.3}.featured-desc,.featured-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.featured-desc{font-size:.72rem;color:var(--color-text-muted);margin:0}.widget-title{font-size:1rem;font-weight:800;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--color-primary)}.widget-list{list-style:none;padding:0;margin:0}.widget-list-item{margin-bottom:15px}.widget-link{display:flex;gap:12px;text-decoration:none;color:var(--color-text-primary);font-size:.9rem;align-items:center}.widget-link:hover{color:var(--color-primary)}