:root{color:#111;background:#deded9;font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #101010;--paper: #f4f4f0;--white: #ffffff;--muted: #777772;--line: #cecec8}*{box-sizing:border-box}html{min-width:320px;background:#deded9}body{min-width:320px;min-height:100vh;min-height:100dvh;margin:0;background:#deded9}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:3px}.app-shell{width:100%;max-width:760px;min-height:100vh;min-height:100dvh;margin:0 auto;overflow:hidden;background:var(--paper)}.topbar{display:flex;align-items:center;justify-content:space-between;height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) clamp(20px,6vw,48px) 0;border-bottom:1px solid var(--line)}.brand{color:var(--ink);font-size:1rem;font-weight:900;letter-spacing:-.035em;text-decoration:none}.brand span{display:inline-block;width:7px;height:7px;margin-left:3px;border-radius:50%;background:currentColor}.issue{color:var(--muted);font-family:Georgia,serif;font-size:.66rem;font-style:italic;letter-spacing:.08em}.banner{position:relative;display:flex;min-height:33vh;min-height:33dvh;padding:18px clamp(20px,6vw,48px) 22px;flex-direction:column;justify-content:space-between;overflow:hidden;background:var(--ink);color:var(--white)}.banner:after{position:absolute;right:-8%;bottom:-66%;width:clamp(190px,58vw,390px);aspect-ratio:1;border:1px solid #595955;border-radius:50%;content:""}.banner-topline,.banner-link{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between}.banner-topline{color:#93938e;font-size:.58rem;font-weight:700;letter-spacing:.13em}.banner-content{position:relative;z-index:1;padding:18px 0}.banner-content p{margin:0 0 7px;color:#b8b8b3;font-family:Georgia,Songti SC,serif;font-size:.76rem}.banner h1{max-width:550px;margin:0;font-size:clamp(2.1rem,10vw,4.8rem);font-weight:800;line-height:.98;letter-spacing:-.065em}.banner-link{width:fit-content;min-height:44px;border-bottom:1px solid #6e6e69;color:var(--white);font-size:.72rem;text-decoration:none;gap:42px}.banner-link span{font-size:1rem}.category-section{padding:clamp(38px,9vw,64px) clamp(20px,6vw,48px) 52px}.category-slogan{max-width:560px;margin:0 0 clamp(34px,8vw,58px);font-family:Georgia,Songti SC,serif;font-size:clamp(1.45rem,6vw,2.6rem);font-weight:700;line-height:1.35;letter-spacing:-.045em}.eyebrow{margin:0 0 12px;color:var(--muted);font-size:.62rem;font-weight:800;letter-spacing:.14em}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--ink);border-left:1px solid var(--ink)}.category-card{position:relative;display:flex;min-width:0;min-height:clamp(154px,42vw,240px);padding:clamp(16px,4.5vw,28px);flex-direction:column;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);color:var(--ink);text-decoration:none;transition:background .18s ease,color .18s ease,transform .18s ease}.category-card:active{transform:scale(.985)}.category-card:hover{background:var(--ink);color:var(--white)}.category-number{color:var(--muted);font-size:.64rem}.category-card:hover .category-number,.category-card:hover .category-en{color:#a9a9a4}.category-name{margin-top:auto;font-family:Georgia,Songti SC,serif;font-size:clamp(1.45rem,6vw,2.35rem);font-weight:700;letter-spacing:-.04em}.category-en{max-width:calc(100% - 28px);margin-top:8px;overflow:hidden;color:var(--muted);font-size:clamp(.45rem,1.8vw,.58rem);letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap}.category-arrow{position:absolute;right:clamp(16px,4.5vw,28px);bottom:clamp(16px,4.5vw,28px);font-size:1.1rem}.home-footer{display:flex;min-height:80px;padding:22px clamp(20px,6vw,48px) calc(22px + env(safe-area-inset-bottom));align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:var(--muted);font-size:.58rem;letter-spacing:.08em}.category-hero{position:relative;display:flex;min-height:clamp(330px,53dvh,520px);padding:22px clamp(20px,6vw,48px) 36px;flex-direction:column;overflow:hidden;background:var(--ink);color:var(--white)}.back-link{position:relative;z-index:1;display:inline-flex;width:fit-content;min-height:44px;align-items:center;color:#b8b8b3;font-size:.7rem;text-decoration:none;gap:9px}.back-link span{font-size:1.1rem}.category-hero-copy{position:relative;z-index:1;margin-top:auto}.category-hero .eyebrow{color:#8e8e89}.category-hero h1{margin:0;font-family:Georgia,Songti SC,serif;font-size:clamp(4rem,20vw,9rem);line-height:.88;letter-spacing:-.09em}.category-tagline{margin:18px 0 0;color:#b5b5b0;font-size:.82rem;letter-spacing:.06em}.hero-index{position:absolute;top:44%;right:clamp(16px,5vw,40px);color:#2f2f2d;font-family:Georgia,serif;font-size:clamp(8rem,38vw,16rem);font-style:italic;line-height:.7}.book-section{padding:clamp(34px,8vw,60px) clamp(20px,6vw,48px) calc(54px + env(safe-area-inset-bottom))}.category-description{max-width:510px;margin:0 0 52px;color:#555550;font-family:Georgia,Songti SC,serif;font-size:clamp(1.05rem,4.5vw,1.4rem);line-height:1.85}.author-search{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto;border:1px solid var(--ink);background:var(--paper)}.author-search input{width:100%;min-width:0;min-height:54px;padding:0 18px;border:0;border-radius:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:.82rem;-webkit-appearance:none;appearance:none}.author-search input::placeholder{color:#858580;opacity:1}.author-search input:focus-visible{box-shadow:inset 0 0 0 2px var(--ink)}.author-search input::-webkit-search-cancel-button{-webkit-appearance:none}.author-search button{min-width:88px;min-height:54px;padding:0 20px;border:0;border-left:1px solid var(--ink);border-radius:0;background:var(--ink);color:var(--white);font-size:.76rem;font-weight:700;letter-spacing:.08em;cursor:pointer}.author-search button:active{background:#333330}.author-search button:disabled{background:#777772;cursor:not-allowed}.author-search input:disabled{color:var(--muted);cursor:wait}.validating-label{display:inline-flex;align-items:center;white-space:nowrap;gap:7px}.validating-label i{width:5px;height:5px;border-radius:50%;background:currentColor;animation:validating-blink .8s ease-in-out infinite alternate}.error-toast{position:fixed;z-index:100;top:calc(76px + env(safe-area-inset-top));left:50%;display:flex;width:min(calc(100% - 32px),680px);min-height:56px;padding:10px 16px;align-items:center;border:1px solid var(--ink);background:var(--paper);box-shadow:6px 6px 0 var(--ink);color:var(--ink);transform:translate(-50%);gap:12px}.error-toast>span{display:grid;width:26px;height:26px;flex:0 0 26px;place-items:center;border-radius:50%;background:var(--ink);color:var(--white);font-family:Georgia,serif;font-size:.8rem;font-style:italic}.error-toast p{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.02em}.toast-enter-active,.toast-leave-active{transition:opacity .18s ease,transform .18s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,-10px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.return-button{display:inline-flex;min-height:50px;padding:0 24px;align-items:center;justify-content:center;border:1px solid var(--ink);background:var(--ink);color:var(--white);font-size:.76rem;font-weight:700;text-decoration:none}.challenge-page{min-height:calc(100vh - 64px);min-height:calc(100dvh - 64px - env(safe-area-inset-top));padding:18px clamp(20px,6vw,48px) calc(36px + env(safe-area-inset-bottom));background:var(--ink);color:var(--white)}.challenge-back{display:inline-flex;min-height:44px;align-items:center;color:#adada8;font-size:.7rem;text-decoration:none;gap:9px}.challenge-back span{font-size:1.1rem}.challenge-state{display:flex;width:100%;min-height:calc(100dvh - 154px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:30px 0;flex-direction:column;align-items:center;justify-content:center;text-align:center}.challenge-state .eyebrow{margin-bottom:14px;color:#858580}.challenge-state h1{margin:0;font-family:Georgia,Songti SC,serif;font-size:clamp(2.6rem,12vw,5rem);line-height:1;letter-spacing:-.07em}.exam-loader{position:relative;display:grid;width:clamp(104px,31vw,140px);margin-bottom:42px;aspect-ratio:1;place-items:center}.loader-ring{position:absolute;inset:0;border:1px solid #4b4b48;border-radius:50%;animation:loader-orbit 1.6s linear infinite}.loader-ring:before{position:absolute;top:-4px;left:50%;width:8px;height:8px;border-radius:50%;background:var(--white);box-shadow:0 0 0 5px var(--ink);content:"";transform:translate(-50%)}.exam-loader:after{position:absolute;inset:12px;border:1px dashed #343432;border-radius:50%;content:"";animation:loader-orbit 7s linear infinite reverse}.exam-loader strong{font-family:Georgia,serif;font-size:2.1rem;font-style:italic;font-weight:400}.loading-copy,.ready-copy{max-width:420px;margin:18px 0 0;color:#9d9d98;font-size:.8rem;line-height:1.7}.loading-dots{display:flex;height:18px;margin-top:20px;align-items:center;gap:6px}.loading-dots i{width:4px;height:4px;border-radius:50%;background:#8c8c87;animation:loading-pulse 1.1s ease-in-out infinite}.loading-dots i:nth-child(2){animation-delay:.15s}.loading-dots i:nth-child(3){animation-delay:.3s}.ready-state{align-items:stretch;text-align:left}.exam-state{max-width:680px;min-height:0;margin:18px auto 0;padding:18px 0 56px;align-items:stretch;justify-content:flex-start;text-align:left}.exam-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.exam-header .eyebrow{margin:0 0 7px}.exam-header>strong{flex:0 0 auto;font-family:Georgia,serif;font-size:1rem;font-weight:400}.exam-meta{margin:0;color:#b0b0aa;font-size:.72rem}.exam-progress{width:100%;height:1px;margin-top:22px;overflow:hidden;background:#41413e}.exam-progress span{display:block;height:100%;background:var(--white);transition:width .22s ease}.question-card{padding:clamp(36px,9vw,64px) 0 0}.question-number{margin:0 0 18px;color:#70706c;font-size:.62rem;letter-spacing:.16em}.question-card h1{margin:0;font-family:Georgia,Songti SC,serif;font-size:clamp(1.35rem,5.5vw,2rem);font-weight:400;line-height:1.75;letter-spacing:0}.answer-options{display:grid;margin-top:clamp(32px,8vw,50px);border-top:1px solid #41413e}.answer-options button{display:grid;width:100%;min-height:64px;padding:13px 14px;grid-template-columns:34px minmax(0,1fr);align-items:center;border:0;border-bottom:1px solid #41413e;background:transparent;color:var(--white);text-align:left;cursor:pointer;transition:background .16s ease,color .16s ease}.answer-options button>span{display:grid;width:25px;height:25px;place-items:center;border:1px solid #666661;border-radius:50%;font-family:Georgia,serif;font-size:.7rem}.answer-options button>strong{font-family:Georgia,Songti SC,serif;font-size:clamp(.84rem,3.5vw,1rem);font-weight:400;line-height:1.5}.answer-options button.selected{background:var(--white);color:var(--ink)}.answer-options button.selected>span{border-color:var(--ink);background:var(--ink);color:var(--white)}.exam-actions{display:grid;margin-top:30px;grid-template-columns:minmax(90px,.7fr) minmax(150px,1.3fr);gap:10px}.exam-actions.single-action{grid-template-columns:1fr}.exam-actions button,.restart-challenge{min-height:52px;padding:0 18px;border:1px solid var(--white);border-radius:0;font-size:.75rem;font-weight:700;cursor:pointer}.previous-question{background:transparent;color:var(--white)}.next-question,.restart-challenge{display:flex;align-items:center;justify-content:space-between;background:var(--white);color:var(--ink)}.exam-actions button:disabled{border-color:#3c3c39;background:#2a2a28;color:#656560;cursor:not-allowed}.result-heading{padding-top:clamp(30px,8vw,60px)}.result-heading h1{margin-top:20px;font-size:clamp(5rem,24vw,9rem);letter-spacing:-.08em}.result-heading h1 small{color:#777772;font-size:.2em;letter-spacing:0}.result-heading>p:last-child{margin:18px 0 0;color:#aaa9a4;font-size:.8rem}.answer-review{display:grid;margin-top:44px;border-top:1px solid #41413e}.answer-review article{display:flex;min-height:54px;padding:10px 0;align-items:center;justify-content:space-between;border-bottom:1px solid #41413e;gap:16px}.answer-review span{color:#999994;font-size:.7rem}.answer-review strong{color:#8d8d88;font-size:.72rem}.answer-review strong.correct{color:var(--white)}.restart-challenge{width:100%;margin-top:28px}.result-page{display:grid;min-height:calc(100vh - 64px);min-height:calc(100dvh - 64px - env(safe-area-inset-top));padding:clamp(44px,11vw,84px) clamp(20px,6vw,48px) calc(36px + env(safe-area-inset-bottom));place-items:center;background:var(--ink);color:var(--white)}.result-card{width:100%;max-width:680px}.result-card .eyebrow{color:#777772}.result-author{margin:18px 0 0;color:#aaa9a4;font-size:.78rem}.result-card h1{margin:clamp(38px,10vw,72px) 0 0;font-family:Georgia,Songti SC,serif;font-size:clamp(4rem,20vw,8rem);font-weight:400;line-height:.95;letter-spacing:-.08em}.result-copy{max-width:470px;margin:28px 0 0;color:#aaa9a4;font-family:Georgia,Songti SC,serif;font-size:clamp(.9rem,3.8vw,1.05rem);line-height:1.8}.result-scale{display:grid;margin-top:clamp(44px,11vw,72px);grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #41413e;border-left:1px solid #41413e}.result-scale span{display:grid;min-height:48px;padding:8px;place-items:center;border-right:1px solid #41413e;border-bottom:1px solid #41413e;color:#666661;font-size:.68rem}.result-scale span.active{background:var(--white);color:var(--ink);font-weight:700}.result-actions{display:grid;margin-top:28px;grid-template-columns:1fr 1fr;gap:10px}.result-actions a{display:flex;min-height:52px;padding:0 18px;align-items:center;justify-content:center;border:1px solid var(--white);color:var(--white);font-size:.74rem;font-weight:700;text-decoration:none;gap:12px}.result-actions a:first-child{justify-content:space-between;background:var(--white);color:var(--ink)}.ready-mark{display:grid;width:52px;height:52px;margin-bottom:48px;place-items:center;border:1px solid #656560;border-radius:50%;color:var(--white);font-size:1.1rem}.challenge-ticket{display:grid;margin-top:clamp(44px,11vw,74px);grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #4a4a47;border-bottom:1px solid #4a4a47}.challenge-ticket div{display:grid;min-width:0;min-height:86px;padding:16px 10px;align-content:center;border-right:1px solid #4a4a47;gap:8px}.challenge-ticket div:first-child{padding-left:0}.challenge-ticket div:last-child{padding-right:0;border-right:0}.challenge-ticket span{color:#7f7f7a;font-size:.58rem}.challenge-ticket strong{overflow:hidden;font-family:Georgia,Songti SC,serif;font-size:clamp(.88rem,3.5vw,1.05rem);text-overflow:ellipsis;white-space:nowrap}.enter-challenge,.error-state button{display:flex;width:100%;min-height:54px;margin-top:28px;padding:0 20px;align-items:center;justify-content:space-between;border:1px solid var(--white);border-radius:0;background:var(--white);color:var(--ink);font-size:.78rem;font-weight:700;cursor:pointer}.enter-challenge span{font-size:1.05rem}.error-state p:not(.eyebrow){margin:20px 0 0;color:#a8a8a3;font-size:.82rem}.error-state button{width:auto;min-width:150px;justify-content:center}@keyframes loader-orbit{to{transform:rotate(360deg)}}@keyframes loading-pulse{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}@keyframes validating-blink{0%{opacity:.25}to{opacity:1}}.not-found{min-height:calc(100dvh - 64px);padding:clamp(70px,18vw,140px) clamp(20px,6vw,48px)}.not-found h1{margin:0 0 40px;font-size:clamp(3rem,14vw,6rem);line-height:.95;letter-spacing:-.07em}.page-enter-active,.page-leave-active{transition:opacity .16s ease,transform .16s ease}.page-enter-from{opacity:0;transform:translateY(6px)}.page-leave-to{opacity:0}@media(min-width:761px){.app-shell{box-shadow:0 0 60px #0000001f}.category-card{min-height:230px}}@media(max-width:359px){.topbar,.banner,.category-section,.category-hero,.book-section,.home-footer,.challenge-page,.result-page,.not-found{padding-right:16px;padding-left:16px}.category-card{min-height:144px;padding:14px}.category-arrow{right:14px;bottom:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}