/* 星天璀工作台 · clone.css —— v1.54 链接复刻 v2「全套 1:1 复刻」（前缀 cl-） */
.cl-root .card{margin-top:10px}
.cl-target .lab2{margin-bottom:2px}
.cl-list{min-width:0}
.cl-aplus{display:flex;flex-direction:column;align-items:center}
.cl-tg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:6px}
.cl-tg select{max-width:100%}
.cl-refs{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:4px}
.cl-refs .big{width:52px;height:52px;flex:none}
.cl-style.cl-locked,.cl-card.cl-locked{border-color:var(--ok);background:linear-gradient(0deg,var(--ok-s),#fff 60%)}
.cl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:6px}
.cl-grid1{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
.cl-f{display:block;font-size:12px}.cl-f>span{display:block;color:var(--ink3);font-weight:700;margin-bottom:2px}
.cl-f.ml{grid-column:span 2}.cl-grid1 .cl-f.ml{grid-column:auto}
.cl-f textarea{min-height:44px}.cl-f input:disabled,.cl-f textarea:disabled{background:transparent;color:var(--ink);border-style:dashed}
.cl-bar{position:sticky;top:calc(var(--hdrH) + 4px);z-index:20;background:#fff;border:2px solid var(--acc);border-radius:12px;padding:8px 10px;margin-top:10px;box-shadow:0 6px 18px rgba(0,0,0,.06)}
.cl-bar .cl-all{background:#1F2A24;color:#F3D38A;border-color:#1F2A24}
.cl-main{margin-top:10px}
.cl-main.m{display:grid;grid-template-columns:minmax(0,1fr) 406px;gap:14px;align-items:start}
.cl-main>*{min-width:0}
.cl-side{position:sticky;top:calc(var(--hdrH) + 96px)}
.cl-gh{font-weight:800;font-size:14px;margin:14px 0 4px}
.cl-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-top:8px;transition:box-shadow .2s}
.cl-card.sel{box-shadow:0 0 0 3px var(--acc-s),0 0 0 1px var(--acc)}
.cl-ch{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:6px}
.cl-no{background:var(--ink);color:#fff;border-radius:6px;padding:0 7px;font-size:12px}
.cl-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:6px}
.cl-lab{font-size:12px;font-weight:800;color:var(--ink2);margin-bottom:4px}
.cl-pic{aspect-ratio:1;width:100%;max-height:340px}
.cl-card.ap .cl-pic{aspect-ratio:2/1}
.cl-pic.none{background:var(--bg);color:var(--ink3);border:1px dashed var(--line);font-weight:700}
.cl-vers{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.cl-v{display:inline-flex;flex-direction:column;align-items:center;gap:2px;font-size:10.5px;font-weight:700;color:var(--ink3);cursor:pointer;padding:3px;border-radius:8px;border:1px solid var(--line);min-width:44px}
.cl-v i{width:40px;height:40px;border-radius:5px;background:#fff center/contain no-repeat}
.cl-v.on{border-color:var(--ok);color:var(--ok);background:var(--ok-s)}.cl-v.bad{color:var(--bad)}
.cl-pd{margin-top:8px}.cl-pd textarea{font:11.5px/1.5 ui-monospace,Menlo,monospace}
.cl-acts{margin-top:8px;gap:6px;flex-wrap:wrap;align-items:center}
/* Demo：亚马逊前台还原 */
.cl-demo{overflow:hidden}
.cl-pcwrap{width:100%;overflow:hidden;position:relative}
.cl-amz{background:#fff;color:#0F1111;font:13px/1.45 Arial,"Helvetica Neue",sans-serif}
.cl-amz.pc{width:1000px;transform-origin:top left;position:absolute;left:0;top:0}
.cl-nav{background:#131921;color:#fff;display:flex;gap:10px;align-items:center;padding:8px 12px}.cl-nav b{font-size:17px;letter-spacing:-.5px}
.cl-srch{flex:1;height:26px;background:#fff;border-radius:5px;border:2px solid #FEBD69}
.cl-pdp{display:grid;grid-template-columns:52px 420px minmax(0,1fr) 190px;gap:16px;padding:16px 18px}
.cl-thumbs{display:flex;flex-direction:column;gap:6px}
.cl-im{position:relative;cursor:pointer;background:#fff;border-radius:4px;overflow:hidden}
.cl-im img{display:block;width:100%;height:100%;object-fit:contain}
.cl-im.th{width:48px;height:48px;border:1px solid #D5D9D9}.cl-im.th.sel{border:2px solid #E77600;box-shadow:0 0 3px 2px rgba(228,121,17,.5)}
.cl-im.hero{aspect-ratio:1;width:100%}
.cl-im.ap{width:100%;max-width:970px;margin:0 auto 2px}.cl-im.ap img{height:auto}
.cl-im.ap.sel{outline:3px solid #E77600;outline-offset:-3px}
.cl-im.cl-pend img{opacity:.28;filter:grayscale(1)}
.cl-pt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(31,42,36,.78);color:#fff;font:700 11px/1 -apple-system,sans-serif;padding:5px 8px;border-radius:99px;white-space:nowrap}
.cl-inset{position:absolute;right:4px;bottom:4px;width:30% !important;height:auto !important;border:2px solid #fff;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.3);background:#fff}
.cl-im.th .cl-inset,.cl-im.th .cl-pt{display:none}
.cl-info .cl-t{font-size:22px;line-height:1.3;font-weight:400}.cl-info hr{border:0;border-top:1px solid #E7E7E7;margin:8px 0}
.cl-info ul,.cl-pad ul{margin:4px 0 0;padding-left:18px}.cl-info li,.cl-pad li{margin:3px 0}
.cl-brand{color:#007185;font-size:13px}.cl-stars{color:#DE7921;font-size:13px}.cl-stars span{color:#007185}
.cl-buy{border:1px solid #D5D9D9;border-radius:8px;padding:12px;align-self:start}
.cl-price{font-size:24px;font-weight:500}
.cl-b{display:block;width:100%;border:0;border-radius:99px;padding:7px;margin-top:8px;font-size:13px}.cl-b.b1{background:#FFD814}.cl-b.b2{background:#FFA41C}
.cl-sec{border-top:1px solid #E7E7E7;padding:14px 18px}.cl-sec h2{font-size:20px;margin:0 0 10px}
.cl-vids{display:flex;gap:8px;flex-wrap:wrap}
.cl-vth{width:160px;aspect-ratio:16/9;background:#000 center/cover;border-radius:6px;position:relative;color:#fff;display:grid;place-items:center;cursor:pointer}.cl-vth small{position:absolute;right:5px;bottom:3px;font-size:10px}
.cl-phone{width:390px;border:8px solid #1F2A24;border-radius:28px;overflow:hidden;background:#fff;max-height:calc(100vh - var(--hdrH) - 120px);overflow-y:auto}
.cl-amz.m .cl-pad{padding:8px 12px}.cl-amz.m .cl-t{font-size:14px;margin-top:2px}
.cl-amz.m .cl-im.hero{aspect-ratio:1}
.cl-mth{display:flex;gap:6px;overflow-x:auto;padding:6px 12px}.cl-mth .cl-im.th{flex:none}
.cl-amz.m .cl-sec{padding:12px}.cl-amz.m .cl-sec h2{font-size:16px}
.cl-amz.m .cl-vth{width:150px}
@media (max-width:900px){
 .cl-main.m{grid-template-columns:1fr}.cl-side{position:static;order:-1}
 .cl-phone{width:100%;max-width:420px;margin:0 auto;max-height:none;border-width:6px}
 .cl-tg,.cl-pair{grid-template-columns:1fr}.cl-grid{grid-template-columns:1fr 1fr}
 .cl-bar{top:calc(var(--hdrH) + 2px)}
}
@media (max-width:520px){.cl-grid{grid-template-columns:1fr}.cl-f.ml{grid-column:auto}}