.article-show-page{color:var(--text-primary);background:linear-gradient(#f8fbff 0%,#fff 42%,#f8fafc 100%);overflow-x:hidden}.article-list-hero{background:linear-gradient(160deg,#f8fbff 0%,#eef7ff 52%,#fff 100%);border-bottom:1px solid #e2e8f0db;padding:46px 0 32px}.article-list-section{padding:34px 0 86px}.article-list-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.article-list-card{border:1px solid var(--border-light);min-height:100%;color:inherit;transition:transform var(--transition-normal), box-shadow var(--transition-normal);background:#fff;border-radius:22px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden;box-shadow:0 16px 34px #0f172a12}.article-list-card:hover{color:inherit;box-shadow:var(--shadow-card-hover);transform:translateY(-6px)}.article-list-card img{object-fit:cover;background:var(--primary-50);width:100%;height:210px}.article-list-card__body{flex-direction:column;flex:1;padding:18px;display:flex}.article-list-card__kicker{margin-bottom:12px;padding:6px 11px;font-size:.7rem}.article-list-card strong{color:var(--text-primary);font-size:1.06rem;font-weight:900;line-height:1.4}.article-list-card__meta{color:var(--text-muted);flex-wrap:wrap;gap:12px;margin-top:10px;font-size:.78rem;font-weight:800;display:flex}.article-list-card__meta i{color:var(--primary)}.article-list-card__excerpt{color:var(--text-secondary);margin-top:12px;line-height:1.65}.article-list-card__readmore{width:fit-content;color:var(--primary);align-items:center;gap:8px;margin-top:auto;padding-top:16px;font-size:.86rem;font-weight:900;display:inline-flex}.article-list-card__readmore i{transition:transform var(--transition-fast)}.article-list-card:hover .article-list-card__readmore i{transform:translate(3px)}.article-list-empty{border:1px dashed var(--border-color);color:var(--text-secondary);text-align:center;background:#fff;border-radius:22px;justify-items:center;gap:10px;padding:54px 20px;display:grid}.article-list-empty i{color:var(--primary);font-size:2rem}.article-list-empty h2{color:var(--text-primary);margin:0;font-weight:900}.article-list-empty p{margin:0}.article-show-hero{border-bottom:1px solid #e2e8f0cc;padding:44px 0 30px}.article-show-hero__grid{grid-template-columns:minmax(0,1.02fr) minmax(340px,.78fr);align-items:center;gap:clamp(24px,4vw,54px);display:grid}.article-show-breadcrumb{color:var(--primary);align-items:center;gap:8px;margin-bottom:22px;font-size:.88rem;font-weight:800;text-decoration:none;display:inline-flex}.article-show-breadcrumb:hover{color:var(--primary-dark)}.article-show-kicker{border-radius:var(--radius-full);width:fit-content;color:var(--primary);letter-spacing:.04em;text-transform:uppercase;box-shadow:var(--shadow-sm);background:#fff;border:1px solid #123f681f;align-items:center;gap:8px;margin-bottom:16px;padding:8px 14px;font-size:.78rem;font-weight:900;display:inline-flex}.article-show-title{max-width:820px;color:var(--text-primary);letter-spacing:0;margin:0;font-size:clamp(2rem,4.8vw,4rem);font-weight:900;line-height:1.12}.article-show-summary{max-width:760px;color:var(--text-secondary);margin:18px 0 0;font-size:clamp(1rem,1.6vw,1.16rem);line-height:1.75}.article-show-meta{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.article-show-meta__item{border-radius:var(--radius-full);color:#24455f;background:#123f6812;align-items:center;gap:7px;padding:8px 12px;font-size:.84rem;font-weight:800;text-decoration:none;display:inline-flex}.article-show-meta__item:hover,.article-show-meta__item i{color:var(--primary)}.article-show-cover{background:var(--primary-50);border-radius:26px;min-height:360px;position:relative;overflow:hidden;box-shadow:0 28px 58px #123f6829}.article-show-cover img{object-fit:cover;width:100%;height:100%;min-height:360px;display:block}.article-show-cover__label{border-radius:var(--radius-full);color:var(--primary);box-shadow:var(--shadow-md);background:#ffffffe6;align-items:center;gap:8px;padding:10px 14px;font-weight:900;display:inline-flex;position:absolute;bottom:18px;left:18px}.article-show-main{padding:42px 0 86px}.article-show-layout{grid-template-columns:minmax(0,1fr) minmax(300px,.34fr);align-items:start;gap:28px;display:grid}.article-show-content,.article-show-comments,.article-show-aside__box{background:#fff;border:1px solid #e2e8f0f2;border-radius:22px;box-shadow:0 18px 42px #0f172a0f}.article-show-content{padding:clamp(22px,3vw,42px)}.article-show-body{color:#253247;font-size:1.02rem;line-height:1.86}.article-show-body>:first-child{margin-top:0}.article-show-body>:last-child{margin-bottom:0}.article-show-body h1,.article-show-body h2,.article-show-body h3,.article-show-body h4{color:var(--text-primary);margin:1.55em 0 .55em;font-weight:900;line-height:1.25}.article-show-body p,.article-show-body ul,.article-show-body ol,.article-show-body blockquote,.article-show-body table{margin-bottom:1rem}.article-show-body ul,.article-show-body ol{padding-left:1.25rem}.article-show-body img{max-width:100%;height:auto;box-shadow:var(--shadow-lg);border-radius:16px}.article-show-body a{color:var(--primary);font-weight:800}.article-show-body blockquote{border-left:4px solid var(--primary);background:var(--primary-50);color:#26455d;border-radius:0 14px 14px 0;padding:16px 18px;font-weight:700}.article-show-body table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.article-show-body th,.article-show-body td{border:1px solid var(--border-color);min-width:120px;padding:10px 12px}.article-show-comments{margin-top:24px;padding:clamp(18px,2.5vw,28px)}.article-show-section-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.article-show-section-head h2,.article-show-aside__box h3{color:var(--text-primary);margin:0;font-size:clamp(1.24rem,2.1vw,1.6rem);font-weight:900}.article-show-section-head p{color:var(--text-secondary);margin:4px 0 0}.article-comment-form{gap:12px;margin-bottom:22px;display:grid}.article-comment-form textarea{width:100%;min-height:130px;color:var(--text-primary);resize:vertical;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #cfd9e8;border-radius:16px;outline:none;padding:14px 16px}.article-comment-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #123f681a}.article-comment-form__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.article-comment-form__hint,.article-show-error{margin:0;font-size:.86rem}.article-comment-form__hint{color:var(--text-muted)}.article-show-error{color:#b91c1c;font-weight:800}.article-show-alert{color:#14532d;background:#37b34a14;border:1px solid #37b34a33;border-radius:14px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;font-weight:800;display:flex}.article-login-box{background:#f8fbff;border:1px dashed #123f6840;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;padding:16px;display:flex}.article-login-box p{color:var(--text-secondary);margin:0;font-weight:700}.article-comment-list{gap:14px;display:grid}.article-comment{border:1px solid var(--border-light);background:#fbfdff;border-radius:18px;grid-template-columns:48px minmax(0,1fr);gap:12px;padding:16px;display:grid}.article-comment__avatar{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;border-radius:50%;place-items:center;width:48px;height:48px;font-weight:900;display:grid;overflow:hidden}.article-comment__avatar img{object-fit:cover;width:100%;height:100%}.article-comment__top{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:8px;display:flex}.article-comment__name{color:var(--text-primary);align-items:center;gap:8px;font-weight:900;display:flex}.article-comment__role{border-radius:var(--radius-full);background:var(--primary-50);color:var(--primary);padding:3px 8px;font-size:.7rem;font-weight:900}.article-comment__date{color:var(--text-muted);font-size:.78rem;font-weight:800}.article-comment__body{color:var(--text-secondary);word-break:break-word;margin:0;line-height:1.7}.article-empty-comments{border:1px dashed var(--border-color);text-align:center;color:var(--text-secondary);background:#fbfdff;border-radius:18px;padding:24px}.article-show-pagination{margin-top:18px}.article-show-aside{top:calc(var(--site-header-offset,84px) + 18px);gap:16px;display:grid;position:sticky}.article-show-aside__box{padding:20px}.article-show-aside__box p{color:var(--text-secondary);margin:8px 0 0;line-height:1.65}.article-show-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.article-show-stat{background:var(--primary-50);border-radius:16px;padding:12px}.article-show-stat strong{color:var(--primary);font-size:1.25rem;font-weight:900;display:block}.article-show-stat span{color:var(--text-secondary);font-size:.78rem;font-weight:800}.article-related-list{gap:12px;margin-top:14px;display:grid}.article-related-card{color:inherit;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:12px;text-decoration:none;display:grid}.article-related-card:hover h4{color:var(--primary)}.article-related-card img{object-fit:cover;background:var(--primary-50);border-radius:14px;width:76px;height:64px}.article-related-card h4{color:var(--text-primary);transition:color var(--transition-fast);margin:0;font-size:.92rem;font-weight:900;line-height:1.35}.article-related-card small{color:var(--text-muted);gap:6px;margin-top:6px;font-weight:800;display:inline-flex}@media (width<=1099.98px){.article-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-show-hero__grid,.article-show-layout{grid-template-columns:1fr}.article-show-aside{grid-template-columns:repeat(2,minmax(0,1fr));position:static}}@media (width<=767.98px){.article-list-hero{padding:30px 0 24px}.article-list-section{padding:24px 0 58px}.article-list-grid{grid-template-columns:1fr}.article-list-card img{height:190px}.article-show-hero{padding:28px 0 22px}.article-show-cover,.article-show-cover img{border-radius:18px;min-height:230px}.article-show-main{padding:24px 0 58px}.article-show-content,.article-show-comments,.article-show-aside__box{border-radius:18px}.article-show-section-head,.article-login-box,.article-comment-form__footer{flex-direction:column;align-items:stretch}.article-show-section-head{gap:8px}.article-login-box .btn-modern,.article-comment-form .btn-modern{width:100%}.article-comment{grid-template-columns:42px minmax(0,1fr);padding:14px}.article-comment__avatar{width:42px;height:42px}.article-show-aside{grid-template-columns:1fr}}@media (width<=479.98px){.article-show-meta__item{justify-content:center;width:100%}.article-show-stat-grid{grid-template-columns:1fr}.article-related-card{grid-template-columns:66px minmax(0,1fr)}.article-related-card img{width:66px;height:58px}}