/* Exact declaration subset, scoped to archive showcase. Source SHA256 09b38bad21f8c0c163b53ba2f1425d2ec79b229db81aeca7053a9b7d3f8b2443 */
.value-archive{
  --paper:#fbf6ea; --card:#fffdf7;
  --ink:#54452f; --ink-soft:#8a7a5f;
  --yellow:#f6c945; --pink:#f5a3b7; --blue:#8ecae6; --green:#a3cf9b;
  --wood:#cf9f66; --wood2:#b3854f;
  --c-top:#e0a81c; --c-mid:#4da3d8; --c-low:#e26a5a; --c-none:#a8b0b2;
  --tape-y:rgba(246,201,69,.5); --tape-p:rgba(245,163,183,.45);
  --tape-b:rgba(142,202,230,.45); --tape-g:rgba(163,207,155,.45);
  --round:"Yuanti SC","PingFang SC","Microsoft YaHei",sans-serif;
}
.value-archive .tape{
  position:absolute; width:86px; height:26px; pointer-events:none;
  border-radius:6px;
  background-image:repeating-linear-gradient(45deg, rgba(255,255,255,.28) 0 4px, transparent 4px 8px);
  box-shadow:0 2px 5px rgba(120,90,50,.16);
  border-left:2px dashed rgba(255,255,255,.5); border-right:2px dashed rgba(255,255,255,.5);
}
.value-archive .tape.y{ background-color:var(--tape-y); }
.value-archive .tape.p{ background-color:var(--tape-p); }
.value-archive .tape.b{ background-color:var(--tape-b); }
.value-archive .tape.g{ background-color:var(--tape-g); }
.value-archive .clip{
  position:relative; min-height:226px; border-radius:16px 16px 18px 18px; cursor:pointer;
  background:linear-gradient(160deg,#f2e5c6,#e6d3ac);
  border:1.5px solid rgba(160,130,85,.45);
  box-shadow:0 6px 14px rgba(130,100,55,.2);
  padding:34px 12px 12px; transition:transform .18s ease, box-shadow .18s ease;
}
.value-archive .clip:nth-child(odd){ transform:rotate(-.8deg); }
.value-archive .clip:nth-child(even){ transform:rotate(.7deg); }
.value-archive .clip:hover{ transform:translateY(-5px) rotate(0); box-shadow:0 12px 24px rgba(130,100,55,.3); z-index:2; }
.value-archive .clip::before{
  content:""; position:absolute; top:-14px; left:50%; margin-left:-27px;
  width:54px; height:36px; border-radius:50% 50% 42% 42%;
  background:radial-gradient(ellipse at 50% 30%, #fafafa 0%, #d3d3d3 45%, #969696 100%);
  box-shadow:0 3px 6px rgba(70,55,35,.32), inset 0 -3px 4px rgba(0,0,0,.16),
             0 0 0 2px rgba(255,255,255,.55);
}
.value-archive .clip::after{
  content:""; position:absolute; top:-4px; left:50%; margin-left:-7px;
  width:14px; height:14px; border-radius:50%;
  background:radial-gradient(circle at 40% 35%, #fff, #ababab 70%);
  box-shadow:inset 0 -1px 2px rgba(0,0,0,.28);
}
.value-archive .clip .side-tab{
  position:absolute; right:-8px; top:46px; width:14px; height:56px;
  border-radius:0 7px 7px 0; box-shadow:1px 2px 4px rgba(70,55,35,.25),
             inset 1px 0 0 rgba(255,255,255,.35);
}
.value-archive .clip .name-tag{
  background:#fffefa; border:1.5px solid rgba(160,130,85,.3); border-radius:10px;
  width:80%; margin:0 auto 12px; padding:8px 6px 7px; text-align:center;
  font-family:"Yuanti SC","PingFang SC",sans-serif; font-weight:700;
  font-size:24px; letter-spacing:3px;
  box-shadow:0 3px 6px rgba(130,100,55,.16);
}
.value-archive .clip:nth-child(odd) .name-tag{ transform:rotate(-1.5deg); }
.value-archive .clip:nth-child(even) .name-tag{ transform:rotate(1.5deg); }
.value-archive .clip .big-score{
  text-align:center; font-family:"Yuanti SC","PingFang SC",sans-serif; font-weight:700;
  font-size:50px; line-height:1.05; margin-top:4px;
}
.value-archive .clip .big-score small{ font-size:15px; color:var(--ink-soft); font-family:var(--round); font-weight:400; }
.value-archive .clip .tier-badge{
  display:inline-block; font-size:12px; color:#fff; border-radius:999px; padding:3px 13px;
  margin:5px auto 9px; letter-spacing:1px; font-weight:700; white-space:nowrap;
  box-shadow:0 0 0 2px rgba(255,255,255,.7), 0 2px 4px rgba(130,100,55,.2);
}
.value-archive .clip .tier-row{ text-align:center; }
.value-archive .clip:has(.stamp) .tier-row{ margin-bottom:62px; }
.value-archive .clip.missing{
  background:linear-gradient(160deg,#e3ddd0,#d4cdbd); filter:saturate(.6);
}
.value-archive .clip.missing::before{ background:radial-gradient(ellipse at 50% 30%, #ececec, #b8b8b8 50%, #868686); }
.value-archive .clip .miss-note{
  text-align:center; font-family:"Yuanti SC","PingFang SC",sans-serif; font-weight:700;
  font-size:19px; color:#847a66; margin-top:16px; letter-spacing:2px;
}
.value-archive .journal{
  flex:1; min-width:0; background:#fdf8ec; border:1.5px solid rgba(160,130,85,.3);
  border-radius:20px; padding:32px 36px 42px; position:relative;
  box-shadow:0 8px 22px rgba(140,105,55,.15);
}
.value-archive .journal::before{
  content:""; position:absolute; left:18px; top:0; bottom:0; width:0;
  border-left:2px dashed rgba(226,106,90,.3);
}
.value-archive .journal > *{ position:relative; }
.value-archive .idcard{
  position:relative; background:#fff; border:1.5px solid rgba(160,130,85,.3);
  border-radius:18px; padding:26px 28px 22px; margin:6px 0 26px;
  box-shadow:0 6px 16px rgba(130,100,55,.14); transform:rotate(-.4deg);
}
.value-archive .idcard .tape{ top:-12px; }
.value-archive .idcard .tape.t1{ left:32px; transform:rotate(-38deg); }
.value-archive .idcard .tape.t2{ right:36px; left:auto; transform:rotate(34deg); }
.value-archive .idcard .tier-badge{
  display:inline-block; font-size:13px; color:#fff; border-radius:999px; padding:4px 14px;
  margin-top:10px; letter-spacing:1px; font-weight:700;
  box-shadow:0 0 0 2px rgba(255,255,255,.75), 0 2px 4px rgba(130,100,55,.18);
}
.value-archive .idcard .stamp{ right:20px; bottom:14px; }
.value-archive .journal{ padding:24px 22px 34px; }