/* 基础重置与全局样式 - iOS 16液态风格 */
body,html{
    width:100%;
    height:100%;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;
    -webkit-font-smoothing:antialiased; /* iOS字体抗锯齿 */
    -moz-osx-font-smoothing:grayscale;
}
body{
    background-color:#f5f5f7; /* iOS 16系统背景色 */
    color:#1d1d1f; /* iOS正文色 */
    font-size:15px;
    position:relative;
    margin:auto;
    max-width:100%;
    width:768px;
    line-height:1.6;
}
*{
    box-sizing:border-box;
    margin:0;
    padding:0;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); /* iOS顺滑过渡曲线 */
}
*,::after,::before{
    box-sizing:border-box;
}
h1,h2,h3,h4,h5,h6{
    font-weight:600;
    color:#1d1d1f; /* iOS标题色 */
}
ul,li{
    list-style:none;
}
button,input,select,textarea{
    outline:none;
    font-family:inherit;
    border: none;
    -webkit-appearance: none; /* 去除iOS默认样式 */
    appearance: none;
}
a{
    color:#0071e3; /* iOS蓝色主色调 */
    text-decoration:none;
}
a:hover{
    color:#0071e3;
    opacity: 0.85; /* iOS风格hover效果 */
}
img{
    max-width:100%;
    vertical-align:middle;
    border-radius:18px; /* 更圆润的边角 */
    box-shadow:0 4px 20px rgba(0,0,0,0.08); /* 柔和阴影 */
}
#web{
    position:relative;
    height:100%;
    background:rgba(255,255,255,0.8); /* 液态玻璃半透明 */
    backdrop-filter:blur(20px); /* 增强模糊效果 */
    -webkit-backdrop-filter:blur(20px); /* iOS兼容 */
    overflow:auto;
    box-shadow:0 0 60px rgba(0,0,0,0.05);
    border-radius: 24px; /* iOS大圆角 */
    margin: 12px;
}
/* iOS风格滚动条 */
::-webkit-scrollbar{
    width:8px;
    height:8px;
}
::-webkit-scrollbar-thumb{
    border-radius:10px;
    background:rgba(0,0,0,0.1);
}
::-webkit-scrollbar-thumb:hover{
    background:rgba(0,0,0,0.2);
}
::-webkit-scrollbar-track-piece{
    background:transparent;
}

/** ----------------------------------
 * 头部 - iOS 16液态风格
 -------------------------------------- **/
