/* Reading pages reuse the same palette; diagrams retain their semantic colors. */
:root{--bg:var(--page);--bg-warm:var(--surface-alt);--paper:var(--surface);--ink-soft:var(--muted);--ink-dim:var(--subtle);--accent-deep:var(--blue);--sky:var(--teal);--sky-light:var(--art-secondary);--leaf:var(--green);--line-soft:var(--line)}
.reading-page{font-size:16px;line-height:1.9}.reading-page::before{display:none}.reading-page .layout{max-width:1320px;margin:0 auto;gap:34px;padding:16px 40px 60px;align-items:flex-start;display:grid;grid-template-columns:215px minmax(0,1fr);min-height:0}.reading-page .sidebar{width:auto;min-width:0;position:sticky;top:24px;height:auto;max-height:calc(100vh - 50px);padding:23px 17px;border:1px solid var(--line);border-radius:14px;background:var(--surface);font-family:var(--sans);font-size:13px}.reading-page .main{width:100%;max-width:none;min-width:0;padding:0;margin:0}.reading-page .sidebar .brand{margin-bottom:18px;padding-bottom:16px}.reading-page .brand-mark,.reading-page .brand-org,.reading-page .brand-org-en,.reading-page .brand-presenter,.reading-page .brand-divider,.reading-page .brand-vol{display:none}.reading-page .brand-title-cn{font:600 16px var(--sans);letter-spacing:0}.reading-page .brand-title-en{font:11px var(--sans);color:var(--muted);margin-top:6px}.reading-page .nav-link{padding:9px 5px;gap:9px}.reading-page .nav-text{font-family:var(--sans);font-size:13px}.reading-page .nav-en{font:10px var(--sans);letter-spacing:0}.reading-page .nav-num{font:11px var(--mono)}.reading-page .nav-sublist{border-color:var(--line)}.reading-page .nav-sublink{font:12px/1.7 var(--sans)}.reading-page .nav-link.active{background:var(--accent-soft);border-radius:6px}.reading-page .doc-preamble{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;justify-content:space-between;margin:0 0 18px;padding:0 4px 15px}.reading-page .dp-org{font:500 12px var(--sans)}.reading-page .dp-org-en{font:10px var(--sans);letter-spacing:0}.reading-page .dp-meta{flex-wrap:wrap;font:10px var(--sans);gap:15px;letter-spacing:0}.reading-page .dp-meta-item strong,.reading-page .dp-meta-item em{font-size:11px;font-family:var(--sans)}
.reading-page .hero{display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:28px;margin:0 0 38px;padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.reading-page .hero-eyebrow{font:11px var(--mono);letter-spacing:.08em;margin-bottom:14px;color:var(--muted)}.reading-page .hero-title-cn{font:600 32px/1.4 var(--sans);letter-spacing:-.7px;margin-bottom:9px}.reading-page .hero-title-cn em{font:inherit;color:var(--ink)}.reading-page .hero-title-en{font:12px/1.6 var(--sans);letter-spacing:0;margin-bottom:17px;color:var(--muted)}.reading-page .hero-lead{font:14px/1.9 var(--sans);margin:0;color:var(--muted)}.reading-page .reading-art{background:var(--surface-alt);border-radius:12px;padding:12px}.reading-art svg{width:100%;height:auto;display:block}
.reading-page .main>section{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:30px;margin:0 0 24px;scroll-margin-top:20px}.reading-page .section-header{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:23px;padding-bottom:20px;border-bottom:1px solid var(--line);align-items:baseline}.reading-page .section-num{font:12px var(--mono);color:var(--muted);letter-spacing:0}.reading-page .section-title{font:600 25px/1.5 var(--sans);letter-spacing:-.4px}.reading-page .section-en{font:12px var(--sans);letter-spacing:0;color:var(--muted)}.reading-page .section-intro{font:15px/1.9 var(--sans);color:var(--muted);margin-bottom:26px}.reading-page .subsection{margin:25px 0}.reading-page .subsection-title{font:600 19px/1.65 var(--sans);letter-spacing:0;display:flex;flex-wrap:wrap;gap:6px 10px}.reading-page .subsection-en{font:12px var(--sans);color:var(--muted)}.reading-page .subsection-num{font:13px var(--mono);color:var(--blue)}.reading-page p,.reading-page li{font-family:var(--sans)}.reading-page .term-en{font:12px var(--sans)}.reading-page .math-key,.reading-page .math-block{margin:20px 0;padding:20px 18px;border:1px solid var(--line);background:var(--surface-alt);border-radius:9px;max-width:100%;overflow-x:auto;overflow-y:hidden}.reading-page .katex-display{margin:0;text-align:left}.reading-page .katex-display>.katex{white-space:nowrap;text-align:left}.reading-page .katex{font-size:1.1em}.reading-page .table-scroll{max-width:100%;overflow-x:auto;margin:22px 0;border:1px solid var(--line);border-radius:9px}.reading-page table{font:14px/1.75 var(--sans);min-width:480px;margin:0;background:var(--surface)}.reading-page th{font-size:12px;background:var(--surface-alt)}.reading-page th,.reading-page td{padding:12px 14px;border-color:var(--line)}.reading-page .var-list{padding:18px;background:var(--surface-alt);border-radius:9px;border:1px solid var(--line);font-size:13px}.reading-page .var-list-title{font-family:var(--sans)}.reading-page .var-list li{padding-top:5px;padding-bottom:5px}.reading-page .var-sym{font-size:14px}.reading-page .var-desc{font-size:13px}.reading-page .callout{border-radius:9px;background:var(--surface-alt);border-color:var(--line);font-family:var(--sans)}.reading-page .power-chain{padding:20px;background:var(--surface-alt);border:1px solid var(--line);border-radius:9px;overflow-x:auto}.reading-page .pc-row{min-width:510px}.reading-page .pc-cn,.reading-page .pc-summary{font-family:var(--sans)}.reading-page .svg-container{max-width:100%;border:1px solid var(--line);border-radius:10px;background:var(--surface-alt);padding:22px;overflow-x:auto}.reading-page .svg-caption{font:12px/1.8 var(--sans);color:var(--muted);text-align:center}.reading-page svg text{font-family:var(--sans)}.reading-page .main svg{max-width:100%}.reading-page .sensor-illustration,.reading-page .overview-illustration{padding:18px;border-radius:12px;background:var(--surface-alt)}.reading-page .sensor-body{gap:28px}.reading-page .sensor-header{margin-bottom:24px}.reading-page .sensor-title{font:600 24px var(--sans)}.reading-page .sensor-content p{font-size:15px}.reading-page .sensor-pullout{font:14px/1.8 var(--sans);padding:17px;border-radius:8px;background:var(--surface-alt)}.reading-page .overview-text p:first-child::first-letter{font:inherit;float:none;margin:0;color:inherit}.reading-page .loop-diagram{padding:18px;border-radius:10px;background:var(--surface-alt)}.reading-page .loop-diagram svg{max-width:none;min-width:850px}.reading-page .pid-grid{gap:24px}.reading-page .pid-card{border-radius:10px;background:var(--surface-alt);padding:20px;gap:18px;grid-template-columns:36px 1fr}.reading-page .pid-card p{font-size:14px}.reading-page .mix-grid{gap:24px}.reading-page .mix-table-wrap{overflow-x:auto}.reading-page .mix-table{min-width:420px}.reading-page .mode-card{border-radius:11px;padding:22px;background:var(--surface-alt)}.reading-page .mode-card h3,.reading-page .mode-card h4,.reading-page .loop-step h5{font-family:var(--sans)}.reading-page .loop-step p,.reading-page .mode-card p{font-size:14px}.reading-page .doc-footer{font-size:12px;margin-top:45px;padding:30px 0}.reading-page .doc-footer *{font-family:var(--sans)}.reading-page .doc-footer-row{line-height:1.8}.reading-page .doc-footer-meta{font-size:11px}.reading-page .drone-float,.reading-page .spin-slow,.reading-page .spin-slow-rev{animation:none}
@media(max-width:1100px){.reading-page .layout{gap:22px;padding-inline:24px;grid-template-columns:190px minmax(0,1fr)}.reading-page .hero{grid-template-columns:1fr 150px;padding:25px;gap:20px}.reading-page .main>section{padding:25px}.reading-page .overview-grid{grid-template-columns:1fr;gap:25px}.reading-page .overview-illustration{margin:auto;width:min(380px,100%)}.reading-page .sensor-body,.reading-page .pid-grid,.reading-page .mix-grid{grid-template-columns:1fr}.reading-page .sensor-illustration{max-width:380px;width:100%;margin:auto}.reading-page .sensor-body.reverse .sensor-illustration{order:0}.reading-page .modes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-page .loop-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.reading-page .layout{display:flex;flex-direction:column;padding:8px 18px 40px;gap:22px}.reading-page .sidebar{position:relative;top:0;max-height:none;width:100%;padding:17px}.reading-page .sidebar .brand{display:none}.reading-page .nav-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}.reading-page .nav-en,.reading-page .nav-sublist,.reading-page .sidebar-footer{display:none}.reading-page .nav-link{padding:7px 3px}.reading-page .doc-preamble{gap:12px}.reading-page .hero{grid-template-columns:1fr 130px}.reading-page .main>section{scroll-margin-top:15px}.reading-page .section-title{font-size:23px}.reading-page .sensor-header{padding-top:15px}.reading-page .sensor-pullout{margin-top:20px}.reading-page .svg-container{padding:14px}.reading-page .main svg:not(.line-illustration):not(.mode-icon){min-width:280px}.reading-page .loop-diagram svg{min-width:850px!important}.reading-page .doc-footer svg{min-width:0!important}}
@media(max-width:500px){.reading-page{font-size:14px}.reading-page .hero{grid-template-columns:1fr;padding:23px;gap:20px}.reading-page .hero-title-cn{font-size:28px}.reading-page .hero-lead{font-size:13px}.reading-page .reading-art svg{height:130px}.reading-page .main>section{padding:22px 17px}.reading-page .section-header{gap:8px}.reading-page .section-en{width:100%;font-size:11px}.reading-page .section-intro{font-size:14px}.reading-page .subsection-title{font-size:18px}.reading-page .subsection-en{font-size:11px}.reading-page .sensor-illustration{padding:8px;overflow-x:auto}.reading-page .modes-grid{grid-template-columns:1fr}.reading-page .sensor-content p{font-size:14px}.reading-page .math-key,.reading-page .math-block{padding:20px 14px}.reading-page .var-list{padding:14px}.reading-page .loop-diagram{padding:12px}.reading-page .pc-row{min-width:500px}.reading-page .dp-meta{gap:8px 14px}.reading-page .doc-footer-row{grid-template-columns:1fr}.reading-page .doc-footer-value{overflow-wrap:anywhere}}
html{scroll-behavior:auto}
.reading-page .svg-container svg{width:min(100%,560px)}
.reading-page .brand-doc-cn{font:600 16px/1.6 var(--sans)}
.reading-page .brand-doc-en{font:11px/1.6 var(--sans)}
.reading-page .brand-doc-tag{font:11px/1.6 var(--mono);letter-spacing:.06em}
.reading-page .section-title em{font:inherit;color:var(--ink)}
.reading-page .main .katex{position:relative}
.reading-page .math-block,.reading-page .math-key,.reading-page .table-scroll,.reading-page .svg-container{position:relative}
.reading-page .svg-container svg{min-width:360px}
@media(max-width:500px){.reading-page .svg-container::after{content:'图解可左右滑动';display:block;color:var(--muted);font-size:11px;position:sticky;left:0;padding-top:10px}}
.reading-page .svg-container svg{min-width:0!important}
.reading-page .svg-container::after{content:none}
@media(max-width:500px){.reading-page .sensor-illustration,.reading-page .overview-illustration{overflow-x:auto;position:relative}.reading-page .sensor-illustration svg,.reading-page .overview-illustration svg{width:340px;min-width:340px!important;max-width:none}.reading-page .sensor-illustration::after,.reading-page .overview-illustration::after,.reading-page .loop-diagram::after{content:'左右滑动查看全图';display:block;position:sticky;left:0;font-size:11px;color:var(--muted);padding-top:10px}.reading-page .pid-grid>div:first-child,.reading-page .mix-grid>div:first-child{min-width:0;overflow-x:auto;position:relative}.reading-page .pid-grid>div:first-child svg,.reading-page .mix-grid>div:first-child svg{width:340px!important;min-width:340px!important;max-width:none}.reading-page .pid-grid>div:first-child::after,.reading-page .mix-grid>div:first-child::after{content:'左右滑动查看全图';display:block;position:sticky;left:0;font-size:11px;color:var(--muted);padding-top:10px}}
.reading-page .mix-grid>*,.reading-page .pid-grid>*,.reading-page .sensor-body>*,.reading-page .overview-grid>*{min-width:0}
.reading-page .mix-table-wrap{max-width:100%}
.reading-page .diagram-caption{font:11px/1.8 var(--sans);text-align:center;color:var(--muted);margin:6px 0 0}
.reading-page .sensor-illustration{aspect-ratio:auto;max-width:360px;width:100%}.reading-page .sensor-illustration svg{display:block;height:auto}.reading-page .sensor-illustration .diagram-caption{min-width:0;letter-spacing:0}
@media(max-width:500px){.reading-page .sensor-illustration svg{width:100%;min-width:0!important;max-width:100%}.reading-page .sensor-illustration::after{content:none}}
@media(min-width:1101px){.reading-page .sensor-body{grid-template-columns:360px minmax(0,1fr)}.reading-page .sensor-body.reverse{grid-template-columns:minmax(0,1fr) 360px}}
@media(max-width:500px){.reading-page .pid-grid>div:first-child svg,.reading-page .mix-grid>div:first-child svg{width:100%!important;min-width:0!important;max-width:100%}.reading-page .pid-grid>div:first-child svg text,.reading-page .mix-grid>div:first-child svg text{font-size:18px}.reading-page .pid-grid>div:first-child::after,.reading-page .mix-grid>div:first-child::after{content:none}}