#archive-section.author-archive{position:relative;overflow:hidden;padding:128px 0 104px;background:linear-gradient(135deg,#fff5f5 0,#fffbf0 38%,#f0f4ff 72%,#f5f0ff 100%);text-align:left;border:0}
#archive-section.author-archive::before{content:"";position:absolute;top:-35%;left:-12%;width:58%;height:120%;background:radial-gradient(circle,rgba(233,72,72,.12) 0,transparent 68%);pointer-events:none}
#archive-section.author-archive::after{content:"";position:absolute;right:-14%;bottom:-55%;width:58%;height:120%;background:radial-gradient(circle,rgba(74,144,226,.12) 0,transparent 68%);pointer-events:none}
#archive-section.author-archive .container{z-index:1}
#archive-section.author-archive .author-intro{display:flex;align-items:center;gap:40px;max-width:980px;margin:0 auto;padding:36px 40px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.8);border-radius:20px;box-shadow:0 12px 40px rgba(60,60,100,.12);backdrop-filter:blur(12px)}
#archive-section.author-archive .author-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 176px;width:176px;height:176px;overflow:hidden;border:6px solid rgba(255,255,255,.9);border-radius:50%;background:linear-gradient(135deg,rgba(233,72,72,.12),rgba(74,144,226,.14));box-shadow:0 8px 28px rgba(60,60,100,.14)}
#archive-section.author-archive .author-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
#archive-section.author-archive .author-avatar span{color:#e94848;font-size:4rem;font-weight:800}
#archive-section.author-archive .author-copy{min-width:0}
#archive-section.author-archive .author-label,#general-section.author-archive-content .author-label{display:inline-block;padding:7px 16px;background:linear-gradient(135deg,rgba(233,72,72,.1),rgba(74,144,226,.1));border-radius:24px;color:#e94848;font-size:12px;font-weight:600;letter-spacing:.5px}
#archive-section.author-archive h1{margin:16px 0 8px;color:#1a1a2e;font-size:3rem;font-weight:800;line-height:1.15;letter-spacing:-.02em}
#archive-section.author-archive .author-focus{color:#555577;font-size:16px;line-height:1.6}
#archive-section.author-archive .author-description{max-width:680px;margin-top:18px;color:#555577;font-size:15px;line-height:1.8}
#general-section.author-archive-content{padding:120px 0;background:linear-gradient(180deg,#f8f8fc 0,#fff 100%)}
#general-section.author-archive-content>.container{display:flex;align-items:flex-start;justify-content:space-between;gap:40px}
#general-section.author-archive-content .main{width:calc(75% - 20px);min-width:0}
#general-section.author-archive-content .sidebar{width:calc(25% - 20px);padding:24px;background:#fff;border:1px solid #e8e8f0;border-radius:16px;box-shadow:0 4px 24px rgba(60,60,100,.08)}
#general-section.author-archive-content .author-articles-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin:0 0 40px;padding:0;border:0}
#general-section.author-archive-content .author-articles-heading h2{margin:16px 0 0;color:#1a1a2e;font-size:2.5rem;font-weight:800;line-height:1.2;letter-spacing:-.02em}
#general-section.author-archive-content .author-articles-heading p{max-width:420px;margin:0;color:#555577;font-size:16px;line-height:1.7}
#general-section.author-archive-content .main .article-list{display:flex;flex-direction:column;align-items:stretch;gap:24px}
#general-section.author-archive-content .main .article-list .item{display:flex;align-items:stretch;width:100%;min-width:0;background:#fff;border:1px solid #e8e8f0;border-radius:16px;overflow:hidden;box-shadow:0 4px 24px rgba(60,60,100,.06);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
#general-section.author-archive-content .main .article-list .item:hover{transform:translateY(-6px);border-color:transparent;box-shadow:0 12px 40px rgba(60,60,100,.16)}
#general-section.author-archive-content .main .article-list picture{width:36%;height:220px;flex:0 0 36%;overflow:hidden;background:linear-gradient(135deg,rgba(233,72,72,.08),rgba(74,144,226,.1))}
#general-section.author-archive-content .main .article-list picture img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
#general-section.author-archive-content .main .article-list .item:hover picture img{transform:scale(1.06)}
#general-section.author-archive-content .main .article-list picture.is-empty{display:flex;align-items:center;justify-content:center;color:#e94848;font-size:18px;font-weight:700}
#general-section.author-archive-content .main .article-list .item-detail{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;gap:12px;width:64%;min-width:0;padding:28px}
#general-section.author-archive-content .main .article-list .categorys{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap}
#general-section.author-archive-content .main .article-list .category{padding:5px 10px;background:rgba(233,72,72,.1);border-radius:6px;color:#e94848;font-size:12px}
#general-section.author-archive-content .main .article-list .title{margin:0;color:#1a1a2e;font-size:20px;font-weight:700;line-height:1.45;transition:color .2s ease}
#general-section.author-archive-content .main .article-list .item:hover .title{color:#e94848}
#general-section.author-archive-content .main .article-list .content{margin:0;padding:0;border:0;color:#555577;font-size:15px;line-height:1.7}
#general-section.author-archive-content .main .article-list .date{font-size:14px;color:#888899}
#general-section.author-archive-content .author-empty{width:100%;padding:40px 28px;background:#fff;border:1px solid #e8e8f0;border-radius:16px;color:#555577;text-align:center;box-shadow:0 4px 24px rgba(60,60,100,.06)}
#general-section.author-archive-content .article-list .item:focus-visible{outline:3px solid rgba(233,72,72,.35);outline-offset:4px}
#general-section.author-archive-content #xl-paginator{margin-top:40px}
#general-section.author-archive-content #xl-paginator .page{border-color:#e8e8f0;border-radius:8px;color:#555577}
#general-section.author-archive-content #xl-paginator .page.actived,#general-section.author-archive-content #xl-paginator .page:hover{background:linear-gradient(135deg,#e94848,#ff6b6b);border-color:#e94848;color:#fff}
#general-section.author-archive-content #xl-paginator .aft,
#general-section.author-archive-content #xl-paginator .pre{border-radius:8px;background:rgba(233,72,72,.1);color:#e94848}
@media (max-width:1024px){
    #archive-section.author-archive .author-intro{max-width:860px}
    #general-section.author-archive-content>.container{gap:28px}
    #general-section.author-archive-content .main{width:calc(72% - 14px)}
    #general-section.author-archive-content .sidebar{width:calc(28% - 14px)}
}
@media (max-width:768px){
    #archive-section.author-archive{padding:96px 0 80px}
    #archive-section.author-archive .author-intro{align-items:flex-start;flex-direction:column;gap:24px;padding:28px;border-radius:16px}
    #archive-section.author-archive .author-avatar{flex-basis:136px;width:136px;height:136px}
    #archive-section.author-archive .author-avatar span{font-size:3rem}
    #archive-section.author-archive h1{margin-top:14px;font-size:2.25rem}
    #archive-section.author-archive .author-description{font-size:14px}
    #general-section.author-archive-content{padding:80px 0}
    #general-section.author-archive-content>.container{display:block}
    #general-section.author-archive-content .main,
    #general-section.author-archive-content .sidebar{width:100%}
    #general-section.author-archive-content .author-articles-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:32px}
    #general-section.author-archive-content .author-articles-heading h2{font-size:2rem}
    #general-section.author-archive-content .main .article-list .item{display:block;border-radius:16px}
    #general-section.author-archive-content .main .article-list picture{width:100%;height:200px;flex-basis:auto}
    #general-section.author-archive-content .main .article-list .item-detail{width:100%;min-height:0;padding:28px}
    #general-section.author-archive-content .sidebar{margin-top:32px}
}
@media (max-width:480px){
    #archive-section.author-archive .author-intro{padding:24px}
    #archive-section.author-archive h1{font-size:2rem}
    #general-section.author-archive-content .main .article-list .item-detail{padding:24px}
}
@media (prefers-reduced-motion:reduce){
    #general-section.author-archive-content .main .article-list .item,
    #general-section.author-archive-content .main .article-list picture img{transition:none}
}
