/* 共潮集团·明月号 达人档案海报 — 共用样式（posters.html / index.html 共用） */
.poster { width:640px; height:440px; border-radius:16px; overflow:hidden; position:relative; box-shadow:0 14px 40px rgba(0,50,120,.14); font-family:"PingFang SC","Microsoft YaHei",sans-serif; display:flex; flex-direction:column; }
.poster * { box-sizing:border-box; }
.poster .main { flex:1; display:flex; min-height:0; }

.lg { display:flex; align-items:center; gap:10px; }
/* 共潮高度 20px 为基准。明月号整版锁定字面几乎占满框高(~99.5%)，共潮字面仅占框高 ~61%，
   故等高等视觉不等大。视觉等大点原定为 15px(≈共潮 0.77 倍)；用户于 2026-10-26 明确要求
   在视觉等大基础上放大 10% → 16.5px，再放大 5% → 17.325px，故现明月号(17.325px)相对共潮(20px)视觉上更大。 */
.lg .gc { height:20px; width:auto; }
.lg .sep { width:1px; height:13px; background:rgba(120,130,150,.35); }
.lg .my { height:17.325px; width:auto; }
.on-dark .sep { background:rgba(255,255,255,.3); }
.dtag { display:inline-block; margin-top:8px; font-size:10px; font-weight:700; letter-spacing:2px; border-radius:6px; padding:3px 10px; }
.nm { font-size:22px; font-weight:800; margin-top:4px; }
.cinfo { font-size:10.5px; margin-top:3px; font-weight:600; }
.total { display:flex; align-items:baseline; gap:7px; margin-top:4px; }
.total .lab { font-size:11px; font-weight:600; }
.total .num { font-size:29px; font-weight:800; letter-spacing:-1px; }
.rows { display:flex; flex-direction:column; gap:3px; }
.row { display:flex; align-items:center; border-radius:8px; padding:4px 11px; }
.row .pf { width:42px; font-size:12px; font-weight:700; }
.row .nk { flex:1; font-size:9px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:6px; }
.row .fs { width:54px; text-align:right; font-size:12px; font-weight:700; }
.row .dv { width:1px; height:11px; margin:0 7px; }
/* 右区固定结构：左「报价+返点」右「状态标签」，单行不换行，保证所有行布局一致 */
.row .pr { width:132px; display:flex; align-items:center; justify-content:flex-end; gap:4px; white-space:nowrap; font-size:12px; font-weight:800; }
.row .pr .terms { min-width:0; flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:right; }
.row .pr .st { flex:none; }
.row .pr .badge { padding:2px 7px; font-size:9px; }
.slogan { font-size:11px; letter-spacing:4px; font-weight:600; }
.badge { display:inline-block; font-size:9.5px; font-weight:700; border-radius:999px; padding:2px 9px; }
.foot { flex:none; height:62px; display:flex; align-items:center; padding:0 16px; gap:10px; }
.foot .dis { flex:1; font-size:9.5px; letter-spacing:.5px; }
.foot .qr { width:50px; height:50px; border:none; border-radius:8px; display:flex; align-items:center; justify-content:center; font-size:8px; font-weight:700; }

