/* 砍价 — a stack of price placards on a celadon field. Ground: celadon. One accent: cinnabar.
   Written for this drop. Type is the system CJK stack on purpose: fonts.googleapis.com is not
   reachable from the mainland, and a Chinese page that loads its face from there is a blank page. */

:root{
  --di:#6E9A8D;          /* celadon ground */
  --di-an:#5C8779;       /* celadon, pressed */
  --zhi:#EEE7D5;         /* rice paper, the cards */
  --zhi-an:#E2D9C2;      /* paper, edge */
  --mo:#16211E;          /* ink */
  --mo-dan:#4E5F58;      /* ink, muted */
  --zhu:#D2371C;         /* cinnabar — the only accent */
  --zhu-an:#AC2A12;
  --xian:rgba(22,33,30,.16);
  --ti:"Songti SC","STSong","Source Han Serif SC","Noto Serif CJK SC","SimSun",ui-serif,Georgia,serif;
  --wen:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --shu:ui-monospace,"SF Mono","Menlo","Consolas","Liberation Mono",monospace;
  --ba:98px;             /* the dock's height on a phone (two rows), kept off the footer */
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none !important}
html,body{margin:0;padding:0}
html{-webkit-text-size-adjust:100%;background:var(--di)}
/* body IS the sheet — no wrapper div, so the headline is the first thing on the page in every sense */
body{
  background:var(--di); color:var(--mo); font-family:var(--wen);
  font-size:16px; line-height:1.6; letter-spacing:.01em;
  max-width:1180px; margin:0 auto;
  padding:18px 16px calc(40px + var(--ba) + env(safe-area-inset-bottom,0px));
  overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
b,strong{font-weight:600}


/* ---- seal + connect (no nav strip: the dock is the bar) ---- */
.qianmian{display:flex;align-items:center;justify-content:space-between;gap:12px}
.yinzhang{display:flex;align-items:center;gap:10px;text-decoration:none}
.yinzhang img{width:40px;height:40px;border-radius:3px;box-shadow:0 0 0 2px var(--zhu)}
.yinzi{display:flex;flex-direction:column;line-height:1.1}
.yinzi b{font-family:var(--ti);font-size:21px;font-weight:700;letter-spacing:.08em}
.yinzi i{font-style:normal;font-size:11px;letter-spacing:.14em;color:var(--mo-dan)}
.qianbao{
  font:inherit;font-size:13px;padding:9px 15px;border:1.5px solid var(--mo);border-radius:2px;
  background:transparent;color:var(--mo);cursor:pointer;white-space:nowrap;letter-spacing:.04em;
}
.qianbao:hover{background:var(--mo);color:var(--zhi)}
.qianbao[data-on="1"]{border-color:var(--zhu);color:var(--zhu);font-family:var(--shu);font-size:12px}
.qianbao[data-on="1"]:hover{background:var(--zhu);color:var(--zhi)}

.lulu{display:flex;gap:18px;margin:16px 0 0;font-size:13px;letter-spacing:.06em}
.lulu a{color:var(--mo-dan);text-decoration:none;padding-bottom:3px;border-bottom:1.5px solid transparent}
.lulu a:hover{color:var(--mo)}
.lulu a.on{color:var(--zhu);border-bottom-color:var(--zhu)}
.lulu a.off{display:none}

/* ---- hero: the headline, and nothing else ---- */
.biaoti{margin:30px 0 26px}
.biaoti h1{
  font-family:var(--ti);font-weight:700;margin:0;
  font-size:clamp(46px,17vw,78px);line-height:.98;letter-spacing:.02em;
}
.biaoti h1 em{font-style:normal;color:var(--zhu)}
.futi{margin:16px 0 0;max-width:34em;font-size:14.5px;color:#26332F}
.futi b{font-family:var(--shu);font-size:13.5px}

/* ---- the stack ---- */
.duie{display:block}
.zhulu>section{margin-bottom:14px}

.paizi{
  background:var(--zhi);border-radius:3px;padding:18px 18px 16px;
  box-shadow:0 1px 0 var(--zhi-an),0 10px 22px -16px rgba(0,0,0,.6);
}
.paizi--ding{position:relative;border-left:5px solid var(--zhu)}
.paitou{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:12px;letter-spacing:.1em;color:var(--mo-dan)}
.paiqian{font-family:var(--ti);font-size:14px;letter-spacing:.12em;color:var(--mo)}
.paizhong{text-transform:none}
.shuzi{display:flex;align-items:baseline;gap:8px;margin:8px 0 12px}
.shuzi b{font-family:var(--shu);font-weight:600;font-size:clamp(42px,13vw,64px);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.shuzi i{font-style:normal;font-family:var(--ti);font-size:19px;color:var(--mo-dan)}
.tiao{height:9px;background:var(--zhi-an);border-radius:2px;overflow:hidden}
.tiao span{display:block;height:100%;background:var(--zhu);transition:width .5s cubic-bezier(.2,.7,.2,1)}
.paijiao{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 14px;margin:14px 0 0}
.paijiao div{display:flex;flex-direction:column;gap:1px;min-width:0}
.paijiao dt{font-size:11px;letter-spacing:.1em;color:var(--mo-dan)}
.paijiao dd{margin:0;font-family:var(--shu);font-size:14px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}

/* ---- the action ---- */
.dongzuo{background:var(--mo);color:var(--zhi);border-radius:3px;padding:16px 18px}
.daohang{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.daohua{display:flex;flex-direction:column;gap:2px;min-width:0}
.daohua b{font-family:var(--ti);font-size:20px;letter-spacing:.06em}
.daohua span{font-size:12.5px;color:#A9BCB4}
.daohua i{font-style:normal;font-family:var(--shu);color:var(--zhi)}
.kan{
  font-family:var(--ti);font-size:19px;letter-spacing:.14em;font-weight:700;
  background:var(--zhu);color:#FFF5EC;border:0;border-radius:2px;padding:13px 26px;cursor:pointer;
  flex:0 0 auto;transition:transform .08s,background .15s;
}
.kan:hover:not(:disabled){background:var(--zhu-an)}
.kan:active:not(:disabled){transform:translateY(1px)}
.kan:disabled{background:#3A4A44;color:#7E918A;cursor:not-allowed}
.daozhu{margin:11px 0 0;font-size:12.5px;color:#A9BCB4}

/* ---- the two endings ---- */
.liangtou{background:var(--zhi);border-radius:3px;padding:16px 18px}
.xiaobiao{font-family:var(--ti);font-size:15px;letter-spacing:.12em;margin:0 0 12px;font-weight:700}
.xiaobiao--xi{font-size:13px;color:var(--mo-dan);margin-top:18px}
.liangge{display:grid;grid-template-columns:1fr;gap:10px}
.tou{border:1px solid var(--xian);border-radius:2px;padding:12px 13px;display:flex;flex-direction:column;gap:5px}
.tou--cheng{border-color:var(--zhu);background:rgba(210,55,28,.05)}
.toumao{font-family:var(--ti);font-size:14px;letter-spacing:.14em}
.tou--cheng .toumao{color:var(--zhu)}
.tou b{font-family:var(--shu);font-size:24px;font-variant-numeric:tabular-nums;line-height:1.1;overflow-wrap:anywhere}
.toushuo{font-size:12px;color:var(--mo-dan);line-height:1.5}
.liangzhu{margin:11px 0 0;font-size:12.5px;color:var(--mo-dan)}

/* ---- rules, as plain slabs ---- */
.guiju{background:var(--zhi);border-radius:3px;padding:16px 18px}
.tiaokuan{display:flex;flex-direction:column;gap:13px}
.kuan h3{font-family:var(--ti);font-size:14.5px;margin:0 0 4px;letter-spacing:.06em}
.kuan p{margin:0;font-size:13.5px;color:#26332F;line-height:1.65}

/* ---- knives already swung (the shorter cards) ---- */
.cebian{background:rgba(22,33,30,.10);border-radius:3px;padding:16px 16px 18px;margin-bottom:14px}
.daodui{display:flex;flex-direction:column;gap:6px}
.dao{
  display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;
  background:var(--zhi);border-radius:2px;padding:9px 11px;
}
.dao--wo{outline:1.5px solid var(--zhu)}
.dao--shou{background:#FBF3E4;border-left:4px solid var(--zhu)}
.daohao{font-family:var(--ti);font-size:15px;color:var(--mo-dan);text-align:center}
.daoren{font-family:var(--shu);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.daoren em{font-style:normal;display:block;font-family:var(--wen);font-size:10.5px;color:var(--mo-dan);letter-spacing:.06em}
.daofen{font-family:var(--shu);font-size:14px;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.kongbai{margin:0;font-size:13px;color:#2C3A35;opacity:.75}

.pu{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:3px 12px}
.pu li{display:flex;justify-content:space-between;font-family:var(--shu);font-size:11.5px;color:#26332F;font-variant-numeric:tabular-nums;padding:1px 0}
.pu li.qu{color:var(--zhu);font-weight:600}
.pu li span:first-child{color:var(--mo-dan)}

/* ---- past rounds / my knives ---- */
.jubiao{display:flex;flex-direction:column;gap:8px}
.ju{background:var(--zhi);border-radius:2px;padding:11px 13px;display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:baseline}
.juqian{font-family:var(--ti);font-size:14px;letter-spacing:.08em}
.juzhong{font-family:var(--ti);font-size:12.5px;letter-spacing:.12em;padding:1px 7px;border-radius:2px}
.juzhong--cheng{background:var(--zhu);color:#FFF5EC}
.juzhong--liu{background:var(--zhi-an);color:var(--mo-dan)}
.jushuo{grid-column:1/-1;font-size:12px;color:var(--mo-dan);font-family:var(--shu);font-variant-numeric:tabular-nums}
.ju a{color:var(--zhu);text-decoration:none}

/* ---- footer ---- */
.jiaozhu{margin-top:26px;padding-top:18px;border-top:1px solid rgba(22,33,30,.22);display:flex;flex-direction:column;gap:12px}
.jiaokuai{display:flex;flex-direction:column;gap:3px;min-width:0}
.jiaomao{font-size:10.5px;letter-spacing:.14em;color:#2C3A35;opacity:.8}
.jiaoma{font-family:var(--shu);font-size:12px;word-break:break-all;color:var(--mo)}
.jiaokuai--lian{flex-direction:row;flex-wrap:wrap;gap:16px;font-size:12.5px}
.jiaokuai--lian a{color:var(--mo);text-decoration:none;border-bottom:1px solid rgba(22,33,30,.35)}
.jiaokuai--lian a.off{display:none}
.jiaowen{margin:0;font-size:11.5px;color:#2C3A35;opacity:.85}

/* ---- THE DOCK: the contract address, fixed, at every width ---- */
.daoba{
  position:fixed;left:0;right:0;bottom:0;z-index:40;
  display:grid;align-items:center;gap:7px 10px;
  grid-template-columns:1fr auto auto;
  grid-template-areas:"ma ma ma" "mao chao gm";      /* phone: the whole address on its own line */
  background:var(--mo);color:var(--zhi);
  padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));
  box-shadow:0 -8px 22px -14px rgba(0,0,0,.85);
}
.bamao{grid-area:mao}.bama{grid-area:ma}.bachao{grid-area:chao}.bagm{grid-area:gm}
.bamao{font-size:10.5px;letter-spacing:.14em;color:#93A79F;white-space:nowrap}
/* the FULL address, never an ellipsis — a truncated address cannot be pasted */
.bama{
  font-family:var(--shu);font-size:11.5px;line-height:1.35;color:var(--zhi);
  white-space:normal;overflow-wrap:anywhere;user-select:all;-webkit-user-select:all;
}
.bachao{
  font:inherit;font-size:12.5px;font-family:var(--wen);padding:7px 13px;border:0;border-radius:2px;
  background:var(--zhu);color:#FFF5EC;cursor:pointer;white-space:nowrap;letter-spacing:.06em;
}
.bachao:hover{background:var(--zhu-an)}
.bachao[data-hao="1"]{background:#2F6E52}
.bagm{font-size:11.5px;color:#93A79F;text-decoration:none;white-space:nowrap;border-bottom:1px solid rgba(147,167,159,.45)}
.bagm:hover{color:var(--zhi)}

/* ---- veil ---- */
.zhao{position:fixed;inset:0;z-index:60;background:rgba(10,18,16,.72);display:flex;align-items:center;justify-content:center;padding:18px}
.zhao.off{display:none}
.zhaohe{background:var(--zhi);border-radius:3px;max-width:420px;width:100%;padding:16px 18px 18px;max-height:80vh;overflow:auto}
.zhaotou{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.zhaotou b{font-family:var(--ti);font-size:16px;letter-spacing:.08em}
.zhaotou button{font-size:22px;line-height:1;background:none;border:0;cursor:pointer;color:var(--mo-dan);padding:0 2px}
.tiaoqian{display:flex;flex-direction:column;gap:8px}
.tiaoqian button{display:flex;align-items:center;gap:10px;font:inherit;font-size:14px;background:transparent;border:1px solid var(--xian);border-radius:2px;padding:11px 12px;cursor:pointer;text-align:left}
.tiaoqian button:hover{border-color:var(--zhu)}
.tiaoqian img{width:22px;height:22px;border-radius:3px}

.paopao{
  position:fixed;left:50%;transform:translateX(-50%);
  bottom:calc(var(--ba) + 16px + env(safe-area-inset-bottom,0px));z-index:70;
  background:var(--mo);color:var(--zhi);font-size:13px;padding:10px 16px;border-radius:2px;max-width:88vw;
  box-shadow:0 12px 26px -16px rgba(0,0,0,.9);
}

/* ================= 720px: same one column, wider measure, bigger object ================= */
@media (min-width:720px){
  :root{--ba:74px}
  body{padding:24px 28px calc(48px + var(--ba) + env(safe-area-inset-bottom,0px))}
  body{font-size:17px}
  .biaoti{margin:38px 0 30px}
  .futi{font-size:15.5px}
  .paizi,.liangtou,.guiju,.dongzuo,.cebian{padding:22px 24px}
  .paijiao{grid-template-columns:repeat(4,1fr)}
  .liangge{grid-template-columns:1fr 1fr}
  .tou b{font-size:27px}
  .jiaozhu{flex-direction:row;flex-wrap:wrap;gap:22px 36px;align-items:flex-start}
  .jiaokuai{flex:1 1 260px}
  .jiaowen{flex:1 1 100%}
  .daoba{
    grid-template-columns:auto 1fr auto auto;
    grid-template-areas:"mao ma chao gm";           /* one row: the address sits inline, still whole */
    gap:14px;padding-left:28px;padding-right:28px;
  }
  .bama{font-size:13.5px;white-space:nowrap}
}

/* ================= 1000px: recompose — instrument left, the knives beside it ================= */
@media (min-width:1000px){
  body{padding:30px 34px calc(56px + var(--ba) + env(safe-area-inset-bottom,0px))}
  .biaoti h1{font-size:clamp(78px,7.4vw,104px)}
  .futi{font-size:16px;max-width:30em}
  .duie{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(300px,.68fr);gap:18px;align-items:start}
  /* the side column is only on the board view — when it is gone the grid must collapse, not leave a hole
     (a stale right track is what shoved a whole page into the left half of the screen, 2026-09-16) */
  html[data-view="rounds"] .duie,html[data-view="how"] .duie,html[data-view="hand"] .duie,html[data-view="404"] .duie{grid-template-columns:minmax(0,1fr)}
  html[data-view="how"] .zhulu,html[data-view="hand"] .zhulu,html[data-view="rounds"] .zhulu{max-width:780px}
  .cebian{margin-bottom:0;position:sticky;top:22px;max-height:calc(100vh - 44px - var(--ba));overflow:auto}
  .shuzi b{font-size:74px}
  .pu{grid-template-columns:1fr}
  .daoba{padding-left:34px;padding-right:34px;gap:18px}
  .bama{font-size:15px;letter-spacing:.01em}
  .bamao{font-size:11.5px}
}
@media (min-width:1280px){
  .duie{gap:22px}
  .biaoti h1{font-size:108px}
}
@media (prefers-reduced-motion:reduce){*{transition:none !important}}