.document-page .doc-shell{width: min(100%,1280px);margin-inline: auto;border-color: var(--color-line);background: #111920} .document-page .doc-meta{padding: clamp(20px,3vw,34px) clamp(20px,4vw,44px);background: linear-gradient(90deg,rgba(214,183,110,0.09),transparent 48%),#151e26} .document-reader-header .eyebrow{margin: 0 0 0.65rem} .document-reader-header .document-reader-meta{margin: 0.75rem 0 0} .document-reader-header .doc-summary{max-width: 72ch;margin: 1rem 0 0;color: var(--subtle);line-height: 1.65} .document-source-link{display: inline-flex;align-items: center;min-height: 44px;margin-top: 1rem;color: var(--accent);font-weight: 700;text-underline-offset: 0.22em} .document-page .doc-title{max-width: 28ch;font-size: clamp(1.8rem,3.4vw,2.7rem);line-height: 1.1;letter-spacing: -0.025em} .document-page .doc-content,.document-page .document-reader-body{padding: clamp(24px,4.5vw,54px)} .document-page .document-reader-body #page-content,.document-page .document-reader-content>.doc-content{color: #e0e7ed;font-size: calc(1.05rem * var(--reader-font-scale));line-height: max(1.72,var(--reader-line-height))} .document-page .document-reader-body #page-content{margin-inline: auto} .document-reader-body #page-content>h1:first-child{display: none} .document-page .document-reader-body .doc-related-cards{margin-top: clamp(28px,4vw,44px);padding-inline: 0;padding-bottom: 0} .document-page #zh-document-content{width: min(100%,1040px);max-width: 1040px;margin-inline: auto} .document-page #zh-document-content>.zh-document-body{width: min(100%,76ch);max-width: var(--reader-max-width);margin-inline: auto} .reader-prefs{display: flex;flex-wrap: wrap;gap: 10px;margin-bottom: 10px} .reader-prefs-modern{width: 100%;padding: 10px;border: 1px solid #33475d;border-radius: 12px;background: linear-gradient(180deg,rgba(18,28,40,0.96),rgba(15,24,34,0.96))} .reader-prefs-presets{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 6px;width: 100%} .reader-preset-btn{padding: 6px 8px;border-radius: 999px;border: 1px solid #3d5063;background: #131d28;color: #d7e9ff;font-size: 0.78rem;font-weight: 600;letter-spacing: 0.02em;transition: border-color 0.15s ease,background-color 0.15s ease,color 0.15s ease} .reader-preset-btn:hover,.reader-preset-btn:focus-visible{border-color: #5a7da1;background: #1a2a3a} .reader-preset-btn.active{border-color: #83acd4;background: linear-gradient(180deg,#2d4f72,#244261);color: #f2f8ff} .reader-pref-control{width: 100%;display: grid;gap: 6px;font-size: 0.84rem;color: var(--subtle)} .reader-pref-head{display: flex;align-items: center;justify-content: space-between;gap: 10px} .reader-pref-head strong{font-size: 0.78rem;color: #ecf5ff;font-variant-numeric: tabular-nums} .reader-pref-control input[type="range"]{width: 100%;height: 8px;border-radius: 999px;padding: 0;border: 0;outline: 0;cursor: pointer;appearance: none;background: linear-gradient(90deg,#4d84b6 0,#4d84b6 var(--range-progress,50%),#233345 var(--range-progress,50%),#233345 100% )} .reader-pref-control input[type="range"]::-webkit-slider-runnable-track{height: 8px;border-radius: 999px;background: transparent} .reader-pref-control input[type="range"]::-moz-range-track{height: 8px;border-radius: 999px;background: #233345} .reader-pref-control input[type="range"]::-moz-range-progress{height: 8px;border-radius: 999px;background: #4d84b6} .reader-pref-control input[type="range"]::-webkit-slider-thumb{appearance: none;width: 16px;height: 16px;border-radius: 50%;border: 2px solid #dceeff;background: #7fb6e8;margin-top: -4px;box-shadow: 0 1px 3px rgba(0,0,0,0.45)} .reader-pref-control input[type="range"]::-moz-range-thumb{width: 16px;height: 16px;border-radius: 50%;border: 2px solid #dceeff;background: #7fb6e8;box-shadow: 0 1px 3px rgba(0,0,0,0.45)} .reader-pref-control input[type="range"]:focus-visible::-webkit-slider-thumb{box-shadow: 0 0 0 4px rgba(86,148,201,0.35)} .reader-pref-control input[type="range"]:focus-visible::-moz-range-thumb{box-shadow: 0 0 0 4px rgba(86,148,201,0.35)} .reader-prefs-reset{width: 100%;padding: 7px 10px;font-size: 0.82rem;border-radius: 8px} .reading-layout{display: grid;grid-template-columns: 340px 1fr;gap: 20px;align-items: start} .reading-layout-enhanced{padding: 6px 0 2px} .document-reader-surface{width: 100%;padding-block: 0} .document-reader-sidebar{color: var(--color-text)} .reader-tools{padding: 12px 12px 14px;border-bottom: 1px solid var(--color-line)} .reader-tools .reader-prefs,.reader-tools .reader-prefs-modern{margin: 0} .reader-tools .reader-prefs-modern{padding: 0;border: 0;border-radius: 0;background: transparent} .toc-drawer-head{display: none} body.has-toc-drawer .reading-layout{grid-template-columns: 1fr} body.has-toc-drawer .side-panel.toc-drawer{position: fixed;right: 14px;top: 84px;bottom: 16px;width: min(390px,calc(100vw - 28px));z-index: 92;margin-top: 0;padding: 10px;border: 1px solid rgba(99,159,209,0.46);border-radius: 16px;background: radial-gradient(circle at 12% 0%,rgba(89,207,255,0.14),transparent 34%),linear-gradient(180deg,#142031,#101722);box-shadow: 0 20px 44px rgba(0,0,0,0.5);overflow: auto;overscroll-behavior: contain;transform: translateX(calc(100% + 24px));opacity: 0;pointer-events: none;transition: transform 0.22s ease,opacity 0.22s ease} body.has-toc-drawer .side-panel.toc-drawer .card,body.has-toc-drawer .side-panel.toc-drawer .reader-tools{margin-bottom: 10px} body.has-toc-drawer .side-panel.toc-drawer .toc{margin-top: 0;max-height: none} body.has-toc-drawer .toc-drawer-head{position: sticky;top: 0;z-index: 3;display: flex;align-items: center;justify-content: space-between;gap: 8px;margin: -2px -2px 8px;padding: 8px 10px;border: 1px solid rgba(89,207,255,0.2);border-radius: 12px;background: #121f2f;backdrop-filter: blur(12px)} body.has-toc-drawer .toc-drawer-head strong{font-size: 0.92rem;color: #ecf5ff} body.has-toc-drawer .toc-drawer-close{padding: 7px 11px;border-radius: 999px;border: 1px solid #3f5c78;background: #1b3045;color: #cfe9ff;font-size: 0.84rem} body.has-toc-drawer .toc-fab{display: inline-flex;position: fixed;right: max(14px,env(safe-area-inset-right));bottom: max(16px,env(safe-area-inset-bottom));z-index: 90;align-items: center;justify-content: center;min-height: 44px;border-radius: 999px;padding: 11px 16px;border: 1px solid rgba(89,207,255,0.38);background: linear-gradient(135deg,#24506c,#1a3148);color: #e9f5ff;font-weight: 700;box-shadow: 0 12px 30px rgba(0,0,0,0.44)} body.has-toc-drawer .toc-backdrop{display: block;position: fixed;inset: 0;z-index: 88;width: 100%;min-height: 100%;border: 0;padding: 0;background: rgba(2,8,16,0.44);opacity: 0;pointer-events: none;transition: opacity 0.2s ease} body.has-toc-drawer.toc-drawer-open .side-panel.toc-drawer{transform: translateX(0);opacity: 1;pointer-events: auto} body.has-toc-drawer.toc-drawer-open .toc-backdrop{opacity: 1;pointer-events: auto} body.toc-drawer-lock{overflow: hidden} body:not(.has-toc-drawer) .toc-fab,body:not(.has-toc-drawer) .toc-backdrop{display: none} .toc{border:1px solid #314052;border-radius:14px;background:linear-gradient(165deg,#161f2a,#131a24);padding:14px 12px;margin-top:12px;max-height:62vh;overflow:auto;box-shadow:inset 0 1px 0 rgba(255,255,255,.03);display:flex;flex-direction:column} .toc strong,.toc .toc-title{display:block;width:100%;font-size:.96rem;letter-spacing:.01em;margin-bottom:10px;color:#f1f6ff} .toc .toc-link:first-of-type{margin-top: 6px} .toc a,.toc .toc-link{display:block!important;width:100%;clear:both;text-decoration:none;margin-bottom:6px;font-size:.92rem;color:#b8cadf;border:1px solid transparent;border-radius:10px;padding:7px 8px;line-height:1.3;transition:color .14s ease,border-color .14s ease,background-color .14s ease} .toc a:hover,.toc .toc-link:hover{color:#eaf6ff;border-color:#3b556f;background:rgba(74,108,138,.2)} .toc .toc-link[aria-current="location"]{color:var(--color-text);border-color:var(--color-current);background:rgba(214,183,110,.13);font-weight:700} .toc .toc-l2{padding-left:8px;font-weight:600} .toc .toc-l3{padding-left:18px} .toc .toc-l4{padding-left:30px;font-size:.88rem;color:#9fb4cb} .doc-shell{border: 1px solid var(--line);border-radius: 16px;background: linear-gradient(180deg,#111822,#131c27);box-shadow: 0 12px 34px rgba(0,0,0,0.35);overflow: hidden} .document-reader-content{border-color: var(--color-line);border-radius: var(--radius-raised);background: #111920;box-shadow: none} .document-reader-content .doc-meta{border-bottom-color: var(--color-line);background: linear-gradient(90deg,rgba(214,183,110,0.09),transparent 48%),#151e26} .document-reader-body{min-width: 0} .doc-meta{padding: 14px 18px;background: linear-gradient(180deg,#111d2a,#102030);border-bottom: 1px solid var(--line);font-size: 0.9rem} .doc-title{margin: 0 0 10px;font-family:"Literata",serif} .doc-content{padding: 20px 22px} .doc-summary{max-width: 72ch;margin: 8px 0;color: var(--subtle);line-height: 1.55} .doc-related-cards{padding: 18px 22px 24px;border-top: 1px solid var(--line)} .doc-related-cards h2{margin: 0 0 12px;font-family:"Literata",serif} .doc-related-cards h2 span{color: var(--subtle);font-size: 0.78rem;font-weight: 600} .doc-related-card-list{display: grid;grid-template-columns: repeat(auto-fit,minmax(190px,1fr));gap: 8px} .doc-related-card-list a{display: grid;gap: 2px;padding: 9px 11px;border: 1px solid #30465c;border-radius: 10px;background: #132031;text-decoration: none} .doc-related-card-list a:hover,.doc-related-card-list a:focus-visible{border-color: var(--accent);background: #18283b} .doc-related-card-list small{color: var(--subtle)} .doc-related-cards details{margin-top: 12px} .doc-related-cards summary{width: fit-content;margin-bottom: 12px;color: var(--accent);cursor: pointer;font-weight: 700} .document-page .doc-related-cards summary{min-height: 44px;padding-block: 9px} .page-doc-summary{padding: 0 22px;margin-top: 6px} #page-content{padding: 20px 22px 28px;line-height: var(--reader-line-height);font-size: calc(1rem * var(--reader-font-scale));max-width: var(--reader-max-width)} #faq-content,#errata-content{line-height: var(--reader-line-height);font-size: calc(1rem * var(--reader-font-scale));max-width: var(--reader-max-width);padding-bottom: 12px} #faq-content h2,#errata-content h2,#faq-content h3,#errata-content h3,#faq-content h4,#errata-content h4{margin-top: 1.05em;margin-bottom: 0.45em;font-family:"Literata",serif;color: #eaf2ff} #faq-content h2,#errata-content h2{border-bottom: 1px solid #304255;padding-bottom: 4px} #faq-content p,#errata-content p{margin: 0.62em 0} .faq-card-embed{margin: 1rem auto 1.25rem;max-width: 340px} .faq-card-embed.is-landscape{max-width: 560px} .faq-card-embed-link{display: block;text-decoration: none;border: 1px solid #33506a;border-radius: 14px;overflow: hidden;background: linear-gradient(180deg,#18273a,#101c2a);box-shadow: 0 12px 24px rgba(0,0,0,0.3);transition: transform 0.18s ease,box-shadow 0.18s ease,border-color 0.18s ease} .faq-card-embed-link:hover{transform: translateY(-2px);border-color: #5cc6f5;box-shadow: 0 16px 30px rgba(0,0,0,0.36),0 0 0 1px rgba(92,198,245,0.35)} .faq-card-embed-image{display: block;width: 100%;aspect-ratio: 744 / 1039;height: auto;object-fit: contain;background: #08111b} .faq-card-embed-image-frame{display: block} .faq-card-embed-grid{display: flex;flex-wrap: wrap;justify-content: center;align-items: flex-start;gap: 1rem;margin: 1.25rem auto 1.75rem} .faq-card-embed-grid .faq-card-embed{margin: 0;width: 340px;max-width: 100%} .faq-card-embed-grid .faq-card-embed.is-landscape{width: 560px} .faq-card-embed-meta{display: grid;gap: 2px;padding: 10px 12px 12px} .faq-card-embed-meta strong{color: #eaf3ff;font-size: 1rem;line-height: 1.25} .faq-card-embed-meta span{color: #9fb8cf;font-size: 0.86rem} #page-content h1,#page-content h2,#page-content h3,#page-content h4{font-family:"Literata",serif;margin-top: 1.15em;margin-bottom: 0.5em;color: #eaf2ff} #page-content h1{font-size: 1.85rem;border-left: 6px solid var(--brand);padding-left: 10px} #page-content h2{font-size: 1.4rem;border-bottom: 1px solid #2f3b4c;padding-bottom: 5px} #page-content h3{font-size: 1.15rem} #page-content p{margin: 0.65em 0} #page-content [id],#faq-content [id],#errata-content [id],.rule-sheet [id]{scroll-margin-top: var(--anchor-offset)} #page-content [id].anchor-focus,#faq-content [id].anchor-focus,#errata-content [id].anchor-focus,.rule-sheet [id].anchor-focus{animation: anchorPulse 1.5s ease} #page-content .query-focus,#faq-content .query-focus,#errata-content .query-focus,.rule-sheet .query-focus{background: rgba(76,201,240,0.2) !important;outline: 1px solid rgba(76,201,240,0.7);border-radius: 8px;box-shadow: 0 0 0 2px rgba(76,201,240,0.14),0 10px 28px rgba(0,0,0,0.25);animation: queryPulse 1.7s ease} @keyframes anchorPulse{0%{background: rgba(76,201,240,0.35);box-shadow: 0 0 0 0 rgba(76,201,240,0.35)} 100%{background: transparent;box-shadow: 0 0 0 18px rgba(76,201,240,0)}} #page-content strong{color: #8bd3ff} #page-content blockquote{border-left: 4px solid var(--brand-2);margin: 1em 0;padding: 0.4em 0.9em;background: #10202a} #page-content code{background: #1e2936;padding: 0.1em 0.3em;border-radius: 4px} #page-content hr{border: 0;border-top: 1px dashed #3e4b5a;margin: 1.4em 0} @media (max-width: 980px){.reading-layout{grid-template-columns: 1fr;gap: 12px} .reading-layout>.doc-shell,.reading-layout>article{order: 1} .reading-layout>.side-panel,.reading-layout>aside{order: 2} .toc{max-height: min(60vh,520px);margin-top: 6px} .toc .toc-link{padding: 6px 8px;font-size: 0.88rem} body.has-toc-drawer .side-panel.toc-drawer{left: 10px;right: 10px;top: auto;bottom: 10px;height: min(56vh,500px);width: auto;transform: translateY(calc(100% + 24px))} body.has-toc-drawer.toc-drawer-open .side-panel.toc-drawer{transform: translateY(0)} #page-content,#faq-content,#errata-content{font-size: calc(1.02rem * var(--reader-font-scale));line-height: max(1.72,var(--reader-line-height))} .reader-prefs-modern{padding: 9px} .reader-prefs-presets{gap: 5px} .reader-preset-btn{font-size: 0.75rem;padding: 6px 6px}} @keyframes queryPulse{0%{background: rgba(114,239,221,0.34);box-shadow: 0 0 0 0 rgba(114,239,221,0.45),0 0 0 0 rgba(76,201,240,0.4)} 100%{background: transparent;box-shadow: 0 0 0 14px rgba(114,239,221,0),0 0 0 10px rgba(76,201,240,0)}} .rule-sheet{border: 1px solid #334352;border-radius: 8px;overflow: hidden;background: #111922} .rule-row{display: grid;grid-template-columns: 10rem minmax(0,1fr);border-bottom: 1px solid #2f3d4b} .rule-row:last-child{border-bottom: 0} .rule-id{min-width: 0;overflow-wrap: anywhere;padding: 8px 10px;border-right: 1px solid #2f3d4b;font-family:"IBM Plex Sans",sans-serif;font-weight: 500;color: #b8c6d6} .rule-text{min-width: 0;overflow-wrap: anywhere;padding: 8px 12px;font-family:"IBM Plex Sans",sans-serif;color: #dbe7f3} .rule-row.rule-chapter{background: #182433} .rule-row.rule-chapter .rule-id,.rule-row.rule-chapter .rule-text{font-family:"Literata",serif;font-size: 2.05rem;font-weight: 700;line-height: 1.15;padding-top: 10px;padding-bottom: 10px;border-top: 2px solid #87c9ff;border-bottom: 2px solid #87c9ff} .rule-row.rule-heading .rule-text{font-size: 1.65rem;font-weight: 700;font-family:"Literata",serif;border-top: 2px solid #5f7b95;border-bottom: 1px solid #334352} .rule-row.rule-heading .rule-id{font-size: 1rem;font-weight: 700;border-top: 2px solid #5f7b95} .rule-row.rule-heading.level-1 .rule-text,.rule-row.rule-heading.level-2 .rule-text{font-size: 1.25rem} .rule-row.rule-cont .rule-id{color: transparent} .document-page .document-reader-body:has(.rule-sheet){padding: clamp(16px,2.5vw,32px)} .document-page .document-reader-body #page-content:has(.rule-sheet){width: 100%;max-width: 1120px;padding: 0} .document-page #zh-document-content:has(.zh-rule-sheet){width: 100%;max-width: 1184px;padding: clamp(16px,2.5vw,32px)} .document-page #zh-document-content>.zh-document-body:has(.zh-rule-sheet){width: 100%;max-width: 1120px} @media (max-width: 860px){.rule-row{grid-template-columns: 88px 1fr} .rule-row.rule-chapter .rule-id,.rule-row.rule-chapter .rule-text,.rule-row.rule-heading .rule-id,.rule-row.rule-heading .rule-text{font-size: 1.35rem}} .zh-document-page{display: grid;gap: 1.5rem} .zh-document-body{display: grid;gap: 0;max-width: min(var(--reader-max-width),82ch)} .zh-rule-sheet .rule-row[hidden],.zh-document-passage[hidden]{display: none} .zh-rule-sheet .rule-id,.zh-rule-sheet .rule-text{font-family:"IBM Plex Sans","Noto Sans SC",sans-serif} .zh-rule-sheet .rule-text{font-size: calc(1.04rem * var(--reader-font-scale));line-height: max(1.72,var(--reader-line-height))} .zh-rule-sheet .rule-text p,.zh-document-narrative .zh-passage-text p{margin: 0} .zh-rule-sheet .rule-row:target{background: rgb(77 206 248 / 13%);box-shadow: inset 4px 0 0 var(--accent)} .zh-document-passage{scroll-margin-top: 10rem;min-width: 0;padding: clamp(1.5rem,2.4vw,2.2rem) 0;border-bottom: 1px solid var(--line)} .zh-document-passage:first-child{padding-top: 0.35rem} .zh-document-passage:last-child{border-bottom: 0} .zh-document-passage.zh-heading-has-next{padding-bottom: 0.55rem;border-bottom: 0} .zh-document-passage.zh-heading-continuation{padding-top: 0.55rem} .zh-document-narrative{padding-block: 0.55rem;border-bottom: 0} .zh-document-passage:target{margin-inline: -1rem;padding-inline: 1rem;background: rgb(77 206 248 / 9%);border-radius: 0.65rem;box-shadow: inset 3px 0 0 var(--accent)} .zh-document-passage[hidden]{display: none} .zh-document-passage>header{display: flex;align-items: start;justify-content: space-between;gap: 1rem;padding-bottom: 0;margin-bottom: 0.85rem} .zh-document-passage h2{margin: 0;max-width: 42ch;color: var(--ink);font-family:"Literata","Noto Serif SC",serif;font-size: clamp(1.15rem,1.6vw,1.45rem);line-height: 1.4} .zh-passage-text{max-width: 76ch;color: #e0e7ed;font-size: calc(1.05rem * var(--reader-font-scale));line-height: max(1.76,var(--reader-line-height))} .zh-passage-text p{margin: 0 0 0.9rem} .zh-passage-text p:last-child{margin-bottom: 0} .zh-passage-cards{display: flex;flex-wrap: wrap;gap: 0.45rem;margin-top: 1rem;padding-top: 0.85rem;border-top: 1px solid var(--line)} .zh-passage-cards a{padding: 0.35rem 0.65rem;color: var(--ink);background: rgb(63 156 202 / 13%);border: 1px solid rgb(78 190 235 / 35%);border-radius: 999px;font-size: 0.84rem;text-decoration: none} @media (max-width: 700px){.document-page .doc-meta,.document-page .doc-content,.document-page .document-reader-body{padding-inline: 20px} .zh-document-passage>header{align-items: stretch;flex-direction: column} .zh-passage-text{font-size: 1rem;line-height: 1.72} .zh-rule-sheet .rule-row{grid-template-columns: 4.8rem 1fr} .zh-rule-sheet .rule-id,.zh-rule-sheet .rule-text{padding: 0.7rem 0.75rem}} @media (max-width: 680px){.document-page .document-reader-body #page-content,.document-page .document-reader-content>.doc-content,.zh-passage-text,.zh-rule-sheet .rule-text{font-size: calc(1.06rem * var(--reader-font-scale));line-height: max(1.75,var(--reader-line-height));overflow-wrap: anywhere} .zh-rule-sheet .rule-id,.zh-rule-sheet .rule-text{padding: 0.7rem 0.5rem} body.has-toc-drawer .side-panel.toc-drawer{height: min(76dvh,680px);bottom: max(8px,env(safe-area-inset-bottom))} .toc .toc-link{display: flex;align-items: center;min-height: 44px;padding: 8px 10px;font-size: 0.95rem;line-height: 1.4} .document-page .doc-meta,.document-page .doc-content,.document-page .document-reader-body{padding-inline: 16px} .document-page .document-reader-body #page-content{padding-inline: 0;max-width: 100%} .document-page .document-reader-content>.doc-content,.document-page #faq-content,.document-page #errata-content,.document-page #zh-document-content,.zh-document-body{max-width: 100%} .page-doc-summary{padding-inline: 0} .zh-rule-sheet .rule-row,.zh-rule-sheet .rule-row.rule-chapter{grid-template-columns: 3.8rem minmax(0,1fr)} .zh-rule-sheet .rule-row.level-1 .rule-text{padding-left: 0.7rem} .zh-rule-sheet .rule-row.level-2 .rule-text{padding-left: 1rem} .zh-rule-sheet .rule-row.level-3 .rule-text{padding-left: 1.3rem} .zh-rule-sheet .rule-row.level-4 .rule-text{padding-left: 1.6rem} body.has-toc-drawer .footer{padding-bottom:calc(100px + env(safe-area-inset-bottom))}} .reader-settings summary{min-height: 44px;display: flex;align-items: center;cursor: pointer;color: var(--color-text);font-weight: 700} .reader-settings #reader-prefs{margin-top: 10px}