.t-light { background:#fff; }
.t-light .info { width:58%; padding:16px 20px 8px; display:flex; flex-direction:column; }
.t-light .dtag { background:#e8f1ff; color:#006BE6; }
.t-light .nm { color:#101828; }
.t-light .cinfo { color:#8a8f99; }
.t-light .total .lab { color:#7c8494; } .t-light .total .num { color:#006BE6; }
.t-light .rows { margin-top:7px; }
.t-light .row { background:#f5f9ff; border:1px solid #e8f0fc; }
.t-light .row .pf{color:#1c2333;} .t-light .row .nk{color:#a0a6b2;} .t-light .row .fs{color:#3c4560;} .t-light .row .dv{background:#dde5f0;} .t-light .row .pr{color:#006BE6;}
.t-light .row .pr .rb { color:#8a8f99; font-weight:600; font-size:10.5px; }
.t-light .slogan { margin-top:auto; padding:8px 0 6px; color:#006BE6; }
.t-light .photo { width:42%; }
.t-light .foot { background:#f7f9fc; border-top:1px solid #eef1f6; }
.t-light .foot .dis { color:#a0a6b2; }
.t-light .foot .qr { border-color:#c3c9d4; color:#a0a6b2; }

.t-dark { background:#0b1526; }
.t-dark .photo { width:42%; position:relative; }
.t-dark .photo::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(11,21,38,0) 55%,#0b1526 100%); }
.t-dark .info { width:58%; padding:16px 20px 8px; display:flex; flex-direction:column; order:-1; }
.t-dark .dtag { background:rgba(78,168,255,.18); color:#7fc0ff; }
.t-dark .nm { color:#fff; }
.t-dark .cinfo { color:rgba(255,255,255,.5); }
.t-dark .total .lab { color:rgba(255,255,255,.6); } .t-dark .total .num { color:#4ea8ff; }
.t-dark .rows { margin-top:7px; }
.t-dark .row { background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.14); }
.t-dark .row .pf{color:#fff;} .t-dark .row .nk{color:rgba(255,255,255,.5);} .t-dark .row .fs{color:#e8eef8;} .t-dark .row .dv{background:rgba(255,255,255,.2);} .t-dark .row .pr{color:#7fc0ff;}
.t-dark .row .pr .rb { color:rgba(255,255,255,.5); font-weight:600; font-size:10.5px; }
.t-dark .slogan { margin-top:auto; padding:8px 0 6px; color:rgba(255,255,255,.92); }
.t-dark .foot { background:rgba(255,255,255,.05); border-top:1px solid rgba(255,255,255,.1); }
.t-dark .foot .dis { color:rgba(255,255,255,.45); }
.t-dark .foot .qr { border-color:rgba(255,255,255,.35); color:rgba(255,255,255,.5); }
.photo img { width:100%; height:100%; object-fit:cover; object-position:center 15%; display:block; }

/* 签约版 */
.congrats { margin-top:6px; border-radius:12px; padding:5px 10px; display:flex; align-items:center; gap:8px; }
.t-light .congrats { background:linear-gradient(90deg,#ffefc9,#ffe3a8); border:1.5px solid #f5c35c; box-shadow:0 4px 14px rgba(245,180,60,.25); }
.t-dark .congrats { background:rgba(255,196,80,.16); border:1.5px solid rgba(255,196,80,.55); box-shadow:0 4px 14px rgba(245,180,60,.12); }
.congrats .ic { width:22px; height:22px; flex:none; }
.congrats .tx { font-size:11px; font-weight:700; line-height:1.35; }
.congrats .tx b { font-size:12.5px; }
.t-light .congrats .tx { color:#8a5a00; } .t-light .congrats .tx b { color:#b96e00; }
.t-dark .congrats .tx { color:#ffd88f; } .t-dark .congrats .tx b { color:#ffe6ae; }
.rib { position:absolute; top:0; right:24px; z-index:3; background:linear-gradient(180deg,#f5b52e,#e89c14); color:#fff; font-size:11px; font-weight:800; padding:7px 12px 9px; border-radius:0 0 9px 9px; letter-spacing:2px; box-shadow:0 4px 10px rgba(232,156,20,.4); }
.bd-sign { background:#e3f3e8; color:#1a9e54; border:1px solid #b7e5c8; }
.bd-pend { background:#fdf0e3; color:#d97b16; border:1px solid #f5d5ae; }
.t-dark .bd-sign { background:rgba(46,196,113,.16); color:#5ee69a; border-color:rgba(46,196,113,.35); }
.t-dark .bd-pend { background:rgba(255,160,60,.14); color:#ffb35c; border-color:rgba(255,160,60,.35); }

/* 待确认版 */
.bd-wait { background:#eef1f6; color:#8a8f99; border:1px dashed #c3c9d4; }
.t-dark .bd-wait { background:rgba(255,255,255,.08); color:rgba(255,255,255,.55); border:1px dashed rgba(255,255,255,.3); }
.topmark { position:absolute; top:14px; right:0; font-size:10.5px; font-weight:700; padding:4px 14px 4px 16px; border-radius:999px 0 0 999px; z-index:3; }
.t-light .topmark { background:#fdf0e3; color:#d97b16; border:1px solid #f5d5ae; border-right:none; }
.t-dark .topmark { background:rgba(255,160,60,.2); color:#ffb35c; border:1px solid rgba(255,160,60,.4); border-right:none; }
.strike { text-decoration:line-through; opacity:.55; margin-right:5px; font-size:10.5px; }

/* ===== 竖版 480x720 ===== */
.poster-v { width:480px; height:720px; border-radius:16px; overflow:hidden; position:relative; box-shadow:0 14px 40px rgba(0,50,120,.14); font-family:"PingFang SC","Microsoft YaHei",sans-serif; display:flex; flex-direction:column; }
.poster-v * { box-sizing:border-box; }
.poster-v .vhead { flex:none; display:flex; justify-content:space-between; align-items:center; padding:13px 16px; }
.poster-v .vphoto { flex:none; height:246px; position:relative; }
/* 竖版角标挂照片右上角：签约喜报绶带贴照片上缘右角；待确认标贴照片右上、仍贴右边缘 */
.poster-v .vphoto .rib { top:0; right:0; }
.poster-v .vphoto .topmark { top:12px; right:0; }
.poster-v .vphoto img { width:100%; height:100%; object-fit:cover; object-position:center 15%; display:block; }
.poster-v .vbody { flex:1; display:flex; flex-direction:column; padding:12px 18px 4px; min-height:0; }
.poster-v .nm { font-size:24px; margin-top:0; }
.poster-v .rows { margin-top:9px; }
.poster-v .slogan { margin-top:auto; padding:8px 0 8px; text-align:center; }
.poster-v.t-light { background:#fff; }
.poster-v.t-light .nm { color:#101828; } .poster-v.t-light .cinfo { color:#8a8f99; }
.poster-v.t-light .total .lab { color:#7c8494; } .poster-v.t-light .total .num { color:#006BE6; }
.poster-v.t-light .row { background:#f5f9ff; border:1px solid #e8f0fc; }
.poster-v.t-light .row .pf{color:#1c2333;} .poster-v.t-light .row .nk{color:#a0a6b2;} .poster-v.t-light .row .fs{color:#3c4560;} .poster-v.t-light .row .dv{background:#dde5f0;} .poster-v.t-light .row .pr{color:#006BE6;}
.poster-v.t-light .row .pr .rb { color:#8a8f99; font-weight:600; font-size:10.5px; }
.poster-v.t-light .slogan { color:#006BE6; }
.poster-v.t-light .dtag { background:#e8f1ff; color:#006BE6; }
.poster-v.t-light .foot { background:#f7f9fc; border-top:1px solid #eef1f6; }
.poster-v.t-light .foot .dis { color:#a0a6b2; } .poster-v.t-light .foot .qr { border-color:#c3c9d4; }
.poster-v.t-light .congrats { background:linear-gradient(90deg,#ffefc9,#ffe3a8); border:1.5px solid #f5c35c; }
.poster-v.t-light .congrats .tx { color:#8a5a00; } .poster-v.t-light .congrats .tx b { color:#b96e00; }
.poster-v.t-light .topmark { background:#fdf0e3; color:#d97b16; border:1px solid #f5d5ae; border-right:none; }
.poster-v.t-dark { background:#0b1526; }
.poster-v.t-dark .nm { color:#fff; } .poster-v.t-dark .cinfo { color:rgba(255,255,255,.5); }
.poster-v.t-dark .total .lab { color:rgba(255,255,255,.6); } .poster-v.t-dark .total .num { color:#4ea8ff; }
.poster-v.t-dark .row { background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.14); }
.poster-v.t-dark .row .pf{color:#fff;} .poster-v.t-dark .row .nk{color:rgba(255,255,255,.5);} .poster-v.t-dark .row .fs{color:#e8eef8;} .poster-v.t-dark .row .dv{background:rgba(255,255,255,.2);} .poster-v.t-dark .row .pr{color:#7fc0ff;}
.poster-v.t-dark .row .pr .rb { color:rgba(255,255,255,.5); font-weight:600; font-size:10.5px; }
.poster-v.t-dark .slogan { color:rgba(255,255,255,.92); }
.poster-v.t-dark .dtag { background:rgba(78,168,255,.18); color:#7fc0ff; }
.poster-v.t-dark .foot { background:rgba(255,255,255,.05); border-top:1px solid rgba(255,255,255,.1); }
.poster-v.t-dark .foot .dis { color:rgba(255,255,255,.45); } .poster-v.t-dark .foot .qr { border-color:rgba(255,255,255,.35); }
.poster-v.t-dark .congrats { background:rgba(255,196,80,.16); border:1.5px solid rgba(255,196,80,.55); }
.poster-v.t-dark .congrats .tx { color:#ffd88f; } .poster-v.t-dark .congrats .tx b { color:#ffe6ae; }
.poster-v.t-dark .topmark { background:rgba(255,160,60,.2); color:#ffb35c; border:1px solid rgba(255,160,60,.4); border-right:none; }
/* 底部二维码为真实明月号二维码：白底圆角保证深底可扫；左侧配引导文案 */
.foot .qrbox { display:flex; align-items:center; gap:9px; flex:none; }
.foot .qrtext { font-size:9.5px; font-weight:700; line-height:1.55; text-align:right; letter-spacing:.3px; }
.t-light .foot .qrtext { color:#006BE6; }
.t-dark .foot .qrtext { color:#7fc0ff; }
.poster-v.t-light .foot .qrtext { color:#006BE6; }
.poster-v.t-dark .foot .qrtext { color:#7fc0ff; }
.foot .qr { width:50px; height:50px; padding:3px; background:#fff; box-shadow:0 1px 4px rgba(16,24,40,.12); }
.foot .qr img { width:100%; height:100%; border-radius:5px; display:block; }