.header{
    overflow:hidden;
    height:140px;
    background:linear-gradient(135deg, #f0f8ff 0%, #e8f4f8 50%, #f5fafe 100%); /* iOS清新渐变 */
    box-shadow:0 2px 30px rgba(0,0,0,0.06); /* 柔和阴影 */
    position:relative;
    border-radius: 24px 24px 0 0; /* 顶部圆角 */
}
.header::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:radial-gradient(circle at 70% 30%, rgba(255,255,255,0.6) 0%, transparent 60%);
    pointer-events:none;
}
.header .header_main{
    display:flex;
    padding:20px 20px;
    position:relative;
    z-index:1;
}
.header_main .portrait{
    overflow:hidden;
    padding-right:16px;
}
.header_main .portrait a{
    display:block;
    position:relative;
}
.header_main .portrait img{
    width:96px;
    height:96px;
    border-radius:24px; /* iOS大圆角 */
    box-shadow:0 8px 24px rgba(0,0,0,0.1),0 0 0 4px rgba(255,255,255,0.8);
}
.header_main .portrait img:hover{
    transform:scale(1.03); /* 更柔和的缩放 */
}
.header_main .synopsis{
    overflow:hidden;
    width:90%;
    max-width:70%;
}
.header_main .synopsis .synopsis_title{
    overflow:hidden;
    margin-bottom:8px;
    color:#1d1d1f;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-weight:700;
    font-size:24px;
}
.header_main .synopsis .synopsis_des{
    overflow:hidden;
    color:#86868b; /* iOS次要文本色 */
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:15px;
}
.header_main .synopsis .synopsis_info{
    overflow:hidden;
    margin-top:12px;
}
.header_main .synopsis_info span{
    display:inline-block;
    width:70px;
    height:28px;
    border-radius:28px; /* 全圆角按钮 */
    color:#fff;
    text-align:center;
    font-size:13px;
    line-height:28px;
    font-weight:500;
    box-shadow:0 4px 12px rgba(0,0,0,0.1);
    margin-right:8px;
    background: #0071e3; /* iOS蓝色主色 */
}
.header_main .synopsis_info span:hover{
    transform:translateY(-1px);
    box-shadow:0 6px 16px rgba(0,0,0,0.15);
}
.header_main .synopsis_info .mars{
    background:linear-gradient(135deg, #0071e3, #0077ed);
}
.header_main .synopsis_info .xz{
    background:linear-gradient(135deg, #ff9f0a, #ffac33); /* iOS橙色 */
}
.header_main .synopsis_info .lx{
    background:linear-gradient(135deg, #34c759, #30d158); /* iOS绿色 */
}
.header_main .synopsis_info span i{
    margin-right:5px;
}
.header_main .synopsis_info .lx a{
    color:#fff;
}

/*菜单导航 - iOS 16液态风格*/
.nav{
    overflow:hidden;
    overflow-x:auto;
    overflow-y:hidden;
    min-height:.01%;
    background:rgba(255,255,255,0.7); /* 液态玻璃效果 */
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    box-shadow:0 1px 10px rgba(0,0,0,0.04);
    position:relative;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}
.nav::after{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:3px;
    background:linear-gradient(90deg, #0071e3, #34c759, #ff9f0a);
    background-size:200% 100%;
    animation:navGradient 12s linear infinite;
}
@keyframes navGradient{
    0%{background-position:0% 50%;}
    100%{background-position:200% 50%;}
}
.nav ul{
    position:relative;
    width:100%;
    border-collapse:collapse;
    border-spacing:0;
    display:flex;
}
.nav ul li{
    display:flex;
    align-items:center;
    justify-content:center;
    height:52px;
    text-align:center;
    white-space:nowrap;
    line-height:1;
    width:auto;
    flex:1;
    min-width:85px;
    position:relative;
}
.nav ul li:hover{
    background:rgba(0,0,0,0.02); /* 微弱的hover背景 */
}
.nav ul li:hover a,.nav ul li:hover a i{
    color:#0071e3;
}
.nav ul li a{
    display:block;
    padding:0 14px;
    color:#1d1d1f;
    font-size:14px;
    font-weight:500;
    display:flex;
    align-items:center;
    gap:6px;
}
.nav ul li a i{
    margin-right:0;
    color:#86868b;
    font-size:13px;
}
.nav ul li a::after{
    content:'';
    position:absolute;
    bottom:0;
    left:50%;
    width:0;
    height:3px;
    background:#0071e3;
    transition:all 0.3s ease;
    transform:translateX(-50%);
    border-radius:2px 2px 0 0;
}
.nav ul li:hover a::after{
    width:60%;
}

/*搜索 - iOS 16液态风格*/
.search{
    overflow:hidden;
    padding:16px 20px;
    background:rgba(255,255,255,0.7);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    border-bottom:1px solid rgba(0,0,0,0.05);
}
.search form{
    display:flex;
    border-radius:12px; /* iOS搜索框圆角 */
    overflow:hidden;
    box-shadow:0 2px 10px rgba(0,0,0,0.05);
}
.search form input{
    position:relative;
    display:inline-block;
    padding:12px 20px;
    width:100%;
    background:#f5f5f7; /* iOS输入框背景 */
    color:#1d1d1f;
    font-size:14px;
}
.search form input:focus{
    background:#fff;
    box-shadow:inset 0 0 0 1px #0071e3; /* iOS聚焦样式 */
}
.search form button,.search form input{
    height:46px;
    line-height:46px;
}
.search form button{
    padding:0 24px;
    color:#ffffff;
    text-align:center;
    font-size:15px;
    cursor:pointer;
    background:#0071e3; /* iOS主色按钮 */
    font-weight:500;
}
.search form button:hover{
    background:#0077ed;
    opacity: 0.9;
}
#min_search{
    position:absolute;
    top:0;
    left:0;
    z-index:99;
    display:none;
    visibility:visible;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.4);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    opacity:1;
    transition:visibility 0s linear 0s,opacity .2s 0s,transform .2s;
    transform:perspective(1px) scale(1);
}
.search_content{
    overflow:hidden;
    margin:30% 20px auto;
    border-radius:20px;
    background:rgba(255,255,255,0.9);
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    box-shadow:0 10px 40px rgba(0,0,0,0.15);
}
.search_content .search_head{
    position:relative;
    display:flex;
    overflow:hidden;
    padding:16px 20px;
    align-items:center;
    border-radius:20px 20px 0 0;
    background:rgba(255,255,255,0.8);
}
.search_content .search_head h1{
    font-size:17px;
    color:#1d1d1f;
    font-weight:600;
}
.search_content .search_head #close{
    position:absolute;
    right:16px;
    top:50%;
    transform:translateY(-50%);
}
.search_content .search_head #close i{
    padding:10px;
    border-radius:50%;
    color:#86868b;
    text-align:center;
    font-size:18px;
    cursor:pointer;
    background:rgba(0,0,0,0.03);
}
.search_content .search_head #close i:hover{
    color:#ff3b30; /* iOS红色 */
    background:rgba(255,59,48,0.1);
}
.no_Tips{
    overflow:hidden;
    padding:30px 20px;
    color:#86868b;
    text-align:center;
    font-size:14px;
}

