/* ui1111 全站统一样式：以首页「程序卡住 / 等太久」卡片为标准（左缩略图、加粗标题·件数、灰色说明、编号行、右侧按钮，白底圆角细边框）。
   只管字体、字号、标题层级、卡片、按钮、输入框、间距；不改任何业务逻辑。所有页面最后加载本文件。 */
:root{
  --v-font:-apple-system,BlinkMacSystemFont,"Segoe UI Variable Text","Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei",sans-serif;
  --v-fs-xs:12px;--v-fs-sm:13px;--v-fs-md:14px;--v-fs-lg:16px;--v-fs-xl:18px;--v-fs-2xl:22px;--v-fs-num:24px;
  --v-text:#1b1f23;--v-muted:#5e6e75;--v-faint:#8a969c;--v-line:#eceef0;--v-line-strong:#d5dade;--v-bg:#f5f6f8;--v-card:#fff;
  --v-accent:#08c6c5;--v-accent-ink:#fff;--v-accent-soft:#e6f8f8;--v-warn:#8a5a14;--v-warn-soft:#fff7e8;--v-danger:#b42318;--v-ok:#1a7f37;
  --v-radius:8px;--v-radius-sm:6px;--v-gap:12px;--v-pad:14px;--v-thumb:64px;--v-btn-h:32px;
  --ui-font:var(--v-font);--ui-text:var(--v-text);--ui-muted:var(--v-muted);--ui-border:var(--v-line);
}
html,body{font-family:var(--v-font)!important;font-size:var(--v-fs-md);color:var(--v-text);-webkit-font-smoothing:antialiased}
body button,body input,body select,body textarea,body dialog{font-family:var(--v-font)!important}
/* 标题层级：页面标题 22 / 区块标题 18 / 卡片标题 14 加粗 */
#app h1,.heading h1{font-size:var(--v-fs-2xl)!important;font-weight:650!important;line-height:1.3;letter-spacing:0;font-family:var(--v-font)!important}
#app h2,.sectiontitle h2,dialog h2{font-size:var(--v-fs-xl)!important;font-weight:600!important;line-height:1.35;letter-spacing:0;font-family:var(--v-font)!important;margin:0}
#app h3,dialog h3{font-size:var(--v-fs-md)!important;font-weight:600!important;line-height:1.4;letter-spacing:0;font-family:var(--v-font)!important}
.heading p,.heading .help{font-size:var(--v-fs-sm)!important;color:var(--v-muted)!important}
.sectiontitle{display:flex;align-items:center;justify-content:space-between;gap:var(--v-gap);margin:0 0 10px!important}
/* 说明文字：灰色 13；编号/提示 12 */
#app .muted,#app p.help,#app .help,dialog .help{font-size:var(--v-fs-sm)!important;color:var(--v-muted)!important;line-height:1.5}
#app small,#app .tile-info small{font-size:var(--v-fs-xs)}
#app .reason{font-size:var(--v-fs-sm)!important;line-height:1.5}
/* 区块卡片：白底、细边框、8 圆角、统一内边距和间距 */
#app .buyer-card,#app .panel,#app section.card,#app .focus-card,#app .platform-card,#app .album-card,#app .queue-card,#app .brand-profile{background:var(--v-card);border:1px solid var(--v-line)!important;border-radius:var(--v-radius)!important;box-shadow:none!important}
#app .buyer-card{padding:16px!important;margin:0 0 var(--v-gap)!important}
/* 标准行卡片 article.product：缩略图 | 标题+说明+编号 | 按钮 */
#app article.product.product-row{background:var(--v-card)!important;border:1px solid var(--v-line)!important;border-radius:var(--v-radius)!important;box-shadow:none!important;margin:0 0 10px!important}
#app article.product:not(.product-row),#app form.product{display:flex!important;align-items:center;gap:var(--v-gap);padding:12px var(--v-pad)!important;margin:0 0 10px!important;background:var(--v-card)!important;border:1px solid var(--v-line)!important;border-radius:var(--v-radius)!important;box-shadow:none!important}
#app article.product:not(.product-row) > div:not(.actions),#app form.product > div:not(.actions){flex:1 1 0;min-width:0}
#app article.product:not(.product-row) > .actions,#app form.product > .actions{flex:0 0 auto;margin-left:auto}
#app article.product > .product-thumb,#app article.product > svg{flex:0 0 var(--v-thumb)}
#app .product-identity .product-thumb{flex:0 0 var(--v-thumb)}
#app article.product h3{margin:0 0 3px!important}
#app article.product p{margin:2px 0!important}
#app .product-thumb{width:var(--v-thumb)!important;height:var(--v-thumb)!important;object-fit:cover;border-radius:var(--v-radius-sm)!important;background:#f1f2f4;border:1px solid var(--v-line)}
#app .actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}
/* 按钮：统一高度 32、圆角 6、字号 13；主按钮青色 */
#app .actions button,#app .actions a,#app .heading a,#app .heading button,#app .sectiontitle button,#app .buyer-card > button,#app .buyer-card form button,#app .album-tools button,#app #flow-actions button,#app #flow-actions a,dialog button,#app .primary-button,#app .v21-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:var(--v-btn-h);padding:0 12px!important;font-size:var(--v-fs-sm)!important;font-weight:600!important;line-height:1.2;border-radius:var(--v-radius-sm)!important;border:1px solid var(--v-line-strong)!important;background:#fff;color:var(--v-text);text-decoration:none;cursor:pointer;white-space:nowrap;box-shadow:none!important}
#app .primary-button,#app .actions a.primary,#app .actions .primary,#app .heading a,dialog .primary-button,#app .v21-btn.primary{background:var(--v-accent)!important;border-color:var(--v-accent)!important;color:var(--v-accent-ink)!important}
#app button:disabled,dialog button:disabled{opacity:.55;cursor:not-allowed}
#app .actions button:hover,#app .actions a:hover,#app .v21-btn:hover{filter:brightness(.97)}
#app .album-tools .chosen,#app .segmented .chosen{background:var(--v-text)!important;color:#fff!important;border-color:var(--v-text)!important}
/* 输入框 */
#app input:not([type=checkbox]):not([type=radio]):not([type=file]),#app select,#app textarea,dialog input:not([type=checkbox]):not([type=radio]),dialog select,dialog textarea{font-size:var(--v-fs-md)!important;padding:7px 10px!important;border:1px solid var(--v-line-strong)!important;border-radius:var(--v-radius-sm)!important;background:#fff!important;color:var(--v-text)}
#app label,#app .formlabel{font-size:var(--v-fs-sm)}
/* 徽标 */
#app .badge,#app .sale-tag{font-size:var(--v-fs-xs)!important;padding:2px 8px!important;border-radius:999px!important;line-height:1.5}
/* 数字 */
#app .metric b,#app .focus-card b,#app .platform-counts b,#app .four-stages b{font-family:var(--v-font)!important;font-variant-numeric:tabular-nums}
#app .metric b{font-size:var(--v-fs-num)!important;font-weight:700!important}
/* 侧栏和底栏文字统一 */
.side a,.bottom a{font-family:var(--v-font)!important;font-size:var(--v-fs-md)}
#sync-status{font-size:var(--v-fs-xs)!important;color:var(--v-faint)}
/* 相册：只画看得见的格子，往下翻不卡 */
#album-content .media-tile{content-visibility:auto;contain-intrinsic-size:auto 220px}
#app .tile-info{font-size:var(--v-fs-xs)}
/* 弹窗 */
dialog{border:1px solid var(--v-line)!important;border-radius:10px!important;font-size:var(--v-fs-md)}

