:root{
  --reference-ink:#14203d;
  --reference-blue:#3f5fc4;
  --reference-coral:#ec806c;
  --reference-green:#2f8066;
}

.reference-trigger{
  appearance:none;border:1px solid rgba(63,95,196,.28);border-radius:10px;
  background:linear-gradient(135deg,#f3f6ff,#fff);color:#3152b0;
  padding:7px 12px;font:700 13px "Songti SC","SimSun",serif;cursor:pointer;
  box-shadow:0 5px 14px rgba(48,70,130,.08);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.reference-trigger:hover{transform:translateY(-2px);border-color:rgba(63,95,196,.55);box-shadow:0 10px 22px rgba(48,70,130,.14)}
.reference-trigger:focus-visible{outline:3px solid rgba(76,117,230,.24);outline-offset:2px}

.reference-overlay{
  position:fixed;inset:0;z-index:2600;display:grid;place-items:center;padding:20px;
  background:rgba(25,34,58,.42);backdrop-filter:blur(9px) saturate(.86);
  opacity:0;transition:opacity .24s ease;
}
.reference-overlay[hidden]{display:none!important}
.reference-overlay:not(.is-open){pointer-events:none}
.reference-overlay.is-open{opacity:1}
.reference-card{
  --reference-origin-x:50%;--reference-origin-y:50%;
  width:min(var(--reference-width,1060px),calc(100vw - 32px));max-height:min(88vh,920px);
  overflow:hidden;display:flex;flex-direction:column;border-radius:30px;
  color:var(--reference-ink);font-family:"Times New Roman","Songti SC","SimSun",serif;
  background:linear-gradient(145deg,rgba(255,255,255,.985),rgba(247,249,255,.97));
  border:1px solid rgba(255,255,255,.94);box-shadow:0 34px 100px rgba(24,36,72,.28);
  transform-origin:var(--reference-origin-x) var(--reference-origin-y);
  animation:reference-card-unfold .52s cubic-bezier(.18,.84,.22,1) both;
}
.reference-card[data-density="compact"]{--reference-width:930px}
.reference-card[data-density="long"]{--reference-width:1160px}
@keyframes reference-card-unfold{
  0%{opacity:0;transform:translateY(24px) scale(.84) rotateX(-7deg);clip-path:inset(44% 8% 44% 8% round 26px)}
  58%{opacity:1;transform:translateY(-3px) scale(1.012) rotateX(0);clip-path:inset(0 0 0 0 round 30px)}
  100%{opacity:1;transform:none;clip-path:inset(0 0 0 0 round 30px)}
}
.reference-card-head{display:flex;align-items:flex-start;gap:18px;padding:24px 26px 18px;border-bottom:1px solid #dce2ef}
.reference-card-tools{display:flex;min-width:52px}
.reference-tool{appearance:none;border:2px solid rgba(213,89,65,.36);background:linear-gradient(145deg,#fff8f5,#ffe5dc);color:#9d3f30;width:48px;height:48px;border-radius:50%;font-size:22px;line-height:1;cursor:pointer;box-shadow:0 9px 23px rgba(215,91,67,.2),inset 0 0 0 3px rgba(255,255,255,.72);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.reference-tool:hover{background:linear-gradient(145deg,#fff,#ffd9cd);transform:translateY(-3px) rotate(-4deg) scale(1.06);box-shadow:0 14px 28px rgba(215,91,67,.3),inset 0 0 0 3px rgba(255,255,255,.78)}
.reference-tool:focus-visible{outline:4px solid rgba(236,128,108,.24);outline-offset:3px}
.reference-card-title{flex:1;min-width:0;text-align:center}
.reference-card-eyebrow{margin:0 0 5px;color:#6c7ba3;font:700 12px/1.2 "Times New Roman",serif;letter-spacing:.16em;text-transform:uppercase}
.reference-card-title h2{margin:0;font:900 clamp(22px,3vw,34px)/1.2 "Songti SC","SimSun",serif;letter-spacing:.04em}
.reference-card-close{appearance:none;border:0;background:#eef1f7;color:#46536f;width:38px;height:38px;border-radius:50%;font-size:25px;line-height:1;cursor:pointer;transition:.2s ease}
.reference-card-close:hover{background:#e3e8f3;transform:rotate(8deg) scale(1.05)}
.reference-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding:14px 22px;background:linear-gradient(90deg,#f5f7ff,#fff8f5)}
.reference-chip{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:999px;font:700 12px/1.25 "Songti SC","SimSun",serif;color:#41506d;background:#fff;border:1px solid #e0e5ef}
.reference-chip.type{color:#3154b5;background:#edf2ff;border-color:#c7d3ff}
.reference-chip.diff{color:#267252;background:#edf9f2;border-color:#ccebd9}
.reference-chip.page{color:#9a583e;background:#fff1eb;border-color:#ffd4c8}
.reference-card-scroll{overflow:auto;padding:22px 24px 26px;overscroll-behavior:contain}
.reference-columns{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:18px;align-items:start}
.reference-panel{min-width:0;border:1px solid #e0e5ef;border-radius:22px;background:rgba(255,255,255,.84);overflow:hidden;box-shadow:0 12px 32px rgba(43,58,98,.07)}
.reference-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 16px;background:#f5f7fb;border-bottom:1px solid #e3e7f0}
.reference-panel-head h3{margin:0;font:900 16px/1.35 "Songti SC","SimSun",serif}
.reference-panel-head span{color:#7b879f;font-size:12px}
.reference-images{display:grid;gap:10px;padding:12px;background:#fff}
.reference-image-button{appearance:none;display:block;width:100%;padding:0;border:0;border-radius:13px;overflow:hidden;background:#fff;cursor:zoom-in;box-shadow:inset 0 0 0 1px #edf0f5}
.reference-image-button img{display:block;width:100%;height:auto;max-height:52vh;object-fit:contain;background:#fff}
.reference-image-button:focus-visible{outline:3px solid rgba(63,95,196,.28);outline-offset:2px}
.reference-loading,.reference-error{padding:54px 24px;text-align:center;color:#65718a;font:700 15px/1.8 "Songti SC","SimSun",serif}
.reference-error{color:#aa4938}
.reference-image-viewer{position:fixed;inset:0;z-index:2700;display:grid;place-items:center;padding:24px;background:rgba(10,15,28,.88);cursor:zoom-out}
.reference-image-viewer img{display:block;max-width:96vw;max-height:94vh;object-fit:contain;box-shadow:0 20px 70px rgba(0,0,0,.36)}

body.answer-quick-page .head h1{font-family:"Songti SC","SimSun",serif}
body.answer-quick-page .a{padding:19px 20px;margin:14px 0 18px;border:1px solid rgba(210,218,235,.9);border-radius:20px;background:rgba(255,255,255,.72);box-shadow:0 9px 26px rgba(42,57,96,.055)}
body.answer-quick-page .a-head{gap:8px}
body.answer-quick-page .a-ans{margin:14px 0 2px!important;padding:12px 15px;border-radius:13px;background:#eef9f4;color:#28775d;line-height:1.8;font-size:16px}
body.answer-quick-page .a-sol,body.answer-quick-page .scan{display:none!important}
body.answer-quick-page .divider{display:none}
body.answer-quick-page .wrong-tip{display:none}
body.answer-quick-page .quick-source-note{margin:10px auto 0;color:#69758f;font:13px/1.6 "Songti SC","SimSun",serif}
body.answer-quick-page .sec-title{font-family:"Songti SC","SimSun",serif}
body.answer-quick-page .wbtn{margin-left:auto}

.wrong-item[data-reference-qid]{cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.wrong-item[data-reference-qid]:hover{transform:translateY(-2px);border-color:rgba(63,95,196,.32);box-shadow:0 10px 24px rgba(43,57,95,.08)}
.wrong-item[data-reference-qid]:focus-visible{outline:3px solid rgba(63,95,196,.2);outline-offset:2px}

@media(max-width:720px){
  .reference-overlay{padding:8px}.reference-card{width:100%;max-height:94vh;border-radius:23px}
  .reference-card-head{padding:18px 12px 14px;gap:8px}.reference-card-title h2{font-size:23px}.reference-card-tools{min-width:auto}.reference-tool{width:42px;height:42px;font-size:19px}.reference-card-close{width:34px;height:34px}
  .reference-meta{justify-content:flex-start;padding:11px 14px}.reference-card-scroll{padding:14px}
  .reference-columns{grid-template-columns:1fr}.reference-image-button img{max-height:none}
  body.answer-quick-page .a{padding:15px 13px}
  body.answer-quick-page .a-head .wbtn,body.answer-quick-page .a-head .reference-trigger{width:auto;flex:1;margin-left:0}
}
@media print{
  body.printing-reference-card>*:not(.reference-overlay){display:none!important}
  body.printing-reference-card{background:#fff!important;overflow:visible!important}
  body.printing-reference-card .reference-overlay{position:static!important;display:block!important;padding:0!important;background:#fff!important;opacity:1!important;backdrop-filter:none!important}
  body.printing-reference-card .reference-card{width:100%!important;max-height:none!important;box-shadow:none!important;border:0!important;animation:none!important}
  body.printing-reference-card .reference-card-tools,body.printing-reference-card .reference-card-close{display:none!important}
  body.printing-reference-card .reference-card-scroll{overflow:visible!important}
  body.printing-reference-card .reference-image-button img{max-height:none!important}
}
@media(prefers-reduced-motion:reduce){
  .reference-card{animation:reference-card-fade .18s ease both}.reference-overlay,.reference-trigger,.wrong-item[data-reference-qid]{transition:none}
  @keyframes reference-card-fade{from{opacity:0}to{opacity:1}}
}