/** ----------------------------------
 * 内容 - iOS 16液态风格
 -------------------------------------- **/
.container{
    position:relative;
    min-height:calc(100vh - 230px);
    background:transparent;
    padding:0 8px;
}

/*文章列表*/
.article,.article ul li,.container{
    overflow:hidden;
}
.article ul li{
    position:relative;
    padding:16px 20px;
    margin:8px 8px;
    border-radius:16px; /* iOS列表项圆角 */
    background:rgba(255,255,255,0.7);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    box-shadow:0 2px 10px rgba(0,0,0,0.04);
}
.article ul li:hover{
    background:rgba(255,255,255,0.9);
    box-shadow:0 4px 16px rgba(0,0,0,0.06);
}
.article .article_content{
    display:flex;
    align-items:center;
}
.article .article_content .pic{
    position:relative;
    overflow:hidden;
    margin-right:16px;
    width:56px;
    height:56px;
    border-radius:16px;
    flex-shrink:0;
    box-shadow:0 2px 8px rgba(0,0,0,0.08);
}
.article .article_content .pic:hover{
    transform:scale(1.05);
}
.article .article_content .pic img{
    position:absolute;
    width:100%;
    height:100%;
    border-radius:16px;
    object-fit:cover;
}
.article .article_content .info{
    overflow:hidden;
    flex:1;
}
.article .article_content .info h2{
    color:#1d1d1f;
    font-size:17px;
    font-weight:600;
    margin-bottom:4px;
}
.article .article_content .info h2:hover{
    color:#0071e3;
}
.article .article_content .info h2,.article .article_content .info p{
    overflow:hidden;
    max-width:calc(100% - 20px);
    text-overflow:ellipsis;
    white-space:nowrap;
}
.article .article_content .info p{
    margin-top:0;
    color:#86868b;
    font-size:13px;
}
.article .article_content .time{
    color:#86868b;
    text-align:right;
    font-size:12px;
    align-self:flex-start;
}
.article .article_content em{
    position:absolute;
    right:20px;
    bottom:16px;
    display:inline-block;
    width:22px;
    height:22px;
    border-radius:50%;
    color:#fff;
    vertical-align:middle;
    text-align:center;
    font-style:normal;
    font-size:11px;
    font-family:arial;
    line-height:22px;
    font-weight:600;
    box-shadow:0 2px 8px rgba(0,0,0,0.1);
}
.article .article_content em:not(.xin){
    background:#ff9f0a; /* iOS橙色 */
}
.article .article_content .xin{
    background:#ff3b30; /* iOS红色 */
    animation: pulse 2s ease-in-out infinite;
}
@keyframes pulse{
    0%,100%{transform:scale(1);}
    50%{transform:scale(1.08);}
}