/* ===== 首页「每件在哪一级」（原 5 个数字卡 + 待办按负责人 合并成一块） ===== */
.v21-tiers .v21-tier{cursor:default}
.v21-tiers .v21-tier h3 b{font-variant-numeric:tabular-nums}
.v21-tiers .v21-tier .help span{display:inline-block;margin-right:10px;white-space:nowrap}
.v21-tiers .v21-tier .help span b{font-weight:600;color:var(--v-text)}
.v21-tiers .v21-tier.lv-hot{border-left:3px solid var(--v-warn)!important}
.v21-tiers .v21-tier-list{margin:-4px 0 12px 22px;padding-left:12px;border-left:2px solid var(--v-line)}
.v21-tiers .v21-tier-list[hidden]{display:none}
.v21-tiers .v21-tier-list .more{font-size:var(--v-fs-sm);color:var(--v-muted);margin:6px 0 0}
.v21-tiers .v21-tier-list article.product{margin-bottom:8px!important}
.v21-tiers .v21-todo-tag{display:inline-block;font-size:var(--v-fs-xs);font-weight:600;color:var(--v-warn);background:var(--v-warn-soft);border-radius:999px;padding:1px 8px;margin-left:6px;vertical-align:1px}
.v21-tiers .v21-tierbar{display:flex;height:8px;border-radius:999px;overflow:hidden;background:#f1f2f4;margin:2px 0 14px}
.v21-tiers .v21-tierbar i{display:block;height:100%}
.v21-tiers .lvc1{background:#9fb3c8}.v21-tiers .lvc2{background:#e0b25b}.v21-tiers .lvc3{background:#d9776b}.v21-tiers .lvc4{background:#5aa9e6}.v21-tiers .lvc5{background:#3fb98a}
.v21-tiers .v21-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:1px}
@media (max-width:640px){
  #app .actions button,#app .actions a{white-space:normal}
  #app article.product:not(.product-row),#app form.product{flex-wrap:wrap;--v-thumb:48px}
  #app article.product:not(.product-row) > .actions,#app form.product > .actions{flex-basis:100%;justify-content:flex-start;margin-left:0}
  .v21-tiers .v21-tier-list{margin-left:6px;padding-left:8px}
  .sectiontitle{flex-wrap:wrap;align-items:flex-start}
  .sectiontitle h2{flex:1 1 auto;min-width:0}
  .sectiontitle .help{flex:1 1 100%;margin:2px 0 0}
  #v21-white-redo article.product{flex-wrap:nowrap;align-items:center}
  #v21-white-redo article.product > .actions{flex:0 0 auto;flex-basis:auto;margin-left:auto;justify-content:flex-end}
  #v21-white-redo article.product h3,#v21-white-redo article.product .muted{white-space:normal;overflow-wrap:anywhere}
}
/* 采购上传「新品 / 折扣」大选择块不按普通按钮压扁 */
#app .sale-choice button{display:block!important;min-height:56px!important;padding:10px 14px!important;text-align:left;white-space:normal;font-size:var(--v-fs-md)!important}
#app .sale-choice button small{display:block;font-weight:400;font-size:var(--v-fs-xs)}

/* reviewui1111：淘宝类目做成普通只读字段；白底/官网/视频按钮挪到对应区块 */
#v21-tb-cat-wrap{margin:0!important}
#v21-tb-cat,.v21-tb-cat-val{display:flex;align-items:center;min-height:34px;padding:6px 9px;border:1px solid var(--v-line-strong,#d5dade);border-radius:var(--v-radius-sm,6px);background:#f4f5f7;color:var(--v-text,#1b1f23);font-size:var(--v-fs-md,14px);font-weight:400;line-height:1.4;box-sizing:border-box;width:100%}
#v21-tb-cat.is-empty{background:var(--v-warn-soft,#fff7e8);color:var(--v-warn,#8a5a14);border-color:#ead7b3;font-weight:400}
#v21-white .v21-white-actions,.v21-white-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}
#v21-white.v21-white-empty .v21-white-empty-hint{margin:0;padding:16px;background:#f6f7f8;border:1px dashed var(--v-line-strong,#d5dade);border-radius:var(--v-radius-sm,6px);color:var(--v-muted,#5e6e75);font-size:var(--v-fs-sm,13px)}
.v21-field-actions{margin:4px 0 8px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#review-videos h3 .v21-media-action{display:inline-flex;margin:0 0 0 10px;align-items:center;vertical-align:middle;font-size:var(--v-fs-sm,13px)!important;font-weight:600;min-height:var(--v-btn-h,32px);padding:0 12px;border:1px solid var(--v-line-strong,#d5dade);border-radius:var(--v-radius-sm,6px);background:#fff;color:var(--v-text,#1b1f23);text-decoration:none}
.v21-media-action{display:inline-flex;margin:8px 0 0;align-items:center}
@media(max-width:760px){#v21-tb-cat,.v21-tb-cat-val{min-height:44px;font-size:16px!important}}
/* 11-11：采购只显示「上传」「相册」入口 */
body.role-buyer a[href="index.html"],body.role-buyer a[href="products.html"],body.role-buyer a[href^="products.html"],body.role-buyer a[href^="review.html"],body.role-buyer a[href="brands.html"],body.role-buyer a[href^="brands.html"],body.role-buyer a[href="accounts.html"],body.role-buyer a[href="size-charts.html"],body.role-buyer a[href="settings.html"]{display:none!important}