:root{--paper:#faf8f5;--ink:#312b30;--muted:#776d72;--accent:#8c2948;--line:#ded6d9;--rose:#f0e2e7;--white:#fff;--radius:12px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:16px;line-height:1.7}button,input,textarea{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}header{max-width:1200px;margin:auto;padding:26px 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:25px;letter-spacing:5px;font-weight:700;display:flex;align-items:center;gap:22px}.brand span,.edition,.eyebrow{font:12px/1.5 ui-monospace,Consolas,monospace;letter-spacing:2px}.edition{color:var(--muted)}main{max-width:1120px;margin:0 auto;min-height:65vh;padding:64px 32px 40px}h1,h2,h3,p{margin-top:0}h1{font-family:"Songti SC",SimSun,serif;font-size:clamp(36px,4.8vw,62px);font-weight:500;line-height:1.4;letter-spacing:2px;margin-bottom:24px}h1 em{color:var(--accent);font-style:normal}h2{font-size:27px;line-height:1.5;font-weight:500}h3{font-size:18px}.eyebrow{color:var(--accent);display:block;margin-bottom:20px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}.intro{max-width:420px;color:var(--muted)}.facts{display:flex;gap:30px;margin:28px 0;color:var(--muted);font-size:14px}.facts strong{display:block;font-size:21px;color:var(--ink);font-weight:500}.redeem{max-width:430px;margin-top:32px}.redeem label{display:block;font-size:14px;margin-bottom:9px}.row{display:flex;gap:10px;align-items:center}input,textarea{width:100%;border:1px solid #c7bbc0;background:var(--white);border-radius:8px;padding:13px 15px;color:var(--ink);min-width:0}input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:2px}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.primary{border:0;background:var(--accent);color:white;border-radius:8px;padding:14px 22px;white-space:nowrap;min-height:50px}.secondary{border:1px solid var(--line);background:transparent;border-radius:8px;padding:12px 20px;min-height:48px}.link{border:0;background:none;color:var(--accent);padding:12px 0;text-decoration:underline;text-underline-offset:5px}.small{font-size:13px;color:var(--muted);line-height:1.7}.book-wrap{position:relative;padding:20px 24px 25px 0}.book{background:#e8d1d9;min-height:440px;padding:36px 35px 28px 48px;border-radius:2px 9px 9px 2px;box-shadow:16px 18px 0 -7px #e2dadd,24px 26px 38px -22px #75536355;position:relative;transform:rotate(3deg);border-left:9px solid #d6b8c3;display:flex;flex-direction:column;justify-content:space-between}.book:before{content:"";position:absolute;inset:16px;border:1px solid #b58d9b;pointer-events:none}.book .book-title{font:38px/1.6 "Songti SC",SimSun,serif;letter-spacing:7px;margin:18px 0}.book .book-sub{font:12px/1.7 monospace;letter-spacing:4px;color:#795a66}.book .number{font:70px Georgia,serif;color:#a26b80}.bookmark{position:absolute;right:38px;top:0;background:var(--accent);color:white;padding:13px 9px 22px;writing-mode:vertical-rl;letter-spacing:4px;font-size:13px;clip-path:polygon(0 0,100% 0,100% 100%,50% 92%,0 100%)}.book-foot{border-top:1px solid #b58d9b;padding-top:18px;font-size:13px}.chapter-note{margin-top:25px;text-align:center;color:var(--muted);font-size:13px}.quiz{max-width:710px;margin:0 auto}.quiz-top{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--muted)}progress{display:block;width:100%;height:4px;border:0;margin:17px 0 38px;background:var(--line)}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--accent)}.question-title{font-size:27px;line-height:1.65;margin-bottom:26px}.options{display:grid;gap:12px}.option{display:flex;align-items:center;gap:18px;text-align:left;width:100%;background:white;border:1px solid var(--line);border-radius:10px;padding:18px 20px;color:var(--ink)}.option:hover{border-color:#ad7d8e}.option.selected{background:var(--rose);border:2px solid var(--accent);padding:17px 19px}.option span{font:14px Georgia,serif;color:var(--accent);border:1px solid #ccb5bd;border-radius:50%;min-width:29px;height:29px;text-align:center;line-height:27px}.quiz-actions{display:flex;justify-content:space-between;margin-top:32px}.saving{font-size:13px;color:var(--muted);margin-top:20px}.result{max-width:830px;margin:auto}.result-head{text-align:center;border-bottom:1px solid var(--line);padding-bottom:32px}.result-head h1{font-size:54px;margin:6px 0}.result-line{font-family:"Songti SC",SimSun,serif;font-size:23px;color:var(--accent);margin-top:22px}.tags{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.tag{background:var(--rose);padding:5px 13px;border-radius:30px;font-size:13px}.report-section{padding:27px 0;border-bottom:1px solid var(--line)}.report-section p{color:#62585e;margin-bottom:0}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.report-grid .report-section{border:0}.dimension{margin:18px 0}.dimension-head,.dimension-ends{display:flex;justify-content:space-between;font-size:14px}.dimension-ends{font-size:12px;color:var(--muted);margin-top:5px}.track{height:6px;background:#e8dfe2;border-radius:4px;margin-top:8px}.fill{height:100%;background:var(--accent);border-radius:4px}.reason{margin:20px 0;padding-left:20px;border-left:2px solid #cda7b6}.reason q{font-size:14px;color:var(--accent)}.reason p{font-size:14px;margin-top:7px}.result-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:30px}.notice-banner{background:#efe7db;color:#685338;border-radius:8px;padding:12px 18px;font-size:14px;margin-bottom:24px}.loading{text-align:center;color:var(--muted);padding:70px 0}footer{max-width:1120px;margin:auto;border-top:1px solid var(--line);padding:25px 32px 32px;color:var(--muted);font-size:13px;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}footer p{width:100%;font-size:12px}footer nav{display:flex;gap:18px}footer button{border:0;padding:0;color:var(--muted);background:none;font-size:13px}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border-radius:10px;max-width:90%;padding:12px 22px;z-index:10;display:none}dialog{border:1px solid var(--line);border-radius:16px;max-width:650px;width:90%;max-height:85vh;padding:35px;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#24192370}.close{float:right;font-size:26px;border:0;background:none;color:var(--muted);padding:0 8px}.share-image{width:100%;border-radius:8px}.admin{max-width:1000px;margin:auto}.admin h1{font:32px/1.4 "Microsoft YaHei",sans-serif}.admin section{border-top:1px solid var(--line);padding:25px 0}.admin .stats{display:flex;gap:40px;flex-wrap:wrap;margin:25px 0}.stat strong{display:block;font-size:30px;color:var(--accent)}.admin label{display:block;font-size:14px;margin:14px 0 5px}.admin form{max-width:600px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;white-space:nowrap}td,th{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--muted)}td button{font-size:12px;padding:5px 8px;border:1px solid var(--line);border-radius:4px;background:white;margin:2px}.batch{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid var(--line);align-items:center}.error{color:#a42632}.admin details{padding:15px 0}.admin summary{cursor:pointer}textarea{min-height:110px}.login{max-width:420px;margin:auto}.mobile-only{display:none}@media(max-width:700px){header{padding:18px 22px}.brand{font-size:22px}.brand span{display:none}.edition{font-size:10px;letter-spacing:1px}main{padding:32px 22px;min-height:70vh}.hero{grid-template-columns:1fr;gap:22px}.hero h1{font-size:38px}.hero .book-wrap{display:none}.intro{font-size:15px}.facts{gap:28px;margin:20px 0}.redeem{margin-top:22px}.row{flex-wrap:wrap}.redeem .row input{flex:1;min-width:170px}.redeem .row .primary{flex-grow:1}.quiz .question-title{font-size:23px}.quiz-top .link{font-size:13px}.option{padding:15px;gap:12px;font-size:15px}.option.selected{padding:14px}.report-grid{grid-template-columns:1fr;gap:0}.report-grid .report-section{border-bottom:1px solid var(--line)}.result-head h1{font-size:43px}.result-line{font-size:20px}footer{margin:0 22px;padding:22px 0;display:block}footer nav{margin:14px 0}.admin .stats{gap:25px}.admin .row .primary{width:100%}.batch{flex-wrap:wrap}dialog{padding:25px}.result-actions button{width:100%}}@media(prefers-reduced-motion:no-preference){main{animation:arrive .35s ease-out}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}
@media(min-width:701px) and (max-width:950px){.hero{grid-template-columns:1fr;max-width:620px;margin:auto}.hero .book-wrap{display:none}.hero h1{font-size:48px}.intro,.redeem{max-width:520px}}