/*分类列表 - iOS 16液态风格*/
.classify{
    overflow:hidden;
    margin:16px;
    border-radius:20px;
    background:rgba(255,255,255,0.7);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    box-shadow:0 4px 20px rgba(0,0,0,0.05);
    border: none; /* 移除边框，改用阴影 */
}
.classify .classify_title{
    padding:16px 20px;
    font-size:18px;
    font-weight:600;
    color:#1d1d1f;
    border-bottom:1px solid rgba(0,0,0,0.05);
    background:rgba(255,255,255,0.5);
    border-radius:20px 20px 0 0;
}
.classify .classify_grid{
    position:relative;
    overflow:hidden;
    padding:16px;
    display:flex;
    flex-wrap:wrap;
}
.classify .classify_grid li{
    float:none;
    padding:8px;
    width:33.333%;
    box-sizing:border-box;
}
.classify_grid .grid{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:16px;
    width:100%;
    border-radius:16px;
    background:rgba(255,255,255,0.6);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    text-align:center;
    height:100%;
    min-height:80px;
    border: none;
    box-shadow:0 2px 8px rgba(0,0,0,0.04);
}
.classify_grid .grid:hover{
    background:rgba(255,255,255,0.9);
    transform:translateY(-2px);
    box-shadow:0 6px 16px rgba(0,0,0,0.08);
}
.classify_grid .classify_grid_fa{
    margin-bottom:8px;
}
.classify_grid .classify_grid_fa i{
    color:#0071e3;
    font-size:26px;
}
.classify_grid .grid:hover .classify_grid_fa i{
    transform:scale(1.1);
}
.classify_grid p{
    font-size:13px;
    color:#86868b;
    margin-top:6px;
    font-weight:500;
}

/*内页*/
.Inside_header{
    overflow:hidden;
    padding:16px 20px;
    border-bottom:1px solid rgba(0,0,0,0.05);
    text-align:center;
    background:rgba(255,255,255,0.7);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    margin:8px;
    border-radius:16px;
}
.Inside_header h1{
    margin-bottom:8px;
    font-weight:600;
    font-size:20px;
    color:#1d1d1f;
    font-family: -apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;
}
.Inside_header p{
    color:#86868b;
    font-size:14px;
}
.Inside_header p a{
    margin:6px;
    color:#86868b;
}
.Inside_header p a:hover{
    color:#0071e3;
}
.Inside_header p a i{
    margin-right:3px;
}
.Inside_content{
    padding:20px;
    color:#1d1d1f;
    line-height:1.8;
    font-size:16px;
}
.Inside_content,.Inside_info{
    overflow:hidden;
}
.Inside_content img{
    height:auto;
    border-radius:18px;
    margin:12px 0;
}
.Inside_info{
    margin:12px 8px;
    border-radius:16px;
    background:rgba(255,255,255,0.7);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    box-shadow:0 2px 10px rgba(0,0,0,0.04);
    border: none;
}
.Inside_info a{
    float:left;
    display:inline-block;
    padding:14px 8px;
    width:33.3333%;
    border-right:1px solid rgba(0,0,0,0.05);
    color:#1d1d1f;
    text-align:center;
    font-size:14px;
    font-weight:500;
}
.Inside_info a:hover{
    color:#0071e3;
    background:rgba(0,0,0,0.02);
}
.Inside_info a i{
    margin-right:3px;
}
.Inside_info a:last-child{
    border-right:none;
}
.Inside_info .current{
    color:#ff3b30;
    cursor:not-allowed;
    font-weight:600;
}
.Inside_info a em{
    margin-left:3px;
    font-style:normal;
}
.Inside_doc .tag{
    overflow:hidden;
    padding:8px 16px 0;
}
.Inside_doc .tag li{
    float:left;
    padding:0 8px 8px 0;
}
.Inside_doc .tag li a{
    display:inline-block;
    padding:8px 16px;
    border-radius:20px;
    color:#86868b;
    font-size:13px;
    line-height:1;
    font-weight:500;
    background:rgba(255,255,255,0.7);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    border:1px solid rgba(0,0,0,0.05);
}
.Inside_doc .tag li a:hover{
    color:#0071e3;
    background:rgba(0,113,227,0.05);
    border-color:rgba(0,113,227,0.2);
}
.Inside_doc .state{
    overflow:hidden;
    padding:8px 16px;
    color:#86868b;
    font-size:13px;
}
.Inside_doc .state a{
    margin:auto 4px;
    color:#0071e3;
    font-weight:500;
}

