:root{--shell-gutter: 16px;--header-h: 66px;--wall-max: 1180px;--color-ink: #1c302e;--color-ink-soft: #536b68;--color-celadon: #3f7f7a;--color-celadon-deep: #276762;--color-mist: #edf7f5;--color-cloud: #fbfdfc;--color-mineral: #d9ecf2;--color-line: #cfe1df;--color-cinnabar: #b84f46;--shadow-soft: 0 18px 60px rgba(40,83,79,0.12);color: var(--color-ink);background: var(--color-cloud);font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size: 16px;line-height: 1.7;font-synthesis: none;}html{scroll-behavior:smooth;scroll-padding-top:97px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{box-sizing: border-box;}html{min-width: 320px;scroll-behavior: smooth;}body{min-width: 320px;margin: 0;overflow-x: clip;background: radial-gradient(circle at 82% 6%,rgba(217,236,242,0.65),transparent 27rem),linear-gradient(180deg,#f9fcfb 0%,var(--color-cloud) 56%,#f0f7f5 100%);}img{display: block;max-width: 100%;}h1,h2,h3,p,figure{margin-top: 0;}h1,h2,h3,.wordmark{font-family: "Songti SC","STSong","SimSun",serif;font-weight: 700;}.page-shell{width: min(100% - calc(var(--shell-gutter) * 2),1240px);margin-inline: auto;}.site-header{padding: 22px 0 8px;}.wordmark{display: inline-flex;align-items: center;gap: 10px;color: var(--color-ink);font-size: 1.13rem;letter-spacing: 0.12em;}.wordmark::before{width: 28px;height: 28px;border: 7px solid var(--color-celadon);border-top-color: var(--color-mineral);border-radius: 50%;content: "";}.hero{display: grid;gap: 26px;padding-top: 46px;padding-bottom: 70px;}.hero-copy{align-self: center;}.eyebrow{margin-bottom: 12px;color: var(--color-celadon-deep);font-size: 0.78rem;font-weight: 700;letter-spacing: 0.2em;text-transform: uppercase;}h1{max-width: 10em;margin-bottom: 20px;font-size: clamp(2.45rem,11vw,5.6rem);line-height: 1.06;letter-spacing: -0.045em;}.hero-intro{max-width: 35rem;margin-bottom: 0;color: var(--color-ink-soft);font-size: 1rem;}.recommendations{padding-bottom: 86px;}.section-heading{display: grid;gap: 10px;margin-bottom: 26px;padding-bottom: 18px;border-bottom: 1px solid var(--color-line);}h2{margin-bottom: 0;font-size: clamp(1.75rem,5vw,2.6rem);line-height: 1.2;}.checked-date{margin-bottom: 0;color: var(--color-ink-soft);font-size: 0.88rem;font-variant-numeric: tabular-nums;}.drama-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 26px 12px;}.drama-card{min-width: 0;}.cover-frame{position: relative;margin-bottom: 14px;overflow: hidden;border-radius: 6px 22px 6px 6px;background: var(--color-mist);box-shadow: 0 10px 28px rgba(43,87,83,0.11);aspect-ratio: 3 / 4;}.cover-frame img{width: 100%;height: 100%;object-fit: cover;}.display-order{position: absolute;right: 8px;bottom: 8px;display: grid;width: 34px;height: 34px;place-items: center;border: 1px solid rgba(251,253,252,0.74);border-radius: 50%;color: #f8fcfb;background: rgba(39,103,98,0.78);backdrop-filter: blur(8px);font-family: Georgia,serif;font-size: 0.76rem;font-variant-numeric: tabular-nums;}.drama-tags{display: flex;min-height: 22px;flex-wrap: wrap;gap: 5px;margin-bottom: 7px;}.drama-tag{padding: 2px 7px;border: 1px solid #b8d4d1;border-radius: 999px;color: var(--color-celadon-deep);background: rgba(237,247,245,0.8);font-size: 0.68rem;line-height: 1.4;}.drama-card h3{display: -webkit-box;min-height: 2.72em;margin-bottom: 7px;overflow: hidden;color: var(--color-ink);font-size: 1rem;line-height: 1.36;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}.drama-card > p{display: -webkit-box;margin-bottom: 0;overflow: hidden;color: var(--color-ink-soft);font-size: 0.83rem;line-height: 1.65;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}.topic-guide,.method,.faq{padding-top: 72px;padding-bottom: 72px;}.topic-guide{position: relative;border-top: 1px solid var(--color-line);}.topic-guide::before{position: absolute;top: 0;right: -20vw;width: 58vw;height: 100%;background: radial-gradient(ellipse,rgba(217,236,242,0.72),transparent 67%);content: "";pointer-events: none;}.topic-copy{position: relative;display: grid;gap: 18px;margin-top: 28px;}.topic-copy p{margin-bottom: 0;padding: 22px;border-left: 3px solid var(--color-celadon);color: var(--color-ink-soft);background: rgba(251,253,252,0.7);}.method{width: min(100% - 32px,950px);border-top: 1px solid var(--color-line);}.method > p:not(.eyebrow){max-width: 54rem;color: var(--color-ink-soft);}.method h2,.faq h2{margin-bottom: 26px;}.faq-list{display: grid;gap: 0;border-top: 1px solid var(--color-line);}.faq-item{padding: 24px 0;border-bottom: 1px solid var(--color-line);}.faq-item h3{margin-bottom: 8px;font-size: 1.05rem;}.faq-item p{margin-bottom: 0;color: var(--color-ink-soft);font-size: 0.94rem;}.site-footer{margin-top: 32px;border-top: 1px solid var(--color-line);background: rgba(237,247,245,0.82);}.footer-inner{display: grid;gap: 4px;padding-top: 28px;padding-bottom: 28px;}.footer-inner p{margin-bottom: 0;color: var(--color-ink-soft);font-size: 0.82rem;}@media (min-width: 720px){.page-shell{width: min(100% - 64px,1240px);}.hero{align-items: center;padding-top: 94px;padding-bottom: 120px;}h1{font-size: clamp(3.8rem,7vw,5.6rem);}.section-heading{grid-template-columns: 1fr auto;align-items: end;}.drama-grid{grid-template-columns: repeat(3,minmax(0,1fr));gap: 38px 18px;}.topic-copy,.faq-list{grid-template-columns: repeat(2,minmax(0,1fr));}.faq-item:nth-child(odd){padding-right: 28px;border-right: 1px solid var(--color-line);}.faq-item:nth-child(even){padding-left: 28px;}.footer-inner{grid-template-columns: 1fr auto;align-items: center;}}@media (min-width: 1024px){.site-header{padding-top: 30px;}.hero{min-height: 700px;}.drama-grid{grid-template-columns: repeat(5,minmax(0,1fr));gap: 48px 18px;}.drama-card h3{font-size: 1.08rem;}.topic-guide,.method,.faq{padding-top: 96px;padding-bottom: 96px;}}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto;}}.genre-intro,.glossary,.picks{padding-top: 66px;padding-bottom: 66px;border-top: 1px solid var(--color-line);}.genre-intro .intro-lead{max-width: 34em;margin: 18px 0 34px;color: var(--color-ink);font-size: clamp(1rem,2.6vw,1.18rem);line-height: 1.95;}.genre-compare{display: grid;grid-template-columns: minmax(0,1fr);margin: 0;border-top: 1px solid var(--color-line);}.genre-compare > div{display: grid;min-width: 0;grid-template-columns: minmax(0,1fr);gap: 5px;padding: 18px 0;border-bottom: 1px solid var(--color-line);}.genre-compare dt{color: var(--color-celadon-deep);font-family: "Songti SC","STSong","SimSun",serif;font-size: 1.06rem;font-weight: 700;}.genre-compare dd{min-width: 0;margin: 0;color: var(--color-ink-soft);font-size: 0.88rem;line-height: 1.85;}.glossary-list{display: grid;grid-template-columns: minmax(0,1fr);gap: 10px;margin-top: 24px;}.glossary-item{display: grid;min-width: 0;gap: 5px;align-content: start;padding: 15px 17px;border: 1px solid var(--color-line);border-radius: 8px 16px 8px 8px;background: rgba(251,253,252,0.72);}.glossary-item h3{min-width: 0;margin: 0;color: var(--color-celadon-deep);font-size: 1rem;}.glossary-item p{min-width: 0;margin: 0;color: var(--color-ink-soft);font-size: 0.82rem;line-height: 1.75;}.picks-grid{display: grid;grid-template-columns: minmax(0,1fr);gap: 12px;margin-top: 24px;}.pick-card{display: grid;min-width: 0;gap: 8px;align-content: start;padding: 20px 18px;border: 1px solid var(--color-line);border-radius: 10px 24px 10px 10px;background: rgba(251,253,252,0.78);box-shadow: 0 12px 32px rgba(32,86,79,0.07);}.pick-card small{color: #9c6d00;font-size: 0.68rem;font-weight: 800;letter-spacing: 0.18em;}.pick-card h3{min-width: 0;margin: 0;font-size: 1.12rem;line-height: 1.3;}.pick-card > p{min-width: 0;margin: 0;color: var(--color-ink-soft);font-size: 0.83rem;line-height: 1.75;}.pick-titles{display: flex;min-width: 0;flex-wrap: wrap;gap: 5px;margin-top: 2px;}.pick-titles span{padding: 4px 9px;border: 1px solid rgba(47,116,108,0.24);border-radius: 999px;color: var(--color-celadon-deep);background: rgba(232,245,241,0.9);font-size: 0.7rem;line-height: 1.5;overflow-wrap: anywhere;}@media (min-width: 720px){.genre-compare{grid-template-columns: repeat(2,minmax(0,1fr));column-gap: 44px;}.genre-compare > div{grid-template-columns: 92px minmax(0,1fr);gap: 0 18px;align-items: baseline;}.glossary-list{grid-template-columns: repeat(2,minmax(0,1fr));gap: 12px;}.picks-grid{grid-template-columns: repeat(2,minmax(0,1fr));gap: 14px;}}@media (min-width: 1024px){.genre-intro,.glossary,.picks{padding-top: 86px;padding-bottom: 86px;}.glossary-list{grid-template-columns: repeat(3,minmax(0,1fr));}.picks-grid{grid-template-columns: repeat(4,minmax(0,1fr));gap: 16px;}}.brand-story{margin-block: 0;padding: 72px 0 84px;overflow: clip;color: #f4f8f7;background: #102f2b;}.brand-story-shell,.brand-story-copy,.poster-wall,.poster-frame,.poster-title-rail,.source-strip,.brand-proof{min-width: 0;max-width: 100%;}.brand-story-copy{display: grid;gap: 16px;margin-bottom: 30px;}.brand-story-copy .eyebrow{color: #f3c845;}.brand-story-copy h2{max-width: 13em;color: #f7faf9;}.brand-story-copy mark{color: #f3c845;background: transparent;}.brand-intro{max-width: 45rem;margin-bottom: 0;color: rgba(230,242,239,0.75);font-size: clamp(0.95rem,2.3vw,1.15rem);line-height: 1.85;}.brand-proof{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 8px;}.brand-proof span{display: grid;min-height: 42px;place-items: center;padding: 8px 6px;border: 1px solid rgba(243,200,69,0.3);border-radius: 999px;color: #f8e39f;background: rgba(243,200,69,0.08);font-size: 0.7rem;font-weight: 800;line-height: 1.25;text-align: center;}.poster-cinema{position: relative;min-width: 0;overflow: clip;border: 1px solid rgba(243,200,69,0.22);background: #071c1a;box-shadow: 0 26px 72px rgba(1,14,13,0.34);margin-inline: calc(var(--shell-gutter) * -1);max-width: none;border-inline: 0;}.poster-wall{position: relative;display: grid;grid-template-columns: repeat(5,minmax(0,1fr));gap: 8px 3px;padding: 10px 0 12px;}.poster-wall::after{position: absolute;z-index: 1;inset: 0;background: radial-gradient(ellipse at 50% 45%,transparent 0 38%,rgba(4,20,18,0.55) 100%);content: "";pointer-events: none;}.poster-frame{position: relative;min-width: 0;margin: 0;overflow: hidden;border: 1px solid rgba(255,255,255,0.16);border-radius: 0;background: #163b36;aspect-ratio: 2 / 3;}.poster-frame img{width: 100%;height: 100%;object-fit: cover;filter: saturate(0.92) contrast(1.05) brightness(0.92);}.poster-frame:nth-child(2),.poster-frame:nth-child(4){transform: translateY(8px);}.poster-frame:nth-child(3),.poster-frame:nth-child(6),.poster-frame:nth-child(9){transform: translateY(4px);}.poster-frame:nth-child(8){transform: translateY(8px);}.poster-frame:nth-child(8){border-color: rgba(243,200,69,0.62);}.poster-frame:nth-child(8) img{filter: none;}.wall-caption{position: absolute;z-index: 2;right: 0;bottom: 0;left: 0;overflow: hidden;padding: 4px 5px;color: rgba(240,248,246,0.9);background: linear-gradient(180deg,transparent,rgba(4,20,18,0.86) 46%);font-size: 0.5rem;line-height: 1.3;text-overflow: ellipsis;white-space: nowrap;}.poster-cinema::before,.poster-cinema::after{position: absolute;z-index: 3;inset-inline: 0;height: 10px;background: repeating-linear-gradient(90deg,rgba(2,14,13,0.92) 0 6px,transparent 6px 12px);content: "";pointer-events: none;}.poster-cinema::before{top: 0;}.poster-cinema::after{bottom: 0;}.poster-title-rail{position: relative;z-index: 2;display: grid;gap: 6px;padding: 14px clamp(14px,4vw,56px);border-block: 1px solid rgba(243,200,69,0.38);background: rgba(8,34,31,0.94);text-align: center;}.rail-side{color: #f3c845;font-size: 0.56rem;font-weight: 800;letter-spacing: 0.16em;}.rail-meta{color: rgba(230,242,239,0.66);}.rail-main{display: flex;min-width: 0;align-items: center;justify-content: center;gap: 14px;margin-bottom: 0;color: #ffffff;font-family: "Songti SC","STSong","SimSun",serif;font-size: clamp(1.05rem,5.6vw,1.6rem);font-weight: 700;line-height: 1.25;}.rail-rule{min-width: 0;height: 1px;flex: 1;background: linear-gradient(90deg,transparent,#f3c845,transparent);}.source-strip{display: grid;gap: 8px;margin-top: 18px;padding: 16px 18px;border: 1px solid rgba(243,200,69,0.18);border-radius: 10px;background: #0d2b28;}.source-flow{display: flex;min-width: 0;flex-wrap: wrap;align-items: center;gap: 6px 10px;margin-bottom: 0;}.source-flow span{color: #d8ece7;font-size: 0.76rem;}.source-flow span + span::before{margin-right: 10px;color: #f3c845;content: "→";}.source-meta{margin-bottom: 0;color: rgba(214,233,228,0.66);font-size: 0.72rem;line-height: 1.7;font-variant-numeric: tabular-nums;}@media (min-width: 720px){.poster-cinema{max-width: var(--wall-max);margin-inline: auto;border: 1px solid rgba(243,200,69,0.22);}.poster-wall{gap: 14px 8px;padding: 18px 16px 24px;}.wall-caption{padding: 6px 7px;font-size: 0.58rem;}.poster-frame:nth-child(-n + 5) .wall-caption{top: 0;bottom: auto;background: linear-gradient(0deg,transparent,rgba(4,20,18,0.86) 46%);}.poster-title-rail{position: absolute;top: 50%;right: 0;left: 0;grid-template-columns: minmax(0,1fr) minmax(0,2.2fr) minmax(0,1fr);align-items: center;gap: 0 20px;padding-block: 18px;transform: translateY(-50%);text-align: left;}.rail-side{font-size: 0.62rem;}.rail-meta{text-align: right;}.rail-main{font-size: clamp(1.3rem,2.6vw,2.3rem);}.source-strip{grid-template-columns: minmax(0,1fr) auto;align-items: center;gap: 10px 24px;margin-top: 22px;padding: 18px 22px;}}@media (min-width: 1024px){.brand-story{padding: 104px 0 116px;}.brand-story-copy{margin-bottom: 44px;}.poster-wall{gap: 20px 10px;padding: 28px 24px 36px;}.poster-frame:nth-child(2),.poster-frame:nth-child(4){transform: translateY(16px);}.poster-frame:nth-child(3),.poster-frame:nth-child(6),.poster-frame:nth-child(9){transform: translateY(8px);}.poster-frame:nth-child(8){transform: translateY(16px);}.wall-caption{font-size: 0.64rem;}}.site-main{display: grid;grid-template-columns: minmax(0,1fr);}.site-main > *{grid-column: 1;}.story-backdrop{position: relative;isolation: isolate;grid-row: 1 / 3;overflow: clip;background: var(--color-mist);}.story-backdrop::before,.story-backdrop::after{position: absolute;inset-inline: 0;z-index: -1;content: "";pointer-events: none;}.story-backdrop::before{inset-block: 0;background: linear-gradient( 90deg,rgba(251,253,252,0.86) 0%,rgba(251,253,252,0.62) 26%,rgba(251,253,252,0.2) 48%,transparent 66% ),linear-gradient( 180deg,rgba(251,253,252,0) 0%,rgba(246,251,250,0.22) 48%,rgba(241,249,247,0.72) 76%,rgba(238,247,245,0.94) 90%,var(--color-mist) 100% );}.story-backdrop::after{bottom: 0;height: 180px;background: linear-gradient(180deg,rgba(237,247,245,0) 0%,var(--color-mist) 92%);}.story-background{position: absolute;inset: 0;z-index: -2;overflow: clip;pointer-events: none;}.story-background img{position: sticky;top: 0;height: 100svh;width: 100%;max-width: none;object-fit: cover;object-position: 61% center;opacity: 0.92;}.site-header{border-bottom: 1px solid rgba(42,99,92,0.16);background: rgba(250,253,252,0.46);backdrop-filter: blur(16px);}.hero-copy{max-width: 46rem;}.catalog .section-heading{padding: 20px 22px;border: 1px solid rgba(255,255,255,0.66);border-bottom: 1px solid rgba(255,255,255,0.66);border-radius: 18px;background: rgba(251,253,252,0.72);box-shadow: 0 12px 32px rgba(32,86,79,0.08);backdrop-filter: blur(18px);}.catalog .drama-card{padding: 8px 8px 13px;border: 1px solid rgba(255,255,255,0.64);border-radius: 10px 26px 10px 10px;background: rgba(251,253,252,0.76);box-shadow: 0 16px 42px rgba(26,73,67,0.11);backdrop-filter: blur(16px);}@media (min-width: 1024px){.catalog .drama-card{padding: 10px 10px 16px;}}.realms,.openings,.series{padding-top: 66px;padding-bottom: 66px;border-top: 1px solid var(--color-line);}.realms-note,.openings-note,.series-note{max-width: 40em;margin: 16px 0 34px;color: var(--color-ink-soft);font-size: 0.94rem;line-height: 1.9;}.realm-ladder{display: grid;grid-template-columns: minmax(0,1fr);gap: 0;margin: 0;padding: 0;list-style: none;counter-reset: realm;}.realm-step{position: relative;display: grid;min-width: 0;grid-template-columns: 34px minmax(0,1fr);gap: 4px 14px;padding: 15px 0;border-bottom: 1px solid var(--color-line);counter-increment: realm;}.realm-bar{grid-row: 1 / 3;align-self: end;width: 100%;height: calc(18% + (var(--step) - 1) * 13.7%);min-height: 14px;border-radius: 2px 2px 0 0;background: linear-gradient(180deg,var(--color-celadon),var(--color-celadon-deep));opacity: calc(0.45 + var(--step) * 0.08);}.realm-step h3{min-width: 0;margin: 0;color: var(--color-ink);font-size: 1.02rem;}.realm-step h3::after{margin-left: 0.5em;color: var(--color-celadon);content: counter(realm,decimal-leading-zero);font-family: Georgia,serif;font-size: 0.72rem;font-weight: 400;}.realm-step p{min-width: 0;margin: 0;color: var(--color-ink-soft);font-size: 0.84rem;line-height: 1.75;}.opening-list{display: grid;grid-template-columns: minmax(0,1fr);border-top: 1px solid var(--color-line);}.narrative-disclosure{margin-top: 48px;border-top: 1px solid var(--color-line);border-bottom: 1px solid var(--color-line);background: rgba(246,242,232,0.52);}.narrative-disclosure summary{display: flex;align-items: center;justify-content: space-between;gap: 18px;padding: 18px 0;color: var(--color-ink);font-family: "Songti SC","STSong","SimSun",serif;font-size: clamp(1.08rem,2.4vw,1.38rem);font-weight: 700;cursor: pointer;list-style: none;}.narrative-disclosure summary::-webkit-details-marker{display: none;}.narrative-disclosure summary::after{flex: 0 0 auto;color: var(--color-celadon-deep);content: "收合";font-family: "PingFang SC","Microsoft YaHei",sans-serif;font-size: 0.72rem;letter-spacing: 0.14em;}.narrative-disclosure:not([open]) summary::after{content: "展开";}.narrative-disclosure summary:focus-visible{outline: 2px solid var(--color-cinnabar);outline-offset: 5px;}.disclosure-note{max-width: 52rem;margin: 0 0 24px;color: var(--color-ink-soft);line-height: 1.9;}.opening-row{display: grid;min-width: 0;grid-template-columns: auto minmax(0,1fr);gap: 6px 14px;padding: 18px 0;border-bottom: 1px solid var(--color-line);}.opening-no{color: var(--color-celadon);font-family: Georgia,serif;font-size: 0.86rem;}.opening-copy{min-width: 0;}.opening-copy h3{margin: 0 0 5px;font-size: 1.02rem;}.opening-copy p{min-width: 0;margin: 0;color: var(--color-ink-soft);font-size: 0.84rem;line-height: 1.8;}.opening-pace{display: flex;grid-column: 2;gap: 5px;align-items: center;}.opening-pace i{width: 7px;height: 7px;border-radius: 50%;}.opening-pace i.on{background: #d9a300;}.opening-pace i.off{border: 1px solid rgba(47,116,108,0.3);}.series-chain{display: grid;grid-template-columns: minmax(0,1fr);gap: 10px;margin: 0;padding: 0;list-style: none;}.series-chain li{display: grid;min-width: 0;grid-template-columns: 34px minmax(0,1fr);gap: 12px;align-items: center;padding: 12px 14px;border: 1px solid var(--color-line);border-radius: 8px 18px 8px 8px;background: rgba(251,253,252,0.7);}.series-no{display: grid;width: 30px;height: 30px;place-items: center;border-radius: 50%;color: #ffffff;background: var(--color-celadon-deep);font-family: Georgia,serif;font-size: 0.82rem;}.series-chain strong{min-width: 0;font-size: 0.94rem;font-weight: 700;overflow-wrap: anywhere;}@media (min-width: 720px){.realm-ladder{grid-template-columns: repeat(2,minmax(0,1fr));column-gap: 44px;}.opening-row{grid-template-columns: auto minmax(0,1fr) auto;align-items: center;gap: 0 20px;}.opening-pace{grid-column: 3;}.series-chain{grid-template-columns: repeat(4,minmax(0,1fr));gap: 12px;}}@media (min-width: 1024px){.realms,.openings,.series{padding-top: 86px;padding-bottom: 86px;}.realm-ladder{grid-template-columns: repeat(7,minmax(0,1fr));column-gap: 12px;align-items: end;border-bottom: 1px solid var(--color-line);}.realm-step{grid-template-columns: minmax(0,1fr);gap: 10px;padding: 0 0 18px;border-bottom: 0;}.realm-bar{grid-row: auto;height: calc(38px + (var(--step) - 1) * 22px);}.realm-step p{font-size: 0.78rem;}}.site-header{position: relative;z-index: 2;}.header-inner{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 10px 24px;}.site-nav ul{display: flex;min-width: 0;flex-wrap: wrap;gap: 4px 18px;margin: 0;padding: 0;list-style: none;}.site-nav a{display: inline-block;padding: 4px 0;color: var(--color-ink-soft);font-size: 0.84rem;text-decoration: none;border-bottom: 1px solid transparent;}.site-nav a:hover,.site-nav a:focus-visible{color: var(--color-celadon-deep);border-bottom-color: var(--color-celadon);}.story-backdrop{margin-top: calc(var(--header-h) * -1);padding-top: var(--header-h);}.hero{position: relative;z-index: 1;grid-row: 1;}.catalog{position: relative;z-index: 1;grid-row: 2;}.narrative{grid-row: 3;}.encyclopedia{grid-row: 4;}.faq{grid-row: 5;}.about-site{grid-row: 6;}.longtail,.about-site{padding-top: 66px;padding-bottom: 66px;border-top: 1px solid var(--color-line);}.lt-note,.about-main p{color: var(--color-ink-soft);font-size: 0.94rem;line-height: 1.9;}.lt-note{max-width: 40em;margin: 16px 0 30px;}.lt-grid{display: grid;grid-template-columns: minmax(0,1fr);gap: 0;border-top: 1px solid var(--color-line);}.lt-item{min-width: 0;display: grid;gap: 5px;padding: 15px 0;border-bottom: 1px solid var(--color-line);}.lt-item h3{min-width: 0;margin: 0;color: var(--color-celadon-deep);font-size: 0.98rem;}.lt-item p{min-width: 0;margin: 0;color: var(--color-ink-soft);font-size: 0.85rem;line-height: 1.8;}.about-grid{display: grid;grid-template-columns: minmax(0,1fr);gap: 28px;margin-top: 20px;}.about-main p{margin: 0 0 14px;max-width: 38em;}.about-facts{display: grid;grid-template-columns: minmax(0,1fr);margin: 0;border-top: 1px solid var(--color-line);}.about-facts > div{display: grid;min-width: 0;grid-template-columns: minmax(0,1fr);gap: 4px;padding: 13px 0;border-bottom: 1px solid var(--color-line);}.about-facts dt{color: var(--color-celadon-deep);font-size: 0.84rem;font-weight: 700;}.about-facts dd{min-width: 0;margin: 0;color: var(--color-ink-soft);font-size: 0.84rem;line-height: 1.75;}.footer-inner{display: grid;grid-template-columns: minmax(0,1fr);gap: 28px;padding-top: 46px;padding-bottom: 30px;}.footer-brand strong{display: block;color: var(--color-ink);font-family: "Songti SC","STSong","SimSun",serif;font-size: 1.16rem;}.footer-brand p{margin: 6px 0 0;color: var(--color-ink-soft);font-size: 0.85rem;line-height: 1.8;}.footer-desc{max-width: 26em;}.footer-heading{margin: 0 0 10px;color: var(--color-ink);font-size: 0.8rem;font-weight: 700;letter-spacing: 0.08em;}.footer-nav ul{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 7px 18px;margin: 0;padding: 0;list-style: none;}.footer-nav a{color: var(--color-ink-soft);font-size: 0.84rem;text-decoration: none;}.footer-nav a:hover,.footer-nav a:focus-visible{color: var(--color-celadon-deep);text-decoration: underline;}.footer-meta p{margin: 0 0 6px;color: var(--color-ink-soft);font-size: 0.82rem;line-height: 1.75;}.footer-bottom{padding-top: 16px;padding-bottom: 26px;border-top: 1px solid var(--color-line);}.footer-bottom p{margin: 0;color: var(--color-ink-soft);font-size: 0.78rem;}@media (min-width: 720px){.lt-grid{grid-template-columns: repeat(2,minmax(0,1fr));column-gap: 44px;}.about-grid{grid-template-columns: minmax(0,1.05fr) minmax(0,1fr);gap: 48px;}.about-facts > div{grid-template-columns: 92px minmax(0,1fr);gap: 0 16px;align-items: baseline;}.footer-inner{grid-template-columns: minmax(0,1.3fr) minmax(0,1fr) minmax(0,1.1fr);gap: 44px;}}@media (min-width: 1024px){.longtail,.about-site{padding-top: 86px;padding-bottom: 86px;}.lt-grid{grid-template-columns: repeat(2,minmax(0,1fr));column-gap: 64px;}}.site-header{position: sticky;top: 0;z-index: 50;padding-top: 14px;padding-bottom: 14px;border-bottom: 1px solid var(--color-line);background: rgba(251,253,252,0.9);backdrop-filter: blur(14px);}.wordmark{font-family: "Songti SC","STSong","SimSun",serif;font-size: 1.42rem;font-weight: 800;letter-spacing: 0.06em;color: var(--color-ink);}.site-nav ul{gap: 6px 26px;}.site-nav a{padding: 6px 0;border-bottom: 2px solid transparent;color: #3d5b56;font-size: 0.94rem;font-weight: 600;}.site-nav a:hover,.site-nav a:focus-visible{color: var(--color-celadon-deep);border-bottom-color: var(--color-celadon);}@media (max-width: 719px){.site-header{position: relative;}.wordmark{font-size: 1.2rem;}.site-nav a{font-size: 0.84rem;}.site-nav ul{gap: 4px 16px;}}@media (min-width: 1120px){.wordmark{font-size: 1.56rem;}.site-nav a{font-size: 1rem;}.site-nav ul{gap: 6px 32px;}}.brand-mark{border:0 !important;border-radius:0 !important;background:none !important;box-shadow:none !important;transform:none !important;position:static !important}.brand-mark::before,.brand-mark::after{content:none !important}.brand-mark i,.brand-mark b{display:none !important}:root{--brand-1:#FFC53D;--brand-2:#F5901E;--brand-ink:#1a1a1a;}.brand-mark{width:42px;height:42px;flex:0 0 42px;display:block}.brand-mark.is-compact .mark-leaf{display:none}.brand-lockup{display:inline-flex;align-items:center;gap:12px;min-width:0}.brand-lockup .brand-name{font-size:24px;font-weight:800;letter-spacing:.06em;line-height:1.1}.brand-lockup .brand-en{display:block;margin-top:3px;font-size:11px;letter-spacing:.22em;opacity:.55}.site-footer .brand-mark{width:34px;height:34px;flex:0 0 34px}.footer-bottom{border-left:3px solid var(--brand-2);padding-left:14px}@media (max-width:719px){.brand-mark{width:32px;height:32px;flex:0 0 32px}.brand-lockup .brand-name{font-size:19px}.brand-lockup .brand-en{display:none}.site-footer .brand-mark{width:30px;height:30px;flex:0 0 30px}}.lineage-tree{display: grid;grid-template-columns: minmax(0,1fr);gap: 46px;}.tr-trunk,.tr-branch{min-width: 0;padding-left: 16px;border-left: 2px solid rgba(63,127,122,0.28);}.tr-trunk{border-left-color: var(--color-celadon-deep);}.tr-head{display: flex;align-items: baseline;gap: 10px;margin-bottom: 8px;}.tr-code{padding: 3px 8px;border-radius: 4px;color: var(--color-cloud);background: var(--color-celadon);font-size: 0.66rem;letter-spacing: 0.16em;}.tr-head.trunk .tr-code{background: var(--color-celadon-deep);}.tr-head h3{margin: 0;color: var(--color-ink);font-size: 1.06rem;line-height: 1.3;}.tr-count{margin-left: auto;color: var(--color-ink-soft);font-size: 0.7rem;letter-spacing: 0.1em;}.tr-note{margin: 0 0 18px;color: var(--color-ink-soft);font-size: 0.83rem;line-height: 1.85;}.tr-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 24px 12px;}.tr-card{min-width: 0;}.tr-badge{position: absolute;left: 8px;top: 8px;padding: 3px 8px;border-radius: 4px;color: #f8fcfb;background: rgba(39,103,98,0.82);backdrop-filter: blur(8px);font-size: 0.66rem;line-height: 1.5;letter-spacing: 0.06em;}.tr-card h3{display: -webkit-box;min-height: 2.72em;margin-bottom: 7px;overflow: hidden;color: var(--color-ink);font-size: 1rem;line-height: 1.36;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}.tr-card > p{display: -webkit-box;margin-bottom: 0;overflow: hidden;color: var(--color-ink-soft);font-size: 0.83rem;line-height: 1.65;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}@media (min-width: 720px){.lineage-tree{gap: 52px 24px;}.tr-trunk .tr-grid{grid-template-columns: repeat(4,minmax(0,1fr));}.tr-head h3{font-size: 1.18rem;}}@media (min-width: 1120px){.lineage-tree{grid-template-columns: repeat(3,minmax(0,1fr));gap: 60px 26px;}.tr-trunk{grid-column: 1 / -1;}.tr-grid{gap: 26px 14px;}}.brand-about{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;margin-bottom:56px}.ba-tagline{color:var(--color-celadon-deep);font-size:19px;line-height:1.5;letter-spacing:.02em;margin-bottom:18px}.ba-body{color:var(--color-ink-soft);font-size:14px;line-height:2.05;max-width:44em}.ba-body + .ba-body{margin-top:14px}.ba-queries{display:grid;grid-template-columns:minmax(0,1fr);border-top:1px solid var(--color-line)}.ba-queries > div{padding:14px 2px;border-bottom:1px solid var(--color-line);min-width:0}.ba-queries dt{color:var(--color-ink);font-size:14px;font-weight:600;line-height:1.4}.ba-queries dd{margin:6px 0 0;color:var(--color-ink-soft);font-size:12px;line-height:1.8}@media (min-width:720px){.brand-about{gap:38px}.ba-queries{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:26px}.ba-tagline{font-size:21px}}@media (min-width:1120px){.brand-about{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:start}.ba-tagline{font-size:23px}}.reading-progress{position: fixed;z-index: 80;top: 0;right: 0;left: 0;height: 3px;background: linear-gradient(90deg,var(--color-cinnabar) var(--reading-progress,0%),transparent 0);pointer-events: none;}.site-header nav{display: flex;min-width: 0;flex-wrap: wrap;gap: 6px 22px;}.site-header nav a{padding: 6px 0;border-bottom: 2px solid transparent;color: #3d5b56;font-size: 0.9rem;font-weight: 650;text-decoration: none;}.site-header nav a:hover,.site-header nav a:focus-visible{border-bottom-color: var(--color-celadon);color: var(--color-celadon-deep);}.catalog,.narrative,.encyclopedia,.faq,.about-site{padding-top: 72px;padding-bottom: 82px;}.narrative,.encyclopedia,.faq,.about-site{border-top: 1px solid var(--color-line);}.section-lead{max-width: 58rem;margin: 18px 0 28px;color: var(--color-ink-soft);font-size: clamp(0.94rem,2.2vw,1.05rem);line-height: 2;}.section-points{display: flex;flex-wrap: wrap;gap: 8px;margin: 0 0 34px;padding: 0;list-style: none;}.section-points li{padding: 6px 11px;border: 1px solid rgba(63,127,122,0.28);border-radius: 999px;color: var(--color-celadon-deep);background: rgba(251,253,252,0.78);font-size: 0.74rem;}.hero-proofs,.catalog-filters{display: flex;flex-wrap: wrap;gap: 8px;margin: 22px 0 0;padding: 0;list-style: none;}.hero-proofs li{padding: 7px 12px;border: 1px solid rgba(255,255,255,0.48);border-radius: 999px;color: #f7fffc;background: rgba(21,73,66,0.54);backdrop-filter: blur(8px);font-size: 0.76rem;letter-spacing: 0.05em;}.catalog-filters{margin: 0 0 32px;}.catalog-filters button{appearance: none;padding: 8px 14px;border: 1px solid rgba(63,127,122,0.32);border-radius: 999px;color: var(--color-celadon-deep);background: rgba(251,253,252,0.82);font: inherit;font-size: 0.78rem;cursor: pointer;}.catalog-filters button:hover,.catalog-filters button:focus-visible,.catalog-filters button[aria-pressed="true"]{border-color: var(--color-celadon-deep);color: #fff;background: var(--color-celadon-deep);}.catalog .checked-date{margin-top: 30px;}.tr-card{padding: 9px 9px 14px;border: 1px solid rgba(255,255,255,0.7);border-radius: 10px 24px 10px 10px;background: rgba(251,253,252,0.82);box-shadow: 0 16px 38px rgba(26,73,67,0.1);}.tr-card > p{display: block;min-height: 0;overflow: visible;-webkit-line-clamp: unset;}.tr-card .card-synopsis{margin-bottom: 8px;color: var(--color-ink);}.tr-card .card-conflict,.tr-card .editor-tier{margin-bottom: 6px;padding-top: 7px;border-top: 1px solid var(--color-line);color: var(--color-ink-soft);font-size: 0.76rem;}.tr-card .card-conflict strong,.tr-card .editor-tier strong{margin-right: 0.55em;color: var(--color-celadon-deep);}.faq-list dt{color: var(--color-ink);font-family: "Songti SC","STSong","SimSun",serif;font-size: 1.02rem;font-weight: 700;}.faq-list dd{margin: 8px 0 0;color: var(--color-ink-soft);font-size: 0.9rem;line-height: 1.9;}.about-facts{margin-top: 30px;}.footer-bottom{color: var(--color-ink-soft);font-size: 0.78rem;}.site-footer > .footer-meta,.site-footer > .footer-bottom{display: block;margin-inline: auto;}.site-footer > .footer-bottom{width: min(100% - 32px,1180px);margin-bottom: 26px;}.back-to-top{position: fixed;z-index: 50;right: 18px;bottom: 18px;padding: 9px 13px;border: 1px solid rgba(255,255,255,0.72);border-radius: 999px;color: #fff;background: rgba(31,88,80,0.9);box-shadow: 0 10px 28px rgba(25,60,56,0.2);font: inherit;font-size: 0.75rem;opacity: 0;visibility: hidden;pointer-events: none;transform: translateY(10px);transition: opacity 180ms ease,transform 180ms ease,visibility 180ms ease;cursor: pointer;}.back-to-top.is-visible{opacity: 1;visibility: visible;pointer-events: auto;transform: translateY(0);}.back-to-top:hover,.back-to-top:focus-visible{background: var(--color-cinnabar);}@media (max-width: 719px){.site-header nav{gap: 2px 14px;}.hero-intro,.section-lead,.tr-note,.tr-card .card-synopsis,.tr-card .card-conflict,.tr-card .editor-tier,.realm-step p,.disclosure-note,.opening-copy p,.genre-compare dd,.ency-sub p,.glossary-item p,.lt-item p,.faq-item p,.ba-body,.ba-queries dd,.about-main p,.about-facts dd{font-size: 16px;line-height: 1.6;}.catalog-filters button,.back-to-top{min-width: 44px;min-height: 44px;}.site-header nav a{min-width: 44px;min-height: 44px;font-size: 0.78rem;}.eyebrow,.drama-tag,.tr-card .card-conflict strong,.tr-card .editor-tier strong{font-size: 12px;line-height: 1.5;}}@media (min-width: 1024px){.catalog,.narrative,.encyclopedia,.faq,.about-site{padding-top: 96px;padding-bottom: 108px;}}