/* ==========================================================================
   全站去「一根线包着的边框」(2026-11-05,站长:最讨厌边上带一圈边框线)
   统一做法(和卡券页、充值页、接码页、分类页一致):
     · 面板 / 卡片:不描边,改很浅的底色块;
     · 面板里的选项 / 按钮 / 输入框:白底小块,不描边;
     · 选中:浅主色底(或原来的实底主色),不用主色描边;
     · 行与行之间的细分隔线保留,只去整圈的框。
   这个文件排在全站样式和页面样式之后加载;组件自带的样式优先级更高,所以这里统一用 !important。
   要整体回到原样:删掉 layouts/app.blade.php 里引用本文件的那一行即可。
   ========================================================================== */
:root {
  --nol-tint: color-mix(in srgb, var(--t-text, #0f172a) 4%, var(--t-surface, #fff));
  --nol-tint-2: color-mix(in srgb, var(--t-text, #0f172a) 8%, var(--t-surface, #fff));
  --nol-pri: color-mix(in srgb, var(--t-primary, #006fff) 11%, var(--t-surface, #fff));
  --nol-ok: color-mix(in srgb, var(--t-success, #16a34a) 9%, var(--t-surface, #fff));
  --nol-ok-2: color-mix(in srgb, var(--t-success, #16a34a) 14%, var(--t-surface, #fff));
  --nol-ring: 0 0 0 3px color-mix(in srgb, var(--t-primary, #006fff) 18%, transparent);
}

/* ---------- 商品卡:分类商品列表 / 搜索结果 / 相关推荐(列表样式 .plc,网格样式 .product-card-grid) ---------- */
.plc { border-color: transparent !important; background: var(--nol-tint) !important; box-shadow: none !important; }
.plc:hover { background: var(--nol-tint-2) !important; }
.plc .plc__media { background: var(--t-surface, #fff); }
.plc--pinned { background: var(--nol-ok) !important; }               /* 置顶卡:原来是绿边,改成淡绿底 */
.plc--pinned:hover { background: var(--nol-ok-2) !important; }
.pd-related .plc { background: var(--t-surface, #fff) !important; }   /* 相关推荐区本身是浅底,卡片用白底 */
.pd-related .plc:hover { background: var(--t-surface, #fff) !important; box-shadow: 0 6px 18px -10px rgba(15, 23, 42, .28) !important; }
.product-card-grid { border-color: transparent !important; box-shadow: none !important; background: var(--nol-tint) !important; }
.product-card-grid:hover { background: var(--nol-tint-2) !important; box-shadow: none !important; }
.product-card-grid .pcg-thumb { background: transparent !important; border-bottom: 0 !important; }

/* ---------- 首页 ---------- */
.hp2-card { border-color: transparent !important; background: var(--nol-tint) !important; }
.hp2-card:hover { background: var(--nol-tint-2) !important; }
.tst2-card { border-color: transparent !important; box-shadow: none !important; background: var(--nol-tint) !important; }
.hw2-step__node { border-color: transparent !important; box-shadow: none !important; background: var(--nol-pri) !important; }
.blog-item { border-color: transparent !important; box-shadow: none !important; background: var(--nol-tint) !important; }
.banner-content__buttons .btn-outline--base { border-color: transparent !important; background: var(--nol-pri) !important; color: var(--t-primary, #006fff) !important; }
.banner-content__buttons .btn-outline--base:hover { background: var(--t-primary, #006fff) !important; color: #fff !important; }

/* ---------- 自由市场 ---------- */
.um-card { border-color: transparent !important; }
.um-card:not(.um-card--risk):not(.um-card--selected) { background: var(--nol-tint) !important; box-shadow: none !important; }
.um-card:not(.um-card--risk):not(.um-card--selected):hover { background: var(--nol-tint-2) !important; }
.um-card--selected { background: var(--nol-pri) !important; }          /* 批量选中:原来是主色描边 */
.um-cart-btn { border-color: transparent !important; }
.um-filter-btn, .um-orders-link, .um-cart-link, .um-load-btn { border-color: transparent !important; background: var(--nol-tint) !important; }
.um-filter-btn:hover, .um-orders-link:hover, .um-cart-link:hover, .um-load-btn:hover { background: var(--nol-tint-2) !important; }
.um-filter-btn--on { background: var(--nol-pri) !important; }
.um-input { border-color: transparent !important; background: var(--nol-tint) !important; }
.um-input:focus { background: var(--t-surface, #fff) !important; box-shadow: var(--nol-ring) !important; }

/* ---------- 代理 IP ---------- */
.pb-section, .pb-topbar { border-color: transparent !important; background: var(--nol-tint) !important; box-shadow: none !important; }
.pb-stepper, .pb-summary { border-color: transparent !important; background: var(--t-surface, #fff) !important; }
.pb-country, .pb-period { border-color: transparent !important; }
.pb-country:not(.active), .pb-period:not(.active):not(.popular) { background: var(--t-surface, #fff) !important; }
.pb-country:not(.active):hover, .pb-period:not(.active):hover { background: var(--nol-pri) !important; }
.pb-more-btn { border-color: transparent !important; background: var(--t-surface, #fff) !important; }

/* ---------- 用户中心首页 ---------- */
.ud2-sec, .ud4-card { border-color: transparent !important; background: var(--nol-tint) !important; box-shadow: none !important; }
.ud4-btn:not(.ud4-btn--solid) { border-color: transparent !important; background: var(--t-surface, #fff) !important; }
.ud2-aff { border-color: transparent !important; }
.uc-lvbox { border-color: transparent !important; }

/* ---------- 推广中心 ---------- */
.af2-card { border-color: transparent !important; background: var(--nol-tint) !important; box-shadow: none !important; }
.af2-link__in { border-color: transparent !important; background: var(--t-surface, #fff) !important; }
.af2-link__in:focus { box-shadow: var(--nol-ring) !important; }
.af2-qr { border-color: transparent !important; }
.af2-sh { border-color: transparent !important; background: var(--t-surface, #fff) !important; }
.af2-sh:hover { background: var(--nol-pri) !important; }
.af2-btn:not(.af2-btn--solid) { border-color: transparent !important; background: var(--t-surface, #fff) !important; }

/* ---------- 付款记录 ---------- */
.detail-btn { border-color: transparent !important; }
.status-tag { border-color: transparent !important; }
.status-tag--refunded { background: color-mix(in srgb, var(--t-danger, #dc2626) 9%, var(--t-surface, #fff)) !important; }

/* ---------- 邮箱接码(及各工具页底部的说明折叠块) ---------- */
.mc-svc { border-color: transparent !important; box-shadow: none !important; }
.mc-svc:not(.on) { background: var(--nol-tint) !important; }
.mc-svc:not(.on):hover { background: var(--nol-tint-2) !important; }
.mc-svc.on { background: var(--nol-pri) !important; }
.mc-doms, .mc-buy, .mc-how { border-color: transparent !important; background: var(--nol-tint) !important; }
.mc-hist__tools select, .mc-hist__tools input { border-color: transparent !important; background: var(--nol-tint) !important; }
.tool-seo__item { border-color: transparent !important; background: var(--nol-tint) !important; }

/* ---------- 社媒增粉 ---------- */
.sm__plat { border-color: transparent !important; box-shadow: none !important; }
.sm__plat:not(.on) { background: var(--nol-tint) !important; }
.sm__plat:not(.on):hover { background: var(--nol-tint-2) !important; }
.sm__more, .sm__platbar-change { border-color: transparent !important; background: var(--nol-tint) !important; }
.sm__search { border-color: transparent !important; background: var(--nol-tint) !important; }
.sm__search:focus { background: var(--t-surface, #fff) !important; box-shadow: var(--nol-ring) !important; }

/* ---------- 资料设置 ---------- */
.profile-input-group { border-color: transparent !important; background: var(--nol-tint) !important; }
.profile-input-group:focus-within { background: var(--t-surface, #fff) !important; box-shadow: var(--nol-ring) !important; }
.profile-input-group input, .profile-input-group select { background: transparent !important; }
.profile-avatar__btn { border-color: transparent !important; background: var(--nol-tint) !important; }
.profile-linked { border-color: transparent !important; }

/* ---------- 联系我们 ---------- */
.contact-info-card, .contact-form-card { border-color: transparent !important; background: var(--nol-tint) !important; box-shadow: none !important; }
.contact-notice { border-color: transparent !important; }
.ct-form__input, .ct-form__textarea { border-color: transparent !important; background: var(--t-surface, #fff) !important; }
.ct-form__input:focus, .ct-form__textarea:focus { box-shadow: var(--nol-ring) !important; }
.ct-chip span { border-color: transparent !important; border-style: solid !important; border-radius: 9px !important; background: var(--t-surface, #fff) !important; }
.ct-chip input:checked + span { background: var(--nol-pri) !important; color: var(--t-primary, #006fff) !important; }

/* ---------- 博客 / 通用分页 ---------- */
.bl-thumb { border-color: transparent !important; }
.bl-search input { border-color: transparent !important; background: var(--nol-tint) !important; }
.pagination .page-link { border-color: transparent !important; }
.pagination .page-item:not(.active):not(.disabled) .page-link { background: var(--nol-tint) !important; }

/* ---------- 商品详情页 ---------- */
.pd-share-btn { border-color: transparent !important; }
.pd-chip.fav { border-color: transparent !important; }
.pd-chip.fav:not(.active) { background: var(--nol-tint) !important; }
.pd-chip.fav:not(.active):hover { background: var(--nol-tint-2) !important; }
.pd-img-zoom { border-color: transparent !important; }
.pd-tutorial { border-color: transparent !important; background: color-mix(in srgb, var(--t-warning, #f59e0b) 9%, var(--t-surface, #fff)) !important; }
.pd-related-header { border-color: transparent !important; box-shadow: none !important; }

/* ---------- 订单记录搜索框 / 下拉选择 ---------- */
.vue-orders__input { border-color: transparent !important; background: var(--nol-tint) !important; }
.vue-orders__input:focus { background: var(--t-surface, #fff) !important; box-shadow: var(--nol-ring) !important; }
.ms-trigger { border-color: transparent !important; }

/* ==========================================================================
   卖家中心(2026-11-05 第三批)。范围都限定在卖家中心页面里(.seller-main)或卖家专用的类名上。
   输入框 / 下拉统一只改 background-color,不用 background 简写 —— Bootstrap 的下拉箭头是背景图,简写会把它抹掉。
   ========================================================================== */

/* ---------- 表格:只留行与行之间的横线,去掉竖线和外框 ---------- */
.sd__table, .sf-table, .freeze-table, .mb-table { border-color: transparent !important; }
.sd__table th, .sd__table td, .sf-table th, .sf-table td, .freeze-table th, .freeze-table td, .mb-table th, .mb-table td {
  border-left-color: transparent !important; border-right-color: transparent !important; border-top-color: transparent !important;
}
.sd__table th, .sf-table th, .freeze-table th, .mb-table th { background-color: transparent !important; }

/* ---------- 卖家中心里的通用表单控件(财务流水 / 冻结明细的筛选条等) ---------- */
.seller-main .form-control, .seller-main .form-select { border-color: transparent !important; background-color: var(--nol-tint) !important; }
.seller-main .form-control:focus, .seller-main .form-select:focus { background-color: var(--t-surface, #fff) !important; box-shadow: var(--nol-ring) !important; }
.seller-main .input-group-text { border-color: transparent !important; background-color: var(--nol-tint-2) !important; }

/* ---------- 编辑器(新建商品、写文章用的富文本框) ---------- */
.seller-main .note-editor.note-frame { border-color: transparent !important; }
.seller-main .note-toolbar { border-color: transparent !important; }
.seller-main .note-btn { border-color: transparent !important; }
.seller-main .note-btn:not(.active) { background-color: var(--t-surface, #fff) !important; }
.seller-main .note-btn:not(.active):hover { background-color: var(--nol-tint-2) !important; }

/* ---------- 卖家首页 ---------- */
.sd__card, .sd__stat-card { border-color: transparent !important; background-color: var(--nol-tint) !important; box-shadow: none !important; }
.sd__stat-card:hover { background-color: var(--nol-tint-2) !important; }
.sd__shortcuts > a { border-color: transparent !important; background-color: var(--nol-pri) !important; }
.sd__chip { border-color: transparent !important; }
.sd__chart-type, .sd__csv-btn { border-color: transparent !important; background-color: var(--t-surface, #fff) !important; }

/* ---------- 商品管理 ---------- */
.sp-btn-add--secondary { border-color: transparent !important; background-color: var(--nol-pri) !important; }
.sp-policy-tip, .sp-kids, .sp-add-child { border-color: transparent !important; }
.seller-main .sp-add-child.sp-add-child--full { border-color: transparent !important; }   /* 组件里这条自带 !important,要更高的优先级才盖得过 */
.sp-btn-act { border-color: transparent !important; background-color: var(--nol-tint) !important; }
.sp-btn-act:hover { background-color: var(--nol-tint-2) !important; }
.sp-page-btn { border-color: transparent !important; }
.sp-page-btn:not(.active):not(.on):not(.is-active) { background-color: var(--nol-tint) !important; }

/* ---------- 新建 / 编辑商品组(整页表单) ---------- */
.pf__nav, .pf__footer { border-color: transparent !important; }
.pf__card { border-color: transparent !important; background-color: var(--nol-tint) !important; box-shadow: none !important; }
.pfg-mode, .pf__delivery-option { border-color: transparent !important; box-shadow: none !important; }
.pfg-mode:not(.on), .pf__delivery-option:not(.pf__delivery-option--active) { background-color: var(--t-surface, #fff) !important; }
.pfg-mode.on, .pf__delivery-option--active { background-color: var(--nol-pri) !important; }
.pf__img-upload, .pf__cat-trigger, .pf__drop, .pf__lf { border-color: transparent !important; background-color: var(--t-surface, #fff) !important; }
.pf__input { border-color: transparent !important; background-color: var(--t-surface, #fff) !important; }
.pf__input:focus { box-shadow: var(--nol-ring) !important; }
.pf__cat-note { border-color: transparent !important; }
.pf__tab { border-color: transparent !important; }
.pf__tab:not(.on):not(.active):not(.is-active) { background-color: var(--t-surface, #fff) !important; }
.pf__lf-btn { border-color: transparent !important; background-color: var(--nol-tint) !important; }

/* ---------- 销售记录 / 财务 ---------- */
.sh-stat { border-color: transparent !important; }
.sh-stat:not([class*="--"]):not(.active):not(.on) { background-color: var(--nol-tint) !important; }
.sh-search > input { border-color: transparent !important; background-color: var(--nol-tint) !important; }
.sh-search > input:focus { background-color: var(--t-surface, #fff) !important; box-shadow: var(--nol-ring) !important; }
.sale-tag, .sale-btn-danger { border-color: transparent !important; }
.sale-btn-outline, .sh-btn-outline { border-color: transparent !important; background-color: var(--nol-tint) !important; }
.sale-btn-outline:hover, .sh-btn-outline:hover { background-color: var(--nol-tint-2) !important; }
.sf-chart-wrap { border-color: transparent !important; background-color: var(--nol-tint) !important; }
.stat-card, .freeze-card { border-color: transparent !important; background-color: var(--nol-tint) !important; box-shadow: none !important; }

/* ---------- 工单 ---------- */
.stc-stat { border-color: transparent !important; }
.stc-sidebar__search > input { border-color: transparent !important; background-color: var(--nol-tint) !important; }
.stc-sidebar__search > input:focus { background-color: var(--t-surface, #fff) !important; box-shadow: var(--nol-ring) !important; }
.stc-rel-chip, .stc-fu-chip { border-color: transparent !important; }

/* ---------- 评价 / 额度 / 推广赞助 / 公告 / 文章 ---------- */
.pm-card { border-color: transparent !important; background-color: var(--nol-tint) !important; box-shadow: none !important; }
.sr-reply-form > textarea { border-color: transparent !important; background-color: var(--nol-tint) !important; }
.sr-reply-form > textarea:focus { background-color: var(--t-surface, #fff) !important; box-shadow: var(--nol-ring) !important; }
.qt-qty { border-color: transparent !important; background-color: var(--t-surface, #fff) !important; }
.pm-btn--line { border-color: transparent !important; background-color: var(--nol-pri) !important; }
.pm-btn--line:hover { background-color: var(--t-primary, #006fff) !important; color: #fff !important; }
.pm-seg, .cc-seg { border-color: transparent !important; background-color: var(--nol-tint) !important; }
.pm-search > input { border-color: transparent !important; background-color: var(--nol-tint) !important; }
.pm-kind { border-color: transparent !important; }
.sa-inbox, .sa-empty { border-color: transparent !important; background-color: var(--nol-tint) !important; box-shadow: none !important; }
.sa-stat { border-color: transparent !important; box-shadow: none !important; }
.sa-stat:not(.is-active) { background-color: var(--nol-tint) !important; }
.sa-stat.is-active { background-color: var(--nol-pri) !important; }
.sa-search { border-color: transparent !important; background-color: var(--nol-tint) !important; }
.af-back { border-color: transparent !important; background-color: var(--nol-tint) !important; }
.af-tips { border-color: transparent !important; }
.af-card { border-color: transparent !important; background-color: var(--nol-tint) !important; box-shadow: none !important; }
.af-input, .af-drop { border-color: transparent !important; background-color: var(--t-surface, #fff) !important; }
.af-input:focus { box-shadow: var(--nol-ring) !important; }

/* ---------- 优惠码 ---------- */
.cp-filter > input, .cp-filter > select, .cp-filter > button { border-color: transparent !important; background-color: var(--nol-tint) !important; }
.cp-empty { border-color: transparent !important; background-color: var(--nol-tint) !important; }
.cc-in > input, .cc-in input.upper, input.upper { border-color: transparent !important; background-color: var(--nol-tint) !important; }
.cc-in > input:focus, input.upper:focus { background-color: var(--t-surface, #fff) !important; box-shadow: var(--nol-ring) !important; }
.cc-sum { border-color: transparent !important; }

/* ---------- 店铺设置 ---------- */
.sv-id__logo, .sv-tag, .sv-front__banner, .sv-chipbtn, .sv-stats { border-color: transparent !important; }
.sv-stats { background-color: var(--nol-tint) !important; }
.sv-input { border-color: transparent !important; background-color: var(--nol-tint) !important; }
.sv-input:focus { background-color: var(--t-surface, #fff) !important; box-shadow: var(--nol-ring) !important; }
.sv-pre > span { border-color: transparent !important; background-color: var(--nol-tint-2) !important; }
.sv-btn--danger { border-color: transparent !important; background-color: color-mix(in srgb, var(--t-danger, #dc2626) 9%, var(--t-surface, #fff)) !important; }

/* ---------- 全站:右下角「通知已关闭」提示条 ---------- */
.pnb { border-color: transparent !important; }