/*消息列表*/
.Message_panel .Message_list{
    position:relative;
    overflow:hidden;
    margin:8px;
    padding:16px;
    border-radius:16px;
    background:rgba(255,255,255,0.7);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    box-shadow:0 2px 10px rgba(0,0,0,0.04);
}
.Message_panel .Message_image{
    position:absolute;
    top:20px;
    left:20px;
}
.Message_panel .Message_image img{
    width:36px;
    height:36px;
    border-radius:12px;
    vertical-align:top;
    box-shadow:0 2px 8px rgba(0,0,0,0.1);
}
.Message_panel .Message_info{
    overflow:hidden;
    padding:0 0 0 60px;
    border-bottom:none;
}
.Message_info .Message_info_meta{
    position:relative;
    overflow:hidden;
    margin-bottom:12px;
    height:26px;
    line-height:26px;
}
.Message_info .Message_info_meta span{
    font-weight:600;
    font-size:16px;
    color:#1d1d1f;
}
.Message_info .Message_info_meta time{
    float:right;
    color:#86868b;
    font-size:13px;
}
.Message_info .Message_info_content{
    margin-left:-40px;
}
.Message_info .Message_info_content .Message_info_text{
    position:relative;
    padding:16px;
    border-radius:16px;
    background-color:rgba(245,245,247,0.8);
    color:#1d1d1f;
    font-size:14px;
    line-height:1.7;
    box-shadow:0 2px 8px rgba(0,0,0,0.04);
}
.Message_info .Message_info_content .Message_info_text:before{
    position:absolute;
    top:-12px;
    left:40px;
    z-index:1;
    border:6px solid transparent;
    content:"";
    border-bottom-color:rgba(245,245,247,0.8);
}
.Message_info .Message_info_content .Message_info_text:after{
    display:none;
}
.Message_info .Message_info_content .Message_info_footer{
    overflow:hidden;
    margin-top:10px;
    color:#86868b;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:13px;
}

/** ----------------------------------
 * 评论功能 - iOS 16液态风格
 -------------------------------------- **/
#pinglun{
    position:relative;
    overflow:hidden;
    margin:8px;
    padding:12px 16px;
    width:auto;
    border-radius:16px;
    background:rgba(255,255,255,0.7);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}

