/* ============================================================
   ylj-shop.css — 樱兰静商城模块样式（贴合整站 #273445 主色风格）
   由克隆站电商化改造注入，视觉语言与原站一致
   ============================================================ */
.ylj-price-row{display:flex;align-items:baseline;flex-wrap:wrap;margin:8px 0 4px;gap:10px;}
.ylj-price-row .ylj-price{font-size:30px;font-weight:700;color:#d44a3c;}
.ylj-price-row .ylj-old{font-size:16px;color:#999;text-decoration:line-through;}
.ylj-price-row .ylj-tag{font-size:12px;color:#fff;background:#273445;border-radius:3px;padding:2px 8px;letter-spacing:1px;}
.ylj-desc{color:#666;font-size:14px;line-height:1.9;margin:6px 0 10px;}
.ylj-buy-bar{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0 6px;}
.ylj-buy-bar a{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 26px;border-radius:5px;font-size:15px;cursor:pointer;text-decoration:none;transition:opacity .2s;}
.ylj-add{background:#fff;color:#273445;border:1px solid #273445;}
.ylj-add:hover{background:#273445;color:#fff;}
.ylj-buynow{background:#273445;color:#fff;}
.ylj-buynow:hover{opacity:.85;}
.ylj-buy-bar .ylj-buy-query{background:#fff;color:#666;border:1px solid #ccc;}
@media (max-width:996px){
  .ylj-buy-bar{flex-direction:column;}
  .ylj-buy-bar a{width:100%;}
}
/* 产品列表价格与加购 */
.indexpro_div .ylj-pro-price{color:#273445;font-weight:600;font-size:14px;margin-top:2px;}
.indexpro_div .ylj-pro-name{color:#333;font-size:13px;line-height:1.5;margin-top:4px;}
.indexpro_div .ylj-mini-add{display:inline-block;margin-top:6px;font-size:12px;color:#273445;border:1px solid #273445;border-radius:3px;padding:2px 10px;cursor:pointer;}
.indexpro_div .ylj-mini-add:hover{background:#273445;color:#fff;}

/* ===== 商城通用页（购物车/结算/会员/注册登录）=====
   全部沿用整站 pchead/foot 结构与主色，仅新增内容区 */
.ylj-page{max-width:1200px;margin:0 auto;padding:30px 15px 60px;}
.ylj-page-title{font-size:26px;color:#273445;font-weight:600;margin-bottom:6px;}
.ylj-page-sub{font-size:13px;color:#888;letter-spacing:2px;margin-bottom:30px;}
.ylj-panel{background:#fff;border:1px solid #eef1f5;box-shadow:0 2px 12px rgba(39,52,69,.05);margin-bottom:20px;}
.ylj-panel-hd{padding:16px 24px;border-bottom:1px solid #f0f2f5;font-size:16px;color:#273445;font-weight:600;display:flex;justify-content:space-between;align-items:center;}
.ylj-panel-bd{padding:0;}
.ylj-table{width:100%;border-collapse:collapse;}
.ylj-table th{background:#f7f9fb;color:#273445;font-size:13px;font-weight:600;padding:12px 16px;text-align:left;border-bottom:1px solid #eef1f5;}
.ylj-table td{padding:14px 16px;border-bottom:1px solid #f0f2f5;font-size:14px;color:#333;vertical-align:middle;}
.ylj-table tr:last-child td{border-bottom:none;}
.ylj-cartimg{width:64px;height:64px;object-fit:cover;border-radius:4px;}
.ylj-numbox{display:inline-flex;align-items:center;border:1px solid #d9dee5;border-radius:4px;overflow:hidden;}
.ylj-numbox span{width:28px;height:30px;line-height:30px;text-align:center;cursor:pointer;color:#273445;background:#f7f9fc;font-size:16px;user-select:none;}
.ylj-numbox input{width:40px;height:30px;border:none;text-align:center;font-size:14px;outline:none;}
.ylj-rm{color:#b0b6bf;cursor:pointer;font-size:14px;}
.ylj-rm:hover{color:#273445;}
.ylj-totalbar{display:flex;justify-content:flex-end;align-items:center;padding:18px 24px;gap:20px;}
.ylj-totalbar .ylj-total-txt{font-size:14px;color:#666;}
.ylj-totalbar .ylj-total-num{font-size:24px;color:#c0392b;font-weight:700;}
.ylj-btn{display:inline-block;background:#273445;color:#fff;font-size:15px;border-radius:5px;padding:11px 34px;cursor:pointer;border:none;}
.ylj-btn:hover{opacity:.88;}
.ylj-btn.ghost{background:#fff;color:#273445;border:1px solid #273445;}
.ylj-btn.empty{background:#f5f7fa;color:#999;cursor:default;}
.ylj-empty{text-align:center;padding:70px 20px;color:#999;font-size:14px;}
.ylj-empty i{font-size:52px;display:block;margin-bottom:14px;color:#d5dbe3;}
.ylj-form-item{display:flex;align-items:center;margin-bottom:18px;}
.ylj-form-item label{width:110px;color:#555;font-size:14px;text-align:right;padding-right:16px;flex:none;}
.ylj-form-item input,.ylj-form-item textarea,.ylj-form-item select{flex:1;height:42px;border:1px solid #d9dee5;border-radius:4px;padding:0 14px;font-size:14px;outline:none;background:#fff;}
.ylj-form-item textarea{height:84px;padding:10px 14px;resize:none;}
.ylj-form-item input:focus,.ylj-form-item textarea:focus{border-color:#273445;}
.ylj-row{display:flex;gap:20px;flex-wrap:wrap;}
.ylj-row .ylj-col{flex:1;min-width:300px;}
.ylj-orderitem{padding:18px 24px;border-bottom:1px solid #f0f2f5;}
.ylj-orderitem:last-child{border-bottom:none;}
.ylj-order-head{display:flex;justify-content:space-between;color:#666;font-size:13px;margin-bottom:10px;}
.ylj-order-head b{color:#273445;font-weight:600;}
.ylj-order-prod{display:flex;align-items:center;gap:14px;margin-bottom:8px;}
.ylj-order-prod .ylj-thumbimg{width:52px;height:52px;object-fit:cover;border-radius:4px;}
.ylj-order-prod .t{flex:1;font-size:14px;color:#333;}
.ylj-order-prod .p{color:#666;font-size:13px;}
.ylj-order-status{font-size:13px;color:#c0392b;}
.ylj-order-status.ok{color:#2e8b57;}
.ylj-tip{font-size:12px;color:#999;line-height:1.8;margin-top:10px;}
.ylj-login-actions{display:flex;justify-content:center;gap:16px;padding:20px 0 30px;}
@media (max-width:767px){
  .ylj-table th:nth-child(2),.ylj-table td:nth-child(2){display:none;}
  .ylj-form-item label{width:86px;}
  .ylj-page{padding:20px 12px 50px;}
}