/* 
	Theme Name: Ranka
	Description: WordPress 极简自动发卡主题（卡密库存 · 自动发货 · 手动发货待办 · 多通道支付 · VIP 折扣 · 推广返点），内核全内嵌、开箱即用
	Author: ranka
	Version: 1.2
*/
@charset "UTF-8";
*{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%}html,body{min-height:100%;}body{line-height:1}a{color:#8c8c8c}a:hover{color:#1d1d1d;text-decoration:none}a:focus,a:visited,a:active{text-decoration:none;outline:0}.btn:active,.btn:focus{outline:0}input,button,textarea,select{font-size:100%}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}sup,sub{font-size:100%;vertical-align:baseline}ins{text-decoration:none}del{text-decoration:line-through}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{text-decoration:none}fieldset,img{border:0}img{max-width:100%;max-height:100%;vertical-align:middle}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}sup,sub{font-size:100%;vertical-align:baseline}.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden}.clearfix{}:link,:visited{text-decoration:none}:focus{outline:0}

body{font-size: 14px;margin:40px 0 80px;color: #333;background: #f4f8fb;}
.container{max-width: 1024px;margin:0 auto;position: relative;}

.header{margin-bottom: 40px;}
.header .nav{list-style: none;background: #249ffd;height: 68px;width: 100%;border-radius: 8px;box-shadow: 0.5rem 0.875rem 2.375rem rgba(39, 44, 49, .06), 0.0625rem 0.1875rem 0.5rem rgba(39, 44, 49, .03);}
.header .nav > li{list-style: none;float: left;margin: 0 25px;}
.header .nav > li > a{line-height: 68px;color: #fff;font-size: 18px;position: relative;font-weight: 600;}
.header .nav > li.current-menu-item a:after{content: "";background: #fff;height: 3px;width: 100%;position: absolute;left: 0;right: 0;bottom: -6px}
.header .nav .sub-menu{display: none;}

.content{margin:0 0 30px;border-radius:8px;box-shadow: 0.5rem 0.875rem 2.375rem rgba(39, 44, 49, .06), 0.0625rem 0.1875rem 0.5rem rgba(39, 44, 49, .03);background: #fff;}
.content .post{width: 100%;margin:0;padding:20px 25px;border-bottom:1px solid #eee;text-align: center;position: relative;overflow:hidden}
.content .postt{background:#f7f7f7;color: #000}
.content .postc{text-align: left;background:#f0f0f0 !important;border-radius: 8px 8px 0 0}
.content .post:last-child{border:none}
.content .post:hover{background:#f9f9f9}
.content .postc a{margin-right: 15px;color: #333;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;}
.content .post .price{color: #249ffd;float:left;width:10%;line-height:32px;}
.content .post .left{float:left;width:10%;line-height:32px;}
.content .post .btn{padding:9px 20px;border-radius: 3px;background: #249ffd;color:#fff;display: inline-block;float:right;}

.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:#fff;color:#666;border-radius:3px !important;opacity:.88}
.pagination ul > li > a:hover,.pagination ul > li > a:focus{opacity:1}
.pagination ul > .active > a,.pagination ul > .active > span{background-color:#249ffd !important;color:#fff}
.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:#999;background-color:transparent;cursor:default}

.ranka-error{text-align: center;margin-bottom: 20px;color: #ff0000;font-size: 16px;}

.content-title{text-align: center;font-size: 2em;margin: .67em 0;}
.content-subtitle{text-align: center;margin-bottom: 30px;letter-spacing: .0625rem;text-shadow: 0.0625rem 0.0625rem 0.0625rem hsla(0, 0%, 50.2%, .2);color: #249ffd;font-size: 16px;}

.content-post{margin:0 auto 40px;position: relative;background: #fff;border-radius: 8px;padding:50px 25px 40px;box-shadow: 0.5rem 0.875rem 2.375rem rgba(39, 44, 49, .06), 0.0625rem 0.1875rem 0.5rem rgba(39, 44, 49, .03);}
.content-post h1{text-align: center;font-size: 24px;font-weight: normal;margin:0 0 40px;}
.content-post .description{font-size:16px;line-height:1.7;word-wrap:break-word;overflow:hidden;}
.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:#249ffd;}
.content-post .description img{max-width:100%;height:auto}
.content-post .description h3{border-left: 5px solid #249ffd;padding-left: 15px;font-size: 20px;line-height: 1;}
.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 .ranka{display: none;}

.content-post .item{font-size: 16px;margin-bottom: 25px;}
.content-post .item .ranka-faka-index{margin-right:15px;cursor: pointer;padding:5px 16px 7px;border:2px solid #f0f0f0;border-radius: 3px;font-size: 14px;position: relative;}
.content-post .item .ranka-faka-index.active{border-color: #249ffd;color: #249ffd}
.content-post .item .ranka-faka-index.active .yes{position: absolute;right: -2px;bottom: -1px;border-radius: 0 0 4px 0;}
.content-post .item .ranka-faka-index input{display: none;}
.content-post .item .pri{color: #ff5f33;font-size: 24px;}
.content-post .item .payment{margin-top: 15px;}
.content-post .item .payment .ranka-jump3{margin-right: 11px;background: #f8f8f8;border: 2px solid #f6f6f6;line-height: 43px;width: 130px;text-align: center;border-radius: 4px;display: inline-block;position: relative;cursor: pointer;}
.content-post .item .payment .ranka-jump3 span{display: block;font-size: 14px;}
.content-post .item .payment .ranka-jump3 span t{font-size: 18px;color:#ff5f33;display: inline-block;margin:0 2px}
.content-post .item .payment .ranka-jump3.active{border-color: #249ffd;color: #249ffd;}
.content-post .item .payment .ranka-jump3.active .yes{position: absolute;right: -2px;bottom: -1px;border-radius: 0 0 4px 0;}
.content-post .item2{border-top: 1px dashed #eaeaea;text-align: center;padding-top: 15px;}
.content-post .item #ranka_faka_email{border: 2px solid #f0f0f0;padding: 10px 15px;border-radius: 4px;max-width: 400px;width: 100%;}
.content-post .item .ranka-faka-buy{float: right;background: #28d26e;color: #fff;padding: 0 25px;height: 36px;line-height: 36px;font-size: 16px;border-radius: 4px;}
.content-post .item .ranka-faka-buy.disabled{background: #ccc;}
.content-post .item .ranka-faka-buy:hover{opacity: .8;}
.content-post .item .ranka-faka-num{color: #aaa;font-size: 12px;display: inline-block;}
.content-post .item .ranka-faka-num a{display: inline-block;height: 36px;line-height: 34px;width: 30px;text-align: center;font-size: 18px;border: 1px solid #bbb;float: left;color: #333;}
.content-post .item .ranka-faka-num a.ranka-faka-minus{border-right: none;border-radius: 3px 0 0 3px;}
.content-post .item .ranka-faka-num a.ranka-faka-plus{border-left: none;border-radius: 0 3px 3px 0;}
.content-post .item .ranka-faka-num input{border: 1px solid #bbb;width: 80px;padding: 5px;height: 36px;float: left;text-align: center;font-size: 16px;}
.content-post .item .ranka-faka-num input::-webkit-inner-spin-button,.buy-box .ranka-faka-num input::-webkit-outer-spin-button{-webkit-appearance: none;margin: 0;}
.content-post .item .ranka-faka-total{display: inline-block;line-height: 36px;margin-left: 20px;}
.content-post .h2-title{position: absolute;left: 25px;top: -18px;background: #249ffd;color: #fff;padding: 10px 20px; font-weight: 700;box-shadow: 0 0.5rem 0.625rem rgba(36, 159, 253, .30196);border-radius: 8px;display: inline-block;font-size: 17px;}
.content-post .ranka-left{padding: 10px 20px;background: linear-gradient(to right, #e83efd, #59a5ec);border: none;border-radius: 22px 0 0 22px;position: absolute;right: 0;top: 20px;color: #fff;font-size: 15px;}

.content-post .ranka-faka-query-wrap{overflow: hidden;}
.content-post .ranka-faka-query-wrap #ranka_faka_order{border: 2px solid #f0f0f0;padding: 10px 15px;border-radius: 4px;max-width: 400px;width: 100%;height: 43px;float: left;}
.content-post .ranka-faka-query-wrap .ranka-faka-query{height: 43px;line-height: 43px;border-radius: 4px;width: 80px;background: #28d26e;color: #fff;display: inline-block;float: left;font-size: 16px;text-align: center;margin-left: 5px;}
.content-post .results{margin-top: 20px;}
.content-post .results h3{border-left: 5px solid #249ffd;padding-left: 15px;font-size: 20px;line-height: 1;margin-bottom: 20px;}
.content-post .results .result{margin-bottom: 15px;}
.content-post .results .result a{color:#249ffd;}

.buy-box{bottom: 0;left: 0;right: 0;height: 60px;-webkit-box-shadow: 0 -1px 0 0 hsla(0,0%,71%,.18);box-shadow: 0 -1px 0 0 hsla(0,0%,71%,.18);background: #fff;padding: 12px 0}
.buy-box .ranka-faka-num{float: left;color: #aaa;font-size: 12px;float: left;}
.buy-box .ranka-faka-num a{display: inline-block;height: 36px;line-height: 34px;width: 30px;text-align: center;font-size: 18px;border: 1px solid #bbb;float: left;color: #333;}
.buy-box .ranka-faka-num a.ranka-faka-minus{border-right: none;border-radius: 3px 0 0 3px;}
.buy-box .ranka-faka-num a.ranka-faka-plus{border-left: none;border-radius: 0 3px 3px 0;}
.buy-box .ranka-faka-num input{border: 1px solid #bbb;width: 80px;padding: 5px;height: 36px;float: left;text-align: center;font-size: 16px;}
.buy-box .ranka-faka-num input::-webkit-inner-spin-button,.buy-box .ranka-faka-num input::-webkit-outer-spin-button{-webkit-appearance: none;margin: 0;}
.buy-box .ranka-faka-total{float: left;line-height: 36px;margin-left: 20px;}
.buy-box .ranka-faka-total .ranka-faka-bi{display: none;}
.buy-box .ranka-faka-total .ranka-faka-bi.show{display: inline-block;}
.buy-box .ranka-faka-buy{float: right;background: #249ffd;color: #fff;padding: 0 25px;height: 36px;line-height: 36px;font-size: 16px;border-radius: 22px;}
.buy-box .ranka-faka-buy.disabled{background: #ccc;}
.buy-box .ranka-faka-buy:hover{opacity: .8;}

.footer{text-align: center;}

@media(max-width: 1024px){
	body{margin:60px 0 40px;}
	.container{padding:0 15px;}
	.content .post{}
}
@media(max-width: 768px){
	body{margin:22px 0 64px;}
	.container{padding:0 14px;}

	.content-title{font-size: 20px;}
	.content-subtitle{margin-bottom: 15px;font-size: 14px;}

	/* 导航：允许换行，菜单项全部可见（不再被裁切、无需滑动） */
	.header{margin-bottom: 28px;}
	.header .nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;height:auto;min-height:50px;padding:7px 8px;overflow:visible;}
	.header .nav > li{float:none;flex:0 0 auto;margin:0;}
	.header .nav > li > a{display:block;padding:7px 12px;font-size:15px;line-height:1.5;white-space:nowrap;}
	.header .nav > li.current-menu-item a:after{left:12px;right:12px;width:auto;margin-left:0;bottom:3px;}

	/* 商品列表：两行卡片式，恢复按钮与库存 */
	.content{margin:0 0 28px;}
	.content .post{padding: 16px 15px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name price" "stock btn";row-gap:12px;column-gap:12px;align-items:center;}
	.content .post:hover{background:#fff;}
	.content .postc{display:block;padding: 13px 15px;}
	.content .postc a{display:inline-block;margin:0 8px 7px 0;padding:4px 12px;background:#f1f4f8;border-radius:12px;color:#5f6672;font-size: 13px;font-weight: 500;}
	.content .postt{display:none;}
	.content .post h3{grid-area:name;width:auto;float:none;font-size:15px;font-weight:600;line-height:1.45;text-align:left;}
	.content .post .price{grid-area:price;float:none;width:auto;text-align:right;line-height:1.45;font-weight:600;}
	.content .post .left{grid-area:stock;float:none;width:auto;display:inline-flex;align-items:center;justify-self:start;height:22px;padding:0 9px;border-radius:11px;background:#f1f4f8;color:#5f6672;font-size:12px;line-height:1;}
	.content .post .left:empty{display:none;}
	.content .post .btn{grid-area:btn;float:none;justify-self:end;display:inline-flex;align-items:center;height:32px;line-height:1;padding:0 16px;border-radius:16px;font-size:13px;}

	/* 详情页卡片：加大模块之间的呼吸感 */
	.content-post{padding: 46px 16px 26px;}
	.content-post .h2-title{left: 16px;top:-16px;padding: 8px 14px;font-size: 14px;}
	/* 库存：收成紧贴选项组的小徽章（原本是悬浮在半空的紫→蓝渐变胶囊，与蓝色主调打架） */
	.content-post .ranka-left{position:static;display:inline-block;margin:0 0 24px;padding:3px 12px;border-radius:12px;background:#f1f4f8;color:#5f6672;border:1px solid #e6ebf2;font-size:12px;line-height:1.7;}
	.content-post .ranka-left b{color:#249ffd;font-weight:600;}
	.content-post .item{margin-bottom: 24px;}
	.content-post .item2{text-align: left;}

	/* 商品选项：标题独占一行，选项标签为流式标签组，横向换行，杜绝溢出/重叠。
	   实现：原文本节点用 font-size:0 收为 0 宽（仍是隐形 flex 子项），标题改由 ::before 重建并独占首行；
	   横向间距用标签 margin-right 而非 column-gap——否则 gap 会在隐形项与首个标签之间多出 8px，导致首排错位 */
	.content-post .item:has(.ranka-faka-index){display:flex;flex-wrap:wrap;align-items:center;row-gap:8px;font-size:0;margin-bottom:10px;}
	.content-post .item:has(.ranka-faka-index)::before{content:"商品选项：";flex:0 0 100%;font-size:16px;line-height:1.7;}
	.content-post .item:has(.ranka-faka-index) .ranka-faka-index{font-size:13px;padding:8px 12px;line-height:1.5;margin:0 8px 0 0;overflow-wrap:break-word;}
	/* 保险：隐藏域在所有浏览器里都保持隐藏，不参与布局 */
	.content-post .item #ranka_faka_index{display:none;}

	/* 对勾标识：保留原版选中态右下角的对勾（用户明确要求）；overflow 裁切让它贴合按钮圆角不外溢 */
	.content-post .item:has(.ranka-faka-index) .ranka-faka-index,
	.content-post .item .payment .ranka-jump3{overflow:hidden;}
	.content-post .item .ranka-faka-index .yes,
	.content-post .item .payment .ranka-jump3 .yes{border-radius:0 0 4px 0;}

	/* 支付方式：弹性两列，杜绝横向溢出 */
	.content-post .item .payment{display:flex;flex-wrap:wrap;gap:10px;margin-top: 12px;}
	.content-post .item .payment .ranka-jump3{flex:1 1 calc(50% - 5px);width:auto;min-width:0;margin-right:0;margin-bottom:0;line-height:1.5;padding:11px 12px;}
	.content-post .item .payment .ranka-jump3 span{margin-top:3px;}

	/* 联系邮箱独占一行 */
	.content-post .item #ranka_faka_email{display:block;width:100%;max-width:none;margin-top: 10px;}

	/* 结算条：标题独占一行；数量器靠左、合计靠右；合计按「小标签 + 大数字」做价格层级 */
	.buy-box{height:auto;margin-top:26px;padding:14px 16px 16px;background:#f8fafd;border-radius:12px;box-shadow:none;}
	.buy-box .container{padding:0;max-width:none;margin:0;}
	.buy-box .unmber888{display:flex;flex-wrap:wrap;align-items:center;font-size:0;}
	.buy-box .unmber888::before{content:"支付结算";flex:0 0 100%;font-size:12px;line-height:1.4;color:#8a929e;letter-spacing:.5px;}
	.buy-box .unmber888 > .ranka-faka-num{order:1;float:none;display:inline-flex;margin:8px 0 0;}
	.buy-box .unmber888 > .ranka-faka-total{order:2;float:none;display:flex;align-items:baseline;gap:3px;margin:8px 0 0 auto;line-height:1;font-size:12px;color:#8a929e;}
	.buy-box .unmber888 > .ranka-faka-total .ranka-faka-bi{font-size:12px;color:#8a929e;line-height:1;}
	.buy-box .unmber888 > .ranka-faka-total b{font-size:22px;line-height:1;font-weight:700;color:#ff5f33;margin:0 3px;font-variant-numeric:tabular-nums;}
	.buy-box .unmber888 > .ranka-faka-buy{order:3;flex:0 0 100%;float:none;width:100%;margin:16px 0 0;height:46px;line-height:46px;text-align:center;border-radius:23px;font-size:16px;font-weight:600;padding:0 20px;}
	.buy-box .ranka-faka-num input{width: 50px;}
	.buy-box .ranka-faka-num a{width: 28px;}

	/* 取卡页：输入框与按钮各占一行 */
	.content-post .ranka-faka-query-wrap{display:flex;flex-wrap:wrap;gap:10px;overflow:visible;}
	.content-post .ranka-faka-query-wrap #ranka_faka_order{float:none;flex:1 1 100%;max-width:none;width:auto;height:44px;padding:10px 14px;}
	.content-post .ranka-faka-query-wrap .ranka-faka-query{float:none;width:100%;margin-left:0;height:44px;line-height:44px;}
}
@media(max-width: 400px){
	.content-post .item .ranka-faka-index{padding:7px 12px;font-size:12px;}
	.content .post .btn{padding:0 14px;}
}
/* ============================================================
   桌面端优化覆盖层（≥769px）—— 2026-10-18
   追加式修改：上方原版规则一律未动，删除本段即 100% 回滚
   覆盖项：① 商品选项排版 ② 结算条层级 ③ 库存徽章配色 ④ 支付方式状态反馈
   （首页列表按用户要求保持原版，不做覆盖）
   ============================================================ */
@media(min-width: 769px){
	/* ① 商品选项：标题独占一行；标签加高加大、圆角加大，选中态浅蓝底，不再扁平 */
	.content-post .item:has(.ranka-faka-index){font-size:0;}
	.content-post .item:has(.ranka-faka-index)::before{content:"商品选项：";display:block;font-size:16px;line-height:1.7;margin-bottom:12px;}
	.content-post .item:has(.ranka-faka-index) .ranka-faka-index{display:inline-block;margin:0 14px 12px 0;vertical-align:middle;padding:10px 20px;border-radius:10px;line-height:1.5;}
	.content-post .item:has(.ranka-faka-index) .ranka-faka-index.active{background:#eef6ff;}
	/* 右下角打钩标识保留（JS 动态 append），内缩+圆角跟随标签 10px 贴合 */
	.content-post .item .ranka-faka-index.active .yes{right:-1px;bottom:0;border-radius:0 0 8px 0;}

	/* ② 结算条（方案A·胶囊工具条）：总宽=邮箱板块 488px；
	   「*支付结算：」标签在胶囊外、与「*联系方式：」同列对齐（两行标签同为 * + 5 全角字符 = 88px）；
	   胶囊背景用 ::after 伪元素从标签右侧(88px)铺到右缘，与邮箱输入框左缘(241=153+88)对齐；
	   注意：span「*」与「支付结算：」文本是两个 flex 项，按 DOM 顺序排列，不可设 order/不可用 gap */
	.buy-box{height:auto;width:488px;margin:0;padding:0;background:none;border:none;border-radius:0;box-shadow:none;}
	/* nowrap + width:max-content + min-width:488px → 金额再长也不换行：容器自动变宽，胶囊(::after right:0)跟随 */
	.buy-box .unmber888{display:flex;flex-wrap:nowrap;align-items:center;font-size:16px;line-height:1.5;position:relative;width:max-content;min-width:488px;white-space:nowrap;}
	.buy-box .unmber888::after{content:"";position:absolute;left:248px;right:0;top:0;bottom:0;background:#f8fafd;border:1px solid #eef1f6;border-radius:12px;z-index:0;}
	.buy-box .unmber888 > *{position:relative;z-index:1;}
	.buy-box .unmber888 > .ranka-faka-buy{float:none;display:block;flex-shrink:0;width:auto;height:48px;line-height:48px;margin:0;padding:0 40px;font-size:17px;font-weight:600;border-radius:12px;}
	.buy-box .unmber888 > .ranka-faka-num{float:none;display:inline-flex;flex-shrink:0;margin:0 0 0 26px;border-radius:8px;}
	.buy-box .ranka-faka-num a{width:22px;height:36px;line-height:34px;border:1px solid #e6ebf2;background:#fff;font-size:14px;color:#5f6672;}
	.buy-box .ranka-faka-num a.ranka-faka-minus{border-right:none;border-radius:8px 0 0 8px;}
	.buy-box .ranka-faka-num a.ranka-faka-plus{border-left:none;border-radius:0 8px 8px 0;}
	.buy-box .ranka-faka-num input{width:24px;height:36px;border:1px solid #e6ebf2;border-left:none;border-right:none;background:#fff;text-align:center;font-size:14px;color:#333;padding:0;}
	/* 长金额防溢出：font-size:0 隐藏「合计」大字（::before 以 11px 小字补回），金额区 nowrap + 不收缩 */
	.buy-box .unmber888 > .ranka-faka-total{float:none;display:flex;align-items:baseline;gap:1px;margin:0 8px 0 auto;line-height:1;font-size:0;white-space:nowrap;flex-shrink:0;}
	.buy-box .unmber888 > .ranka-faka-total::before{content:"合计";font-size:11px;color:#8a929e;line-height:1;margin-right:4px;}
	.buy-box .unmber888 > .ranka-faka-total .ranka-faka-bi{font-size:12px;color:#8a929e;line-height:1;white-space:nowrap;}
	.buy-box .unmber888 > .ranka-faka-total b{font-size:18px;line-height:1;font-weight:700;color:#ff5f33;margin:0 2px;font-variant-numeric:tabular-nums;}

	/* ②+ 邮箱板块：输入框圆角、边框柔和、聚焦蓝色描边，与胶囊/选项卡同一视觉语言 */
	.content-post .item #ranka_faka_email{border:2px solid #e6ebf2;border-radius:10px;transition:border-color .15s ease;}
	.content-post .item #ranka_faka_email:focus{border-color:#249ffd;outline:none;}

	/* ③ 库存徽章：紫→蓝渐变改主题蓝，与「基本信息」标题同一视觉语言 */
	.content-post .ranka-left{background:#249ffd;box-shadow:0 0.5rem 0.625rem rgba(36,159,253,.3);}

	/* ④ 支付方式：hover / 选中态反馈 */
	.content-post .item .payment .ranka-jump3{transition:border-color .15s ease,background-color .15s ease;}
	.content-post .item .payment .ranka-jump3:hover{border-color:#b9d9ff;}
	.content-post .item .payment .ranka-jump3.active{background:#eef6ff;}
}

/* ============================================================
   取卡页双因子（订单号+邮箱）—— faka-card 插件配套，追加式修改
   删除本段即 100% 回滚；仅在查询页存在 #ranka_faka_email 时生效
   ============================================================ */
.content-post .ranka-faka-query-wrap #ranka_faka_email{border: 2px solid #f0f0f0;padding: 10px 15px;border-radius: 4px;max-width: 400px;width: 100%;height: 43px;float: left;}
.content-post .ranka-faka-query-wrap #ranka_faka_email:focus{border-color:#249ffd;outline:none;}
@media(max-width: 768px){
	.content-post .ranka-faka-query-wrap #ranka_faka_email{float:none;flex:1 1 100%;max-width:none;width:auto;height:44px;padding:10px 14px;}
}
.content-post .results .result.error{color:#e02020;}