/*评论框*/
.comment-box{
    overflow:hidden;
    margin:16px 8px;
}
.comment-box .comment-form{
    overflow:hidden;
    box-sizing:border-box;
    border-radius:18px;
    background:rgba(255,255,255,0.8);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    font-size:14px;
    margin-bottom:16px;
    box-shadow:0 4px 20px rgba(0,0,0,0.05);
    border: none;
}
.comment-input .comment-max{
    display:flex;
    overflow:hidden;
    flex-wrap:wrap;
}
.comment-input .comment-max input{
    display:inline-block;
    box-sizing:border-box;
    padding:14px 16px;
    width:100%;
    line-height:1.5;
    background:#f5f5f7;
    color:#1d1d1f;
    font-size:14px;
    border-radius:18px 18px 0 0;
}
.comment-input .comment-max input:focus{
    background:#fff;
    box-shadow:inset 0 0 0 1px #0071e3;
}
.comment-input .comment-max #email,.comment-input .comment-max #url{
    border-left:none;
}
.comment-input textarea{
    display:inline-block;
    overflow-y:hidden;
    box-sizing:border-box;
    padding:16px;
    width:100%;
    height:120px;
    min-height:120px;
    font-size:14px;
    resize:none;
    background:#f5f5f7;
    color:#1d1d1f;
    line-height:1.7;
    border-radius:0 0 18px 18px;
}
.comment-input textarea:focus{
    background:#fff;
    box-shadow:inset 0 0 0 1px #0071e3;
}
.comment-form .submit-box{
    overflow:hidden;
    width:100%;
    padding:16px;
    display:flex;
    gap:12px;
}
.comment-form .submit-box .cancel-reply{
    flex-shrink:0;
    display:inherit;
    text-align:center;
}
.comment-form .submit-box .cancel-reply a{
    display:inline-block;
    padding:12px 20px;
    border-radius:12px;
    background:#ff3b30;
    color:#fff;
    line-height:1;
    font-size:14px;
    font-weight:500;
}
.comment-form .submit-box .cancel-reply a:hover{
    background:#ff453a;
    opacity:0.9;
}
.comment-form .submit-box .submit{
    flex:1;
    padding:12px 20px;
    border-radius:12px;
    background:#0071e3;
    line-height:1;
    color:#fff;
    font-size:14px;
    font-weight:500;
}
.comment-form .submit-box .submit:hover{
    background:#0077ed;
    opacity:0.9;
}

/*评论列表*/
.complaints{
    overflow:hidden;
    margin:0 8px 16px;
}
.comment-list .comment{
    position:relative;
}
.comment .gravatar{
    position:absolute;
    top:20px;
    left:20px;
    z-index:1;
}
.comment .gravatar img{
    border-radius:50%;
    vertical-align:top;
    width:36px;
    height:36px;
    box-shadow:0 2px 8px rgba(0,0,0,0.1);
    border: none;
}
.comment-list .comment-item{
    overflow:hidden;
    padding:20px 20px 20px 64px;
    border-top:1px solid rgba(0,0,0,0.05);
    margin:8px 0;
    border-radius:16px;
    background:rgba(255,255,255,0.7);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}
.comment-list li:first-child .comment-item{
    border-top:none;
}
.comment-item:hover{
    background:rgba(255,255,255,0.9);
}
.comment-item .comment-meta{
    position:relative;
    overflow:hidden;
    margin-bottom:12px;
    height:auto;
    line-height:1.4;
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.comment-item .comment-meta span{
    font-weight:600;
    font-size:16px;
    color:#1d1d1f;
}
.comment-item .comment-meta time{
    float:none;
    color:#86868b;
    font-size:13px;
}
.comment-item .post-content .comment-text{
    position:relative;
    padding:16px;
    border-radius:16px;
    background:#f5f5f7;
    color:#1d1d1f;
    font-size:15px;
    line-height:1.7;
    box-shadow:0 2px 8px rgba(0,0,0,0.04);
}
.comment-item .post-content .lower{
    color:#ff3b30;
    font-weight:500;
}
.comment-item .post-content .comment-text:before,.comment-item .post-content .comment-text:after{
    display:none;
}
.comment-item .post-content .comment-footer{
    overflow:hidden;
    margin-top:12px;
    color:#86868b;
    font-size:13px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.post-content .comment-footer .things{
    float:none;
    display:flex;
    align-items:center;
    gap:12px;
}
.post-content .comment-footer .make-reply{
    position:relative;
    float:none;
    display:inline-block;
    border-radius:8px;
    color:#0071e3;
    font-size:13px;
    line-height:1;
    cursor:pointer;
    padding:8px 16px;
    background:rgba(0,113,227,0.05);
    font-weight:500;
}
.post-content .comment-footer .make-reply:hover{
    background:rgba(0,113,227,0.1);
}
.comment-list .comment-sublist .comment .gravatar{
    left:20px;
}
.comment-list .comment-sublist .comment .gravatar img{
    width:32px;
    height:32px;
}
.comment-list .comment-sublist .comment .comment-item{
    margin-left:16px;
    padding-left:60px;
    border-left:2px solid rgba(0,113,227,0.1);
}
.comment-item .post-content .comment-post{
    margin-top:12px;
}
.comment-item .post-content .comment-form .submit-box .submit{
    float:right;
    width:auto;
    padding:10px 18px;
    font-size:13px;
}
.comment-item .post-content{
    margin-left:-42px;
}
.post-content .comment-footer .things em{
    display:inline-block;
    padding:6px 12px;
    border-radius:20px;
    background:#f5f5f7;
    color:#1d1d1f;
    text-align:center;
    font-style:normal;
    font-size:12px;
    line-height:1.4;
    font-weight:500;
}
.post-content .comment-footer .things .bg-orange{
    background:rgba(255,159,10,0.1);
    color:#ff9f0a;
}
.post-content .comment-footer .things .bg-badge{
    background:rgba(255,59,48,0.1);
    color:#ff3b30;
}

/*分页*/
#pagenavi{
    overflow:hidden;
    text-align:center;
    padding:20px;
}
#pagenavi a,#pagenavi span{
    display:inline-block;
    margin:4px;
    width:36px;
    height:36px;
    border-radius:50%;
    color:#1d1d1f;
    text-align:center;
    font-size:14px;
    line-height:36px;
    background:rgba(255,255,255,0.7);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    box-shadow:0 2px 8px rgba(0,0,0,0.04);
    border: none;
}
#pagenavi span{
    background:#0071e3;
    color:#fff;
    cursor:not-allowed;
    font-weight:600;
}
#pagenavi a:hover{
    background:#0071e3;
    color:#fff;
    transform:translateY(-2px);
    box-shadow:0 4px 12px rgba(0,113,227,0.2);
}

