:root{--paper:#fafaf6;--ink:#282c33;--muted:#5b6471;--blue:#2149bd;--deep:#17378f;--line:#d0d6e2;--pale:#eef2fc;--honey:#f2cf74;--offset:calc(4.5rem + 28px);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;font-synthesis:none;color:var(--ink);background:var(--paper);scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;line-height:1.9;font-size:1rem}h1,h2,h3,h4,p,dl,dd,ul,ol,figure{margin:0}h1,h2,h3,h4{line-height:1.4;overflow-wrap:anywhere}h2{font-size:clamp(1.85rem,3vw,2.65rem);letter-spacing:-.025em}h3{font-size:1.3rem}p,li,dd{overflow-wrap:anywhere}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none;touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:6px}section[id],article[id],div[id],main[id]{scroll-margin-top:var(--offset)}.wrap{width:min(1360px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;z-index:100;top:12px;left:15px;padding:11px 20px;background:var(--honey);color:var(--ink);transform:translateY(-220%)}.skip:focus{transform:none}.site-header{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:1px solid var(--line)}.nav-row{min-height:84px;display:flex;justify-content:space-between;align-items:center;gap:45px}.brand{font-size:1.5rem;font-weight:750;white-space:nowrap;color:var(--blue);line-height:1.5}.brand-note{display:block;font-size:.79rem;font-weight:500;color:var(--muted);letter-spacing:0;margin-top:4px}.menu{min-width:0}.menu summary{display:none;align-items:center;justify-content:center;gap:12px;min-height:46px;min-width:88px;cursor:pointer;list-style:none;font-size:.94rem;font-weight:600}.menu summary::-webkit-details-marker{display:none}.menu-icon{width:18px;height:12px;border-block:1px solid var(--blue)}.menu nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}.menu nav a{display:flex;align-items:center;min-height:46px;padding:9px 14px;border-radius:6px;font-size:.94rem;font-weight:600;white-space:nowrap;transition:background .16s,box-shadow .16s}.menu nav a:hover{background:var(--pale)}.menu nav a[aria-current]{background:#e4ebfa;color:var(--blue);box-shadow:inset 0 -2px var(--blue)}.nav-fold .menu summary{display:flex}.nav-fold .menu:not([open]) nav{display:none}.nav-fold .menu[open] nav{position:absolute;left:0;right:0;top:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;background:var(--paper);padding:16px max(24px,calc((100vw - 1360px)/2)) 23px;max-height:var(--menu-height,65vh);overflow-y:auto;border-bottom:1px solid var(--line)}.nav-fold .menu nav a{white-space:normal}.hero{padding:34px 0 56px}.hero-art{padding-bottom:44px;background:#fff;border:1px solid var(--line);border-radius:7px;overflow:hidden}.hero-art img{width:100%;height:auto;max-height:360px;object-fit:contain}.hero-band{position:relative;width:84%;margin:-44px 0 0 auto;padding:31px 43px 33px;background:var(--blue);color:#fff;border-radius:6px}.hero-band h1{font-weight:750;letter-spacing:-.035em}.hero-name{display:block;font-size:clamp(3.1rem,5vw,5rem);line-height:1.16;white-space:nowrap}.hero-sub{display:block;font-size:1.04rem;font-weight:550;letter-spacing:0;line-height:1.7;margin-top:13px}.hero-tagline{font-size:1.17rem;color:var(--honey);font-weight:650;margin-top:17px}.hero-intro{font-size:.98rem;color:#edf1ff;max-width:850px;margin-top:16px}.hero-links{display:flex;gap:20px 30px;flex-wrap:wrap;margin-top:14px}.text-link{display:inline-flex;align-items:center;min-height:46px;font-size:.94rem;font-weight:650;border-bottom:1px solid var(--blue);color:var(--blue);transition:background .16s,box-shadow .16s}.text-link:hover{background:var(--pale);box-shadow:inset 0 -2px var(--blue)}.hero-band .text-link{color:#fff;border-color:#fff}.hero-band .text-link:hover{background:var(--deep);box-shadow:inset 0 -2px #fff}.hero-band a:focus-visible{outline-color:var(--honey)}.section{padding:58px 0;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:65px;margin-bottom:34px}.section-head>p{max-width:590px;color:var(--muted);font-size:.99rem}.kicker{font-size:.8rem!important;font-weight:650;letter-spacing:.1em;color:var(--blue)!important;margin-bottom:12px;text-transform:uppercase}.chapter-records{max-width:1060px;margin-inline:auto}.chapter-record{display:grid;grid-template-columns:130px minmax(0,1fr) 165px;gap:33px;padding:25px 0;border-top:1px solid var(--line);align-items:start}.chapter-record time{font-size:.95rem;font-weight:650;color:var(--blue)}.chapter-record h3{font-size:1.24rem}.chapter-record p{font-size:.98rem;color:var(--muted);margin-top:8px}.chapter-record .record-version{font-size:.87rem;margin-top:0;text-align:right}.format-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:65px}.format-index{padding:25px 0;border-block:1px solid var(--line)}.format-index h3{font-size:1.6rem}.format-index>p{color:var(--muted);font-size:.98rem;margin-top:17px}.format-index ul{padding-left:20px;list-style:disc;margin-top:20px;display:grid;gap:10px;font-size:.97rem}.format-index .text-link{margin-top:21px}.recommendations{display:grid;gap:54px}.recommended-work{display:grid;grid-template-columns:250px minmax(0,1fr);gap:55px;align-items:start;padding-top:30px;border-top:1px solid var(--line)}.recommended-work h3{font-size:2.1rem;color:var(--ink)}.work-type{color:var(--blue);font-size:.85rem;font-weight:650;margin-bottom:13px}.creator{font-size:.9rem;color:var(--muted);margin-top:15px}.work-intro{font-size:1.05rem;max-width:820px;margin-top:23px}.work-details{margin-top:28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 38px}.work-details>div{padding-top:13px;border-top:1px solid var(--line)}.work-details dt{font-size:.85rem;color:var(--blue);font-weight:650;margin-bottom:8px}.work-details dd{font-size:.98rem;color:var(--muted)}.cover-link{display:block;min-width:44px;min-height:44px;border:1px solid #d2d9e8;border-radius:4px;transition:box-shadow .16s,border-color .16s,filter .16s}.cover-link img{width:100%;height:auto;border-radius:3px}.cover-link:hover{box-shadow:0 6px 24px #2149bd25;border-color:var(--blue);filter:brightness(1.025)}.cover-link:active{filter:brightness(.92);box-shadow:inset 0 0 0 2px var(--blue)}.cover-link:focus-visible{outline:3px solid var(--blue);outline-offset:6px}.completed-list{max-width:1060px;margin-inline:auto}.completed-item{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1.25fr) minmax(0,.6fr);gap:33px;padding:24px 0;border-top:1px solid var(--line)}.completed-item h3{font-size:1.27rem}.completed-item p{font-size:.97rem;color:var(--muted)}.completed-item .complete-note{font-size:.9rem;color:var(--blue)}.character-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:65px}.character-layout article{padding-top:22px;border-top:1px solid var(--line)}.character-layout p{font-size:.98rem;color:var(--muted);margin-top:17px}.author-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:65px}.author-works{padding-top:21px;border-top:1px solid var(--line)}.author-works h3{font-size:1.4rem}.author-works p{font-size:.98rem;color:var(--muted);margin-top:17px}.chapter-notes{margin-top:37px;padding:25px 32px;background:var(--pale);display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);gap:35px;border-radius:6px}.chapter-notes ol{padding-left:23px;font-size:.96rem;display:grid;gap:10px}.reading-layout{background:#edf1fa;padding:36px 40px;border:1px solid var(--line);border-radius:7px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:65px}.reading-layout h2{font-size:2.2rem}.reading-layout p{font-size:1rem;color:var(--muted)}.reading-layout p+p{margin-top:21px}.reading-layout .text-link{margin-top:22px}.devices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:37px}.devices article{padding-top:22px;border-top:1px solid var(--line)}.devices p{font-size:.98rem;color:var(--muted);margin-top:16px}.questions{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:65px}.question-list article{padding:21px 0;border-top:1px solid var(--line)}.question-list h3{font-size:1.15rem}.question-list p{font-size:.98rem;color:var(--muted);margin-top:14px}.platform{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:65px}.platform p{font-size:.98rem;color:var(--muted);margin-top:18px}.footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:27px 0 35px;font-size:.87rem;color:var(--muted)}.footer strong{font-size:1.25rem;color:var(--blue)}
.catalogue-opening{padding:45px 0 39px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:65px;border-bottom:1px solid var(--line)}.catalogue-opening h1{font-size:clamp(2rem,3.5vw,3.2rem);color:var(--blue)}.catalogue-opening p{font-size:.99rem;color:var(--muted)}.catalogue-lanes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 70px;align-items:start;padding:35px 0 55px}.catalogue-lane>h2{font-size:1.75rem;padding-top:18px;border-top:3px solid var(--blue)}.catalogue-lane>.lane-intro{color:var(--muted);font-size:.95rem;margin-top:17px;margin-bottom:28px}.catalogue-lane+ .catalogue-lane{padding-left:40px;border-left:1px solid var(--line)}.catalogue-book{padding:28px 0;border-top:1px solid var(--line)}.catalogue-book h3{font-size:1.4rem}.catalogue-book .book-body{display:grid;grid-template-columns:90px minmax(0,1fr);gap:25px;margin-top:19px;align-items:start}.catalogue-book .creator{margin-top:7px}.catalogue-book .work-intro{font-size:.99rem;margin-top:0}.book-note{font-size:.87rem;color:var(--blue);margin-top:14px;line-height:1.8}
@media(max-width:1250px){.wrap{width:calc(100% - 64px)}.nav-row{gap:28px}.brand{font-size:1.35rem}.menu nav{gap:5px}.menu nav a{padding-inline:11px}.hero-band{width:89%}.recommended-work{grid-template-columns:215px minmax(0,1fr);gap:44px}.catalogue-lanes{gap:0 40px}.catalogue-lane+ .catalogue-lane{padding-left:30px}.catalogue-book .book-body{grid-template-columns:85px minmax(0,1fr);gap:24px}}
@media(max-width:1050px){.nav-row{min-height:76px}.menu summary{display:flex}.menu:not([open]) nav{display:none}.menu[open] nav{position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:15px 32px 22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border-bottom:1px solid var(--line);max-height:var(--menu-height,65vh);overflow-y:auto}.menu nav a{white-space:normal}.hero-band{padding:29px 33px;width:92%}.hero-name{font-size:3.5rem}.section-head{gap:37px}.format-columns,.author-layout,.character-layout{gap:37px}.chapter-record{grid-template-columns:115px minmax(0,1fr) 120px;gap:26px}.reading-layout{gap:40px}.completed-item{grid-template-columns:170px minmax(0,1fr);gap:13px 29px}.completed-item .complete-note{grid-column:2}.devices{gap:28px}.catalogue-lanes{gap:0 30px}.catalogue-lane+ .catalogue-lane{padding-left:25px}.catalogue-book .book-body{grid-template-columns:73px minmax(0,1fr);gap:20px}.questions{gap:37px}}
@media(max-width:800px){.wrap{width:calc(100% - 44px)}.hero{display:flex;flex-direction:column;padding:29px 0 38px}.hero-band{order:1;margin:0;width:100%;padding:29px 30px}.hero-art{order:2;padding-bottom:0;margin-top:27px}.hero-art img{max-height:none}.hero-name{font-size:min(3.8rem,11vw)}.hero-sub{font-size:1rem}.hero-intro{font-size:.99rem}.section{padding-block:43px}.section-head{display:block;margin-bottom:29px}.section-head>p{margin-top:18px}.chapter-record{grid-template-columns:115px minmax(0,1fr);gap:10px 25px}.chapter-record .record-version{grid-column:2;text-align:left}.format-columns{gap:29px}.recommended-work{grid-template-columns:170px minmax(0,1fr);gap:33px}.recommended-work h3{font-size:1.8rem}.work-details{grid-template-columns:1fr;gap:18px}.work-intro{font-size:1rem}.character-layout,.author-layout{gap:30px}.chapter-notes{grid-template-columns:1fr;gap:18px}.reading-layout{grid-template-columns:1fr;gap:23px;padding:31px}.reading-layout h2{font-size:1.9rem}.devices{grid-template-columns:1fr;gap:23px}.devices article{display:grid;grid-template-columns:140px minmax(0,1fr);gap:25px}.devices p{margin-top:0}.questions{grid-template-columns:1fr;gap:29px}.platform{grid-template-columns:1fr;gap:30px}.catalogue-opening{grid-template-columns:1fr;gap:21px;padding:34px 0}.catalogue-lanes{grid-template-columns:1fr;gap:38px;padding-top:32px}.catalogue-lane+ .catalogue-lane{padding-left:0;border-left:0}.catalogue-book{display:grid;grid-template-columns:210px minmax(0,1fr);gap:32px;padding-block:25px}.catalogue-book .book-body{margin:0;grid-template-columns:80px minmax(0,1fr);gap:25px}.catalogue-book h3{font-size:1.3rem}}
@media(max-width:520px){.wrap{width:calc(100% - 36px)}.nav-row{min-height:74px;gap:20px}.brand{font-size:1.2rem}.brand-note{display:none}.menu summary{font-size:.87rem}.menu[open] nav,.nav-fold .menu[open] nav{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 18px 21px}.hero{padding-top:21px}.hero-band{padding:25px 25px 27px}.hero-name{font-size:min(3.3rem,12vw)}.hero-sub{font-size:.96rem}.hero-tagline{font-size:1.1rem}.hero-links{gap:12px 24px}.section{padding-block:35px}.chapter-record{grid-template-columns:1fr;gap:8px}.chapter-record .record-version{grid-column:1}.format-columns{grid-template-columns:1fr;gap:27px}.recommended-work{grid-template-columns:120px minmax(0,1fr);gap:25px}.recommended-work h3{font-size:1.5rem}.work-details{grid-column:1 / -1}.completed-item{grid-template-columns:1fr;gap:12px}.completed-item .complete-note{grid-column:1}.character-layout,.author-layout{grid-template-columns:1fr;gap:27px}.reading-layout{padding:26px 24px}.devices article{display:block}.devices p{margin-top:15px}.catalogue-book{display:block}.catalogue-book .book-body{margin-top:19px;grid-template-columns:78px minmax(0,1fr);gap:24px}.catalogue-lanes{gap:29px}.catalogue-lane>h2{font-size:1.6rem}.catalogue-opening h1{font-size:1.9rem}.chapter-notes{padding:24px}}
@media(max-width:350px){.hero-band{padding-inline:20px}.recommended-work{display:block}.recommended-work>.cover-link{width:145px;margin-bottom:24px}.recommended-work h3{font-size:1.5rem}.catalogue-book .book-body{display:block}.catalogue-book .cover-link{width:110px;margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.recommended-work{grid-template-columns:minmax(0,1fr) 230px;gap:25px 54px}.work-title{grid-column:1 / -1}.work-title .creator{margin-top:10px}.recommended-work>.cover-link{grid-column:2;grid-row:2}.work-story{grid-column:1;grid-row:2}.work-story .work-intro{margin-top:0}.character-relations article{display:grid;grid-template-columns:170px minmax(0,1fr) 210px;gap:36px;padding:25px 0;border-top:1px solid var(--line)}.character-relations h4{font-size:1.13rem;margin-bottom:13px}.character-relations p{font-size:.98rem;color:var(--muted)}.character-relations .relationship-key{font-size:.87rem;color:var(--blue);padding-left:25px;border-left:1px solid var(--line)}.creator-correspondence article{display:grid;grid-template-columns:170px 230px minmax(0,1fr);gap:36px;padding:23px 0;border-top:1px solid var(--line)}.creator-correspondence h3{font-size:1.18rem}.creator-correspondence p{font-size:.98rem;color:var(--muted)}.creator-correspondence .creator-work{color:var(--blue);font-weight:600}.reading-layout{display:block;max-width:1110px;margin-inline:auto}.reading-heading{display:flex;justify-content:space-between;align-items:end;gap:37px}.reading-heading .text-link{margin:0}.reading-intro{margin-top:24px}.reading-scope{width:100%;border-collapse:collapse;table-layout:fixed;margin-top:26px;text-align:left;font-size:.97rem}.reading-scope th,.reading-scope td{padding:15px 12px;border-top:1px solid #bdc8e0;overflow-wrap:anywhere}.reading-scope thead th{font-size:.85rem;color:var(--blue);font-weight:650}.reading-scope th[scope=row]{font-weight:600}.reading-boundary{margin-top:25px;font-size:.95rem!important}.questions{display:block}.questions>div:first-child{margin-bottom:29px}.question-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 38px}.platform{display:block;max-width:1000px}.platform article+article{margin-top:32px;padding-top:26px;border-top:1px solid var(--line)}
@media(max-width:1000px){.recommended-work{grid-template-columns:minmax(0,1fr) 185px;gap:25px 35px}.character-relations article{grid-template-columns:145px minmax(0,1fr);gap:17px 30px}.character-relations .relationship-key{grid-column:2;padding:0;border:0}.creator-correspondence article{grid-template-columns:145px minmax(0,1fr);gap:13px 30px}.creator-correspondence article>p:last-child{grid-column:2}.question-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 33px}}
@media(max-width:650px){.recommended-work{display:block}.work-title{margin-bottom:23px}.recommended-work>.cover-link{width:155px;margin-bottom:25px}.character-relations article{display:block}.character-relations article>div{margin-top:17px}.character-relations .relationship-key{margin-top:15px}.creator-correspondence article{display:block}.creator-correspondence .creator-work{margin-top:9px}.creator-correspondence article>p:last-child{margin-top:14px}.reading-heading{display:block}.reading-heading .text-link{margin-top:17px}.reading-scope th,.reading-scope td{padding:13px 8px}.question-list{grid-template-columns:1fr;gap:5px}.work-title .work-type{margin-bottom:9px}.reading-layout h2{font-size:1.9rem}}