*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;background:#eef0f3;color:#222}.app{display:flex;flex-direction:column;height:100%;overflow:hidden}.side{width:340px;min-width:340px;background:#fff;border-right:1px solid #e3e5e9;display:flex;flex-direction:column;overflow-y:auto}.side-head{padding:16px 16px 12px;border-bottom:1px solid #f0f1f4}.side-head h1{font-size:17px;margin:0 0 3px}.side-head p{margin:0;font-size:12px;color:#9099a5}.tabs{display:flex;flex-wrap:wrap;gap:6px;padding:12px 14px 4px}.tab{flex:1 1 calc(33% - 6px);border:1.5px solid #e2e5ea;background:#fff;border-radius:10px;padding:8px 4px;font-size:13.5px;cursor:pointer;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:border-color .15s,background .15s}.tab:hover{border-color:#9db8d9;background:#f6f9fd}.tab.on{border-color:#4f7cff;background:#f0f4ff;color:#2f5fe0;font-weight:600}.side{display:flex;flex-direction:column}.tpl-item{text-align:left;border:1.5px solid #e6e8ee;background:#fff;border-radius:10px;padding:8px 11px;cursor:pointer;font-family:inherit}.tpl-item.on{border-color:#4f7cff;background:#f6f9ff}.tpl-item b{font-size:13.5px;display:block}.tpl-item span{font-size:11.5px;color:#98a0ab;display:block;margin-top:2px;line-height:1.4}.fields{padding:12px 16px 16px;display:flex;flex-direction:column;gap:13px;border-top:1px dashed #ececf0}.field label{font-size:12.5px;color:#5a6470;font-weight:600;display:block;margin-bottom:6px}.field .hint{font-weight:400;color:#a3abb6}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1.5px solid #dfe3ea;border-radius:999px;padding:3.5px 11px;font-size:12.5px;background:#fff;cursor:pointer;color:#444;font-family:inherit}.chip.on{background:#4f7cff;border-color:#3a6ae8;color:#fff;box-shadow:0 1px 4px #4f7cff40}.chip.mini{padding:2.5px 7px;font-size:12px}.text-in{width:100%;border:1.5px solid #dfe3ea;border-radius:8px;padding:7px 10px;font-size:13px;font-family:inherit;background:#fff}textarea.text-in{height:auto;resize:vertical;line-height:1.5}.text-in:focus{outline:none;border-color:#5a8af0;box-shadow:0 0 0 3px #5a8af026}.stepper{display:inline-flex;align-items:center;border:1.5px solid #dfe3ea;border-radius:8px;overflow:hidden}.stepper button{width:34px;height:34px;border:0;background:#eef1f5;font-size:18px;cursor:pointer;border-radius:7px}.stepper button:hover{background:#dde3ea}.stepper b{width:46px;text-align:center;font-size:14px}.tgl{display:flex;align-items:center;gap:8px;font-size:13px;color:#444;cursor:pointer}.tgl input{width:16px;height:16px;accent-color:#4f7cff}.actions{padding:0 16px 14px;display:flex;gap:8px}.btn{flex:1;border:0;border-radius:10px;padding:12px 0;font-size:14.5px;font-weight:600;cursor:pointer;font-family:inherit}.btn.print{background:#e25c5c;color:#fff}.btn.print:hover{background:#d04c4c}.btn.print.wide{flex:1}.btn.ghost{background:#f0f2f6;color:#444;flex:0 0 96px}.tips{margin:0 16px 18px;padding:10px 12px;background:#fffbe8;border:1px solid #f2e6b8;border-radius:10px;font-size:11.5px;color:#8a7a3a;line-height:1.7}.stage{flex:1;overflow:auto;padding:14px 20px 60px}.stage-bar{display:flex;gap:8px;justify-content:flex-end;padding-bottom:8px;width:100%}.stage-bar .pill{background:#fff;border:1px solid #e2e5ea;border-radius:999px;padding:5px 13px;font-size:12.5px;color:#556}.stage-bar button.pill{cursor:pointer;font-family:inherit}.stage-bar button.pill.on{background:#4f7cff;color:#fff;border-color:#4f7cff}.stage-inner{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;align-items:flex-start}.sheet-wrap{flex:none;position:relative}.group-nav{display:flex;flex-wrap:wrap;gap:5px;padding:10px 16px 2px}.gbtn{border:1.5px solid #dfe3ea;background:#fff;border-radius:999px;padding:4px 12px;font-size:12.5px;cursor:pointer;color:#666;font-family:inherit}.gbtn.on{background:#36a582;border-color:#36a582;color:#fff;font-weight:600}.tpl-tree{flex:1;overflow-y:auto;padding:10px 10px 6px}.tree-sec{margin-bottom:2px}.tree-head{width:100%;display:flex;align-items:center;gap:7px;border:0;background:linear-gradient(135deg,#f0f4f8,#e8eef4);border-radius:8px;padding:9px 10px;font-size:13.5px;font-weight:700;color:#2a3a4e;cursor:pointer;font-family:inherit;letter-spacing:.3px}.tree-head:hover{background:#e8eef6}.tree-icon{font-size:15px}.tree-label{flex:1;text-align:left}.tree-count{font-style:normal;font-size:11px;font-weight:500;color:#7d8ea3;background:#fff;border-radius:999px;padding:1px 8px}.tree-arrow{font-style:normal;font-size:11px;color:#9db0c5;transition:transform .15s}.tree-arrow.open{transform:rotate(0)}.tree-arrow:not(.open){transform:rotate(-90deg)}.tree-items{padding:3px 0 6px 10px}.tree-item{display:block;width:100%;text-align:left;border:0;background:none;padding:7px 10px;font-size:13px;color:#4d5a6b;cursor:pointer;border-radius:7px;font-family:inherit;line-height:1.35;transition:background .12s,color .12s,padding-left .12s}.tree-item:hover{background:#eef3f9;color:#223}.tree-item.on{background:#36a582;color:#fff;font-weight:600;box-shadow:inset 3px 0 #2a8a6b}.settings-bar{position:sticky;top:0;z-index:8;width:100%;margin:0 0 12px;background:linear-gradient(180deg,#fff,#fbfcfe);border:1px solid #dfe6ee;border-radius:12px;box-shadow:0 4px 18px #1e32501a;padding:11px 16px 10px}.sb-row{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:flex-end}.sb-title{font-size:14.5px;font-weight:800;color:#22344e;white-space:nowrap;padding:6px 12px 6px 0;border-right:2px solid #eef2f7;align-self:stretch;display:flex;align-items:center}.sb-field{display:flex;flex-direction:column;gap:3px;min-width:0}.sb-field>label{font-size:12px;font-weight:600;color:#5a6b7d;white-space:nowrap;margin-bottom:1px}.sb-field .text-in{padding:6px 10px;font-size:13px;min-width:200px}.sb-field.grow{flex:1 1 260px}.apply-wrap{display:flex;gap:5px;align-items:center;min-width:0}.apply-wrap .text-in{flex:1;min-width:160px}.apply-btn{border:0;background:#36a582;color:#fff;border-radius:7px;padding:5px 10px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap}.sb-field .stepper{transform:scale(.9);transform-origin:left center}.sb-chips{display:flex;flex-wrap:wrap;gap:4px;max-width:460px}.sb-chips .chip{padding:3px 10px;font-size:12px}.sb-btn{border:1.5px solid #dfe3ea;background:#f4f6fa;color:#445;border-radius:9px;padding:8px 13px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap}.sb-btn:hover{background:#e9edf4}.sb-btn.primary{background:#e25c5c;border-color:#d04a4a;color:#fff;box-shadow:0 2px 8px #e25c5c4d}.sb-btn.primary:hover{background:#d04a4a;box-shadow:0 3px 12px #e25c5c66}.stage-bar input[type=range]{width:120px;accent-color:#36a582;cursor:pointer;margin-right:2px}.zoom-label{min-width:42px;text-align:center;font-variant-numeric:tabular-nums}.sb-field select.text-in:focus,.sb-field input.text-in:focus,.sb-field textarea.text-in:focus{outline:none;border-color:#5a8af0;box-shadow:0 0 0 3px #5a8af026}.apply-btn{transition:background .12s,transform .08s}.apply-btn:active{transform:scale(.96)}.sb-btn:not(.primary):hover{background:#e2e8f0}.search-bar{padding:0 14px 8px;position:relative}.search-in{padding-left:10px!important;font-size:13px!important;min-width:0!important;width:100%}.search-clear{position:absolute;right:22px;top:50%;transform:translateY(-50%);border:0;background:#dde;border-radius:50%;width:20px;height:20px;font-size:11px;cursor:pointer;color:#667;display:flex;align-items:center;justify-content:center}.search-clear:hover{background:#ccd}.search-empty{text-align:center;padding:30px 0;font-size:13px;color:#99a}.sb-chips{max-height:72px;overflow-y:auto}.sec-title{line-height:1.5}.exam-question{line-height:1.7}.sb-btn.primary{position:relative;overflow:hidden}.sb-btn.primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff4d;opacity:0;transition:opacity .15s}.sb-btn.primary:active:after{opacity:1}.stage-bar{align-items:center}.stage-bar .zoom-label{border:1px solid #dde;background:#f8f9fa}.mp-topbar{position:relative;z-index:200;display:flex;flex-direction:column;gap:7px;padding:9px 12px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:0 0 18px 18px;box-shadow:0 6px 18px #4a3f6b21;margin-bottom:10px}.mp-tb-row1{display:flex;align-items:center;justify-content:space-between;gap:8px}.mp-tb-logo{font-weight:800;font-size:1.08rem;color:#4a3f6b;text-decoration:none;letter-spacing:.5px;white-space:nowrap}.mp-tb-net{font-size:.78rem;font-weight:700;color:#7a6fa0;background:#f1edf9;border-radius:999px;padding:4px 11px;white-space:nowrap}.mp-tb-net.on{background:#e9f9ee;color:#3ba454}.mp-tb-row2{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mp-tb-row2::-webkit-scrollbar{display:none}.mp-tb-pill{flex:0 0 auto;text-decoration:none;font-size:.85rem;font-weight:700;color:#4a3f6b;background:#f6f2ff;border-radius:999px;padding:7px 13px;white-space:nowrap}.mp-tb-pill.on{background:linear-gradient(135deg,#4d96ff,#b983ff);color:#fff;box-shadow:0 3px 8px #4d96ff59}@media (min-width:760px){.mp-topbar{flex-direction:row;align-items:center;justify-content:space-between;border-radius:18px;margin:0 0 12px}.mp-tb-row1{gap:14px;flex:0 0 auto}}.app-body{display:flex;flex:1 1 auto;min-height:0;overflow:hidden;width:100%}.app>.mp-topbar{flex:0 0 auto;z-index:200}.app-body>.side{z-index:1}@media (max-width:759px){.mp-topbar{padding:7px 10px;gap:5px;border-radius:0 0 14px 14px;margin-bottom:8px}.mp-tb-logo{font-size:1rem}.mp-tb-pill{font-size:.8rem;padding:6px 11px}.mp-tb-net{font-size:.72rem;padding:3px 9px}}.app>.mp-topbar{position:sticky;top:0}@media (max-width:759px){:root{--mp-topbar-h:72px}}@media (min-width:760px) and (max-width:900px){:root{--mp-topbar-h:64px}}.app>.mp-topbar{position:sticky;top:0;z-index:1100}.side-head-row{display:flex;align-items:flex-start;gap:8px;justify-content:space-between}.side-head-row>div{min-width:0}.app-body{position:relative}.side-collapse-btn{position:absolute;left:323px;top:50%;transform:translateY(-50%);z-index:1300;width:34px;height:64px;padding:0;cursor:pointer;border:1.5px solid #dfe6f0;border-radius:0 12px 12px 0;background:#fff;color:#5a6b85;font-size:15px;font-weight:900;line-height:1;display:grid;place-items:center;box-shadow:2px 2px 10px #4a3f6b24;font-family:inherit;-webkit-tap-highlight-color:transparent;transition:background .18s ease,color .18s ease}.side-collapse-btn:hover{background:#eef3f9;border-color:#c9d4e3;color:#3b6fd4}.side-collapse-btn:active{transform:translateY(-50%) scale(.94)}@media (max-width:900px){.app .side{position:fixed}.side-collapse-btn{position:fixed;left:303px;top:50%;transform:translateY(-50%)}}.side-expand-fab{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:1200;width:34px;height:64px;border:0;border-radius:0 12px 12px 0;cursor:pointer;background:linear-gradient(135deg,#4d96ff,#b983ff);color:#fff;font-size:16px;font-weight:900;display:grid;place-items:center;box-shadow:2px 4px 14px #4d96ff59;font-family:inherit;-webkit-tap-highlight-color:transparent}.side-expand-fab:active{transform:translateY(-50%) translate(-1px)}@media (min-width:901px){.side-expand-fab,.side-collapse-btn{display:grid}.side-expand-fab{left:340px;border-radius:0 12px 12px 0}}:root{--line-red: #ef8f8f;--line-red-soft: #f3b9b9;--ink: #303030;--trace-gray: #c6c6c6;--hollow-red: #e25c5c;--font-kai: "Kaiti SC", "STKaiti", "KaiTi", "BiauKai", serif;--font-en: "Chalkboard SE", "Comic Sans MS", "Marker Felt", cursive}*{print-color-adjust:exact;-webkit-print-color-adjust:exact}.sheet{width:210mm;height:297mm;background:#fff;padding:10mm 12mm 12mm;position:relative;overflow:hidden;font-family:var(--font-kai);color:var(--ink);box-shadow:0 2px 16px #00000021}.sheet-head{border-bottom:.5mm solid #444;padding-bottom:2mm;margin-bottom:3.5mm}.sheet-head h1{font-size:7.5mm;margin:0 0 1.8mm;letter-spacing:.8mm;font-weight:800;white-space:nowrap;overflow:hidden}.sheet-head h1 .sub{font-size:4.4mm;color:#888;letter-spacing:0;font-weight:400;margin-left:3mm;display:inline-block;max-width:95mm;overflow:hidden;text-overflow:ellipsis;vertical-align:baseline}.sheet-head .meta{font-size:4.2mm;color:#555;display:flex;gap:8mm;margin-top:1mm}.sheet-foot{position:absolute;bottom:4.5mm;right:12mm;font-size:3.6mm;color:#b5b5b5}.sec-title{font-size:5.2mm;font-weight:800;margin:2mm 0 2.2mm;border-left:1.2mm solid #345;padding-left:2mm}.sec-title .hint{font-size:3.9mm;color:#777;font-weight:400;margin-left:2.5mm}.g-ch{line-height:1;white-space:pre}.g-ch.solid{color:#2f2f2f}.g-ch.trace{color:var(--trace-gray)}.g-ch.hollow{color:transparent;-webkit-text-stroke:.3mm var(--hollow-red)}.fl-row{display:flex;align-items:stretch}.fl-cell{position:relative;flex:none;overflow:hidden;border-top:.4mm solid var(--line-red);border-bottom:.4mm solid var(--line-red)}.fl-cell:before,.fl-cell:after{content:"";position:absolute;left:0;right:0;height:.3mm;background:var(--line-red-soft)}.fl-cell:before{top:33.333%}.fl-cell:after{top:66.666%}.fl-row.py{--desc: .14em;font-family:var(--font-kai)}.fl-row.en{--desc: .2em;font-family:var(--font-en)}.fl-cell .g-ch{position:absolute;left:0;right:0;text-align:center;bottom:calc(33.333% - var(--desc))}.tg-row{display:flex}.tg-cell{position:relative;flex:none;overflow:hidden;border:.4mm solid var(--line-red);display:flex;align-items:center;justify-content:center}.tg-cell:before{content:"";position:absolute;left:4%;right:4%;top:50%;border-top:.28mm dashed var(--line-red-soft)}.tg-cell:after{content:"";position:absolute;top:4%;bottom:4%;left:50%;border-left:.28mm dashed var(--line-red-soft)}.tg-cell .diag{position:absolute;left:-21%;right:-21%;top:50%;border-top:.28mm dashed var(--line-red-soft)}.tg-cell .diag.a{transform:rotate(45deg)}.tg-cell .diag.b{transform:rotate(-45deg)}.st-svg{width:86%;height:86%;display:block}.mm-emoji{line-height:1}.cnt-card{border:.45mm solid #d9b98a;border-radius:2.5mm;background:#fffdf8;display:flex;align-items:center;position:relative;flex:none;overflow:hidden}.cnt-ans{border:.45mm solid #8a8a8a;border-radius:1.5mm;display:inline-block;vertical-align:middle}.circle-dot{border-radius:50%;border:.4mm solid #909090;display:inline-block}.circle-dot.fill{background:#6d6d6d}.tenframe{display:grid;grid-template-columns:repeat(5,1fr);gap:1.2mm}.tenframe i{border:.4mm solid #a5a5a5;border-radius:1mm;display:block}.num-box{border:.45mm solid #8a8a8a;border-radius:1.2mm;display:inline-block;text-align:center;font-family:var(--font-en)}.eq-cell{font-family:var(--font-en);font-size:5.6mm;color:#333;display:flex;align-items:center;gap:1.6mm}.eq-cell .ans{border-bottom:.5mm solid #777;width:10mm;height:6.5mm;display:inline-block}.bond-svg text{font-family:var(--font-en)}.pic-eq{display:flex;align-items:center;gap:2.5mm;font-size:6.5mm}.lc-card{border:.45mm solid #dcd2f1;border-radius:2.5mm;background:#fdfcff;display:flex;align-items:center;padding:0 3mm;gap:2.5mm;overflow:hidden}.lc-card .big{font-family:var(--font-en);font-size:10.5mm;color:#3d3d3d;width:16mm;flex:none}.lc-card .emoji{flex:none}.lc-card .info{flex:1;min-width:0}.lc-card .word{font-family:var(--font-en);font-size:4.3mm;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lc-card .cn{font-family:var(--font-kai);font-size:3.4mm;color:#999;margin-left:1mm}.lc-card .ph{font-size:3.1mm;color:#a78bc0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wordbank{font-size:4mm;color:#777;background:#f7f7f7;border-radius:1.5mm;padding:2mm 3mm}.cp-row{width:100%;position:relative;background-image:linear-gradient(to bottom,transparent calc(25% - .6px),#a4c2d6 calc(25% - .6px),#a4c2d6 calc(25% + .6px),transparent calc(25% + .6px)),linear-gradient(to bottom,transparent calc(50% - .5px),#e3b6b6 calc(50% - .5px),#e3b6b6 calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(to bottom,transparent calc(75% - .8px),#222222 calc(75% - .8px),#222222 calc(75% + .8px),transparent calc(75% + .8px))}.cp-row .cp-text{position:absolute;left:2mm;bottom:calc(25% - 2px);white-space:nowrap;line-height:1;max-width:calc(100% - 4mm);overflow:hidden}.cp-text.model,.cp-text.trace{color:#111}.cp-note{text-align:right;color:#222;line-height:1.35}@page{size:A4;margin:0}@media print{body{background:#fff}.no-print{display:none!important}.app{display:block;height:auto;overflow:visible}.stage{overflow:visible;padding:0}.stage-inner{display:block}.sheet-wrap{width:auto!important;height:auto!important}.sheet{transform:none!important}.sheet{box-shadow:none;break-after:page;margin:0}.sheet:last-child{break-after:auto}}.exam-sheet{width:297mm;height:210mm;background:#fff;padding:8mm 12mm 10mm;position:relative;overflow:hidden;font-family:var(--font-kai);color:#111;box-shadow:0 2px 16px #00000021;display:flex;flex-direction:column}.exam-header{border-bottom:.5mm double #333;padding-bottom:2.5mm;margin-bottom:3mm;position:relative}.exam-title{text-align:center;font-size:6.5mm;font-weight:700;letter-spacing:1mm;margin-bottom:1.5mm}.exam-info{display:flex;justify-content:space-around;font-size:4.2mm;margin-bottom:1mm}.exam-meta{text-align:center;font-size:3.8mm;color:#555}.exam-seal{position:absolute;right:-4mm;top:2mm;writing-mode:vertical-lr;font-size:3mm;color:#c44;border-left:.3mm dashed #c44;padding-left:1mm;letter-spacing:.5mm}.exam-body{flex:1;overflow:hidden}.exam-foot{text-align:center;font-size:3.5mm;color:#999;margin-top:2mm}.exam-section{margin-bottom:3mm}.exam-sec-title{font-size:4.5mm;font-weight:700;margin-bottom:1.5mm;color:#111;border-left:1.2mm solid #333;padding-left:2mm}.exam-two-col{display:flex;gap:8mm}.exam-col{flex:1;min-width:0}.exam-question{font-size:4mm;line-height:1.7;margin-bottom:1.2mm}.q-num{font-weight:600;margin-right:1mm}.q-text{color:#222}.q-emoji{font-size:5mm;margin-left:2mm}.q-answer-line{font-size:3.8mm;color:#444;margin-top:1mm}.q-solve{font-size:3.8mm;color:#555;margin:1mm 0 0 5mm}.exam-app{margin-bottom:2.5mm}.exam-calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2mm 4mm;padding:0 4mm}.exam-calc-item{font-size:4.5mm;font-family:var(--font-en);color:#222}.exam-vertical-row{display:flex;gap:20mm;padding:0 10mm;margin-top:2mm}.exam-vertical{display:flex;flex-direction:column;align-items:flex-end;font-family:var(--font-en);font-size:5.5mm}.ev-mark{height:3.5mm}.ev-num{line-height:1.4;letter-spacing:1mm}.ev-line{border-top:.5mm solid #222;padding-top:.5mm;width:100%}.ev-answer{height:8mm}.exam-bonus{margin-top:auto;border-top:.3mm dashed #aaa;padding-top:2mm}@media print{.exam-sheet{box-shadow:none;break-after:page;width:297mm!important;height:210mm!important}.exam-sheet:last-of-type{break-after:auto}}.e-box{display:inline-block;width:6.5mm;height:6.5mm;border:.4mm solid #333;border-radius:.8mm;vertical-align:middle;margin:0 .8mm}.e-cir{font-style:normal;margin:0 1.5mm;font-size:4.5mm}.e-paren{font-style:normal;letter-spacing:.3mm}.e-choice{display:inline-block;width:5mm;height:5mm;border:.4mm solid #333;vertical-align:middle;margin-left:.8mm}.e-line{display:inline-block;border-bottom:.4mm solid #333;width:26mm;height:4mm}.e-imgrow{display:flex;gap:2.5mm;align-items:flex-end;margin:1.2mm 0 1.2mm 4mm;flex-wrap:wrap}.e-imgcell{display:flex;flex-direction:column;align-items:center;gap:.8mm}.e-emoji{font-size:5mm;line-height:1.2;white-space:nowrap}.e-emoji-big{font-size:6.5mm}.e-anum{font-size:3.6mm;color:#444}.e-price{font-size:3.6mm;color:#333}.e-cmp-line{margin:.8mm 0 .8mm 4mm;font-size:4.2mm;display:flex;align-items:center;flex-wrap:wrap;gap:1mm}.e-optrow{display:flex;gap:5mm;align-items:center;margin:.8mm 0 .8mm 4mm;font-size:4mm;flex-wrap:wrap}.e-optbox{border:.4mm solid #333;border-radius:1.5mm;padding:.4mm 2.5mm;font-size:3.6mm}.e-sub{margin:.6mm 0 .6mm 4mm;font-size:4.1mm;line-height:1.6}.e-sub2{font-size:4mm;margin-right:1.5mm}.e-numline{display:flex;margin:1.5mm 0 1.5mm 6mm}.e-nl-cell{width:11mm;height:8mm;border:.4mm solid #333;margin-left:-.4mm;display:flex;align-items:center;justify-content:center;font-size:4.2mm}.e-nl-box{background:#fff}.e-grid2{display:grid;grid-template-columns:repeat(4,1fr);gap:2mm 1mm;margin:.8mm 0 .8mm 4mm;font-size:4.1mm}.e-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:2mm 1mm;margin:.8mm 0 .8mm 4mm;font-size:4.1mm}.e-grid5{display:grid;grid-template-columns:repeat(5,1fr);gap:1.6mm 1mm;margin:.8mm 0 .8mm 4mm;font-size:4.2mm}.e-calc{font-family:var(--font-en);white-space:nowrap}.e-table{border-collapse:collapse;margin:.8mm 0 .8mm 4mm}.e-table td{border:.4mm solid #333;width:15mm;height:9mm;text-align:center;font-size:4.2mm;padding:.5mm 1mm}.e-table-num td{height:8mm}.e-drawline{display:flex;align-items:flex-end;gap:3mm;margin:.8mm 0 1mm 6mm}.e-arc{width:66mm;height:13mm}.e-piceq{display:flex;align-items:center;gap:2.5mm;margin:.8mm 0 .8mm 4mm;flex-wrap:wrap}.e-eq{font-family:var(--font-en);font-size:4.4mm;letter-spacing:.6mm}.exam-body .exam-two-col{gap:7mm}.exam-body .exam-question{font-size:4mm;line-height:1.65;margin-bottom:1.6mm}.exam-body .exam-sec-title{font-size:4.6mm}.e-pic{display:block}.e-pic-block{margin:1mm 0 1.2mm 4mm;max-width:100%;height:auto}.e-cmprow{display:flex;align-items:center;flex-wrap:wrap;gap:1.2mm;margin:1.2mm 0 1.2mm 5mm;font-size:4.2mm}.e-icon{width:6.5mm;height:7mm;display:inline-block;vertical-align:middle;flex:none}.reading{display:flex;flex-direction:column}.rd-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:10px}.rd-title{font-size:15px;font-weight:800;color:#22344e}.rd-pill{background:#fff;border:1px solid #e2e5ea;border-radius:999px;padding:4px 12px;font-size:12.5px;color:#556}.rd-nav{display:flex;gap:8px;margin-left:auto}.rd-btn{border:1.5px solid #dfe3ea;background:#fff;border-radius:9px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;color:#445;font-family:inherit;white-space:nowrap}.rd-btn:hover{background:#eef3f9}.rd-btn:disabled{opacity:.45;cursor:default}.rd-btn.primary{background:#e25c5c;border-color:#e25c5c;color:#fff}.rd-btn.primary:hover{background:#d04c4c}.rd-stage{flex:1;display:flex;flex-direction:column;align-items:center;overflow:auto}.rd-book{position:relative;flex:none;cursor:pointer}.book-scale{width:1123px;height:794px;transform-origin:top left;position:relative}.rd-pager{display:flex;align-items:center;gap:14px;padding:14px 0 10px}.rd-dots{display:flex;gap:6px;flex-wrap:wrap;max-width:420px;justify-content:center}.rd-dot{width:11px;height:11px;border-radius:50%;border:1.5px solid #c3ccd8;background:#fff;cursor:pointer;padding:0}.rd-dot.on{background:#e25c5c;border-color:#e25c5c}.book-page{width:297mm;height:210mm;background:#fff;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:9mm 10mm 7mm;overflow:hidden;font-family:Kaiti SC,STKaiti,KaiTi,BiauKai,serif;box-shadow:0 2px 16px #00000021;border-radius:10px}.book-page.off{display:none}.bp-head{flex:none;text-align:center;padding:0 0 1.2mm}.bp-head .rb-line{margin:0;line-height:1.1;font-weight:700;color:#8a6a4a}.bp-head .rb-line rt{color:#a58f74}.bp-num{position:absolute;bottom:2.2mm;left:0;right:0;text-align:center;font-size:6.2mm;font-weight:700;color:#8a8378;letter-spacing:1mm}.book-page.scene .bp-art{flex:none;width:189mm;height:118mm;margin:0 auto}.bp-art{flex:1;min-height:0;border-radius:5mm;overflow:hidden;border:1.1mm solid #f0e6d8;background:#eaf4fb;position:relative}.bp-art .art-scene{display:block;width:100%;height:100%}.bp-text{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2mm 2mm 0;text-align:center;color:#2f2a24;overflow:hidden}.rb-line{margin:1mm 0;line-height:1.5;line-break:strict;word-break:keep-all;white-space:normal}.rb-line ruby{ruby-align:center;margin:0 .3mm}.rb-line rt{font-size:.3em;line-height:1;color:#5a6b84;font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;letter-spacing:0;padding-bottom:.04em}.rb-line .rb-punct{margin:0}.rb-grp{display:inline-block;white-space:nowrap}.book-page.cover .bp-art{border:none;border-radius:0}.bp-cover-card{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:258mm;background:#ffffffed;border-radius:8mm;padding:8mm 10mm 9mm;text-align:center;box-shadow:0 3mm 10mm #3c281440}.bp-origin{display:inline-block;font-size:4.4mm;color:#a06a2c;background:#fdf1dc;border-radius:999px;padding:1.6mm 6mm;margin-bottom:4mm;font-family:-apple-system,PingFang SC,sans-serif}.rb-title{color:#3a322a;font-weight:700}.rb-title .rb-line{margin:1mm 0;line-height:1.6}.rb-title .rb-line rt{font-size:.36em;color:#5a6b84;font-family:-apple-system,PingFang SC,sans-serif;padding-bottom:.05em}.bp-cover-sub{margin-top:4.5mm;font-size:4.6mm;color:#8a8378;letter-spacing:1mm;font-family:-apple-system,PingFang SC,sans-serif}.bp-hint{position:absolute;bottom:5mm;right:8mm;font-size:3.8mm;color:#fff;background:#323232a8;border-radius:999px;padding:1.5mm 5mm;font-family:-apple-system,PingFang SC,sans-serif}.book-page.end{align-items:center;justify-content:flex-start;background:#fffaf0}.bp-end-card{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:260mm;width:100%}.bp-end-badge{display:inline-block;font-size:5mm;color:#fff;background:#e2894c;border-radius:999px;padding:2mm 8mm;margin-bottom:6mm;font-family:-apple-system,PingFang SC,sans-serif;letter-spacing:1mm}.book-page.end h2{font-size:7mm;margin:0 0 6mm;color:#7a5a2e}.rb-moral{margin:0 0 6mm}.rb-moral .rb-line{line-height:1.7}.bp-end-art{width:72mm;height:45mm;margin:0 auto 6mm;border-radius:5mm;overflow:hidden;border:1mm solid #f0e0c8}.bp-end-art .art-scene{display:block;width:100%;height:100%}.shelf{padding:10px 12px 6px;display:flex;flex-direction:column;gap:8px}.shelf-filter{display:flex;gap:4px;flex-wrap:wrap}.sf-chip{flex:1 1 22%;border:1.5px solid #dfe3ea;background:#fff;border-radius:999px;padding:5px 3px;font-size:11.5px;cursor:pointer;color:#556;font-family:inherit;white-space:nowrap;text-align:center;min-width:58px}.sf-chip.on{background:#4f7cff;border-color:#4f7cff;color:#fff;font-weight:600}.shelf-list{display:flex;flex-direction:column;gap:4px}.shelf-card{display:flex;align-items:center;gap:6px;border:1.5px solid #e6e8ee;background:#fff;border-radius:9px;padding:2px 6px 2px 4px}.shelf-card.on{border-color:#e2894c;background:#fff7ec}.shelf-card.read{background:#f6f8fa}.sf-name{flex:1;display:flex;align-items:center;gap:5px;min-width:0;border:0;background:none;text-align:left;padding:6px 2px;cursor:pointer;font-family:inherit}.sf-name b{font-size:13px;color:#33445c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.shelf-card.read .sf-name b{color:#9aa5b1}.shelf-card.on .sf-name b{color:#b0622a}.sf-stars{flex:none;font-size:10.5px;color:#f2a13c;letter-spacing:1px;min-width:34px;text-align:right;-webkit-user-select:none;user-select:none}.bp-stars{font-size:6mm;color:#f2a13c;letter-spacing:1.6mm;margin-top:2.2mm}.bp-stars .bp-stars-dim{color:#e8ddc8}.sf-check{color:#36a582;font-size:12px;flex:none}.readbox{flex:none;width:17px;height:17px;border:1.5px solid #c3ccd8;border-radius:5px;background:#fff;cursor:pointer;padding:0;position:relative}.readbox:hover{border-color:#36a582}.readbox.on{background:#36a582;border-color:#36a582}.readbox.on:after{content:"✓";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700}.shelf-empty{font-size:12px;color:#98a0ab;text-align:center;padding:14px 0}.shelf-tip{font-size:11.5px;color:#8a7a3a;background:#fffbe8;border:1px solid #f2e6b8;border-radius:10px;padding:9px 11px;line-height:1.7;margin:2px 0 8px}.rd-btn.readon{background:#36a582;border-color:#36a582;color:#fff}.rd-btn.readon:hover{background:#2c9271}.bp-end-actions{display:flex;gap:10px;justify-content:center}@media print{.rd-stage{overflow:visible}.rd-book{width:auto!important;height:auto!important;cursor:default}.book-scale{transform:none!important;width:297mm;height:auto}.book-page{position:relative;inset:auto;border-radius:0;box-shadow:none;break-after:page;page-break-after:always}.book-page.off{display:flex!important}.book-page:last-of-type{break-after:auto;page-break-after:auto}}.app.shelf-collapsed .side{display:none}.rd-shelf-btn{background:#eff6ff!important;border-color:#bfdbfe!important;color:#1d4ed8!important;font-weight:700;display:inline-flex;align-items:center;gap:5px}.rd-shelf-btn:hover{background:#dbeafe!important}.rd-shelf-btn.on{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important}.shelf-header-bar{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 6px;border-bottom:1px solid #f1f5f9}.shelf-header-title{font-size:13.5px;font-weight:800;color:#1e293b}.shelf-close-btn{border:1px solid #cbd5e1;background:#f8fafc;border-radius:6px;padding:4px 8px;font-size:11.5px;color:#64748b;cursor:pointer;font-family:inherit;font-weight:600;transition:all .15s ease}.shelf-close-btn:hover{background:#fee2e2;color:#dc2626;border-color:#fca5a5}@media (max-width: 900px){.app .side{position:fixed;left:0;top:var(--mp-topbar-h, 72px);bottom:0;z-index:1000;width:320px;min-width:320px;box-shadow:6px 0 28px #0f172a52;transition:transform .25s cubic-bezier(.16,1,.3,1);height:calc(100vh - var(--mp-topbar-h, 72px));max-height:calc(100vh - var(--mp-topbar-h, 72px));overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.app .side>*{flex:0 0 auto}.app .side .tpl-list,.app .side .tree,.app .side ul{flex:0 0 auto}.app.shelf-collapsed .side{display:flex!important;transform:translate(-100%);pointer-events:none}.shelf-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.stage{padding:10px 8px 40px}}.rd-book{touch-action:pan-y manipulation;-webkit-user-select:none;user-select:none}@media (pointer: coarse){button,input,select{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.rd-btn{padding:12px 18px;font-size:15px;min-height:44px}.rd-btn:active{background:#e3ecf7}.rd-btn.primary:active{background:#b83e3e}.rd-btn.readon:active{background:#23805f}.rd-dot{width:18px;height:18px;margin:3px}.rd-dots{gap:8px}.rd-pager .rd-btn{width:54px;height:54px;font-size:22px;min-height:54px}.readbox{width:28px;height:28px}.readbox:after{font-size:14px}.cache-btn{min-height:38px;min-width:58px;font-size:13px}}html,body{overscroll-behavior-y:none;-webkit-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation}.rd-book{-webkit-touch-callout:none}.pg-hint{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:26px;height:96px;padding:0;border:1px solid rgba(255,255,255,.55);border-radius:13px;background:#ffffff6b;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#6b5a44;text-shadow:none;font-size:17px;line-height:1;font-family:inherit;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;box-shadow:0 2px 10px #4a3f6b29;opacity:.85;transition:opacity .18s ease,background .18s ease;-webkit-tap-highlight-color:transparent}.pg-hint .pg-label{display:none}.pg-hint .pg-arrow{line-height:1}.pg-hint .pg-label{font-size:11px;font-weight:700;letter-spacing:.5px;line-height:1;font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;writing-mode:vertical-rl}.pg-hint.left{left:-34px}.pg-hint.right{right:-34px}.pg-hint:hover{background:#ffffffb8;opacity:1}.pg-hint:active{background:#ffffffe0;transform:translateY(-50%) scale(.96)}@media (pointer: coarse){.pg-hint{width:30px;height:104px;font-size:19px}}.eb-fallback{margin:40px auto;text-align:center;padding:32px 20px;background:#fff;border:1.5px dashed #dfe3ea;border-radius:14px;max-width:420px;font-size:15px;color:#556}.eb-fallback button{margin-top:14px;border:0;background:#4f7cff;color:#fff;border-radius:10px;padding:11px 26px;font-size:14.5px;font-weight:600;cursor:pointer;font-family:inherit}@media (pointer: coarse){.sf-chip{padding:9px 4px;font-size:13px}.shelf-card{padding:4px 8px 4px 5px}.sf-name{padding:10px 2px}.sf-name b{font-size:15px}}.reading .rd-bar,.reading .rd-pager{transition:opacity .35s ease}.reading.immersive .rd-bar{opacity:0!important;pointer-events:auto!important}.reading.immersive .rd-bar:hover,.reading.immersive .rd-bar:focus-within{opacity:1!important}.reading.immersive .rd-pager{opacity:0!important;pointer-events:none}.reading.immersive .shelf-toggle{opacity:0;pointer-events:none}.bp-text.speakable{cursor:pointer}.bp-text.speakable:active{background:#4f7cff12;border-radius:6mm}.bp-end-actions{flex-wrap:wrap}.bp-read-btn{position:absolute;bottom:3mm;right:6mm;z-index:5;width:48px;height:48px;border:0;border-radius:50%;background:#4f7cff;color:#fff;font-size:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-family:inherit;padding:0;box-shadow:0 2px 8px #1e32504d;transition:transform .12s ease,background .12s ease;touch-action:manipulation;user-select:none;-webkit-user-select:none}.bp-read-btn:hover{background:#3f6ce8;transform:scale(1.08)}.bp-read-btn:active{transform:scale(.94)}@media (pointer: coarse){.bp-read-btn{width:56px;height:56px;font-size:26px}}.char-speak{cursor:pointer;transition:color .12s ease,transform .1s ease}.char-speak:active{color:#2563eb!important;transform:scale(1.18);display:inline-block}.char-speak rt{pointer-events:auto;cursor:pointer;transition:color .12s ease,transform .1s ease}.char-speak rt:active{color:#2563eb!important;font-weight:800;transform:scale(1.25)}.rd-rate{border:1.5px solid #dfe3ea;border-radius:8px;padding:7px 4px;font-size:12.5px;font-family:inherit;background:#fff;color:#445;cursor:pointer;text-align:center;min-width:52px}.rd-rate:focus{outline:none;border-color:#7ea1ff}@media (pointer: coarse){.rd-rate{padding:9px 6px;font-size:14px;min-width:62px}}.side-lan-pill{margin-top:6px;border:1px solid #bbf7d0;background:#f0fdf4;color:#166534;border-radius:999px;padding:4px 10px;font-size:11.5px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;font-family:inherit;font-weight:600;transition:background .15s ease}.side-lan-pill:hover{background:#dcfce7}.shelf-actions{display:flex;gap:6px;align-items:center;margin:2px 0 4px}.sf-act-btn{border:1px solid #d5dbe4;background:#fff;border-radius:8px;padding:5px 8px;font-size:11.5px;font-weight:600;color:#475569;cursor:pointer;font-family:inherit;transition:all .15s ease;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.sf-act-btn:hover{background:#f1f5f9}.sf-act-btn.sf-act-primary{flex:1;background:#2563eb;border-color:#2563eb;color:#fff}.sf-act-btn.sf-act-primary:hover{background:#1d4ed8}.sf-act-btn.sf-act-primary.all-done{background:#059669;border-color:#059669}.sf-act-btn.sf-act-primary.all-done:hover{background:#047857}.sf-act-btn.sf-act-lan{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.sf-act-btn.sf-act-lan:hover{background:#dcfce7}.sf-act-btn.sf-act-dim{color:#94a3b8;font-size:11px;padding:5px 6px}.sf-act-btn.sf-act-dim:hover{color:#dc2626;border-color:#fca5a5}.shelf-offline-banner{background:#fef3c7;border:1px solid #fde68a;border-radius:8px;padding:6px 10px;font-size:11.5px;color:#92400e;display:flex;align-items:center;gap:6px;line-height:1.4}.shelf-offline-banner b{color:#b45309}.cache-btn{flex:none;border:1px solid #d1d9e6;background:#f8fafc;border-radius:6px;padding:3px 6px;font-size:11px;color:#64748b;cursor:pointer;font-family:inherit;transition:all .15s ease;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.cache-btn:hover{background:#e2e8f0;color:#334155}.cache-btn.on{background:#ecfdf5;border-color:#6ee7b7;color:#047857;font-weight:600}.cache-btn.on:hover{background:#d1fae5}.rd-btn.cacheon{background:#059669;border-color:#059669;color:#fff}.rd-btn.cacheon:hover{background:#047857}.rd-offline-pill{background:#fef3c7!important;color:#92400e!important;border-color:#fde68a!important;font-weight:600}.app-toast-wrap{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:99999;pointer-events:none}.app-toast{background:#1e293bf0;color:#fff;padding:10px 18px;border-radius:999px;font-size:13.5px;font-weight:500;box-shadow:0 8px 24px #00000040;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;gap:8px;pointer-events:auto;animation:toastPop .25s ease-out}@keyframes toastPop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.lan-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99990;display:flex;align-items:center;justify-content:center;padding:20px}.lan-modal{background:#fff;border-radius:18px;width:100%;max-width:420px;padding:24px 22px;box-shadow:0 20px 45px #00000047;position:relative;text-align:center}.lan-modal-close{position:absolute;top:14px;right:16px;border:0;background:#f1f5f9;border-radius:50%;width:28px;height:28px;font-size:15px;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center}.lan-modal-close:hover{background:#e2e8f0;color:#0f172a}.lan-modal h3{margin:0 0 6px;font-size:18px;color:#0f172a}.lan-modal p{margin:0 0 16px;font-size:13px;color:#64748b}.lan-qr-box{background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:14px;padding:16px;display:inline-flex;justify-content:center;margin-bottom:16px}.lan-url-box{background:#f1f5f9;border-radius:10px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px;font-family:monospace;font-size:14px;color:#1e293b}.lan-copy-btn{border:0;background:#2563eb;color:#fff;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;font-family:-apple-system,PingFang SC,sans-serif}.lan-copy-btn:hover{background:#1d4ed8}.lan-steps{text-align:left;background:#f8fafc;border-radius:10px;padding:12px 14px;font-size:12px;color:#475569;line-height:1.7}.lan-steps ol{margin:0;padding-left:18px}.lan-steps li{margin-bottom:3px}@media (pointer: coarse){.cache-btn{padding:6px 9px;font-size:12.5px}.sf-act-btn{padding:8px 10px;font-size:12.5px}}.app.shelf-collapsed .stage,.stage:has(.reading){overflow:hidden;padding-bottom:0}.reading{height:100%;min-height:0;display:flex;flex-direction:column;padding-bottom:6px}.reading .rd-bar{flex:0 0 auto;justify-content:center;flex-wrap:nowrap;gap:8px;padding:6px 4px 8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.reading .rd-bar::-webkit-scrollbar{display:none}.reading .rd-bar .rd-nav{margin-left:0}.reading .rd-title{max-width:34vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reading .rd-stage{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0 40px}.reading .rd-book{position:relative;flex:none;margin:0 auto}@media (max-width:900px){.reading .rd-stage{padding:0 34px}.reading .rd-stage>.rd-book{margin:0 auto}.reading .rd-bar .rd-title{max-width:26vw;font-size:13px}.reading .rd-bar .rd-pill{font-size:11px;padding:3px 9px}.reading .rd-bar .rd-btn{padding:6px 10px;font-size:12px}}@media (max-width:480px){.reading .rd-bar{gap:6px}.reading .rd-bar .rd-title{max-width:20vw;font-size:12px}.reading .rd-stage{padding:0 30px}}.reading .rd-bar{padding-left:44px;padding-right:12px;justify-content:safe center}@media (min-width:901px){.reading .rd-bar{padding-left:4px}}.reading .rd-stage{padding:0 34px}.reading .rd-bar .rd-pill-page{flex:0 0 auto;white-space:nowrap;word-break:keep-all;min-width:52px;text-align:center;font-variant-numeric:tabular-nums}.reading .rd-bar .rd-title{flex:0 1 auto;min-width:0}.reading .rd-bar .rd-nav{flex:0 0 auto}.reading.immersive .rd-bar{transition:opacity .25s ease}
/* ============================================================
* 顶栏统一基线(2026-10-23) — 与 /css/style.css 保持一致
* 全站顶栏必须同高同形: 62px 高 / 10px 14px 内边距 /
* 胶囊 34.5px 高 13px 字 / 圆角 22px / 同色同阴影。
* 绘本页原本是独立的两行 sticky 顶栏, 这里把它拉回统一基线。
* ============================================================ */
.mp-topbar{
height:62px !important;min-height:62px !important;
padding:10px 14px !important;
border-radius:22px !important;
background:rgba(255,255,255,.82) !important;
-webkit-backdrop-filter:blur(8px) !important;backdrop-filter:blur(8px) !important;
box-shadow:0 4px 14px rgba(74,63,107,.1), 0 2px 6px rgba(74,63,107,.06) !important;
margin:0 auto 14px !important;
display:flex !important;flex-direction:row !important;
align-items:center !important;justify-content:space-between !important;
gap:10px !important;overflow:hidden !important;
}
.mp-topbar .mp-tb-row1{flex:0 0 auto;display:flex;align-items:center;gap:8px}
.mp-topbar .mp-tb-row2{flex:0 1 auto;display:flex;align-items:center;gap:6px;
overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.mp-topbar .mp-tb-row2::-webkit-scrollbar{display:none}
.mp-topbar .mp-tb-logo{
font-weight:900 !important;font-size:20px !important;
color:#4a3f6b !important;letter-spacing:0 !important;
display:inline-flex;align-items:center;gap:8px;line-height:1.1;
}
.mp-topbar .mp-tb-pill{
display:inline-flex !important;align-items:center !important;gap:5px;
height:34.5px !important;box-sizing:border-box !important;
padding:6px 13px !important;
background:#ffffff !important;
border:2px solid #e2e8f0 !important;
border-radius:999px !important;
color:#475569 !important;
font-size:13px !important;font-weight:800 !important;
line-height:1 !important;white-space:nowrap !important;
box-shadow:0 2px 4px rgba(74,63,107,.05) !important;
transition:all .15s ease !important;
}
.mp-topbar .mp-tb-pill:hover{background:#f8fafc !important;color:#1e293b !important;border-color:#cbd5e1 !important}
.mp-topbar .mp-tb-pill.on{
background:linear-gradient(135deg,#ede7ff,#d9f0ff) !important;
color:#3c5cc4 !important;border-color:#9ab8ff !important;
}
.mp-topbar .mp-tb-net{
font-size:12px !important;font-weight:700 !important;
background:#f1edf9 !important;border-radius:999px !important;
padding:4px 11px !important;white-space:nowrap;
}
.mp-topbar .mp-tb-sound{width:32px;height:32px;border-radius:50%;
border:2px solid #e2e8f0;background:#fff;display:grid;place-items:center;font-size:14px}
/* 绘本页顶栏: 与全站其它页面结构对齐
* 1) 去掉独有的「🟢 在线」芯片(主页/四乐园/新版乐园都没有)
* 2) logo 补上 KIDS PARK HUB 副标题(与主页同构)
*/
.mp-topbar .mp-tb-net{display:none !important}
.mp-topbar .mp-tb-logo{display:inline-flex !important;align-items:center !important;gap:8px !important}
.mp-topbar .mp-tb-logo-ico{font-size:26px !important;line-height:1;display:inline-block}
.mp-topbar .mp-tb-logo-text{
font-size:20px !important;font-weight:900 !important;color:#4a3f6b !important;
line-height:1.1 !important;white-space:nowrap !important;display:inline-block;
}
.mp-topbar .mp-tb-logo-sub{
display:block !important;font-size:10px !important;font-weight:700 !important;
color:#7a6fa0 !important;letter-spacing:1px !important;line-height:1.2 !important;
}