/*回复可见 - iOS 16液态风格*/
#member-show{
    position:relative;
    margin:16px 8px;
    border-radius:16px;
    background:rgba(255,255,255,0.7);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    box-shadow:0 2px 10px rgba(0,0,0,0.04);
    padding:16px;
}
#member-show .member-header{
    position:absolute;
    top:0;
    left:0;
    display:flex;
    width:100%;
    height:14px;
    line-height:1;
    align-items:flex-end;
    justify-content:center;
}
#member-show .member-header i{
    position:relative;
    z-index:2;
    padding:0 14px;
    background-color:rgba(255,255,255,0.7);
    color:#86868b;
    font-size:20px;
}
#member-show .hidden-area{
    position:relative;
    overflow:hidden;
    border:1px dashed rgba(0,113,227,0.2);
    background:rgba(0,113,227,0.02);
    border-radius:16px;
    padding:16px;
}
#member-show .hidden-area .hidden-area-title{
    margin-top:6px;
    color:#ff3b30;
    text-align:center;
    font-size:14px;
    font-weight:600;
}
#member-show .hidden-area .hidden-area-content{
    padding:16px;
    text-align:center;
    font-size:15px;
    color:#1d1d1f;
}
#member-show .hidden-area .hidden-area-content a{
    display:inline-block;
    padding:10px 20px;
    border-radius:12px;
    background:#ff3b30;
    color:#fff;
    font-size:14px;
    font-weight:500;
    margin-top:8px;
}
#member-show .hidden-area .hidden-area-content a:hover{
    background:#ff453a;
    transform:translateY(-2px);
    box-shadow:0 4px 12px rgba(255,59,48,0.2);
}

/*首页友联 - iOS 16液态风格*/
.link{
    overflow:hidden;
    position:relative;
    margin:16px 8px;
    border-radius:18px;
    background:rgba(255,255,255,0.7);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    box-shadow:0 4px 20px rgba(0,0,0,0.05);
    border: none;
}
.link .link_h1{
    padding:16px 20px;
    font-size:16px;
    border-bottom:1px solid rgba(0,0,0,0.05);
    color:#1d1d1f;
    font-weight:600;
    background:rgba(255,255,255,0.5);
    border-radius:18px 18px 0 0;
}
.link .link_content{
    overflow:hidden;
    padding:16px;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}
