/* Theme Name: Geek
	Version: 1.05-geek-fixed
*/
@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600&display=swap');

/* --- 全局重置与基础样式 --- */
*{margin:0;padding:0;list-style:none;box-sizing:border-box}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
html{font-size:75.0%; scroll-behavior: smooth;} /* 增加平滑滚动 */
html,body{min-height:100%;}
body{line-height:1;font-family: 'JetBrains Mono', 'Consolas', monospace;}
a{color:#00ff88; text-decoration: none;}
a:hover{color:#00ffcc;text-decoration:none;text-shadow: 0 0 10px #00ff88}
a:focus,a:visited,a:active{text-decoration:none;outline:0}
.btn:active,.btn:focus{outline:0}
input,button,textarea,select{font-size:100%;font-family: 'JetBrains Mono', monospace; outline: none;} /* 去除输入框默认边框 */
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
img{max-width:100%;max-height:100%;vertical-align:middle;border:0}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden}

/* --- 核心配色与背景 --- */
body{
    font-size: 14px;
    margin:40px 0 80px;
    color: #00ff88;
    background: #0a0e14;
    background-image: radial-gradient(circle at 50% 50%, #0d1117 0%, #0a0e14 100%);
}
.container{max-width: 1024px;margin:0 auto;position: relative;}

/* --- 头部导航 (Header) --- */
.header{margin-bottom: 40px;}
.header .nav{
    list-style: none;
    background: linear-gradient(135deg, #1a1f2e 0%, #0d1117 100%);
    height: 68px;
    width: 100%;
    border-radius: 8px;
    box-shadow: 0 0 20px rgba(0, 255, 136, 0.1), inset 0 1px 0 rgba(0, 255, 136, 0.1);
    border: 1px solid rgba(0, 255, 136, 0.2);
}
.header .nav > li{list-style: none;float: left;margin: 0 25px;}
.header .nav > li > a{
    line-height: 68px;
    color: #00ff88;
    font-size: 18px;
    position: relative;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    transition: all 0.3s ease;
    display: block;
}
.header .nav > li > a:hover{text-shadow: 0 0 15px #00ff88, 0 0 30px #00ff88;}
.header .nav > li.current-menu-item a:after{
    content: "";
    background: #00ff88;
    height: 3px;
    width: 100%;
    position: absolute;
    left: 0;right: 0;bottom: -6px;
    box-shadow: 0 0 10px #00ff88
}
.header .nav .sub-menu{display: none;}

/* --- 列表内容区 (Post List) --- */
.content{margin:0 0 30px;border-radius:8px;box-shadow: 0 0 30px rgba(0, 255, 136, 0.05), inset 0 1px 0 rgba(0, 255, 136, 0.1);background: linear-gradient(135deg, #1a1f2e 0%, #0d1117 100%);border: 1px solid rgba(0, 255, 136, 0.2);}
.content .post{width: 100%;margin:0;padding:20px 25px;border-bottom:1px solid rgba(0, 255, 136, 0.1);text-align: center;position: relative;overflow:hidden;transition: all 0.3s ease;}
.content .postt{background:rgba(0, 255, 136, 0.05);color: #00ff88}
.content .postc{text-align: left;background:rgba(0, 255, 136, 0.08) !important;border-radius: 8px 8px 0 0}
.content .post:last-child{border:none}
.content .post:hover{background:rgba(0, 255, 136, 0.05);box-shadow: inset 0 0 30px rgba(0, 255, 136, 0.03)}
.content .postc a{margin-right: 15px;color: #00ffcc;font-size: 16px;font-weight: 600}
.content .post .link{display: block;position: absolute;left: 0;right: 0;bottom: 0;top: 0;z-index: 9}
.content .post h3{font-size: 16px;font-weight: normal;margin:0;float:left;width:65%;text-align:left;line-height:32px;color: #e0e0e0;}
.content .post .price{color: #00ff88;float:left;width:10%;line-height:32px;font-weight: bold;text-shadow: 0 0 5px rgba(0, 255, 136, 0.5);}
.content .post .left{float:left;width:10%;line-height:32px;color: #888;}
.content .post .btn{padding:9px 20px;border-radius: 3px;background: linear-gradient(135deg, #00ff88 0%, #00cc6a 100%);color:#0a0e14;display: inline-block;float:right;font-weight: bold;text-transform: uppercase;letter-spacing: 1px;transition: all 0.3s ease;box-shadow: 0 0 15px rgba(0, 255, 136, 0.3);}
.content .post .btn:hover{box-shadow: 0 0 25px rgba(0, 255, 136, 0.6);transform: translateY(-2px);}

/* --- 分页 (Pagination) --- */
.pagination{margin:0 0 30px;padding:0 10px;text-align:center;font-size:14px !important;display:block;border-radius:0}
.pagination ul{display:inline-block !important;*display:inline;*zoom:1;margin-left:0;margin-bottom:0;padding:0}
.pagination ul > li{display:inline}
.pagination ul > li > a,.pagination ul > li > span{margin:0 5px !important;float:left;padding:9px 13px !important;background-color:rgba(0, 255, 136, 0.1);color:#00ff88;border-radius:3px !important;border: 1px solid rgba(0, 255, 136, 0.2);transition: all 0.3s ease;}
.pagination ul > li > a:hover,.pagination ul > li > a:focus{background-color:rgba(0, 255, 136, 0.2);box-shadow: 0 0 10px rgba(0, 255, 136, 0.3);}
.pagination ul > .active > a,.pagination ul > .active > span{background: linear-gradient(135deg, #00ff88 0%, #00cc6a 100%) !important;color:#0a0e14;box-shadow: 0 0 15px rgba(0, 255, 136, 0.5);}
.pagination ul > .active > a,.pagination ul > .active > span{cursor:default}
.pagination ul > li > span,.pagination ul > .disabled > span,.pagination ul > .disabled > a,.pagination ul > .disabled > a:hover,.pagination ul > .disabled > a:focus{color:#555;background-color:transparent;cursor:default}

/* --- 错误提示 & 标题 --- */
.moka-error{text-align: center;margin-bottom: 20px;color: #ff4444;font-size: 16px;text-shadow: 0 0 10px rgba(255, 68, 68, 0.5);}
.content-title{text-align: center;font-size: 2em;margin: .67em 0;color: #00ff88;text-shadow: 0 0 20px rgba(0, 255, 136, 0.5);letter-spacing: 3px;text-transform: uppercase;}
.content-title:before{content: "> ";color: #00ffcc;}
.content-subtitle{text-align: center;margin-bottom: 30px;letter-spacing: .0625rem;text-shadow: 0 0 10px rgba(0, 255, 136, 0.3);color: #00ffcc;font-size: 16px;}

/* --- 文章/商品详情页 (Content Post) --- */
.content-post{margin:0 auto 40px;position: relative;background: linear-gradient(135deg, #1a1f2e 0%, #0d1117 100%);border-radius: 8px;padding:50px 25px 40px;box-shadow: 0 0 30px rgba(0, 255, 136, 0.05);border: 1px solid rgba(0, 255, 136, 0.2);}
.content-post h1{text-align: center;font-size: 24px;font-weight: normal;margin:0 0 40px;color: #00ff88;}
.content-post .description{font-size:16px;line-height:1.7;word-wrap:break-word;overflow:hidden;color: #c0c0c0;}
.content-post .description p,.content-post .description h1,.content-post .description h2,.content-post .description h3,.content-post .description h4,.content-post .description h5,.content-post .description h6,.content-post .description p,.content-post .description ul,.content-post .description ol,.content-post .description table,.content-post .description pre,.content-post .description blockquote,.content-post .description .wp-caption{margin:0 0 20px}
.content-post .description a{color:#00ffcc;}
.content-post .description img{max-width:100%;height:auto;border-radius: 4px;border: 1px solid rgba(0, 255, 136, 0.2);}
.content-post .description h3{border-left: 5px solid #00ff88;padding-left: 15px;font-size: 20px;line-height: 1;color: #00ff88;}
.content-post .description .aligncenter{margin:0 auto;text-align:center;display:block}
.content-post .description .aligncenter img{margin:0 auto;display:block}
.content-post .description .erphpdown{display: none;}
.content-post .description pre,.content-post .description code{background: #0a0e14;border: 1px solid rgba(0, 255, 136, 0.2);border-radius: 4px;padding: 15px;color: #00ff88;overflow-x: auto;}

/* --- 购买区域 & 表单 --- */
.content-post .item{font-size: 16px;margin-bottom: 25px;color: #c0c0c0;}
.content-post .item .pri{color: #ff6b6b;font-size: 24px;text-shadow: 0 0 10px rgba(255, 107, 107, 0.5);}
.content-post .item .payment{margin-top: 15px;}
.content-post .item .payment .erphpdown-jump3{margin-right: 11px;background: rgba(0, 255, 136, 0.05);border: 2px solid rgba(0, 255, 136, 0.2);line-height: 43px;width: 130px;text-align: center;border-radius: 4px;display: inline-block;position: relative;cursor: pointer;color: #00ff88;transition: all 0.3s ease;}
.content-post .item .payment .erphpdown-jump3:hover{border-color: #00ff88;box-shadow: 0 0 15px rgba(0, 255, 136, 0.3);}
.content-post .item .payment .erphpdown-jump3.active{border-color: #00ff88;color: #00ff88;box-shadow: 0 0 15px rgba(0, 255, 136, 0.5);}
.content-post .item .payment .erphpdown-jump3.active .yes{position: absolute;right: -2px;bottom: -1px;border-radius: 0 0 4px 0;}
.content-post .item2{border-top: 1px dashed rgba(0, 255, 136, 0.2);text-align: center;padding-top: 15px;}
.content-post .item #erphp_faka_email{border: 2px solid rgba(0, 255, 136, 0.2);padding: 10px 15px;border-radius: 4px;max-width: 400px;width: 100%;background: #0a0e14;color: #00ff88;transition: all 0.3s ease;}
.content-post .item #erphp_faka_email:focus{border-color: #00ff88;box-shadow: 0 0 15px rgba(0, 255, 136, 0.3);}
.content-post .item #erphp_faka_email::placeholder{color: #555;}
.content-post .item .erphp-faka-buy{float: right;background: linear-gradient(135deg, #00ff88 0%, #00cc6a 100%);color: #0a0e14;padding: 0 25px;height: 36px;line-height: 36px;font-size: 16px;border-radius: 4px;font-weight: bold;transition: all 0.3s ease;box-shadow: 0 0 15px rgba(0, 255, 136, 0.3);}
.content-post .item .erphp-faka-buy.disabled{background: #333;color: #666;box-shadow: none;}
.content-post .item .erphp-faka-buy:hover{box-shadow: 0 0 25px rgba(0, 255, 136, 0.6);transform: translateY(-2px);}
.content-post .item .erphp-faka-num{color: #888;font-size: 12px;display: inline-block;}
.content-post .item .erphp-faka-num a{display: inline-block;height: 36px;line-height: 34px;width: 30px;text-align: center;font-size: 18px;border: 1px solid rgba(0, 255, 136, 0.3);float: left;color: #00ff88;background: #0a0e14;transition: all 0.3s ease;}
.content-post .item .erphp-faka-num a:hover{border-color: #00ff88;box-shadow: 0 0 10px rgba(0, 255, 136, 0.3);}
.content-post .item .erphp-faka-num a.erphp-faka-minus{border-right: none;border-radius: 3px 0 0 3px;}
.content-post .item .erphp-faka-num a.erphp-faka-plus{border-left: none;border-radius: 0 3px 3px 0;}
.content-post .item .erphp-faka-num input{border: 1px solid rgba(0, 255, 136, 0.3);width: 80px;padding: 5px;height: 36px;float: left;text-align: center;font-size: 16px;background: #0a0e14;color: #00ff88;}
.content-post .item .erphp-faka-num input::-webkit-inner-spin-button,.buy-box .erphp-faka-num input::-webkit-outer-spin-button{-webkit-appearance: none;margin: 0;}
.content-post .item .erphp-faka-total{display: inline-block;line-height: 36px;margin-left: 20px;color: #00ff88;}
.content-post .h2-title{position: absolute;left: 25px;top: -18px;background: linear-gradient(135deg, #00ff88 0%, #00cc6a 100%);color: #0a0e14;padding: 10px 20px; font-weight: 700;box-shadow: 0 0 20px rgba(0, 255, 136, 0.4);border-radius: 8px;display: inline-block;font-size: 17px;text-transform: uppercase;letter-spacing: 1px;}
.content-post .erphp-left{padding: 10px 20px;background: linear-gradient(to right, #ff6b6b, #ff8e53);border: none;border-radius: 22px 0 0 22px;position: absolute;right: 0;top: 20px;color: #fff;font-size: 15px;font-weight: bold;box-shadow: 0 0 15px rgba(255, 107, 107, 0.3);}

/* --- 订单查询框 --- */
.content-post .erphp-faka-query-wrap{overflow: hidden;}
.content-post .erphp-faka-query-wrap #erphp_faka_order{border: 2px solid rgba(0, 255, 136, 0.2);padding: 10px 15px;border-radius: 4px;max-width: 400px;width: 100%;height: 43px;float: left;background: #0a0e14;color: #00ff88;transition: all 0.3s ease;}
.content-post .erphp-faka-query-wrap #erphp_faka_order:focus{border-color: #00ff88;box-shadow: 0 0 15px rgba(0, 255, 136, 0.3);}
.content-post .erphp-faka-query-wrap #erphp_faka_order::placeholder{color: #555;}
.content-post .erphp-faka-query-wrap .erphp-faka-query{height: 43px;line-height: 43px;border-radius: 4px;width: 80px;background: linear-gradient(135deg, #00ff88 0%, #00cc6a 100%);color: #0a0e14;display: inline-block;float: left;font-size: 16px;text-align: center;margin-left: 5px;font-weight: bold;transition: all 0.3s ease;box-shadow: 0 0 15px rgba(0, 255, 136, 0.3);}
.content-post .erphp-faka-query-wrap .erphp-faka-query:hover{box-shadow: 0 0 25px rgba(0, 255, 136, 0.6);}
.content-post .results{margin-top: 20px;}
.content-post .results h3{border-left: 5px solid #00ff88;padding-left: 15px;font-size: 20px;line-height: 1;margin-bottom: 20px;color: #00ff88;}
.content-post .results .result{margin-bottom: 15px;padding: 15px;background: #0a0e14;border: 1px solid rgba(0, 255, 136, 0.2);border-radius: 4px;color: #00ffcc;font-family: 'JetBrains Mono', monospace;word-break: break-all;}
.content-post .results .result a{color:#00ffcc;}

/* --- 底部悬浮购买栏 (Buy Box) --- */
.buy-box{position: fixed;bottom: 0;left: 0;right: 0;height: 60px;box-shadow: 0 -5px 30px rgba(0, 0, 0, 0.5);background: linear-gradient(135deg, #1a1f2e 0%, #0d1117 100%);padding: 12px 0;border-top: 1px solid rgba(0, 255, 136, 0.2);}
.buy-box .erphp-faka-num{float: left;color: #888;font-size: 12px;float: left;}
.buy-box .erphp-faka-num a{display: inline-block;height: 36px;line-height: 34px;width: 30px;text-align: center;font-size: 18px;border: 1px solid rgba(0, 255, 136, 0.3);float: left;color: #00ff88;background: #0a0e14;transition: all 0.3s ease;}
.buy-box .erphp-faka-num a:hover{border-color: #00ff88;box-shadow: 0 0 10px rgba(0, 255, 136, 0.3);}
.buy-box .erphp-faka-num a.erphp-faka-minus{border-right: none;border-radius: 3px 0 0 3px;}
.buy-box .erphp-faka-num a.erphp-faka-plus{border-left: none;border-radius: 0 3px 3px 0;}
.buy-box .erphp-faka-num input{border: 1px solid rgba(0, 255, 136, 0.3);width: 80px;padding: 5px;height: 36px;float: left;text-align: center;font-size: 16px;background: #0a0e14;color: #00ff88;}
.buy-box .erphp-faka-num input::-webkit-inner-spin-button,.buy-box .erphp-faka-num input::-webkit-outer-spin-button{-webkit-appearance: none;margin: 0;}
.buy-box .erphp-faka-total{float: left;line-height: 36px;margin-left: 20px;color: #00ff88;}
.buy-box .erphp-faka-buy{float: right;background: linear-gradient(135deg, #00ff88 0%, #00cc6a 100%);color: #0a0e14;padding: 0 25px;height: 36px;line-height: 36px;font-size: 16px;border-radius: 22px;font-weight: bold;transition: all 0.3s ease;box-shadow: 0 0 20px rgba(0, 255, 136, 0.4);}
.buy-box .erphp-faka-buy.disabled{background: #333;color: #666;box-shadow: none;}
.buy-box .erphp-faka-buy:hover{box-shadow: 0 0 30px rgba(0, 255, 136, 0.6);transform: scale(1.05);}

.footer{text-align: center;color: #555;}
.footer a{color: #00ff88;}

/* --- 极客风格 & 滚动条优化 --- */
::selection{background: #00ff88;color: #0a0e14;}
/* Chrome/Edge 滚动条样式 */
::-webkit-scrollbar{width: 8px;height: 8px;}
::-webkit-scrollbar-track{background: #0a0e14;}
::-webkit-scrollbar-thumb{background: #00ff88;border-radius: 4px;}
::-webkit-scrollbar-thumb:hover{background: #00ffcc;}

/* --- 移动端响应式 (Responsive) --- */
@media(max-width: 1024px){
	body{margin:60px 0 40px;}
	.container{padding:0 15px;}
}

@media(max-width: 768px){
	body{margin:30px 0 70px;}
	
    /* 导航栏优化：支持横向滑动，防止换行 */
	.header .nav{
        height: 58px;
        white-space: nowrap; /* 核心：强制不换行 */
        overflow-x: auto;    /* 核心：横向滚动 */
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch; /* iOS丝滑滚动 */
        padding-left: 10px;  /* 左侧留白 */
        text-align: left;
    }
    /* 移动端导航隐藏滚动条，保持美观 */
    .header .nav::-webkit-scrollbar{display: none;}

	.header .nav > li{
        float: none; /* 取消浮动 */
        display: inline-block; /* 变为行内块 */
        margin: 0 5px; /* 减小间距 */
        vertical-align: top;
    }
    .header .nav > li:last-child{margin-right: 15px;}
    
	.header .nav > li > a{font-size: 16px;line-height: 58px; padding: 0 5px;}
	
	.content-subtitle{margin-bottom: 15px;}
	.content .post{padding: 10px 15px}
	.content .post h3{width: 75%;}
	.content .post .left{display: none;}
	.content .post .price{width: 25%;}
	.content .post .btn{display: none;}
	.content-post{padding: 40px 15px 10px}
	.content-post .erphp-left{top: 10px;}
	.content-post .h2-title{left: 15px;padding: 10px 15px;font-size: 16px;}
	.content-post .item{margin-bottom: 20px;}
	.content-post .item2{text-align: left;}
	.content-post .item #erphp_faka_email{margin-top: 10px;}
    
    /* 防止 iOS 输入框放大：强制16px */
    .content-post .item #erphp_faka_email, 
    .content-post .erphp-faka-query-wrap #erphp_faka_order,
    .buy-box .erphp-faka-num input {
        font-size: 16px !important; 
    }

	.content-post .item .payment .erphpdown-jump3{margin-bottom: 10px;}
	.buy-box .erphp-faka-num input{width: 50px;}
	.buy-box .erphp-faka-num a{width: 25px;}
	.buy-box .erphp-faka-total{margin-left: 5px;}
	.buy-box .erphp-faka-buy{font-size: 15px;padding: 0 20px}
	.content-post .erphp-faka-query-wrap #erphp_faka_order{max-width: 230px;padding: 10px}
}
/* --- 修复 .content-subtitle 公告栏排版拥挤问题 --- */
.content-subtitle {
    /* 核心修复：把行高从 1 改为 1.8，拉开行间距，解决“太紧凑” */
    line-height: 1.8 !important; 
    
    /* 增加左右内边距，防止手机上文字贴着屏幕边缘 */
    padding: 0 15px; 
    
    /* 限制最大宽度，不让文字在电脑屏幕上拉得太长，便于阅读 */
    max-width: 900px; 
    margin-left: auto; 
    margin-right: auto;
    
    /* 允许长单词（如网址）换行，防止撑破布局 */
    word-wrap: break-word; 
    
    /* 可选：如果你希望左对齐而不是居中，可以把下面这行前面的注释去掉 */
    /* text-align: left !important; */
}