/* ===== 半糖谷子铺 · 新增组件（沿用模板设计变量） ===== */

/* 头部用户区 */
.uchip{display:flex;align-items:center;gap:6px;margin-left:10px;font-size:12.5px;white-space:nowrap}
.uchip a{color:#4B5852;padding:4px 8px;border-radius:999px}
.uchip a:hover{background:#FFE9EF;color:var(--pink)}
.uchip .uname{color:var(--grn2);font-weight:700}
.cartlink{position:relative;display:inline-flex;align-items:center;gap:4px;background:var(--grn);color:#fff !important;border-radius:999px;padding:5px 13px !important;font-weight:600}
.cartlink:hover{background:var(--grn2)}
.cartlink .n{background:var(--lemon);color:#6B4A12;border-radius:999px;font-size:10.5px;padding:0 6px;font-weight:700}
.uchip form{display:inline}
.linkbtn{border:0;background:none;font:inherit;font-size:12.5px;color:#8A7C77;cursor:pointer;padding:4px 6px}
.linkbtn:hover{color:var(--pink)}

/* 按钮 */
.btn{display:inline-block;border:0;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;background:var(--grn);color:#fff;border-radius:999px;padding:8px 20px;box-shadow:0 2px 0 #BFE8DC;text-decoration:none}
.btn:hover{background:var(--grn2)}
.btn.pink{background:var(--pink);box-shadow:0 2px 0 #F3B9C7}
.btn.pink:hover{background:#F0527A}
.btn.ghost{background:#fff;color:var(--grn2);border:1.5px solid var(--line);box-shadow:0 2px 0 #F6E5D4}
.btn.ghost:hover{background:#FFF3F7;color:var(--pink)}
.btn.danger{background:#fff;color:#C23E62;border:1.5px solid #FFC9D7;box-shadow:none}
.btn.danger:hover{background:#FFE7EE}
.btn.sm{padding:4px 13px;font-size:12px}
.btn.big{padding:11px 30px;font-size:14.5px}
.btn[disabled]{opacity:.5;cursor:not-allowed}

/* 表单 */
.form{padding:16px 14px}
.frow{margin-bottom:13px}
.frow label{display:block;font-size:12.5px;color:#6B5C55;font-weight:600;margin-bottom:5px}
.frow input[type=text],.frow input[type=password],.frow input[type=search],.frow input[type=number],.frow select,.frow textarea{width:100%;border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:8px 12px;font:inherit;font-size:13.5px;color:var(--ink);outline:0}
.frow input:focus,.frow select:focus,.frow textarea:focus{border-color:var(--grn)}
.frow textarea{min-height:96px;resize:vertical;line-height:1.7}
.frow .hint{font-size:11.5px;color:#A79A93;margin-top:4px}
.frow.inline{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.fcheck{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:#4A5651;margin-right:14px;cursor:pointer}
.fcheck input{accent-color:var(--pink)}
.fgrid{display:grid;grid-template-columns:1fr;gap:0 14px}
@media(min-width:700px){.fgrid{grid-template-columns:1fr 1fr}}

/* 提示条 */
.flash{border-radius:14px;padding:10px 16px;font-size:13px;margin-top:14px;border:1.5px solid}
.flash.ok{background:#E8F7F1;border-color:#C9EEDF;color:#1F7663}
.flash.err{background:#FFE7EE;border-color:#FFC9D7;color:#C23E62}

/* 价格 */
.price{color:var(--pink);font-weight:700;font-size:15px}
.price.big{font-size:24px}
.price small{font-size:11px;font-weight:400}

/* 商品卡片补充 */
.wc .pr{display:flex;align-items:center;justify-content:space-between;margin-top:4px}
.wc .stars{font-size:11px;color:var(--gold);letter-spacing:1px}
.wc .stars i{font-style:normal;color:#A79A93;letter-spacing:0;margin-left:3px}
.wc .len.stockout{background:rgba(120,60,70,.8)}

/* 详情页购买区 */
.buybox{background:#FFFBF4;border:1.5px dashed var(--line);border-radius:14px;padding:13px 14px;margin-top:12px}
.buybox .row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.qty{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:999px;background:#fff;overflow:hidden}
.qty button{width:30px;height:30px;border:0;background:#FFF4E0;color:#6B4A12;font-size:15px;cursor:pointer}
.qty input{width:44px;height:30px;border:0;text-align:center;font:inherit;font-size:13px;outline:0}
.stocknote{font-size:12px;color:#8A7C77}
.stocknote.low{color:#C23E62}

/* 评价 */
.rate-summary{display:flex;align-items:center;gap:14px;padding:12px 14px;border-bottom:1px dashed var(--line);flex-wrap:wrap}
.rate-summary .big{font-size:30px;font-weight:700;color:var(--gold);font-family:"YouYuan","幼圆",sans-serif}
.rate-summary .stars{color:var(--gold);font-size:15px;letter-spacing:2px}
.rate-summary .cnt{font-size:12px;color:var(--soft)}
.rv{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:12px 14px;border-bottom:1px dashed var(--line)}
.rv:last-child{border-bottom:0}
.rv .ava{width:36px;height:36px;border-radius:50%;background:#FFEDD6;color:#8A5A20;display:grid;place-items:center;font-weight:700;font-size:14px}
.rv .hd{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rv .hd b{font-size:13px}
.rv .hd .stars{color:var(--gold);font-size:12px;letter-spacing:1px}
.rv .hd time{font-size:11px;color:#A79A93;margin-left:auto}
.rv p{font-size:12.5px;color:#4A5651;margin:5px 0 0;line-height:1.7}
.starpick{display:inline-flex;flex-direction:row-reverse;gap:2px}
.starpick input{display:none}
.starpick label{font-size:26px;color:#E5D5C5;cursor:pointer;line-height:1}
.starpick label:hover,.starpick label:hover~label,.starpick input:checked~label{color:var(--gold)}

/* 购物车 / 订单表格 */
.tbl{width:100%;border-collapse:collapse;font-size:12.5px}
.tbl th{background:#FFFBF4;color:#6B5C55;font-size:12px;padding:9px 10px;border-bottom:1.5px solid var(--line);text-align:left;white-space:nowrap}
.tbl td{padding:10px;border-bottom:1px dashed var(--line);vertical-align:middle}
.tbl tr:last-child td{border-bottom:0}
.tbl .pname{display:flex;gap:10px;align-items:center;min-width:180px}
.tbl .pname img{width:44px;height:60px;object-fit:cover;border:1px solid var(--line);border-radius:8px;flex:0 0 auto}
.tbl .pname b{font-size:12.5px;display:block;line-height:1.4}
.tbl .pname span{font-size:11px;color:#A79A93}
.tblwrap{overflow-x:auto}
.cartfoot{display:flex;align-items:center;gap:14px;justify-content:flex-end;padding:13px 14px;border-top:1.5px solid var(--line);flex-wrap:wrap}
.cartfoot .sum{font-size:13px;color:#6B5C55}
.cartfoot .sum b{font-size:19px;color:var(--pink)}

/* 状态徽章 */
.st{display:inline-block;border-radius:999px;padding:2px 11px;font-size:11.5px;font-weight:600;white-space:nowrap}
.st.pending{background:#FFF4E0;color:#8A5A20}
.st.confirmed{background:#E8F7F1;color:#1F7663}
.st.shipped{background:#E3F2FC;color:#2277AA}
.st.completed{background:#EFE9FB;color:#6B4FC0}
.st.cancelled{background:#F1ECE7;color:#8A7C77}

/* 分页 */
.pager{display:flex;gap:6px;justify-content:center;padding:16px 0 22px;flex-wrap:wrap}
.pager a,.pager span{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:4px 13px;font-size:12.5px;color:#4A5651}
.pager a:hover{background:#FFF3F7;color:var(--pink)}
.pager a.on{background:var(--pink);border-color:var(--pink);color:#fff;font-weight:700}

/* 订单卡片 */
.ocard{border:1.5px solid var(--line);border-radius:14px;background:#fff;margin-bottom:12px;overflow:hidden}
.ocard .oh{display:flex;align-items:center;gap:10px;padding:9px 13px;background:#FFFBF4;border-bottom:1px dashed var(--line);font-size:12px;color:#8A7C77;flex-wrap:wrap}
.ocard .oh b{color:#4A5651}
.ocard .ob{padding:10px 13px}
.ocard .oi{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;padding:3px 0}
.ocard .of{display:flex;align-items:center;gap:10px;justify-content:flex-end;padding:9px 13px;border-top:1px dashed var(--line);flex-wrap:wrap}

/* 空状态 */
.empty{padding:34px 16px;text-align:center;color:var(--soft);font-size:13px}
.empty .big{font-size:34px;display:block;margin-bottom:8px}

/* 后台 */
.adm{display:grid;grid-template-columns:1fr;gap:14px;padding:14px 0 24px}
@media(min-width:960px){.adm{grid-template-columns:190px 1fr;align-items:start}}
.admnav{background:var(--paper);border:1.5px solid var(--line);border-radius:16px;box-shadow:0 2px 0 #F6E5D4;padding:10px;display:flex;flex-wrap:wrap;gap:4px}
@media(min-width:960px){.admnav{flex-direction:column;position:sticky;top:72px}}
.admnav a{border-radius:999px;padding:7px 14px;font-size:13px;color:#4B5852;display:flex;justify-content:space-between;gap:8px}
.admnav a:hover{background:#FFE9EF;color:var(--pink)}
.admnav a.on{background:var(--pink);color:#fff;font-weight:700}
.admnav a .bdg{background:var(--lemon);color:#6B4A12;border-radius:999px;font-size:10.5px;padding:0 7px;font-weight:700}
.admnav a.on .bdg{background:#fff}
.statgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:14px 12px}
@media(min-width:700px){.statgrid{grid-template-columns:repeat(4,1fr)}}
.stat{background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:12px 14px;box-shadow:0 2px 0 #F7E7D7}
.stat b{display:block;font-size:22px;color:var(--grn2);font-family:"YouYuan","幼圆",sans-serif}
.stat span{font-size:11.5px;color:var(--soft)}
.stat.hot b{color:var(--pink)}
.admtoolbar{display:flex;gap:8px;align-items:center;padding:11px 12px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.admtoolbar .sp{flex:1}
.thumb{width:38px;height:52px;object-fit:cover;border:1px solid var(--line);border-radius:8px}
.nowrap{white-space:nowrap}
.muted{color:#A79A93;font-size:11.5px}

/* 轮播文案链接化 */
.slide .txt a{color:inherit}

/* 头部移动端换行（模板原头部无购物车/用户区，此处为新增组件的响应式补充） */
@media(max-width:900px){
  .top .wrap{flex-wrap:wrap;height:auto;padding:8px 14px;row-gap:6px}
  .nav{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap}
  .sr{margin-left:auto}
  .sr input{width:120px}
  .uchip{margin-left:0}
}
@media(max-width:560px){
  .sr{order:4;width:100%}
  .sr form{width:100%}
  .sr input{flex:1;width:auto}
  .uchip{order:2;margin-left:auto}
}
/* 公告条移动端换行（模板原为 nowrap 短公告，长公告需换行防溢出） */
@media(max-width:900px){
  .notice .wrap{white-space:normal;flex-wrap:wrap;row-gap:2px}
}
/* 网格子项最小宽度约束：模板原文短不暴露，谷子名称较长时防止撑破窄屏布局 */
.main>div,.zones>*,.feat>*,.done>*,.wgrid>*,.gztwo>*,.gzgrid>*,.adm>*,.fgrid>*,.topics>*,.cats a,.zone .row,.upd .u,.detail>*{min-width:0}
.wc h4,.fc h4,.fc .one,.done b,.rk b,.rk em,.u b,.row b{overflow:hidden;text-overflow:ellipsis}
