/* Quiz editorial v3 — travel archive x contemporary study desk. */
body[data-view="quiz"]{
  --qe-ink:#153f43;
  --qe-ink-2:#456769;
  --qe-paper:#ffffff;
  --qe-paper-hi:#ffffff;
  --qe-teal:#176b70;
  --qe-teal-hi:#2b8d8a;
  --qe-copper:#b86f40;
  --qe-coral:#d7654f;
  --qe-line:rgba(30,82,83,.16);
}

body[data-view="quiz"] main{
  background-color:#ffffff!important;
  background-image:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.88)),url("../img/ui/quiz-atlas-paper-v1.webp")!important;
  background-size:cover!important;
  background-position:center top!important;
  background-attachment:fixed!important;
}

body[data-view="quiz"] .quiz-page:not(.is-answering){
  width:min(1280px,100%)!important;
  max-width:none!important;
  padding:38px clamp(22px,4vw,56px) 88px!important;
}

body[data-view="quiz"] .quiz-editorial-hero{
  position:relative;
  min-height:270px;
  margin:0 0 30px!important;
  padding:42px clamp(26px,4vw,54px)!important;
  display:flex;
  align-items:center;
  overflow:hidden;
  border:1px solid rgba(235,223,197,.2);
  border-radius:28px 28px 82px 28px;
  color:#f8f1e2;
  background:
    linear-gradient(90deg,rgba(12,57,61,.98) 0%,rgba(17,74,76,.94) 46%,rgba(15,66,67,.38) 100%),
    url("../img/ui/quiz-atlas-paper-v1.webp") center/cover;
  box-shadow:0 28px 70px rgba(27,66,64,.16);
}

body[data-view="quiz"] .quiz-editorial-hero::before{
  content:"";
  position:absolute;
  width:330px;height:330px;
  right:-76px;top:-152px;
  border:1px solid rgba(225,184,117,.44);
  border-radius:50%;
  box-shadow:0 0 0 26px rgba(225,184,117,.05),0 0 0 62px rgba(225,184,117,.035);
}