.link_content li{
    display:inline-block;
    margin:0;
    font-size:14px;
}
.link_content li a{
    display:inline-block;
    padding:8px 18px;
    border-radius:20px;
    color:#1d1d1f;
    background:rgba(255,255,255,0.6);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    font-weight:500;
    border:1px solid rgba(0,0,0,0.05);
}
.link_content li a:hover{
    background:rgba(0,113,227,0.05);
    border-color:rgba(0,113,227,0.2);
    color:#0071e3;
    transform:translateY(-2px);
}

/** ----------------------------------
 * 底部 - iOS 16液态风格
 -------------------------------------- **/
.footer{
    overflow:hidden;
    margin:16px 8px 24px;
    padding:20px;
    border-radius:18px;
    color:#86868b;
    text-align:center;
    font-size:14px;
    background:rgba(255,255,255,0.7);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    box-shadow:0 4px 20px rgba(0,0,0,0.05);
    border: none;
}
.footer p+p{
    margin-top:10px;
}
.footer p a{
    margin:auto 8px;
    color:#0071e3;
    font-weight:500;
}
.footer p a:hover{
    opacity:0.85;
}

/** ----------------------------------
 * 代码高亮自定义 - iOS 16液态风格
 -------------------------------------- **/
.Inside_content h1,.Inside_content h2,.Inside_content h3,.Inside_content h4{
    margin:20px auto 16px;
    padding-bottom:12px;
    border-bottom:1px solid rgba(0,0,0,0.05);
    color:#1d1d1f;
    font-weight:600;
    font-size:20px;
    line-height:1.4;
}
.Inside_content h1::before,.Inside_content h2::before,.Inside_content h3::before,.Inside_content h4::before{
    color:#0071e3;
    content:'# ';
    margin-right:8px;
}

/* 行内代码样式 */
.Inside_content code{
    display:inline-block;
    padding:4px 10px;
    border-radius:8px;
    background:#f5f5f7;
    color:#0071e3;
    font-size:85%;
    font-family:'SF Mono','Consolas','Monaco','Courier New',monospace;
    vertical-align:middle;
    border:1px solid rgba(0,0,0,0.05);
    font-weight:500;
}
.Inside_content code:hover{
    background:rgba(0,113,227,0.05);
    color:#0071e3;
}

/* 代码块容器 */
pre.prettyprint{
    position:relative;
    overflow:auto;
    margin:24px 0;
    padding:24px;
    border-radius:16px;
    background:#1c1c1e; /* iOS深色模式背景 */
    box-shadow:0 6px 24px rgba(0,0,0,0.15);
    color:#ffffff;
    line-height:1.9;
    font-family:'SF Mono','Consolas','Monaco','Courier New',monospace;
    font-size:14px;
    border: none;
}
pre.prettyprint code{
    display:block;
    padding:0;
    background:transparent;
    border:0;
    color:inherit;
    font-size:14px;
}
pre.prettyprint::-webkit-scrollbar-thumb{
    border-radius:8px;
    background:rgba(255,255,255,0.2);
}
pre.prettyprint::-webkit-scrollbar{
    width:8px;
    height:8px;
}
pre.prettyprint::-webkit-scrollbar-track-piece{
    background:rgba(255,255,255,0.05);
    border-radius:8px;
}

/* 行号样式 */
ol.linenums{
    margin:0;
    padding:0 0 0 56px;
}
ol.linenums li{
    margin:0;
    padding-left:12px;
    color:#86868b;
    list-style-type:decimal;
    line-height:1.9;
}
ol.linenums li::marker{
    color:#a8a8aa;
    font-size:12px;
    font-weight:400;
}

/* 语法高亮颜色 - iOS风格配色 */
.prettyprint .com{color:#86868b;font-style:normal;}
.prettyprint .lit{color:#ff9f0a;}
.prettyprint .clo,.prettyprint .opn,.prettyprint .pun{color:#5ac8fa;}
.prettyprint .fun{color:#ff2d55;font-weight:500;}
.prettyprint .atv,.prettyprint .str{color:#34c759;}
.prettyprint .kwd,.prettyprint .tag{color:#007aff;font-weight:500;}
.prettyprint .atn,.prettyprint .dec,.prettyprint .typ,.prettyprint .var{color:#ff3b30;}
.prettyprint .pln{color:#f5f5f7;}