*{box-sizing:border-box}
:root{--serif:"Songti SC","Noto Serif SC","STSong","SimSun",serif;--sans:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;--mono:"JetBrains Mono",Consolas,Menlo,monospace}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body-font,var(--sans));-webkit-text-size-adjust:100%}
.wrap{max-width:var(--page-w,560px);margin:0 auto;padding:24px var(--page-pad,20px) calc(32px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:var(--section-gap,22px)}
a{color:var(--accent);text-decoration:none}
.banner{border:1px solid var(--banner-line);background:var(--banner-bg);color:var(--banner-text);font-size:var(--banner-size,12px);line-height:1.7;padding:10px 12px;text-align:var(--banner-align,left)}
h1{margin:0;font-family:var(--head);font-weight:700;line-height:1.2}
.notice{margin:10px 0 0;font-size:var(--notice-size,12px);line-height:1.7;color:var(--muted);text-align:var(--notice-align,left)}
.nh .notice{margin-top:0}
.block{font-size:var(--block-size,13px);line-height:1.8;color:var(--muted);text-align:var(--block-align,left)}
.grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr))}
.img{display:block;aspect-ratio:var(--ratio,4/5);overflow:hidden;border:var(--img-border,0px) solid var(--line)}
.img img{width:100%;height:100%;object-fit:var(--img-fit,cover);display:block}
.ph{width:100%;height:100%;min-height:80px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:11px}
.specs{font-size:var(--spec-size,12px);color:var(--muted);line-height:1.7}
.pg-detail .specs{font-size:var(--dspec-size,12px)}
.sku{font-family:var(--mono)}
.mk{font-size:12px;color:var(--muted);text-decoration:var(--mk-deco,line-through)}
.mk.mk-a{font-size:var(--spec-size,12px);line-height:1.7;text-decoration:var(--mka-deco,none)}
.pg-detail .mk.mk-a{font-size:var(--dspec-size,12px)}
.body .specs+.mk-a{margin-top:-8px}
.pv{font-family:var(--pv-font,var(--serif));font-weight:var(--pv-weight,700);color:var(--price)}
.pv::first-letter{font-size:var(--cy-size,100%)}
.more{display:block;padding:12px 0;font-size:var(--more-size,12px)}
.back{font-size:var(--back-size,13px);padding:6px 0}
.gallery{display:flex;flex-direction:column;gap:var(--gallery-gap,18px)}
.slide{margin:0}
.slide img{width:100%;height:auto;display:block;border-radius:var(--radius);background:var(--gallery-bg,var(--card))}
.slide .ph{aspect-ratio:4/5;background:var(--gallery-bg,var(--card));border-radius:var(--radius)}
.cap{text-align:var(--cap-align,center);font-weight:var(--cap-weight,400);font-size:var(--cap-size,13px);line-height:1.6;color:var(--cap-color,var(--muted));margin-top:8px;overflow-wrap:anywhere}
.dname{margin:0;font-family:var(--head);font-size:var(--dname-size,24px);font-weight:var(--dname-weight,700);text-align:var(--dname-align,left)}
.banner{border-radius:2px}
h1{font-size:var(--title-size,30px);letter-spacing:1px;font-weight:600;text-align:var(--head-align,left)}.gold{color:var(--accent)}
.notice{padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.grid{gap:var(--row-gap,12px) var(--col-gap,12px)}
.card{border-radius:var(--radius);padding:var(--card-pad,8px);display:flex;flex-direction:column;gap:var(--card-gap,10px)}
.cs-box .card,.cs-fill .card{background:var(--card)}
.cs-box .card,.cs-line .card{border:1px solid var(--line)}
.card .img{background:var(--img-bg,#1E1E20);border-radius:3px}
.body{padding:0 4px 4px;display:flex;flex-direction:column;gap:8px}
.card h2{margin:0;font-size:var(--name-size,15px);font-weight:var(--name-weight,500);line-height:1.4}
.nl-1 .card h2,.nl-2 .card h2,.nl-3 .card h2{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.nl-1 .card h2{-webkit-line-clamp:1;line-clamp:1}
.nl-2 .card h2{-webkit-line-clamp:2;line-clamp:2}
.nl-3 .card h2{-webkit-line-clamp:3;line-clamp:3}
.head{display:flex;align-items:baseline;gap:8px}
.no{font-family:var(--mono);font-size:var(--index-size,11px);color:var(--accent)}
.price{border-top:var(--price-line,1px) solid var(--line);padding-top:8px;text-align:var(--price-align,left)}
.pl{font-size:var(--plabel,11px);color:var(--accent)}.pv{font-size:var(--price-size,24px)}
.sku{color:var(--accent);font-size:var(--sku-size,11px)}
.card .more{padding:10px 0 4px}
.foot{margin:6px 0 0;font-size:var(--foot-size,12px);line-height:1.7;color:var(--muted)}
.foot{text-align:var(--foot-align,center);padding:16px 0 0}
.note{font-size:11px;color:var(--muted)}
.site-link{display:block;text-decoration:none;-webkit-tap-highlight-color:transparent}
.site-banner{display: block;width: 100%;height: auto;border-radius: var(--radius);margin:12px 0;border:var(--bn-w,0px) solid var(--bn-color,transparent)}
.site-copyright{display: block;width: 100%;height: auto;margin:12px 0;border:var(--fb-w,0px) solid var(--fb-color,transparent)}
.desc{font-size:var(--desc-size,14px);line-height:calc(var(--desc-line,180)/100);color:var(--text);overflow-wrap:anywhere}
.desc img{max-width:100%;height:auto}
.lb-sku{font-weight:var(--lw-sku,400)}
.lb-mt{font-weight:var(--lw-mt,400)}
.lb-wt{font-weight:var(--lw-wt,400)}
.lb-mk,.pl-mk{font-weight:var(--lw-mk,400)}
.pl{font-weight:var(--lw-pl,400)}
.pl.pl-mk{font-weight:var(--lw-mk,400)}
h1 .gold{font-size:var(--hn-size,1em)}
h1 .ht{font-size:var(--ht-size,1em)}
