/*
 Theme Name: Weisay Grace Child
 Theme URI: https://www.wmviv.com/weisay-grace-child
 Description: Weisay Grace主题的子主题，用于自定义修改
 Author: 美好的明天
 Author URI: https://www.wmviv.com/
 Template: weisaygrace
 Version: 1.2.5.2
*/

/* 定义全局CSS变量 */
:root {
    --a-color:#206be7;
    --a-hover-color:#1162e8;
    --text-a-color:#37373a;
    --theme-color:#206be7;
    --theme-background-color:#f5f7f8;
    --blockquote-background-color:#f5f7f8;
    --single-copyright-background-color: #ff0200;
    --entry-content-color:#37373a;
    --button-color:#206be7;
    --button-hover-color:#1162e8;
    --plane-note-color:#666;
    --image-container-border:2px dashed #4e5358;
    --widgets-text-font-size:16px;
    --cursor-pointer:pointer;
    --text-content-background:#fefefe;
    --card-box-border:1px solid #f3f3f3;
    --card-box-border-radius:5px;
    --card-box-shadow:0 1px 6px rgba(0,0,0,.2);
    }
::selection{color:#fff;background:var(--a-color)}
::-moz-selection{color:#fff;background:var(--a-color)}
a:link,a:visited{color:var(--a-color);text-decoration:none}
a:hover{color:var(--a-hover-color);text-decoration:underline}


/* 顶部相关 */
.top-bar{background:#dee1e6}
.top-page a:link,.top-page a:visited{color:#707377}
.top-page li.current-menu-item a:visited,.top-page li.current_page_item a:visited{color:#444}
.top-page li ul{width:auto}
.top-page li ul{box-shadow:0 0 0 0 transparent}
.top-page li ul{display:none;min-width:7.5rem;width:auto;box-sizing:border-box;padding:0}
.top-page ul ul ul{min-width:7.5rem;width:auto;top:0;left:100%;z-index:21;box-sizing:border-box;padding:0}
.top-page li li{width:100%;float:none;white-space:nowrap}
.top-page li li a{white-space:nowrap;overflow:visible;text-overflow:clip;padding:0 1rem}
.top-page li li{background:#dee1e6}
.top-page li li a:hover{background:#eef1f4}
.top-social{float:right;z-index:91}
.top-social .social-bookmarks{list-style:none;display:flex;justify-content:center;align-items:center;height:2.75rem}
.top-social .social-bookmarks li{float:left;margin-left:1rem;height:1.875rem;width:1.875rem;line-height:1.875rem;border-radius:50%;background:rgba(0,0,0,.2);display:flex;justify-content:center;align-items:center}
.socialicon,.travellingsicon{font-size:1.25rem;color:#ddd;padding-right:0}
a.rss-icon,a.travellings-icon{color:rgba(0,0,0,.3)}
.rss-icon:hover{color:#ef7102}
.travellings-icon:hover{color:#a1ccce}

/* 站点标题字体 */
.website a:link, .website a:visited{font-weight:bold}


/* 阅读全文 */
.read-more-icon{background:#4f89e8;border-bottom:3px solid var(--button-color)!important}
.read-more-icon:before{background:var(--button-hover-color)!important}


/*底部分页*/
.pagination .current{color:#fff!important;background:var(--theme-color)}
.pagination a:hover{color:#fff!important;background:var(--theme-color)}
.pagination a,.pagination span{color:#85898f!important}

/* 中部友情链接 */
.friends-warp{background-color:#fff;margin:10px 0;border-radius: .375rem;border-bottom: 3px #e5e5e5 solid;overflow:hidden}
.friends-warp .box-title-warp{font-size:18px;padding:20px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between}
.friends-warp .box-title-warp .friends-description{font-size:14px;margin-left:10px;}
.friends-warp .box-title-warp .friends-list-warp{padding:20px}
.friends-warp .box-title-warp .application-url{font-size:14px}
.friends-warp .friends-list-link{display:flex;gap:10px;flex-wrap:wrap;padding:10px;text-overflow:ellipsis;white-space:nowrap}
.friends-warp .friends-list-link .friend-item{display:flex;align-items:center;gap:5px}
.friends-warp .friends-list-link img{width:20px;height:20px;vertical-align:middle}


/* 底部 */
.footer{background-color:#dee1e6;height:100%;}
.footer-info{height:8rem;display:flex;justify-content:space-between;align-items:center;}
.footer p,.footer li{line-height:1.5rem;font-size:0.85rem;color:#777;}
.footer a:link, .footer a:visited{color:#777;}
.footer-menu{display:flex;margin-top:10px;}
.footer-menu .menu{list-style-type:none;padding:0;margin:0;display:flex;}
.footer-menu li:nth-child(1)::after{content:"·";margin:0 10px}
.copyright{display:flex;gap:10px;margin-top:5px;}
/*.copyright p:not(:last-child)::after{content:"·";margin: 0 10px}*/
.beian{display:flex;gap:10px;margin-top:5px;margin-bottom:10px;}
/*.beian p:not(:last-child)::after{content:"·";margin: 0 10px}*/
.powered{display:flex;gap:10px;margin-top:5px;}
/*.powered p:not(:last-child)::after{content:"·";margin: 0 10px}*/
.footer-right{text-align:right;flex:1;}


/* 侧边栏 */
.sidebar{float:right;margin-top:1rem;}
.sidebar .widget{background-color:#fff;border-radius:0.375rem;border-bottom:3px #e5e5e5 solid;margin-bottom:1rem;box-shadow:0 0 4px rgba(205, 220, 230, .5);}
.sidebar .widget ul{list-style:none;}
.sidebar .widget .widget-title,.sidebar .widget .wp-block-heading{height:2rem;line-height:2rem;background-color:#f5f7f8;padding:0.625rem 1rem;border-top-left-radius:0.375rem;border-top-right-radius:0.375rem;color:#3c454d;}
.sidebar .widget h3.widget-title{position:relative}
.sidebar .widget h3.widget-title:before{display:inline-block;z-index:1;content:" ";position:absolute;right:18%;top:50%;transform:translateY(-50%);border-radius:50%;background:#f92900!important;width:13px;height:13px;box-shadow:20px 0 #fbc606,40px 0 #36af42;opacity:.8}
.sidebar .widget h3.widget-title:after{width:12px;height:12px;position:absolute;right:0;top:50%;transform:translateY(-50%);border-radius:50%}
.sidebar .widget .wp-block-heading{font-size:1.125rem;}
.sidebar .widget ul{padding:1rem;}
.sidebar .widget ul li{margin-bottom:10px;line-height:2rem;border-bottom:2px solid #f0f0f0;}
.sidebar .widget em{font-style:normal;}
.sidebar .widget a:link,.sidebar .widget a:visited{color:#555;}
.sidebar .widget a:hover{color:#da4453;text-decoration:underline;}
.tabnav{background-color:#f5f7f8;display:block;clear:both;zoom:1;}
.sidebar .widget ul.tabnav,.sidebar .widget ul.index-ul{padding:0;}
.tabnav li{width:33.333333%;float:left;height:2rem;line-height:2rem;padding:0.625rem 0;text-align:center;cursor:pointer;font-size:1.125rem;background-color:#f5f7f8;}
.tabnav li:first-child{border-top-left-radius:0.375rem;}
.tabnav li:last-child{border-top-right-radius:0.375rem;}
.tabnav .selected{width:33.333334%;position:relative;height:2rem;line-height:2rem;padding:0.375rem 0 0.625rem 0;background-color:#fff;color:#ed5565;cursor:default;border-top:0.25rem solid #da4453;border-top-left-radius:0.375rem;border-top-right-radius:0.375rem;}
.tab-content ul{display:none;padding:1rem;}
.tab-content .active{display:block;}
.tab-content ul li{height:2rem;line-height:2rem;overflow:hidden;}

.widget .recent-comments{font-size:var(--widgets-text-font-size)}
.widget-comment{padding:1rem;}
.widget-comment ul{list-style-type:none;}
.widget-comment li{clear:both;overflow:hidden;margin-bottom:0.875rem;}
.widget-comment li:last-child{margin-bottom:0px;}
.widget-comment img.wp-smiley{height:auto !important;}
.widget-comment-top .avatar{width:1.875rem;height:1.875rem;float:left;margin-right:0.625rem;border:1px solid #dedede;background:#f3f3f3;border-radius:0.375rem;}
.widget-comment-commentator{color:#777;line-height:2rem;}
.widget-comment-date{float:right;line-height:2rem;color:#aaa;}
.widget-comment-content{position:relative;margin:0.5rem 0 0.375rem 0;background:#f2f2f2;padding:0.25rem 0.5rem;border-radius:0.375rem;}
.widget-comment-content:before{content:'';display:block;position:absolute;top:-0.375rem;left:0.545rem;border-left:0.4375rem solid transparent;border-right:0.4375rem solid transparent;border-bottom:0.4375rem solid #f2f2f2;}
.widget-comment-content p{white-space:nowrap;text-overflow:ellipsis;line-height:30px;overflow:hidden;}


/* 侧边栏站长信息小工具 */
.widget-author-plane{display:flex;justify-content:center;padding:10px}
.widget-author-main{text-align:center;margin-top:10px}
.widget-author-main img{border-radius:50%;margin-bottom:10px;height:60px!important;width:60px!important}
.widget-avatar-description{font-size:14px;color:#8599ab;max-width:200px;text-align:left;word-break:break-all}
.widget-avatar-meta{display:flex;justify-content:space-between;font-size:16px;color:#999}
.widget-avatar-meta-comments{margin-right:10px}
.widget-avatar-meta-box i{font-size:18px;margin-right:6px}
.widget-author-name,.widget-avatar-description{margin-bottom:10px}
.widget-avatar-post-list{border-top:1px dashed #efefef;padding:10px}
.widget-avatar-post-list ul li{position:relative;border-bottom:1px solid #f5f6f7!important}
.widget-avatar-post-list ul{padding-left:10px}
.widget-avatar-post-list ul li:before{position:absolute;left:-12px;top:8px;content:"";width:0;height:0;line-height:0;border:4px solid transparent;border-left:5px solid #ccc}
.widget-avatar-title{margin-bottom:10px;padding-top:5px;font-size:18px;text-align:center;font-weight:600}
.widget-admin-author-name .icon,.author-name .icon,.comment-list .comment-box .icon{width:20px;height:20px;margin-left:3px;transform:translateY(3px);}
.widget-admin-author-plane{position:relative;overflow:hidden;margin-bottom:10px;text-align:center}
.widget-admin-author-avatar{text-align:center;position:absolute;top:70px;left:calc(50% - 75px / 2);animation:light 4s ease-in-out infinite;transition:.5s;border-radius:50%;width:70px;height:70px;display:inline-block}
.widget-admin-author-avatar:hover{transform:scale(1.15) rotate(720deg)}
.widget-admin-author-avatar img{height:70px;width:70px;border-radius:50%;background:#fff}
@keyframes light{0%{box-shadow:0 0 4px red}
25%{box-shadow:0 0 16px #0f0}
50%{box-shadow:0 0 4px #00f}
75%{box-shadow:0 0 16px #0f0}
100%{box-shadow:0 0 4px red}
}
.widget-admin-author-name{margin-top:40px;font-size:18px}
.widget-admin-author-name i{color:#2aae67}
.widget-admin-author-contact{text-align:left;margin-top:10px}
.widget-admin-author-contact-item{border:1px solid;border-radius:2px;display:flex;position:relative;margin-bottom:10px}
.widget-admin-author-contact-item-icon{text-align:center;margin-right:8px;padding:8px;color:#fff;position:absolute;top:-1px;bottom:-1px;left:-1px;width:45px;transition:.3s;border-bottom-left-radius:2px;border-top-left-radius:2px}
.widget-admin-author-contact-item-icon:hover{width:48px}
.widget-admin-author-contact-item-content{display:inline-block;padding:8px 0;padding-right:20px;margin-left:55px;overflow:hidden;font-size:14px;text-overflow:ellipsis}
.widget-admin-author-introduce{margin-top:10px;font-size:14px}
.widget-admin-author-introduce-text{text-align:center;padding:0 5px;line-height:2}
.widget-admin-author-background_image img{max-width:100%;height:auto;max-height:110px}
.widget-admin-author-button{text-align:center}
.hover-reveal{z-index:1000;position:fixed;width:300px;height:300px;pointer-events:none;opacity:0}
.hover-reveal__img,.hover-reveal__inner{width:100%;height:100%;position:relative}
.widget-admin-author-button span{border-radius:15px;display:inline-block;padding:4px 10px 4px 10px}
.widget-admin-author-button span:hover{background-color:#fff}
.widget-admin-author-button a{padding:5px;font-size:14px;color:#fff!important}
.widget-admin-author-button a:visited{color:#fff!important}
.widget-admin-author-button a i{padding:4px 5px 4px 0}


/* 侧边栏关于博主 */
.sidebar .about-author{border-radius:0.375rem;overflow:hidden;}
.sidebar .about-author .author-cover{height:6.5rem;background-size:cover;background-position:center;text-align:center;}
.sidebar .about-author .author-avatar{background:#fff;position:relative;margin:-2.25rem auto 0.75rem;width:4.125rem;height:4.125rem;border-radius:50%;overflow:hidden;border:0.1875rem solid #fff;box-shadow:0 0.125rem 0.3125rem rgba(0,0,0,0.1);text-align:center;}
.sidebar .about-author .author-avatar img{width:100%;height:auto;}
.sidebar .about-author .author-info{padding:0 1.25rem 1rem 1.25rem;}
.sidebar .about-author .author-name{margin-bottom:0.625rem;color:#333;font-weight:bold;text-align:center;}
.sidebar .about-author .author-description{margin-bottom:1rem;font-size:0.875rem;color:#666;line-height:1.5rem;text-align:center;}
.sidebar .about-author .author-stats{display:flex;justify-content:center;flex-wrap:wrap;gap:0.25rem;}
.sidebar .about-author .stat-item{display:flex;flex-direction:column;min-width:3.875rem;}
.sidebar .about-author .stat-number{font-size:1.0625rem;font-weight:bold;color:#333;}
.sidebar .about-author .stat-label{font-size:0.75rem;color:#999;text-transform:uppercase;}
.sidebar .about-author .dividing{border-bottom: 2px solid #f1f1f1;width:100%;}
.sidebar .about-author .new-title{margin-top:10px;margin-bottom:10px;font-weight:700}
.sidebar .about-author .active-list{font-size:16px;padding:0 0;border-left:2px dashed #f1f1f1}
.sidebar .about-author .active-list .active-item:before{border:2px solid var(--theme-color);border-radius:6px;box-sizing:content-box;content:"";height:4px;left:0;margin-left:-5px;position:absolute;top:16px;width:4px}
.sidebar .about-author .active-list .active-item{position:relative;padding:8px 0 8px 20px}
.sidebar .about-author{text-align:left;}


/* 侧边栏站点公告 */
.widget .widget-title i{color:red}
span.site-notice-title{padding-left:6px}
.announcement_content{font-size:var(--widgets-text-font-size);margin:15px;line-height:2;text-align:center}
.fa-shake{animation-name:fa-shake;animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}
@keyframes fa-shake{0%{transform:rotate(-15deg)}
4%{transform:rotate(15deg)}
24%,8%{transform:rotate(-18deg)}
12%,28%{transform:rotate(18deg)}
16%{transform:rotate(-22deg)}
20%{transform:rotate(22deg)}
32%{transform:rotate(-12deg)}
36%{transform:rotate(12deg)}
40%,to{transform:rotate(0)}
}

/* 侧边栏用户中心 */
.shortcode-content{display:flex;justify-content:center;gap:30px;line-height:2}
.user-info{display:flex;justify-content:center;align-items:center;margin:15px;gap:15px}
.user-avatar img.avatar{padding:2px;background:#fff;transition:.8s;border-radius:50%;border:2px solid #d8dae2}
.user-avatar img.avatar:hover{transform:rotate(720deg);border-radius:50%}
.user-details{margin-left:10px;display:flex;flex-direction:column;justify-content:space-between;height:64px;font-size:var(--widgets-text-font-size)}
.user-not-nogged-in{text-align:center;margin:15px}
.social-login-button .widget-login-button{padding:.5em 1.5em;background:linear-gradient(135deg,#59c3fb 10%,#268df7 100%);border-radius:.25rem}
.social-login-button .widget-register-button{padding:.5em 1.5em;background:linear-gradient(135deg,#f59f54 10%,#ff6922 100%);border-radius:.25rem}
.social-login-message{font-size:13px;margin:10px}
.social-login-message{text-align:center;display:flex;justify-content:center;align-items:center;color:#b1b1b1;margin-top:30px;margin-bottom:30px}
.social-login-message::after,.social-login-message::before{content:'';background:#b1b1b1;max-width:20%;height:1px;margin:0 1em;flex:1}
.social-login-button{display:flex;justify-content:center;gap:20px;font-size:16px;margin-top:20px;margin-bottom:20px}
.social-login-button a{color:#fff!important}
.not-logged-in-message{margin-block:5px}
.social-loginbar{text-align:center}
.social-loginbar .icon{width:20px;height:20px;position:relative;top:3px}

/* 侧边栏站点信息统计 */
.website-stats-widget{font-size:var(--widgets-text-font-size);padding:10px}
.stat-item{display:flex;align-items:center;margin-bottom:10px}
.stat-label{flex:1}
.stat-value{padding:2px 8px;border-radius:5px;background:#f2f2f2;}

/* 侧边栏热门文章推荐 */
.widget-post-list .widget-post-item{display:flex;gap:10px;margin:10px 0;font-size:var(--sidebar-font-size);position:relative;align-items:center}
.widget-post-list .widget-post-item .post-main{flex:1;font-size:var(--widgets-text-font-size)}
.widget-post-list .widget-post-item:hover img{transform:scale(1.1)}
.widget-post-list .widget-post-item .widget-post-item-index{position:absolute;top:10px;padding-right:5px;left:-12px;text-align:right;width:30px;background-color:#818b95;border-radius:2px 8px 8px 2px;color:#fff;box-shadow:0 1px 5px rgba(0,0,0,.2);z-index:20}
.widget-post-list .widget-post-item:first-child .widget-post-item-index{background:#f56c6c}
.widget-post-list .widget-post-item:nth-child(2) .widget-post-item-index{background:#ffa41b}
.widget-post-list .widget-post-item:nth-child(3) .widget-post-item-index{background:#409eff}
.widget-post-list .widget-post-info{text-align:right}
.widget-post-list .post-thumbnail{width:96px;height:60px;flex-shrink:0;border-radius:var(--card-box-border-radius);overflow:hidden}
.widget-post-list .post-thumbnail img{width:100%;height:100%;transition:.3s}
.widget-post-list .widget-post-item-first{position:relative;display:block;overflow:hidden}
.widget-post-list .widget-post-item-first .widget-post-title-warp{position:absolute;background:rgba(0,0,0,.3);width:94%;padding:10px;bottom:3px;border-radius:var(--card-box-border-radius);overflow:hidden}
.widget-post-list .widget-post-item-first .widget-post-title-warp a{color:#fff}
.widget-post-list .widget-post-item-first img{width:100%;height:auto;max-height:200px;border-radius:var(--card-box-border-radius);overflow:hidden;transition:.3s;object-fit:cover;object-position:center}
.widget-post-list .post-item-list{font-size:15px;align-items:center;padding-bottom:10px;padding-left:8px;border-bottom:1px solid #f3f3f3}
.widget-post-list .post-item-list:last-child{border-bottom:none}
.widget-post-list .post-item-list:before{content:'';width:8px;background-color:#d7d7d7;height:8px;flex-shrink:0;border-radius:50%}



/*IPTV页面美化*/
.main .article .article-content .iptv-filter-buttons{margin:0.5rem 0 0.5rem 0;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.main .article .article-content .iptv-filter-btn{padding:8px 16px;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.main .article .article-content .iptv-filter-btn.default{background-color:#f1f5f9;color:#334155;box-shadow: 0 1px 6px rgb(0 0 0 / 20%)}
.main .article .article-content .iptv-filter-btn.active{background-color:#3b82f6;color:#fff;box-shadow:0 2px 6px rgba(59,130,246,.25)}
.main .article .article-content .iptv-table-wrapper{margin-bottom:2rem;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.04);border:1px solid #e2e8f0}
.main .article .article-content .iptv-table{width:100%!important;border:none!important;border-collapse:separate!important;border-spacing:0;font-size:1rem;background-color:#fff;margin:0!important}
.main .article .article-content .iptv-table td,.main .article .article-content .iptv-table th{padding:10px 12px!important;border:none!important;border-bottom:1px solid #e2e8f0!important;position:relative}
.main .article .article-content .iptv-table td:not(:last-child)::after,.main .article .article-content .iptv-table th:not(:last-child)::after{content:"";position:absolute;top:10%;right:0;height:80%;width:1px;background-color:#e2e8f0}
.main .article .article-content .iptv-table thead tr{background:#3b82f6!important}
.main .article .article-content .iptv-table th{font-weight:600;text-align:center!important;font-size:.95rem;white-space:nowrap;padding:12px 12px!important;text-shadow:0 1px 2px rgba(0,0,0,.1)}
.main .article .article-content .iptv-table td{font-size:.85rem;color:#334155}
.main .article .article-content .iptv-table td:last-child{text-align:center!important}
.main .article .article-content .iptv-table .iptv-row.row-visible{display:table-row}
.main .article .article-content .iptv-table .iptv-row.row-hidden{display:none}
.main .article .article-content .iptv-table .iptv-row.even-row{background-color:#f1f5f9}
.main .article .article-content .iptv-table .iptv-row.odd-row{background-color:#fff}
.main .article .article-content .iptv-table .iptv-row:hover{background-color:#dbeafe!important;position:relative;z-index:2}
.main .article .article-content .iptv-table .iptv-row:hover td:not(:last-child)::after{width:0}
.main .article .article-content .iptv-res,.main .article .article-content .iptv-res1{padding:3px 10px;border-radius:12px;font-size:.75rem;font-style:normal;font-weight:500;border:1px solid transparent}
.main .article .article-content .iptv-res.sd{background-color:#ecfdf5;color:#059669;border-color:#d1fae5}
.main .article .article-content .iptv-res.fhd,.main .article .article-content .iptv-res.hd,.main .article .article-content .iptv-res1{background-color:#eff6ff;color:#2563eb;border-color:#bfdbfe}
.main .article .article-content .iptv-res.uhd{background-color:#f0f9ff;color:#7c3aed;border-color:#ddd6fe}
.main .article .article-content .iptv-table td:nth-child(5){font-family:monospace;word-break:break-all;color:#2563eb;font-size:.8rem}
.main .article .article-content .iptv-table td:first-child{font-weight:500;color:#64748b;text-align:center;width:60px}
.iptv-copy-btn{margin-left:8px;width:24px;height:24px;padding:0;border:none;border-radius:4px;cursor:pointer;opacity:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;background:0 0;color:currentColor;position:relative}
.iptv-copy-btn:hover{transform:translateY(-1px);background-color:rgba(59,130,246,.1)}
.iptv-copy-btn:active{transform:translateY(0)}
.main .article .article-content .iptv-copy-btn{color:#3b82f6}
.main .article .article-content .iptv-copy-btn:hover{color:#2563eb}
.main .article .article-content .iptv-table .iptv-row:hover .iptv-copy-btn{opacity:1}
.iptv-copy-btn i.fal{font-size:1rem;font-weight:400;transition:transform .2s ease}
.iptv-copy-btn:hover i.fal{transform:scale(1.15)}
.iptv-copy-btn.copied i.fal{animation:copySuccess .6s cubic-bezier(.25,.8,.25,1)}
@keyframes copySuccess{0%{transform:scale(1)}
50%{transform:scale(1.3) rotate(10deg)}
100%{transform:scale(1)}
}
@media (max-width:768px){.main .article .article-content .iptv-filter-btn{padding:5px;font-size:.8rem;flex:1 0 auto;text-align:center;justify-content:center}
.main .article .article-content .iptv-table-wrapper{border-radius:4px}
.main .article .article-content .iptv-table{display:block;overflow-x:auto}
.main .article .article-content .iptv-table td,.main .article .article-content .iptv-table th{white-space:nowrap}
}





/* 文章内容美化 */
.main .article .article-content p{line-height:2rem}
.main .article .article-content ul li:before{background:#454f5a;}
.main .article .article-info{border-bottom: 2px solid #f1f1f1;}
.article-navigation .nav-item:hover .nav-item-title {color: var(--a-color);}


/*文章内容美化-大标题美化*/
.main .article .article-content h1,.main .article .article-content h2,.main .article .article-content h3,.main .article .article-content h4,.main .article .article-content h5,.main .article .article-content h6{display:block!important;box-shadow:none!important;width:100%!important;max-width:100%;margin:0;padding:0 0 5px 1.25rem;position:relative;color:#2d3748;font-weight:600;line-height:1.4;border-bottom:2px solid #f1f1f1;box-sizing:border-box}
.main .article .article-content h1:after,.main .article .article-content h2:after,.main .article .article-content h3:after,.main .article .article-content h4:after,.main .article .article-content h5:after,.main .article .article-content h6:after{content:none!important;display:none!important}
.main .article .article-content h1:before,.main .article .article-content h2:before,.main .article .article-content h3:before,.main .article .article-content h4:before,.main .article .article-content h5:before,.main .article .article-content h6:before{content:"";position:absolute;left:0;width:4px;margin-top:0;border-radius:3px;background:var(--button-color);transition:width .2s ease}
.main .article .article-content h1:hover:before,.main .article .article-content h2:hover:before,.main .article .article-content h3:hover:before,.main .article .article-content h4:hover:before,.main .article .article-content h5:hover:before,.main .article .article-content h6:hover:before{width:6px}
.main .article .article-content h1{font-size:1.25rem;margin:2.5rem 0 1.5rem}
.main .article .article-content h1:before{top:15%;height:70%;opacity:1}
.main .article .article-content h2{font-size:1.1875rem;margin:2rem 0 1.25rem}
.main .article .article-content h2:before{top:15%;height:70%;opacity:.9}
.main .article .article-content h3{font-size:1.125rem;margin:1.75rem 0 1rem}
.main .article .article-content h3:before{top:20%;height:65%;opacity:.8}
.main .article .article-content h4{font-size:1.0625rem;margin:1.5rem 0 .875rem}
.main .article .article-content h4:before{top:20%;height:65%;opacity:.7}
.main .article .article-content h5{font-size:1.03125rem;margin:1.25rem 0 .75rem}
.main .article .article-content h5:before{top:25%;height:60%;opacity:.6}
.main .article .article-content h6{font-size:1rem;margin:1rem 0 .625rem}
.main .article .article-content h6:before{top:25%;height:60%;opacity:.5}

/*文章内容美化--文章页大标题美化*/
.main .article .article-title{border-bottom:2px solid #f1f1f1;line-height:2rem;font-size:1.125rem;font-weight:700;padding:1rem}

/* 文章blockquote美化 */
.main .article .article-content blockquote{position:relative;padding:30px;margin-block:20px;margin-bottom:30px;border-left:0;background:var(--theme-background-color);border-radius:var(--card-box-border-radius);box-shadow:var(--card-box-shadow)}
.main .article .article-content blockquote p{padding-left:2.5rem}
.main .article .article-content blockquote::before{position:absolute;content:"''";font-weight:900;font-size:55px;color:#ccc;left:30px;top:22px;line-height:1}
.main .article .article-content blockquote::after{content:""}


/* 文章·页面·Code标签 */
.main .article .article-content .code-toolbar code[class^="language-"]{font-size:1rem}
.main .article .article-content .image-caption code,.main .article .article-content ol code/*,.main .article .article-content ul code*/{font-size:.9rem;font-family:Consolas,Microsoft YaHei,Monaco,'Andale Mono','Ubuntu Mono',monospace;color:#a11a70;background:#f5f5f5;margin:0 .25rem;padding:.25rem .5rem;border-radius:.25rem}
:not(pre)>code[class*=language-],pre[class*=language-]{background:#eef1f450}


/* 文章·页面·图文混排 */
.attachment img,.widget-container img,img.size-auto,img.size-full,img.size-large,img.size-medium{max-width:100%;height:auto}
.alignleft,img.alignleft{display:inline;float:left;margin-right:1rem;margin-top:.325rem}
.alignright,img.alignright{display:inline;float:right;margin-left:1rem;margin-top:.325rem}
.aligncenter,.alignnone,img.aligncenter,img.alignnone{clear:both;display:block;margin-left:auto;margin-right:auto}
img.aligncenter,img.alignleft,img.alignnone,img.alignright{margin-bottom:.325rem}
.article .article-content p img{width:auto;max-width:100%;height:auto}


/* 文章·页面·图片组合 */
.main .article .article-content .figure{margin:.625rem 0}
.main .article .article-content .figure img{width:100%;object-fit:cover;display:block}
.main .article .article-content .figure-flex{width:auto;display:flex;justify-content:center;align-items:center}
.main .article .article-content .figure-grid{display:grid;grid-gap:.625rem}
.main .article .article-content .figure-grid-2{grid-template-columns:repeat(2,1fr)}
.main .article .article-content .figure-grid-3,.figure-grid-6{grid-template-columns:repeat(3,1fr)}
.main .article .article-content .figure-grid-4{grid-template-columns:repeat(4,1fr)}
.main .article .article-content .figure-flex .figure-item{margin-right:.625rem}
.main .article .article-content .figure-flex .figure-item:last-child{margin-right:0}
.main .article .article-content .figure-2-no,.figure-2-no img{max-height:470px}
.main .article .article-content .figure-3-no,.figure-3-no img{max-height:350px}
.main .article .article-content .figure-4-no,.figure-4-no img{max-height:280px}
.main .article .article-content .main-all .figure-2-no,.main-all .figure-2-no img{max-height:600px}
.main .article .article-content .main-all .figure-3-no,.main-all .figure-3-no img{max-height:480px}
.main .article .article-content .main-all .figure-4-no,.main-all .figure-4-no img{max-height:380px}
.main .article .article-content .figure-special{display:flex;justify-content:center}
.main .article .article-content .figure400 img{width:400px}
.main .article .article-content .figure500 img{width:500px}
.main .article .article-content .figure600 img{width:600px}
.main .article .article-content .figure700 img{width:700px}
.main .article .article-content .image-container{position:relative;margin-bottom:15px}
.main .article .article-content .image-caption{text-align:center;background-color:var(--theme-background-color);padding:10px;font-size:16px;}


/* 文章过期提示框美化 */
.page-overdue{padding-top:15px}
.page-overdue-wrapper{background: var(--text-content-background);border: var(--card-box-border);border-radius: var(--card-box-border-radius);box-shadow: var(--card-box-shadow);padding:15px;-webkit-animation:overdue 1.5s ease-in-out;animation:overdue 1.5s ease-in-out}
.page-overdue-wrapper .title{display:flex;align-items:center;margin-bottom:10px;}
.page-overdue-wrapper .title .icon{width:20px;height:20px;margin-right:8px}
.page-overdue-wrapper .title .text{font-size:16px;font-weight:600}
.page-overdue-wrapper .content{padding-left:28px;font-size:16px}
.page-overdue-wrapper .content p{padding:0!important;line-height:2rem;word-break:break-all;text-indent:0!important;}


/* 文章受限内容美化 */
.restricted-content{background:var(--text-content-background);border:var(--card-box-border);border-radius:var(--card-box-border-radius);box-shadow:var(--card-box-shadow);margin:10px 0 10px 0;padding:10px 20px}
.restricted-content .note{background:#eee;border-radius: var(--card-box-border-radius);padding:10px 0 10px 10px;margin-bottom:5px;font-size:14px;color:#999}
.restricted-content .no-permission{text-align:center}
.restricted-content .has-permission{}


/* 文章短码卡片 */
.shortcode-post-card-item{display:flex;gap:10px;max-width:500px;margin:auto;border-radius:5px;overflow:hidden;padding:10px;margin-block:20px}
.shortcode-post-card-item .card-info .card-title{margin-bottom:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.shortcode-post-card-item .card-info{width:0;flex:1;flex-shrink:0}
.shortcode-post-card-item .card-info .card-title{text-decoration:none}
.shortcode-post-card-item .card-info .card-excerpt{font-size:12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.shortcode-post-card-item .card-thumbnail{width:130px;height:80px;flex-shrink:0}
.shortcode-post-card-item .card-thumbnail img{width:100%;height:100%}


/* 文章页卡片面板 */
.main .article .article-content .shortcode-post-card-item{display:flex;align-items:center;padding:1.2rem 1.5rem;margin:1rem 0;border-radius:5px;background:linear-gradient(145deg,#f9fafb 0,#f1f5f9 100%);box-shadow:0 3px 12px rgba(0,0,0,.05);transition:all .3s cubic-bezier(.4,0,.2,1);gap:1rem;max-width:500px;margin-left:auto;margin-right:auto}
.main .article .article-content .shortcode-post-card-item:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.08)}
.main .article .article-content .shortcode-post-card-item .card-thumbnail{flex-shrink:0;width:80px;height:80px;border-radius:8px;overflow:hidden;background-color:rgba(59,130,246,.1)}
.main .article .article-content .shortcode-post-card-item .card-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.main .article .article-content .shortcode-post-card-item:hover .card-thumbnail img{transform:scale(1.05)}
.main .article .article-content .shortcode-post-card-item .card-info{flex-grow:1;min-width:0}
.main .article .article-content .shortcode-post-card-item .card-info .card-title{margin-bottom:.3rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-decoration:none}
.main .article .article-content .shortcode-post-card-item .card-info .card-title a{color:#1e40af;font-weight:600;text-decoration:none;transition:color .2s ease;font-size:1.05rem}
.main .article .article-content .shortcode-post-card-item .card-info .card-title a:hover{color:#3b82f6;text-decoration:underline;text-underline-offset:3px}
.main .article .article-content .shortcode-post-card-item .card-info .card-excerpt{font-size:.9rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#64748b;line-height:1.4}



/* 文章页下载面板 */
.main .article .article-content .download-card{display:flex;align-items:center;gap:1rem;max-width:500px;margin:1rem 0;margin-left:auto;margin-right:auto;padding:1.2rem 1.5rem;border:var(--card-box-border);border-radius:var(--card-box-border-radius);background:var(--text-content-background);box-shadow:var(--card-box-shadow);transition:all .3s cubic-bezier(.4,0,.2,1)}
.main .article .article-content .download-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.08)}
.main .article .article-content .download-card-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:8px;background-color:rgba(59,130,246,.1)}
.main .article .article-content .icon-no-shadow{width:28px;height:28px;object-fit:contain;transition:transform .3s ease}
.main .article .article-content .download-card:hover .icon-no-shadow{transform:scale(1.1)}
.main .article .article-content .download-card-info{flex-grow:1;min-width:0}
.main .article .article-content .download-card-title{margin-bottom:.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.main .article .article-content .download-card-title a{color:#1e40af;font-size:1.05rem;font-weight:600;text-decoration:none;transition:color .2s ease}
.main .article .article-content .download-card-title a:hover{color:#3b82f6;text-decoration:underline;text-underline-offset:3px}
.main .article .article-content .download-card-meta{display:flex!important;align-items:center;flex-wrap:wrap;gap:.8rem}
.main .article .article-content .access-code,.main .article .article-content .disk-type{display:inline-flex;align-items:center;height:24px;padding:.15rem .5rem;box-sizing:border-box;border-radius:4px;font-size:.8rem}
.main .article .article-content .disk-type{background-color:rgba(59,130,246,.1);color:#3b82f6;font-weight:500;margin-right:.5rem}
.main .article .article-content .access-code{background-color:rgba(220,38,38,.1);gap:.3rem;max-width:180px;transition:all .2s ease}
.main .article .article-content .access-code-value{font-family:monospace;font-weight:600;color:#dc2626;letter-spacing:.3px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}
.main .article .article-content .download-card-meta:hover .copy-btn{opacity:1;transform:scale(1)}
.main .article .article-content .download-card-action{flex-shrink:0}
.main .article .article-content .btn-download{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem;border:none;border-radius:6px;color:#fff;font-size:.95rem;font-weight:500;line-height:1rem;background-color:#3b82f6;box-shadow:0 2px 5px rgba(59,130,246,.2);cursor:pointer;transition:all .2s ease}
.main .article .article-content .btn-download:hover{background-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,.3)}
.main .article .article-content .btn-download i{font-size:1rem;line-height:0}


/* 文章页折叠面板 */
.main .accordion{margin:1rem 0;background:var(--text-content-background);border:var(--card-box-border);border-radius:var(--card-box-border-radius);box-shadow:var(--card-box-shadow)}
.main .accordion .accordion-head{font-size:1.125rem;color:#222;margin-left:1.625rem;cursor:pointer;line-height:3rem;height:3rem;font-weight:700;position:relative;transition:all .3s ease}
.main .accordion .accordion-head .accordionicon{color:var(--a-color);font-size:1.125rem;display:inline-block;margin-right:.625rem;transition:transform .3s ease}
.main .accordion .accordion-show .accordionicon{transform:rotate(45deg)}
.main .accordion .version{max-height:0;opacity:0;overflow:hidden;padding:0 1rem;border-top:1px solid #f1f1f1;border-top-color:transparent;transition:max-height .5s ease,opacity .3s ease,padding .3s ease,border-top-color .3s ease}
.main .accordion .accordion-show+.version{max-height:500px;opacity:1;padding:1rem;border-top-color:#f1f1f1;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}
.main .accordion .accordion-show+.version::-webkit-scrollbar{display:none}
.main .accordion .version .version-box{margin:1rem 0;padding-bottom:1rem;border-bottom:1px solid #f1f1f1;transition:transform .3s ease,opacity .3s ease;transform:translateY(10px);opacity:0}
.main .accordion .accordion-show+.version .version-box{transform:translateY(0);opacity:1}
.main .accordion .version .version-box:nth-child(1){transition-delay:.1s}
.main .accordion .version .version-box:nth-child(2){transition-delay:.2s}
.main .accordion .version .version-box:nth-child(3){transition-delay:.3s}
.main .accordion .version .version-box:nth-child(4){transition-delay:.4s}
.main .accordion .version .version-box:nth-child(5){transition-delay:.5s}
.main .accordion .version .version-box:last-child{border-bottom:none;padding-bottom:0}
.main .accordion .version .version-head{margin-bottom:.75rem;overflow:hidden}
.main .accordion .version .version-name{font-size:1.125rem;color:#333}
.main .accordion .version .version-date{font-size:.875rem;color:#666;float:right}
.main .accordion .version .version-list{padding-left:.2rem;line-height:1.6}
.main .accordion .version .version-list li:last-child{margin-bottom:0}


/* 文章页提示框 */
.main .article .article-content .status-container{position:relative;padding:1.2rem 1.5rem;margin:1rem 0;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.06);transition:transform .2s ease,box-shadow .2s ease;overflow:hidden;border:none}
.main .article .article-content .status-container:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.09)}
.main .article .article-content .status-container::before{content:'';position:absolute;left:0;top:0;height:100%;width:4px;border-radius:4px 0 0 4px}
.main .article .article-content .status-title{font-size:1rem;font-weight:600;margin-bottom:.6rem;display:flex;align-items:center;gap:.6rem}
.main .article .article-content .status-title::before{content:'';width:18px;height:18px;border-radius:50%;flex-shrink:0}
.main .article .article-content .status-content{font-size:.9rem;line-height:1.5;margin:0}
.main .article .article-content .status-container.danger{background:linear-gradient(135deg,#fff5f5 0,#ffebeb 100%)}
.main .article .article-content .status-container.danger::before{background-color:#ff4757}
.main .article .article-content .status-container.danger .status-title{color:#ff4757}
.main .article .article-content .status-container.danger .status-title::before{background-color:#ff4757;box-shadow:0 0 0 3px rgba(255,71,87,.15)}
.main .article .article-content .status-container.danger .status-content{color:#6e2229}
.main .article .article-content .status-container.warning{background:linear-gradient(135deg,#fff9f0 0,#fff2e0 100%)}
.main .article .article-content .status-container.warning::before{background-color:#ff9f43}
.main .article .article-content .status-container.warning .status-title{color:#ff9f43}
.main .article .article-content .status-container.warning .status-title::before{background-color:#ff9f43;box-shadow:0 0 0 3px rgba(255,159,67,.15)}
.main .article .article-content .status-container.warning .status-content{color:#7d4c10}
.main .article .article-content .status-container.success{background:linear-gradient(135deg,#f0fff4 0,#e6f7ee 100%)}
.main .article .article-content .status-container.success::before{background-color:#28c76f}
.main .article .article-content .status-container.success .status-title{color:#28c76f}
.main .article .article-content .status-container.success .status-title::before{background-color:#28c76f;box-shadow:0 0 0 3px rgba(40,199,111,.15)}
.main .article .article-content .status-container.success .status-content{color:#0f5132}


/* 文章页版权声明 */
.single-copyright{background:var(--text-content-background);border:var(--card-box-border);border-radius:var(--card-box-border-radius);box-shadow:var(--card-box-shadow);margin-top:20px;font-size:16px;padding:10px 20px;word-wrap:break-word;line-height:2}
.single-copyright ul{margin-bottom:0!important;}
.single-copyright ul li{line-height:30px;}


/* 文章页结束语 */
.main .article .article-content .post-end-dividing{text-align:center;color:#999;margin:20px 0}
.main .article .article-content .post-end-dividing:before{content:"";background:#f3f3f3;width:20%;vertical-align:middle;height:1px;display:inline-block;margin:0 16px}
.main .article .article-content .post-end-dividing:after{content:"";background:#f3f3f3;width:20%;vertical-align:middle;height:1px;display:inline-block;margin:0 16px}

/* 评论 */
.comment-container{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;margin-left:3.5rem;font-size:14px}
.comment-list .comment-box .ip-location{padding-left:.2rem}
.comment-list .comment-box .comment-edit,.comment-list .comment-box .reply{padding-left:.5rem}
.comment-list .comment-box .comment-edit .editicon,.comment-list .comment-box .reply .replyicon{font-size:.85rem}
.comment-frame .comment-post .comment-emoji .emoji-smilies a{height:24px}
.comment-frame .comment-post .comment-emoji .emoji-smilies{width:220px;height:280px}


/*友情链接·网址收藏页面*/
.friends-list-card{display:grid;gap:1rem;flex-wrap:wrap;padding:10px;overflow:hidden;grid-template-columns:repeat(2,1fr)}
.friends-list-card .friend-item{display:flex;border-radius:.75rem;padding:1.25rem;align-items:center;gap:10px;overflow:hidden;position:relative;transition:.3s;top:0;background-color:#f5f7f8;box-shadow: 0 0 4px rgba(205, 220, 230, .5);border-radius:.375rem}
.friends-list-card .friend-item .friends-icon{margin-inline-end:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}
.friends-list-card .friend-item:hover{top:-5px}
.friends-list-card .url-info{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.friends-list-card .url-info .url-name{font-weight:700}
.friends-list-card .url-info .url-description{margin-top: 20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;colo:#18191a}
.friends-list-card img{width:64px;height:64px;vertical-align:middle}

/*文章归档页面*/
.archives-info{background:var(--theme-color);font-size:1rem}
.archives-statistics ul{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);margin:0 .5rem}
.car-collapse .car-yearmonth{color:var(--a-color)}
.car-list .cy-yeartitle{box-shadow:inset 0 -.5rem 0 0 #ffffff00}

/* WPCOM Member 登录注册找回密码*/
.member-form-wrap{border-radius:0!important}
ul.member-lp-process li::after,ul.member-lp-process li::before{content:none!important;display:none!important}


/* WPCOM Member 用户中心*/
.main .article .article-content .member-social-list .social-item::before{background:transparent!important}
.main .article .article-content .member-form-title h3::before{background:transparent!important}
.main .article .article-content .member-account-input input,.main .article .article-content .member-account-input select,.main .article .article-content .member-account-input textarea{border:2px solid #d8dae2}
.main .article .article-content .wpcom-ph-name {color:#fff}
h3.member-account-name::after,h3.member-account-name::before{content:none!important;display:none!important}
h2.member-account-title::after,h2.member-account-title::before{content:none!important;display:none!important}
ul.member-account-menu li::after,ul.member-account-menu li::before{content:none!important;display:none!important}
ul.profile-posts-list li::after,ul.profile-posts-list li::before{content:none!important;display:none!important}

/* WPCOM Member 个人中心 */
h2.wpcom-ph-name::after,h2.wpcom-ph-name::before{content:none!important;display:none!important}
ul.wpcom-profile-nav li::after,ul.wpcom-profile-nav li::before{content:none!important;display:none!important}
ul.profile-comments-list li::after,ul.profile-comments-list li::before{content:none!important;display:none!important}

/* 导航图标 */
.menu-item svg{width:20px;height:20px;position:relative;top:3px}

/* 右下通知组件 */
.bottom-right-notification{position:fixed;right:20px;bottom:66px;background:#fff;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);padding:16px;display:flex;align-items:flex-start;max-width:300px;border-left:4px solid #409eff;transition:opacity .3s ease;z-index:2000}
.bottom-right-notification .brn-icon{font-size:24px;margin-right:12px;flex-shrink:0;margin-top:1px}
.bottom-right-notification .brn-icon.info{color:#409eff}
.bottom-right-notification .brn-icon.success{color:#67c23a}
.bottom-right-notification .brn-content{flex-grow:1}
.bottom-right-notification .brn-content .brn-title{margin:0 0 8px 0;font-size:16px;font-weight:600;color:#303133}
.bottom-right-notification .brn-content .brn-message{margin:0;font-size:14px;color:#606266;line-height:1.5}
.bottom-right-notification .brn-close{color:#c0c4cc;background:0 0;border:none;font-size:18px;cursor:pointer;padding:0 4px;margin-left:8px;flex-shrink:0;transition:color .2s}
.bottom-right-notification .brn-close:hover{color:#909399}
.bottom-right-notification .brn-close i{pointer-events:none}


/* 中间站点通知组件 */
.site-notification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;transition:opacity .3s ease}
.site-notification-modal{background-color:#fff;border:1px solid #e5e6eb;color:#333;box-shadow:0 2px 8px rgba(0,0,0,.1);border-radius:6px;width:90%;max-width:500px;overflow:hidden;transform:translateY(20px);transition:transform .3s ease,box-shadow .3s ease}
.site-notification-modal .notification-carousel{display:flex;transition:transform .3s ease;height:100%}
.site-notification-modal .notification-carousel .notification-panel{min-width:100%;padding:0;box-sizing:border-box;display:flex;flex-direction:column;min-height:200px}
.site-notification-modal .notification-carousel .notification-panel .notification-header{background-color:#dee1e6;padding:15px 25px;border-bottom:1px solid #e5e6eb}
.site-notification-modal .notification-carousel .notification-panel .notification-header .notification-title{margin:0;color:#2d3748;font-size:1.25rem;display:flex;align-items:center}
.site-notification-modal .notification-carousel .notification-panel .notification-header .notification-title i.fas.fa-bullhorn.fa-shake{color:red;font-size:22px;margin-right:10px;animation:shake 1s ease-in-out infinite}
.site-notification-modal .notification-carousel .notification-panel .notification-body{flex:1;padding:25px 25px 65px 25px;position:relative;overflow-y:auto}
.site-notification-modal .notification-carousel .notification-panel .notification-body .notification-content{color:#666;font-size:1rem;line-height:2;padding-left:1rem;overflow:hidden}
.site-notification-modal .notification-carousel .notification-panel .notification-body .notification-content a{color:#4e86e4;text-decoration:underline}
.site-notification-modal .notification-carousel .notification-panel .notification-body .notification-time{display:flex;justify-content:space-between;font-size:.85rem;color:#999;padding:10px 25px;position:absolute;bottom:0;left:0;right:0;background-color:#fff;z-index:1}
.site-notification-modal .notification-carousel .notification-panel .notification-actions{display:flex;justify-content:space-between;align-items:center;height:65px;padding:10px 25px;width:100%;position:relative;box-sizing:border-box;flex-shrink:0;border-top:1px solid #f1f5f9}
.site-notification-modal .notification-carousel .notification-panel .notification-actions .nav-button{padding:6px 14px;border:1px solid #e5e6eb;background:#fff;color:#666;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:14px;min-width:80px;display:none}
.site-notification-modal .notification-carousel .notification-panel .notification-actions .nav-button.show{display:inline-block}
.site-notification-modal .notification-carousel .notification-panel .notification-actions .prev-button{margin-right:auto}
.site-notification-modal .notification-carousel .notification-panel .notification-actions .next-button{margin-left:auto}
.site-notification-modal .notification-carousel .notification-panel .notification-actions .nav-button:hover:not(:disabled){border-color:#4e86e4;color:#4e86e4}
.site-notification-modal .notification-carousel .notification-panel .notification-actions .close-button{padding:8px 20px;background:#4e86e4;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .2s ease;font-size:14px;font-weight:500;min-width:100px;position:absolute;left:50%;transform:translateX(-50%)}
.site-notification-modal .notification-carousel .notification-panel .notification-actions .close-button:hover{background:#3a3f48}
.site-notification-modal .indicator-container{display:flex;justify-content:center;padding:15px;gap:8px;background:#dee1e6;border-top:1px solid #f1f5f9}
.site-notification-modal .indicator-container .carousel-indicator{width:8px;height:8px;border-radius:50%;background:#85898f;transition:background .3s ease,transform .3s ease}
@keyframes shake{0%{transform:rotate(-15deg)}
4%{transform:rotate(15deg)}
24%,8%{transform:rotate(-18deg)}
12%,28%{transform:rotate(18deg)}
16%{transform:rotate(-22deg)}
20%{transform:rotate(22deg)}
32%{transform:rotate(-12deg)}
36%{transform:rotate(12deg)}
40%,to{transform:rotate(0)}
}

/* 流量消耗器页面 */
.main .article .article-content .llxhq-tool-container{width:100%;margin:0 auto;max-width:100%}
.main .article .article-content .llxhq-tool-container .llxhq-tool-header{text-align:center;margin-bottom:2.5rem;animation:fadeIn .6s ease-out}
.main .article .article-content .llxhq-tool-container .llxhq-tool-header .llxhq-tool-title{font-size:2rem;color:#334155;margin-bottom:1rem}
.main .article .article-content .llxhq-tool-container .llxhq-tool-header .llxhq-tool-desc{color:#64748b;font-size:1.1rem;max-width:600px;margin:0 auto 1rem}
.main .article .article-content .llxhq-tool-container .llxhq-tool-form-card{margin-bottom:2.5rem;position:relative;overflow:hidden;animation:fadeIn .6s ease-out .2s forwards;opacity:0;border-radius:0;box-shadow:none}
.main .article .article-content .llxhq-tool-container .llxhq-tool-form-card .llxhq-tool-declaration{background:rgba(91,107,249,.05);border-radius:5px;padding:1rem;margin-bottom:1.5rem;border-left:5px solid #7c8af0}
.main .article .article-content .llxhq-tool-container .llxhq-tool-form-card .llxhq-tool-declaration p{margin-bottom:.5rem;font-size:.9rem;color:#334155}
.main .article .article-content .llxhq-tool-container .llxhq-tool-form-card .llxhq-tool-form-group{margin-bottom:1.8rem;position:relative;z-index:1}
.main .article .article-content .llxhq-tool-container .llxhq-tool-form-card .llxhq-tool-form-group .llxhq-tool-form-label{display:block;margin-bottom:.6rem;font-weight:500;font-size:.95rem}
.main .article .article-content .llxhq-tool-container .llxhq-tool-form-card .llxhq-tool-form-group #urlSelect{width:100%;padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:10px;font-size:1rem;transition:all .3s ease;height:48px;line-height:1;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:3rem;box-sizing:border-box}
.main .article .article-content .llxhq-tool-container .llxhq-tool-form-card .llxhq-tool-form-group #customUrl{width:100%;padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:10px;font-size:1rem;transition:all .3s ease;height:48px;line-height:1;appearance:none;background-color:#fff;margin-top:10px;box-sizing:border-box}
.main .article .article-content .llxhq-tool-container .llxhq-tool-form-card .llxhq-tool-form-group .llxhq-tool-form-hint{margin-top:.4rem;font-size:.85rem;color:#64748b}
.main .article .article-content .llxhq-tool-container .llxhq-tool-form-card .llxhq-tool-form-group #loadFailedMessage{display:none;color:#ef4444;margin-top:.5rem}
.main .article .article-content .llxhq-tool-container .llxhq-tool-form-card .llxhq-tool-form-group .llxhq-tool-thread-controls{display:flex;align-items:center}
.main .article .article-content .llxhq-tool-container .llxhq-tool-form-card .llxhq-tool-form-group .llxhq-tool-thread-controls .llxhq-tool-thread-btn{width:48px;height:48px;border-radius:10px;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;background-color:#fff;color:#64748b}
.main .article .article-content .llxhq-tool-container .llxhq-tool-form-card .llxhq-tool-form-group .llxhq-tool-thread-controls .llxhq-tool-thread-btn:hover{background:#f8fafc;border-color:#7c8af0}
.main .article .article-content .llxhq-tool-container .llxhq-tool-form-card .llxhq-tool-form-group .llxhq-tool-thread-controls .llxhq-tool-thread-input{flex:1;margin:0 .5rem .5rem .5rem;text-align:center}
.main .article .article-content .llxhq-tool-container .llxhq-tool-form-card .llxhq-tool-form-group .llxhq-tool-thread-controls #threadCount{width:100%;padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:10px;font-size:1rem;transition:all .3s ease;height:48px;line-height:1;appearance:none;background-color:#fff;margin:.325rem;box-sizing:border-box}
.main .article .article-content .llxhq-tool-container .llxhq-tool-form-card .llxhq-tool-form-group .llxhq-tool-custom-switch{display:flex;align-items:center;cursor:pointer;gap:12px}
.main .article .article-content .llxhq-tool-container .llxhq-tool-form-card .llxhq-tool-form-group .llxhq-tool-custom-switch input{display:none}
.main .article .article-content .llxhq-tool-container .llxhq-tool-form-card .llxhq-tool-form-group .llxhq-tool-custom-switch .llxhq-tool-switch-slider{width:50px;height:24px;background:#e2e8f0;border-radius:12px;position:relative;transition:all .3s ease}
.main .article .article-content .llxhq-tool-container .llxhq-tool-form-card .llxhq-tool-form-group .llxhq-tool-custom-switch .llxhq-tool-switch-slider::after{content:'';position:absolute;width:20px;height:20px;border-radius:50%;top:2px;left:2px;background:#fff;transition:all .3s ease}
.main .article .article-content .llxhq-tool-container .llxhq-tool-form-card .llxhq-tool-form-group .llxhq-tool-custom-switch input:checked+.llxhq-tool-switch-slider{background:#5b6bf9}
.main .article .article-content .llxhq-tool-container .llxhq-tool-form-card .llxhq-tool-form-group .llxhq-tool-custom-switch input:checked+.llxhq-tool-switch-slider::after{left:28px}
.main .article .article-content .llxhq-tool-container .llxhq-tool-form-card .llxhq-tool-form-group .llxhq-tool-custom-switch .llxhq-tool-switch-label{color:#334155;font-size:.9rem}
.main .article .article-content .llxhq-tool-container .llxhq-tool-form-card .llxhq-tool-status-message{margin:1.5rem 0;padding:1rem;border-radius:10px;background:#f8fafc;text-align:center;color:#64748b;font-size:.95rem}
.main .article .article-content .llxhq-tool-container .llxhq-tool-form-card #controlBtn{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.8rem;background:#5b6bf9;color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;width:100%;position:relative;z-index:1;height:48px}
.main .article .article-content .llxhq-tool-container .llxhq-tool-form-card #controlBtn:hover{background:#4a57d1;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}
.main .article .article-content .llxhq-tool-container .llxhq-tool-form-card #controlBtn.stop{background:#ef4444}
.main .article .article-content .llxhq-tool-container .llxhq-tool-form-card #controlBtn.stop:hover{background:#dc2626}
.main .article .article-content .llxhq-tool-container .llxhq-tool-form-card #controlBtn span+i{margin-left:8px}
.main .article .article-content .llxhq-tool-container .llxhq-tool-form-card .llxhq-tool-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}
.main .article .article-content .llxhq-tool-container .llxhq-tool-form-card .llxhq-tool-stats-grid .llxhq-tool-stat-card{background:#f8fafc;border-radius:5px;padding:1.5rem;border-left:5px solid #5b6bf9;transition:all .3s ease;display:flex;flex-direction:column;cursor:pointer}
.main .article .article-content .llxhq-tool-container .llxhq-tool-form-card .llxhq-tool-stats-grid .llxhq-tool-stat-card:hover{transform:translateX(3px);box-shadow:0 2px 5px rgba(0,0,0,.05)}
.main .article .article-content .llxhq-tool-container .llxhq-tool-form-card .llxhq-tool-stats-grid .llxhq-tool-stat-card:nth-child(2){border-left-color:#22c55e}
.main .article .article-content .llxhq-tool-container .llxhq-tool-form-card .llxhq-tool-stats-grid .llxhq-tool-stat-card .llxhq-tool-stat-icon{width:40px;height:40px;margin-left:auto;margin-bottom:1rem;color:#5b6bf9;opacity:.8}
.main .article .article-content .llxhq-tool-container .llxhq-tool-form-card .llxhq-tool-stats-grid .llxhq-tool-stat-card:nth-child(2) .llxhq-tool-stat-icon{color:#22c55e}
.main .article .article-content .llxhq-tool-container .llxhq-tool-form-card .llxhq-tool-stats-grid .llxhq-tool-stat-card .llxhq-tool-stat-title{font-size:1rem;color:#64748b;margin-bottom:.5rem}
.main .article .article-content .llxhq-tool-container .llxhq-tool-form-card .llxhq-tool-stats-grid .llxhq-tool-stat-card .llxhq-tool-stat-value{font-weight:600;font-size:1.4rem}
.main .article .article-content .llxhq-tool-container .llxhq-tool-form-card .llxhq-tool-chart-container{width:100%;height:260px;margin:1.5rem 0;position:relative}
.main .article .article-content .llxhq-tool-container .llxhq-tool-form-card .llxhq-tool-chart-container #speedChart{width:100%!important;height:100%!important}
@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}
to{opacity:1;transform:translateY(0)}
}
@media (max-width:768px){
.main .article .article-content .llxhq-tool-container{padding:.1rem}
.main .article .article-content .llxhq-tool-container .llxhq-tool-form-card .llxhq-tool-stats-grid{grid-template-columns:1fr}
.main .article .article-content .llxhq-tool-container .llxhq-tool-form-card .llxhq-tool-chart-container{display:none}
}


/* 批量URL跳转跟踪工具页面 */
.main .article .article-content .urlgzq-tool-container{width:100%;margin:0 auto;max-width:100%}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-header{text-align:center;margin-bottom:2.5rem;animation:fadeIn .6s ease-out}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-header .urlgzq-tool-desc{color:#64748b;font-size:1.1rem;max-width:600px;margin:0 auto 1rem}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-form-card{position:relative;overflow:hidden;animation:fadeIn .6s ease-out .2s forwards;opacity:0;border-radius:0;box-shadow:none}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-form-card::before{content:'';position:absolute;top:-40px;right:-40px;width:120px;height:120px;background:rgba(91,107,249,.05);border-radius:50%}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-form-card::after{content:'';position:absolute;bottom:-60px;left:-60px;width:160px;height:160px;background:rgba(91,107,249,.05);border-radius:50%}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-form-card .urlgzq-tool-form-group{margin-bottom:1.8rem;position:relative;z-index:1}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-form-card .urlgzq-tool-form-group .urlgzq-tool-form-label{display:block;margin-bottom:.6rem;color:#334155;font-weight:500;font-size:.95rem}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-form-card .urlgzq-tool-form-group .urlgzq-tool-form-input{width:100%;padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:10px;font-size:1rem;transition:all .3s ease;height:48px;line-height:1;appearance:none;background-color:#fff;box-sizing:border-box}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-form-card .urlgzq-tool-form-group .urlgzq-tool-form-select{width:100%;padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:10px;font-size:1rem;transition:all .3s ease;height:48px;line-height:1;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:3rem;box-sizing:border-box}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-form-card .urlgzq-tool-form-group .urlgzq-tool-form-textarea{width:100%;padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:10px;font-size:1rem;transition:all .3s ease;min-height:120px;resize:vertical;line-height:1.6;height:auto;appearance:none;background-color:#fff;box-sizing:border-box}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-form-card .urlgzq-tool-form-group .urlgzq-tool-form-input:focus,.main .article .article-content .urlgzq-tool-container .urlgzq-tool-form-card .urlgzq-tool-form-group .urlgzq-tool-form-select:focus,.main .article .article-content .urlgzq-tool-container .urlgzq-tool-form-card .urlgzq-tool-form-group .urlgzq-tool-form-textarea:focus{outline:0;border-color:#5b6bf9;box-shadow:0 0 0 3px rgba(91,107,249,.1)}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-form-card .urlgzq-tool-form-group .urlgzq-tool-form-hint{margin-top:.4rem;font-size:.85rem;color:#64748b}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-form-card .urlgzq-tool-btn{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.8rem;background:#5b6bf9;color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;width:100%;position:relative;z-index:1;height:48px}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-form-card .urlgzq-tool-btn:hover{background:#4a57d1;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-form-card .urlgzq-tool-btn i{margin-left:.5rem;transition:all .3s ease}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-form-card .urlgzq-tool-btn:hover i{transform:translateX(3px)}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-form-card .urlgzq-tool-error-message{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:#ef4444;padding:1rem;border-radius:10px;margin-bottom:1.5rem;display:flex;align-items:flex-start;position:relative;z-index:1}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-form-card .urlgzq-tool-error-message i{margin-right:.7rem;margin-top:.2rem;font-size:1.2rem}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section{margin-top:3rem;animation:fadeIn .6s ease-out .4s forwards;opacity:0}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-header{display:flex;align-items:center;margin-bottom:1.8rem}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-header .urlgzq-tool-results-icon{width:40px;height:40px;background:rgba(91,107,249,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1rem}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-header .urlgzq-tool-results-icon i{color:#5b6bf9;font-size:1.1rem}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-header .urlgzq-tool-results-title{font-size:1.5rem;color:#334155;font-weight:600}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-list .urlgzq-tool-result-card{background:#fff;border-radius:16px;padding:1.8rem;box-shadow:0 4px 12px rgba(0,0,0,.08);margin-bottom:2.5rem;transition:all .3s ease;opacity:0;animation:fadeIn .5s ease-out forwards;border:1px solid #e2e8f0}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-list .urlgzq-tool-result-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.1)}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-list .urlgzq-tool-result-card:nth-child(1){animation-delay:.1s}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-list .urlgzq-tool-result-card:nth-child(2){animation-delay:.2s}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-list .urlgzq-tool-result-card:nth-child(3){animation-delay:.3s}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-list .urlgzq-tool-result-card .urlgzq-tool-result-meta-cards{display:flex;gap:1.5rem;margin-bottom:1.8rem}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-list .urlgzq-tool-result-card .urlgzq-tool-result-meta-cards .urlgzq-tool-meta-left-column{flex:3;display:flex;flex-direction:column;gap:1rem}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-list .urlgzq-tool-result-card .urlgzq-tool-result-meta-cards .urlgzq-tool-meta-right-column{flex:1}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-list .urlgzq-tool-result-card .urlgzq-tool-result-meta-cards .urlgzq-tool-meta-card{background:#f8fafc;border-radius:10px;padding:1.2rem;border-left:3px solid #5b6bf9;transition:all .3s ease}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-list .urlgzq-tool-result-card .urlgzq-tool-result-meta-cards .urlgzq-tool-meta-card:hover{transform:translateX(3px);box-shadow:0 2px 5px rgba(0,0,0,.05)}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-list .urlgzq-tool-result-card .urlgzq-tool-result-meta-cards .urlgzq-tool-meta-card.urlgzq-tool-count-card{border-left-color:#22c55e;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-list .urlgzq-tool-result-card .urlgzq-tool-result-meta-cards .urlgzq-tool-meta-card .urlgzq-tool-meta-label{font-size:.85rem;color:#64748b;margin-bottom:.5rem;display:block}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-list .urlgzq-tool-result-card .urlgzq-tool-result-meta-cards .urlgzq-tool-meta-card .urlgzq-tool-meta-value{font-weight:500;word-break:break-all;transition:all .3s ease;position:relative;font-size:1.05rem}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-list .urlgzq-tool-result-card .urlgzq-tool-result-meta-cards .urlgzq-tool-meta-card .urlgzq-tool-meta-value.urlgzq-tool-copyable{color:#5b6bf9;cursor:pointer;padding-right:24px}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-list .urlgzq-tool-result-card .urlgzq-tool-result-meta-cards .urlgzq-tool-meta-card .urlgzq-tool-meta-value.urlgzq-tool-copyable:hover{text-decoration:underline}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-list .urlgzq-tool-result-card .urlgzq-tool-result-meta-cards .urlgzq-tool-meta-card .urlgzq-tool-meta-value .urlgzq-tool-copy-icon{position:absolute;right:0;top:50%;transform:translateY(-50%);color:#64748b;font-size:.9rem;opacity:.7;transition:all .3s ease}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-list .urlgzq-tool-result-card .urlgzq-tool-result-meta-cards .urlgzq-tool-meta-card .urlgzq-tool-meta-value.urlgzq-tool-copyable:hover .urlgzq-tool-copy-icon{opacity:1}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-list .urlgzq-tool-result-card .urlgzq-tool-result-status{margin-bottom:1.8rem;display:inline-block;padding:.3rem .8rem;border-radius:20px;font-size:.85rem;font-weight:500}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-list .urlgzq-tool-result-card .urlgzq-tool-status-success{background:rgba(34,197,94,.1);color:#22c55e}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-list .urlgzq-tool-result-card .urlgzq-tool-status-error{background:rgba(239,68,68,.1);color:#ef4444}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-list .urlgzq-tool-result-card .urlgzq-tool-timeline-section{margin-top:1.5rem}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-list .urlgzq-tool-result-card .urlgzq-tool-timeline-section .urlgzq-tool-timeline-title{font-weight:600;margin-bottom:1.5rem;color:#334155;display:flex;align-items:center}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-list .urlgzq-tool-result-card .urlgzq-tool-timeline-section .urlgzq-tool-timeline-title i{margin-right:.5rem;color:#64748b}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-list .urlgzq-tool-result-card .urlgzq-tool-timeline-section .urlgzq-tool-timeline-cards{position:relative;padding-left:0}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-list .urlgzq-tool-result-card .urlgzq-tool-timeline-section .urlgzq-tool-timeline-cards .urlgzq-tool-timeline-arrow{text-align:center;margin-top:.4rem!important;margin:-.5rem 0 .35rem;color:#e2e8f0;font-size:1.2rem}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-list .urlgzq-tool-result-card .urlgzq-tool-timeline-section .urlgzq-tool-timeline-cards .urlgzq-tool-timeline-card{position:relative;background:#f8fafc;border-radius:10px;padding:1.5rem 1.5rem 1.5rem 6rem;margin-bottom:0;box-shadow:0 2px 5px rgba(0,0,0,.05);transition:all .3s ease;border:1px solid #e2e8f0}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-list .urlgzq-tool-result-card .urlgzq-tool-timeline-section .urlgzq-tool-timeline-cards .urlgzq-tool-timeline-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.08)}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-list .urlgzq-tool-result-card .urlgzq-tool-timeline-section .urlgzq-tool-timeline-cards .urlgzq-tool-timeline-card:first-child{border-left:3px solid #5b6bf9}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-list .urlgzq-tool-result-card .urlgzq-tool-timeline-section .urlgzq-tool-timeline-cards .urlgzq-tool-timeline-card:last-child{border-left:3px solid #22c55e}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-list .urlgzq-tool-result-card .urlgzq-tool-timeline-section .urlgzq-tool-timeline-cards .urlgzq-tool-timeline-card .urlgzq-tool-timeline-step{position:absolute;left:1rem;top:1.5rem;width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid #e2e8f0;z-index:2;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;color:#64748b}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-list .urlgzq-tool-result-card .urlgzq-tool-timeline-section .urlgzq-tool-timeline-cards .urlgzq-tool-timeline-card:first-child .urlgzq-tool-timeline-step{border-color:#5b6bf9;color:#5b6bf9;background:rgba(91,107,249,.1)}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-list .urlgzq-tool-result-card .urlgzq-tool-timeline-section .urlgzq-tool-timeline-cards .urlgzq-tool-timeline-card:last-child .urlgzq-tool-timeline-step{border-color:#22c55e;color:#22c55e;background:rgba(34,197,94,.1)}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-list .urlgzq-tool-result-card .urlgzq-tool-timeline-section .urlgzq-tool-timeline-cards .urlgzq-tool-timeline-card .urlgzq-tool-timeline-url{font-weight:500;word-break:break-all;margin-bottom:.5rem;transition:all .3s ease;font-size:1.05rem}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-list .urlgzq-tool-result-card .urlgzq-tool-timeline-section .urlgzq-tool-timeline-cards .urlgzq-tool-timeline-card .urlgzq-tool-timeline-url:hover{color:#5b6bf9}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-list .urlgzq-tool-result-card .urlgzq-tool-timeline-section .urlgzq-tool-timeline-cards .urlgzq-tool-timeline-card .urlgzq-tool-timeline-info{font-size:.85rem;color:#64748b}
.main .article .article-content .copy-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(100px);background:#334155;color:#fff;padding:.6rem 1.2rem;border-radius:10px;font-size:.9rem;opacity:0;transition:all .3s ease;z-index:1000}
.main .article .article-content .copy-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:768px){.main .article .article-content .urlgzq-tool-container{padding:.1rem}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-list .urlgzq-tool-result-card .urlgzq-tool-result-meta-cards{flex-direction:column}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-list .urlgzq-tool-result-card .urlgzq-tool-result-meta-cards .urlgzq-tool-meta-left-column,.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-list .urlgzq-tool-result-card .urlgzq-tool-result-meta-cards .urlgzq-tool-meta-right-column{flex:1}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-list .urlgzq-tool-result-card .urlgzq-tool-timeline-section .urlgzq-tool-timeline-cards .urlgzq-tool-timeline-card{padding:1.2rem 1.2rem 1.2rem 5rem}
.main .article .article-content .urlgzq-tool-container .urlgzq-tool-results-section .urlgzq-tool-results-list .urlgzq-tool-result-card .urlgzq-tool-timeline-section .urlgzq-tool-timeline-cards .urlgzq-tool-timeline-card .urlgzq-tool-timeline-step{width:34px;height:34px;font-size:.9rem}}

/* 小工具·十年之约进度条 */
.widget .decade-progress-container{margin:15px 0;text-align:center;position:relative;padding-top:8px;cursor:default}
.widget .progress-text{margin-bottom:15px;font-size:12px;letter-spacing:.3px}
.widget .progress-bar-container{position:relative;height:18px;border-radius:9px;overflow:hidden;margin-bottom:15px;background-color:#f1f5f9}
.widget .progress-fill{width:0%;height:100%;transition:width 2s cubic-bezier(.4,0,.2,1);animation:progressLoad 1.8s ease-out forwards;background:linear-gradient(90deg,#49a2fa,#74b9ff)}
.widget .progress-percent{position:absolute;left:50%;top:50%;transform:translate(-50%,-57%);font-size:13px;text-shadow:0 1px 3px rgba(0,0,0,.1);color:#767a80}
.widget .progress-image{margin-top:5px;margin-bottom:5px}
.widget .progress-image img{width:auto;height:25px;opacity:.8;transition:opacity .3s ease}
.widget .progress-image img:hover{opacity:1}
.widget .container-tooltip{visibility:hidden;opacity:0;position:absolute;top:-8px;left:50%;transform:translateX(-50%) translateY(-100%);background:#4f89e8;color:#fff;border-radius:6px;padding:10px 14px;font-size:.85rem;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:10;pointer-events:none;text-align:left;min-width:200px}
.widget .tooltip-arrow{position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #4f89e8}
.widget .decade-progress-container:hover .container-tooltip{visibility:visible!important;opacity:1!important;transform:translateX(-50%) translateY(-100%)!important}
@keyframes progressLoad{from{width:0}
to{width:var(--progress-width,0%)}
}


/* 移动端适配 */
@media screen and (min-width:320px) and (max-width:479px){
.bottom-right-notification,.article.article-related,.single-copyright,.article article-related,#home-friends-link{display:none;}
}
@media screen and (min-width:480px) and (max-width:767px){
.bottom-right-notification,.article.article-related,.single-copyright,.article article-related,#home-friends-link{display:none;}
}
@media screen and (max-width:650px){
}
@media screen and (min-width:768px) and (max-width:991px){
#home-friends-link{display:none;}
}
@media screen and (max-width:991px)
{
.main .article .article-content blockquote{padding:5px;margin:0;margin-bottom:15px;border-left:0!important}
.main .article .article-content blockquote::after,.main .article .article-content blockquote::before{display:none}
.main .article .article-content blockquote p{padding:0.5rem}
.main .article .article-content .status-container{padding:0.5rem}
.main .article .article-content .status-container::before{display:none}
.main .article .article-content .download-card{border-left:none}
.comment-container{margin-left:0;line-height:1.5rem}
.comment-container>div:nth-child(2){display:none}
.pagination{margin-right:0.5rem;display:flex;justify-content:center;}
.footer{background-color:#dee1e6;height:3rem;}
.footer-info{height:3rem;justify-content:center;}}