body[data-view="quiz"] .quiz-hero-copy{position:relative;z-index:1;max-width:760px}
body[data-view="quiz"] .quiz-editorial-hero .page-kicker{color:#e3bd78!important;font:800 11px/1.2 ui-monospace,SFMono-Regular,monospace;letter-spacing:.2em}
body[data-view="quiz"] .quiz-editorial-hero h1{
  margin:15px 0 14px!important;
  color:#fffaf0!important;
  font:800 clamp(36px,4.4vw,58px)/1.13 "Songti SC","STSong",serif!important;
  letter-spacing:-.055em;
}
html[data-theme] body[data-view="quiz"] .quiz-editorial-hero h1{color:#fffaf0!important}
body[data-view="quiz"] .quiz-editorial-hero h1 em{color:#e7c684;font-style:normal}
body[data-view="quiz"] .quiz-editorial-hero p{margin:0;color:rgba(237,244,238,.7)!important;font-size:13px!important;letter-spacing:.02em}
body[data-view="quiz"] .quiz-hero-seal,
body[data-view="quiz"] .quiz-share-mark{
  display:flex;align-items:center;gap:10px;
}
body[data-view="quiz"] .quiz-hero-seal{position:absolute;right:34px;bottom:28px;z-index:1}
body[data-view="quiz"] .quiz-hero-seal img{width:36px;height:36px;filter:saturate(.85)}
body[data-view="quiz"] .quiz-hero-seal span,
body[data-view="quiz"] .quiz-share-mark span{display:grid;gap:2px}
body[data-view="quiz"] .quiz-hero-seal b{color:#fff7e8;font-size:13px;letter-spacing:.08em}
body[data-view="quiz"] .quiz-hero-seal small{color:#e1be7c;font:700 10px ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}

body[data-view="quiz"] .quiz-subjects{gap:14px!important}
body[data-view="quiz"] .quiz-entry-section .qs-item{
  position:relative;overflow:hidden;min-height:112px!important;padding:21px!important;
  border:1px solid var(--qe-line)!important;border-radius:18px!important;
  background:rgba(255,253,247,.9)!important;
  box-shadow:0 12px 34px rgba(27,72,70,.055)!important;
}
body[data-view="quiz"] .quiz-entry-section .qs-item::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:4px;
  background:linear-gradient(90deg,var(--subject-color,var(--qe-teal)) 0 var(--subject-progress,0%),rgba(39,98,96,.09) var(--subject-progress,0%));
}
body[data-view="quiz"] .quiz-entry-section .qs-item:nth-child(1){--subject-color:#267f7d}
body[data-view="quiz"] .quiz-entry-section .qs-item:nth-child(2){--subject-color:#be654f}
body[data-view="quiz"] .quiz-entry-section .qs-item:nth-child(3){--subject-color:#4d8797}
body[data-view="quiz"] .quiz-entry-section .qs-item:nth-child(4){--subject-color:#bd8849}
body[data-view="quiz"] .quiz-entry-section .qs-item:hover{transform:translateY(-4px)!important;border-color:color-mix(in srgb,var(--subject-color) 55%,transparent)!important;box-shadow:0 20px 44px rgba(27,72,70,.1)!important}
body[data-view="quiz"] .qs-code{width:52px!important;height:52px!important;border:0!important;border-radius:16px 16px 16px 5px!important;color:white!important;background:var(--subject-color)!important;font-family:"Songti SC","STSong",serif!important;font-size:15px!important}
body[data-view="quiz"] .qs-info b{color:var(--qe-ink)!important;font-size:16px!important}
body[data-view="quiz"] .qs-sub{color:#758d89!important}
body[data-view="quiz"] .qs-progress{color:#8b7b64!important;font:700 10px ui-monospace,monospace!important;letter-spacing:.03em}
body[data-view="quiz"] .qs-count{color:var(--subject-color)!important;font:700 22px Georgia,serif!important}

body[data-view="quiz"] .quiz-entry-section>header.no-num b{color:var(--qe-ink)!important;font:800 21px "Songti SC","STSong",serif!important}
body[data-view="quiz"] .quiz-entry-section>header.no-num p{color:#738b87!important}
body[data-view="quiz"] :is(.quiz-specialty-entries button,.quiz-review-entry,.quiz-custom-start,.quiz-version-bar){border-radius:16px!important;backdrop-filter:blur(10px)}

/* The practice screen stays screenshot-ready without turning the watermark into noise. */
body[data-view="quiz"].quiz-answering main{
  background-image:linear-gradient(90deg,rgba(255,255,255,.955),rgba(255,255,255,.91)),url("../img/ui/quiz-atlas-paper-v1.webp")!important;
}
body[data-view="quiz"].quiz-answering .quiz-page.is-answering{padding:24px clamp(18px,4vw,64px) 54px!important}
body[data-view="quiz"].quiz-answering .practice-stage{position:relative;max-width:1320px!important}
body[data-view="quiz"].quiz-answering .practice-stage::before{
  content:"导游学霸  ·  CVGO.TOP";
  position:fixed;z-index:0;left:50%;top:54%;transform:translate(-50%,-50%) rotate(-18deg);
  color:rgba(24,90,88,.038);font:800 clamp(42px,7vw,104px)/1 "Songti SC","STSong",serif;
  letter-spacing:.12em;white-space:nowrap;pointer-events:none;
}
body[data-view="quiz"].quiz-answering .immersive-brand small{color:#9b744a!important;font:750 9px ui-monospace,monospace!important;letter-spacing:.08em!important}
body[data-view="quiz"].quiz-answering .quiz-session-head{position:relative;z-index:1;padding:0 4px 18px!important;border-bottom:1px solid var(--qe-line)}
body[data-view="quiz"].quiz-answering .quiz-session-head>button{color:#5e7a78!important;font-weight:750}
body[data-view="quiz"].quiz-answering .quiz-session-head h2{color:var(--qe-ink)!important;font:800 24px/1.25 "Songti SC","STSong",serif!important}
body[data-view="quiz"].quiz-answering .quiz-session-head>div:nth-child(2)>span{color:#a06b3d!important;font:800 10px ui-monospace,monospace;letter-spacing:.12em}
body[data-view="quiz"].quiz-answering .practice-score{border-color:var(--qe-line)!important;background:rgba(255,253,247,.74)!important;border-radius:12px!important}
body[data-view="quiz"].quiz-answering .practice-score b{color:var(--qe-teal)!important;font-family:Georgia,serif}
body[data-view="quiz"].quiz-answering .practice-progress{position:relative;z-index:1;height:4px!important;margin:0 0 18px;background:rgba(24,94,91,.11)!important}
body[data-view="quiz"].quiz-answering .practice-progress i{background:linear-gradient(90deg,var(--qe-copper),var(--qe-coral))!important}
body[data-view="quiz"].quiz-answering .practice-card{
  position:relative;z-index:1;
  padding:30px clamp(24px,4vw,52px) 28px!important;
  border:1px solid rgba(29,85,82,.14)!important;border-radius:24px 24px 54px 24px!important;
  background:rgba(255,253,247,.93)!important;
  box-shadow:0 26px 70px rgba(32,68,65,.11)!important;
  backdrop-filter:blur(12px);
}
body[data-view="quiz"].quiz-answering .practice-meta{margin-bottom:28px!important;padding-bottom:15px!important;border-bottom:1px dashed rgba(34,91,87,.18)!important}
body[data-view="quiz"].quiz-answering .tag.b{color:#986034!important;background:#f5e7d4!important;border-color:#e4c8a5!important}
body[data-view="quiz"].quiz-answering .quiz-stem>i{color:#fff!important;background:var(--qe-teal)!important;border:0!important;border-radius:14px 14px 14px 4px!important;box-shadow:0 7px 17px rgba(23,107,112,.2)}
body[data-view="quiz"].quiz-answering .quiz-q{color:#173c3f!important;font-family:"Songti SC","STSong",serif!important;font-weight:800!important;letter-spacing:-.025em}
body[data-view="quiz"].quiz-answering .quiz-options .opt{color:#254c4e!important;background:rgba(250,249,243,.95)!important;border-color:rgba(34,88,85,.16)!important;border-radius:15px 15px 15px 6px!important;box-shadow:0 5px 16px rgba(27,72,70,.035)}
body[data-view="quiz"].quiz-answering .quiz-options .opt:hover{transform:translateY(-2px);border-color:rgba(23,107,112,.52)!important;background:#f5faf6!important;box-shadow:0 10px 22px rgba(27,72,70,.07)!important}
body[data-view="quiz"].quiz-answering .quiz-options .opt .k{color:var(--qe-teal)!important;background:#e5f0eb!important;border-radius:10px 10px 10px 3px!important;font-family:Georgia,serif!important}
body[data-view="quiz"].quiz-answering .practice-stage .opt.selected{border-color:var(--qe-teal)!important;background:#e9f4ee!important;box-shadow:inset 4px 0 var(--qe-teal),0 10px 22px rgba(27,72,70,.07)!important}
body[data-view="quiz"].quiz-answering .quiz-nav-next{color:#fffdf7!important;background:var(--qe-ink)!important;border-color:var(--qe-ink)!important;border-radius:13px 13px 13px 5px!important}
body[data-view="quiz"].quiz-answering .quiz-nav-prev{color:#4d716f!important;background:#f9f6ee!important;border-color:var(--qe-line)!important;border-radius:13px 13px 5px 13px!important}

@media(max-width:720px){
  body[data-view="quiz"] main{background-attachment:scroll!important;background-position:62% top!important}
  body[data-view="quiz"] .quiz-page:not(.is-answering){padding:78px 14px 52px!important}
  body[data-view="quiz"] .quiz-editorial-hero{min-height:260px;padding:30px 24px 66px!important;border-radius:22px 22px 52px 22px}
  body[data-view="quiz"] .quiz-editorial-hero h1{font-size:34px!important;line-height:1.16!important}
  body[data-view="quiz"] .quiz-editorial-hero p{max-width:25em;line-height:1.65}
  body[data-view="quiz"] .quiz-hero-seal{right:22px;bottom:18px}
  body[data-view="quiz"] .quiz-entry-section .qs-item{min-height:104px!important;padding:16px!important;grid-template-columns:46px minmax(0,1fr) auto!important;gap:12px!important}
  body[data-view="quiz"] .qs-code{width:46px!important;height:46px!important}
  body[data-view="quiz"] .qs-info b{font-size:14px!important}
  body[data-view="quiz"] .qs-count{font-size:17px!important}
  body[data-view="quiz"].quiz-answering .quiz-page.is-answering{padding:12px 11px calc(var(--quiz-actionbar-height,76px) + 24px)!important}
  body[data-view="quiz"].quiz-answering .quiz-session-head{padding-bottom:12px!important}
  body[data-view="quiz"].quiz-answering .quiz-session-head h2{font-size:19px!important}
  body[data-view="quiz"].quiz-answering .practice-card{padding:20px 15px 16px!important;border-radius:18px 18px 34px 18px!important}
  body[data-view="quiz"].quiz-answering .practice-meta{margin-bottom:18px!important}
  body[data-view="quiz"].quiz-answering .quiz-q{font-size:21px!important;line-height:1.56!important}
  body[data-view="quiz"].quiz-answering .quiz-options .opt{min-height:58px!important;border-radius:13px 13px 13px 5px!important}
  body[data-view="quiz"].quiz-answering .practice-stage::before{top:47%;font-size:42px}
  body[data-view="quiz"].quiz-answering .quiz-mobile-actionbar{background:rgba(246,242,232,.96);border-color:rgba(30,82,83,.18)}
  body[data-view="quiz"].quiz-answering .quiz-mobile-submit,
  body[data-view="quiz"].quiz-answering .quiz-mobile-next{background:var(--qe-ink);border-color:var(--qe-ink)}
}

@media(prefers-reduced-motion:reduce){
  body[data-view="quiz"] .quiz-entry-section .qs-item:hover,
  body[data-view="quiz"].quiz-answering .quiz-options .opt:hover{transform:none}
}

/* Layout correction: the task, not the artwork, owns the hierarchy. */
body[data-view="quiz"] .quiz-page:not(.is-answering){padding-top:28px!important}
body[data-view="quiz"] .quiz-editorial-hero{
  min-height:154px;
  margin-bottom:24px!important;
  padding:26px 32px!important;
  border-radius:20px 20px 42px 20px;
  background:linear-gradient(90deg,rgba(12,57,61,.98),rgba(17,74,76,.91) 62%,rgba(15,66,67,.45)),url("../img/ui/quiz-atlas-paper-v1.webp") 62% 54%/cover;
}
body[data-view="quiz"] .quiz-editorial-hero::before{width:220px;height:220px;right:-46px;top:-108px}
body[data-view="quiz"] .quiz-editorial-hero h1{margin:8px 0 7px!important;font-size:clamp(30px,3vw,42px)!important;letter-spacing:-.04em!important}
html[data-theme="day"] body[data-view="quiz"] #view .quiz-editorial-hero h1{color:#fffaf0!important}
body[data-view="quiz"] .quiz-editorial-hero p{font-size:12px!important}
body[data-view="quiz"] .quiz-hero-stats{position:absolute;z-index:2;right:174px;top:50%;transform:translateY(-50%);display:flex;gap:8px}
body[data-view="quiz"] .quiz-hero-stats span{min-width:92px;padding:12px 14px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:rgba(5,38,40,.28);backdrop-filter:blur(8px)}
body[data-view="quiz"] .quiz-hero-stats b{display:block;color:#f5cf88;font:700 22px/1 Georgia,serif}
body[data-view="quiz"] .quiz-hero-stats small{display:block;margin-top:5px;color:rgba(238,245,239,.62);font-size:10px}
body[data-view="quiz"] .quiz-hero-seal{right:25px;bottom:22px}

body[data-view="quiz"] .quiz-entry-section:first-child{margin-top:0!important}
body[data-view="quiz"] .quiz-entry-section .quiz-subjects{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
body[data-view="quiz"] .quiz-entry-section .qs-item{min-height:148px!important;padding:17px!important;grid-template-columns:44px minmax(0,1fr) auto!important;grid-template-rows:auto 1fr!important;align-items:start!important;gap:11px!important}
body[data-view="quiz"] .qs-code{width:44px!important;height:44px!important;font-size:13px!important}
body[data-view="quiz"] .qs-info{min-width:0}
body[data-view="quiz"] .qs-info b{font-size:14px!important;line-height:1.45!important}
body[data-view="quiz"] .qs-sub{margin-top:7px!important;line-height:1.55!important}
body[data-view="quiz"] .qs-progress{display:block;margin-top:12px!important}
body[data-view="quiz"] .qs-count{font-size:17px!important;padding-top:6px}
body[data-view="quiz"] .quiz-entry-section>header.no-num{display:block!important;width:100%!important;min-width:0!important;margin-bottom:14px!important}
body[data-view="quiz"] .quiz-entry-section>header.no-num>div{display:block!important;width:100%!important}
body[data-view="quiz"] .quiz-entry-section>header.no-num b{display:block!important;width:auto!important;writing-mode:horizontal-tb!important;white-space:normal!important}
body[data-view="quiz"] .quiz-entry-section>header.no-num p{margin-top:5px!important}

body[data-view="quiz"].quiz-answering .quiz-page.is-answering{padding-top:88px!important}
body[data-view="quiz"].quiz-answering .practice-stage{max-width:1100px!important}
body[data-view="quiz"].quiz-answering .practice-card{
  min-height:min(520px,calc(100svh - 250px));
  display:flex;
  flex-direction:column;
  padding:26px 34px 24px!important;
  border-radius:20px 20px 42px 20px!important;
}
body[data-view="quiz"].quiz-answering .practice-meta{margin-bottom:22px!important}
body[data-view="quiz"].quiz-answering .quiz-stem{margin-bottom:22px!important}
body[data-view="quiz"].quiz-answering .quiz-q{font-size:clamp(22px,1.45vw,27px)!important;line-height:1.56!important}
body[data-view="quiz"].quiz-answering .quiz-options{gap:10px!important}
body[data-view="quiz"].quiz-answering .quiz-options .opt{min-height:60px!important;padding:13px 16px!important;font-size:16px!important}
body[data-view="quiz"].quiz-answering .practice-nav{margin-top:auto!important;padding-top:22px!important}

body[data-view="quiz"].quiz-answering .visual-memory-context{
  margin:0 0 16px!important;
  padding:0!important;
  overflow:hidden;
  border:1px solid rgba(31,91,88,.18)!important;
  border-radius:13px!important;
  background:#edf5f1!important;
}
body[data-view="quiz"].quiz-answering .visual-memory-context>summary{
  min-height:48px;
  padding:0 15px;
  display:flex;
  align-items:center;
  gap:12px;
  list-style:none;
  cursor:pointer;
  color:#326b69;
  background:#edf5f1;
}
body[data-view="quiz"].quiz-answering .visual-memory-context>summary::-webkit-details-marker{display:none}
body[data-view="quiz"].quiz-answering .visual-memory-context>summary span{font-size:12px;font-weight:800;letter-spacing:.03em}
body[data-view="quiz"].quiz-answering .visual-memory-context>summary small{margin-left:auto;color:#78918d;font-size:11px}
body[data-view="quiz"].quiz-answering .visual-memory-context>summary::after{content:"＋";color:#a06b3d;font-size:16px}
body[data-view="quiz"].quiz-answering .visual-memory-context[open]>summary::after{content:"−"}
body[data-view="quiz"].quiz-answering .visual-memory-body{padding:18px}
body[data-view="quiz"].quiz-answering .visual-memory-body .history-panorama,
body[data-view="quiz"].quiz-answering .visual-memory-body .architecture-visual{height:118px;margin:-18px -18px 14px;border-radius:0}
body[data-view="quiz"].quiz-answering .visual-memory-body .mini-timeline{margin-top:12px}
body[data-view="quiz"].quiz-answering .visual-memory-body p{margin:10px 0 0;font-size:12px;line-height:1.6}
body[data-view="quiz"].quiz-answering .k2-memory-card>summary{color:#326b69!important;background:#edf5f1!important}
body[data-view="quiz"].quiz-answering .k2-memory-card>summary span{font-size:12px!important}
body[data-view="quiz"].quiz-answering .k2-memory-image{min-height:0;aspect-ratio:16/6}

@media(max-width:1180px){
  body[data-view="quiz"] .quiz-entry-section .quiz-subjects{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-view="quiz"] .quiz-hero-stats{right:150px}
  body[data-view="quiz"] .quiz-hero-stats span:nth-child(2){display:none}
}

@media(max-width:720px){
  body[data-view="quiz"] .quiz-page:not(.is-answering){padding-top:74px!important}
  body[data-view="quiz"] .quiz-editorial-hero{min-height:178px;padding:24px 21px 58px!important;border-radius:18px 18px 36px 18px}
  body[data-view="quiz"] .quiz-editorial-hero h1{font-size:31px!important}
  body[data-view="quiz"] .quiz-hero-stats{left:21px;right:auto;top:auto;bottom:16px;transform:none;gap:16px}
  body[data-view="quiz"] .quiz-hero-stats span{min-width:0;padding:0;border:0;background:transparent;backdrop-filter:none}
  body[data-view="quiz"] .quiz-hero-stats span:nth-child(2){display:block}
  body[data-view="quiz"] .quiz-hero-stats b{display:inline;font-size:15px}
  body[data-view="quiz"] .quiz-hero-stats small{display:inline;margin:0 0 0 4px;font-size:10.5px}
  body[data-view="quiz"] .quiz-hero-seal{right:17px;bottom:13px}
  body[data-view="quiz"] .quiz-hero-seal img{width:29px;height:29px}
  body[data-view="quiz"] .quiz-hero-seal span{display:none}
  body[data-view="quiz"] .quiz-entry-section .quiz-subjects{grid-template-columns:1fr!important}
  body[data-view="quiz"] .quiz-entry-section .qs-item{min-height:96px!important;grid-template-rows:auto!important;padding:15px!important}
  body[data-view="quiz"].quiz-answering .quiz-page.is-answering{padding-top:12px!important}
  body[data-view="quiz"].quiz-answering .practice-card{min-height:calc(100svh - 138px);padding:17px 15px 14px!important;border-radius:16px 16px 28px 16px!important}
  body[data-view="quiz"].quiz-answering .visual-memory-context>summary{min-height:44px;padding:0 12px}
  body[data-view="quiz"].quiz-answering .visual-memory-context>summary small{display:none}
  body[data-view="quiz"].quiz-answering .visual-memory-body{padding:14px}
  body[data-view="quiz"].quiz-answering .visual-memory-body .history-panorama,
  body[data-view="quiz"].quiz-answering .visual-memory-body .architecture-visual{height:104px;margin:-14px -14px 12px}
  body[data-view="quiz"].quiz-answering .k2-memory-image{aspect-ratio:4/3}
}

/* 吸底导航:practice-nav 需要 sticky,祖先 overflow:hidden 会让 sticky 失效 */
body[data-view="quiz"].quiz-answering .practice-card{overflow:visible}