@font-face{font-family:Ch5Nunito;src:url('/catalog-live/brand/03_Typography/Nunito/FontsFree-Net-Nunito-Bold.ttf')} .ch5-root{font-size:16px;line-height:1.65;color:#3e3a39}.ch5-root *{box-sizing:border-box}.ch5-root button{font:inherit;border:1px solid #e2d8cb;border-radius:12px;background:#fff;padding:11px 20px;color:inherit;cursor:pointer}.ch5-root button:hover{border-color:var(--acc);box-shadow:0 4px 14px #77511d12}.ch5-root button:focus-visible{outline:3px solid var(--acc);outline-offset:3px}.ch5-root .ch5-primary{background:var(--acc);color:#fff;border-color:var(--acc);font-weight:750}.ch5-tabs{display:flex;align-items:center;gap:8px;padding:4px 0 16px;border-bottom:1px solid var(--line);margin-bottom:20px;flex-wrap:wrap}.ch5-tabs button{border:0;background:transparent;padding:10px 18px;font-size:16px;font-weight:650}.ch5-tabs button.on{background:var(--acc-s);color:var(--deep);box-shadow:inset 0 -3px var(--acc)}.ch5-tabs>span{margin-left:auto;font-size:14px;color:var(--ink2)}.ch5-tabs i{color:#388563;font-style:normal;margin-left:14px}.ch5-hero{position:relative;min-height:460px;border-radius:24px;overflow:hidden;background:#f6efe5;display:grid;grid-template-columns:1.1fr 1fr;padding:44px 60px;isolation:isolate}.ch5-photo{position:absolute;inset:0;z-index:-2;background:url('/catalog-live/assets/cover-current.jpg') 100% 78%/52% auto no-repeat;opacity:.34}.ch5-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#faf3e8 0%,#faf3e8ed 35%,#faf3e818 100%);z-index:-1}.ch5-neutral .ch5-photo{display:none}.ch5-neutral{background:var(--acc-s)}.ch5-live{display:inline-block;color:#32754f;background:#ffffffe0;padding:5px 14px;border-radius:30px;font-size:14px}.ch5-copy{position:relative;z-index:2;padding:8px 0}.ch5-copy h1{font-size:clamp(34px,3.5vw,56px);line-height:1.25;margin:20px 0 18px;letter-spacing:-1.8px;font-weight:850}.ch5-copy>p{font-size:17px;line-height:1.9;color:#6a5b4d;margin:0 0 24px}.ch5-actions{display:flex;gap:12px;flex-wrap:wrap}.ch5-stats{display:flex;gap:25px;margin-top:28px;font-size:14px;color:#796f60}.ch5-stats b{font:700 25px Ch5Nunito,sans-serif;color:#3e3a39;margin-right:5px}.ch5-scene{display:flex;align-items:center;justify-content:center;flex-direction:column;perspective:1600px;padding:0 30px 0 0;position:relative}.ch5-book{width:260px;aspect-ratio:210/297;position:relative;transform-style:preserve-3d;transform:rotateY(-20deg) rotateZ(4deg);transition:transform .85s cubic-bezier(.2,.7,.2,1);cursor:pointer;filter:drop-shadow(22px 25px 18px #62441b30)}.ch5-book:hover{transform:rotateY(-10deg) rotateZ(1deg)}.ch5-book.flipped{transform:rotateY(160deg) rotateZ(-2deg)}.ch5-book-cover,.ch5-book-back{position:absolute;inset:0;background:#fff;overflow:hidden;backface-visibility:hidden;border-radius:3px 9px 9px 3px;border:1px solid #d8d0c4}.ch5-book-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0002 0,transparent 3%,#fff8 4%,transparent 8%);pointer-events:none}.ch5-book-cover img,.ch5-book-back img{width:100%;height:100%;object-fit:contain}.ch5-book-back{transform:rotateY(180deg);display:grid;place-items:center}.ch5-book-back h2{padding:35px;font-size:30px}.ch5-cover-caption,.ch5-book-back>span{position:absolute;bottom:0;left:0;right:0;background:#fffdf1ef;padding:7px;text-align:center;font-size:11px;color:#756959}.ch5-paper-edge{position:absolute;inset:3px -10px 3px 4px;background:repeating-linear-gradient(90deg,#e4ded5 0 1px,#fff 1px 3px);transform:translateZ(-6px);border-radius:6px}.ch5-scene .ch5-flip{margin-top:23px;font-size:14px;background:#fff9;border:0;z-index:3}.ch5-companions{position:absolute;right:10px;bottom:15px;width:155px;height:140px;z-index:3;pointer-events:none}.ch5-companions img{position:absolute;bottom:24px;width:100px;height:110px;object-fit:contain}.ch5-companions img:first-child{left:0;transform:rotate(-7deg)}.ch5-companions img:nth-child(2){right:0;transform:rotate(8deg)}.ch5-companions span{position:absolute;bottom:0;right:0;white-space:nowrap;font-size:12px;color:#7d5a2c;background:#fff9;border-radius:30px;padding:4px 10px}.ch5-flow{display:flex;align-items:center;justify-content:space-around;padding:25px 20px;border-bottom:1px solid #eee5da;margin-bottom:28px;gap:10px}.ch5-flow>div{display:grid;grid-template-columns:46px auto;align-items:center;column-gap:9px}.ch5-flow>div>span{grid-row:1/3;font-size:29px}.ch5-flow b{font-size:16px}.ch5-flow small{font-size:13px;color:#8a8076}.ch5-flow>i{font-style:normal;color:#c3af95}.ch5-section-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.ch5-section-head h2{font-size:24px;margin:0 0 6px}.ch5-section-head p{font-size:15px;color:#887e73;margin:0}.ch5-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.ch5-root .ch5-product{display:flex;gap:24px;text-align:left;padding:24px;background:#fff;border-radius:18px;align-items:center}.ch5-product-art{height:205px;aspect-ratio:210/297;background:#eee9e0;display:grid;place-items:center;box-shadow:5px 7px 12px #6b543222;flex-shrink:0}.ch5-product-art img{height:100%;width:100%;object-fit:contain}.ch5-product h3{font-size:21px;margin:14px 0 8px}.ch5-product p{font-size:14px;color:#8b8074}.ch5-product strong{font-size:15px;color:var(--deep)}.ch5-page-state{font-size:13px;background:#eaf4eb;color:#397450;padding:4px 9px;border-radius:20px}.ch5-root .ch5-new{border:1px dashed #dec6a6;border-radius:18px;background:#fffaf2;padding:30px}.ch5-new>b{font-size:32px;color:var(--acc)}.ch5-new h3{font-size:20px}.ch5-new p{font-size:15px;color:#93816a}.ch5-module-heading{padding:8px 4px 24px}.ch5-module-heading h1{font-size:28px;margin:0 0 8px}.ch5-module-heading p{font-size:16px;color:#83786d;margin:0}.ch5-frame-mount{border:1px solid #e9e0d4;background:#fff;border-radius:20px;overflow:hidden}#ch5Frame{display:block;width:100%;border:0;min-height:650px}.ch5-guide{display:flex;gap:40px;align-items:center;padding:45px;background:var(--acc-s);border-radius:22px}.ch5-guide>img{width:200px;object-fit:contain}.ch5-guide h1{font-size:30px}.ch5-guide p{font-size:17px}.ch5-book{animation:ch5-arrive 1s both}@keyframes ch5-arrive{from{opacity:0;transform:rotateY(-38deg) rotateZ(8deg) translateY(15px)}to{opacity:1;transform:rotateY(-20deg) rotateZ(4deg)}}.ch5-book.flipped{animation:none}
@media(min-width:1700px){.ch5-hero{min-height:510px}.ch5-book{width:290px}.ch5-copy h1{font-size:58px}.ch5-root{font-size:17px}}
@media(max-width:1000px){.ch5-hero{padding:30px;grid-template-columns:1.1fr 1fr;min-height:420px}.ch5-book{width:210px}.ch5-companions{transform:scale(.8);transform-origin:bottom right}.ch5-flow{flex-wrap:wrap}.ch5-flow small{display:none}.ch5-tabs>span{display:none}.ch5-product-art{height:160px}.ch5-product h3{font-size:17px}.ch5-root .ch5-product{gap:14px;padding:18px}}
@media(max-width:650px){.ch5-tabs{gap:3px;margin-bottom:12px}.ch5-tabs button{font-size:13px;padding:9px 8px}.ch5-hero{grid-template-columns:1fr;padding:25px;gap:28px}.ch5-copy h1{font-size:38px}.ch5-copy>p{font-size:15px}.ch5-stats{gap:15px}.ch5-actions button{font-size:14px;padding:10px 13px}.ch5-scene{padding:0 0 30px}.ch5-book{width:215px}.ch5-companions{bottom:18px;right:8px}.ch5-photo{background-size:auto 75%;background-position:right bottom}.ch5-flow{display:grid;grid-template-columns:1fr 1fr;padding:20px 4px;gap:20px}.ch5-flow>i{display:none}.ch5-flow b{font-size:14px}.ch5-flow small{display:block;font-size:11px}.ch5-flow>div{grid-template-columns:30px auto;gap:4px}.ch5-flow>div>span{font-size:23px}.ch5-section-head{align-items:flex-start;flex-direction:column}.ch5-section-head h2{font-size:21px}.ch5-cards{grid-template-columns:1fr}.ch5-guide{padding:24px;display:block}.ch5-guide>img{width:90px}.ch5-guide h1{font-size:24px}.ch5-module-heading h1{font-size:23px}}
@media(prefers-reduced-motion:reduce){.ch5-book{animation:none;transition:none}}
.ch5-photo{background-position:100% 100%}.ch5-companions{width:190px;height:155px}.ch5-companions img{width:118px;height:130px}.ch5-book-cover h2{padding:38px 22px;font-size:29px}
.ch5-live-cover{height:100%;position:relative;background:#f7f7f5;padding:21px 20px}.ch5-book-cover .ch5-cover-logo{width:135px;height:auto;object-fit:contain;display:block}.ch5-live-cover h2{position:relative;z-index:2;padding:0;margin:20px 0 9px;font:800 27px/1.05 Ch5Nunito,sans-serif;letter-spacing:-.8px}.ch5-live-cover>p{position:relative;z-index:2;font-size:10px;display:flex;justify-content:space-between;margin:0}.ch5-cover-pets{position:absolute;bottom:0;left:0;right:0;height:60%;background:url('/catalog-live/assets/cover-current.jpg') center bottom/110% auto no-repeat}.ch5-book{width:280px}@media(max-width:1000px){.ch5-book{width:230px}.ch5-live-cover{padding:16px}.ch5-live-cover h2{font-size:23px;margin-top:15px}.ch5-book-cover .ch5-cover-logo{width:115px}}
.ch5-photo{background-size:auto 220%;background-position:right bottom;opacity:.26}
/* Stable navigation; only the content panel changes. */
.ch5-tabs{position:sticky;top:0;z-index:20;background:#fcfbf8;min-height:66px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.ch5-tabs button{flex-shrink:0;min-height:46px}.ch5-tabs>span{white-space:nowrap}.ch5-root{overflow-anchor:none}.ch5-module-heading{padding:8px 4px 18px}.ch5-frame-mount{border-radius:14px}.ch5-book{animation:none;filter:none;will-change:transform;transform:rotateY(-16deg) rotateZ(2deg);transition:transform 1s cubic-bezier(.22,.72,.12,1);box-shadow:16px 22px 28px #62441b25}.ch5-book:hover{transform:rotateY(-10deg) rotateZ(1deg)}.ch5-book.flipped,.ch5-book.flipped:hover{transform:rotateY(164deg) rotateZ(-1deg)}.ch5-book-cover{transform:translateZ(1px)}.ch5-book-back{transform:rotateY(180deg) translateZ(7px)}.ch5-scene .ch5-flip{min-width:200px;min-height:46px}.ch5-book-cover .ce6-page img{height:auto}.ch5-book-cover .ce6-full{height:100%!important}.ch5-book-cover .ce6-picture{height:53%!important}.ch5-cover-caption{display:none}@media(prefers-reduced-motion:reduce){.ch5-book{transition:none;will-change:auto}}
/* ===== v7 翻书与编排 (ch7-) ===== */
.ch7-root .ch5-tabs button{white-space:nowrap}
.ch7-hero{position:relative;border-radius:24px;overflow:hidden;background:radial-gradient(120% 90% at 85% 40%,#fff7ea 0,#f6ecdd 55%,#efe2cf 100%);display:grid;grid-template-columns:1fr 1.05fr;padding:40px 56px 30px;min-height:560px;isolation:isolate}.ch7-hero.ch5-neutral{background:var(--acc-s)}
.ch7-copy{position:relative;z-index:2;align-self:center}.ch7-copy h1{font-size:clamp(34px,3.6vw,58px);line-height:1.22;margin:18px 0 16px;letter-spacing:-1.6px;font-weight:850}.ch7-copy>p{font-size:17px;line-height:1.9;color:#6a5b4d;margin:0 0 24px}
.ch7-scene{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;position:relative}
.ch7-stage{position:relative;width:100%;height:500px;display:grid;place-items:center;perspective:1700px;perspective-origin:50% 40%;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.ch7-stage.grabbing{cursor:grabbing}
.ch7-book{--w:290px;--h:calc(var(--w) * 1.4143);--t:30px;width:var(--w);height:var(--h);position:relative;transform-style:preserve-3d;will-change:transform}
.ch7-f{position:absolute;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.ch7-inner{left:2px;top:4px;right:5px;bottom:4px;transform:translateZ(calc(var(--t) / 2 - 1px));background:#fff;box-shadow:inset 18px 0 22px -14px #0003}
.ch7-hinge{position:absolute;inset:0;transform-origin:left center;transform:translateZ(calc(var(--t) / 2)) rotateY(0deg);transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.2,.85,.18,1)}.ch7-book.open .ch7-hinge{transform:translateZ(calc(var(--t) / 2)) rotateY(-158deg)}
.ch7-cov{inset:0;border-radius:2px 7px 7px 2px;background:#fff;box-shadow:inset 3px 0 0 #0000001a}.ch7-cov:before{content:'';position:absolute;left:0;top:0;bottom:0;width:7%;z-index:3;background:linear-gradient(90deg,#0000002e,#ffffff59 35%,#0000 70%,#0000001a);pointer-events:none}
.ch7-gloss{position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(115deg,#fff0 30%,#ffffff40 46%,#fff0 60%)}
.ch7-covin{inset:0;transform:rotateY(180deg);background:#f3ebdf url('/catalog-live/brand/01_Logo/2500-logo-新.png') center 40%/50% auto no-repeat;display:flex;align-items:flex-end;justify-content:center;padding:0 0 18%;border-radius:7px 2px 2px 7px;box-shadow:inset -14px 0 20px -12px #0003}.ch7-covin span{text-align:center;font-size:12px;color:#8b7a64;letter-spacing:.1em}.ch5-neutral .ch7-covin{background-image:none}
.ch7-back{inset:0;transform:rotateY(180deg) translateZ(calc(var(--t) / 2));border-radius:7px 2px 2px 7px;background:#fff}
.ch7-spine{width:var(--t);height:var(--h);left:calc(50% - var(--t) / 2);transform:rotateY(-90deg) translateZ(calc(var(--w) / 2));background:linear-gradient(90deg,#c97a26,#e5963b 30%,#f0ab55 55%,#d8862f);display:grid;place-items:center}.ch5-neutral .ch7-spine{background:linear-gradient(90deg,#555,#777 40%,#555)}.ch7-spine span{writing-mode:vertical-rl;color:#fff;font:700 11px/1 Ch5Nunito,sans-serif;letter-spacing:.14em;white-space:nowrap}
.ch7-edge-r{width:calc(var(--t) - 2px);height:calc(var(--h) - 8px);top:4px;left:calc(50% - var(--t) / 2 + 1px);transform:rotateY(90deg) translateZ(calc(var(--w) / 2 - 5px));background:repeating-linear-gradient(90deg,#ece5d9 0 1px,#fffdf8 1px 3px)}
.ch7-edge-t,.ch7-edge-b{width:calc(var(--w) - 7px);height:calc(var(--t) - 2px);left:2px;top:calc(50% - var(--t) / 2 + 1px);background:repeating-linear-gradient(0deg,#ece5d9 0 1px,#fffdf8 1px 3px)}.ch7-edge-t{transform:rotateX(90deg) translateZ(calc(var(--h) / 2 - 4px))}.ch7-edge-b{transform:rotateX(-90deg) translateZ(calc(var(--h) / 2 - 4px))}
.ch7-floor{position:absolute;bottom:22px;left:50%;width:300px;height:36px;margin-left:-150px;border-radius:50%;background:radial-gradient(closest-side,#5a3d1a40,#5a3d1a00);filter:blur(4px);pointer-events:none}
.ch7-hint{font-size:13px;color:#8d7c66;margin:0}.ch7-root .ch7-ghost{background:#ffffffb3;border:0;font-size:14px;min-height:42px}
.ch7-strip{margin:28px 0 8px}.ch7-thumbs{display:flex;gap:16px;overflow-x:auto;padding:6px 4px 16px;scroll-snap-type:x proximity}.ch7-root .ch7-thumb{flex:0 0 132px;padding:0;border:0;background:none;text-align:left;scroll-snap-align:start;box-shadow:none}.ch7-root .ch7-thumb:hover{box-shadow:none}.ch7-thumb:hover .ch7-mini{transform:translateY(-6px) rotate(-1deg);box-shadow:8px 14px 18px #6b543230}.ch7-thumb>span{display:block;font-size:13px;margin-top:8px;color:#6c5f51;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch7-thumb b{color:var(--acc)}
.ch7-mini{width:100%;aspect-ratio:210/297;overflow:hidden;background:#fff;border-radius:3px;box-shadow:3px 6px 12px #6b543220;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;position:relative}.ch7-mini img{width:100%;height:100%;object-fit:contain}.ch7-mini.xs{width:54px;flex-shrink:0;box-shadow:1px 2px 5px #6b543226}.ch7-mini.xs>i{display:grid;place-items:center;height:100%;font-style:normal}.ch7-add .ch7-mini{display:grid;place-items:center;align-content:center;text-align:center;background:#fffaf2;border:1px dashed #dec6a6;color:#93816a;font-size:12px;padding:10px}.ch7-add .ch7-mini b{font-size:30px;color:var(--acc)}
/* 页面编排 */
.ch7-arr{display:grid;grid-template-columns:340px minmax(0,1fr);gap:22px;align-items:start}.ch7-slots{background:#fff;border:1px solid #ece2d5;border-radius:16px;padding:14px;position:sticky;top:80px;max-height:calc(100vh - 110px);overflow:auto}.ch7-slots h3{margin:4px 6px 12px;font-size:17px}
.ch7-slot{display:flex;align-items:center;gap:6px;border-radius:12px;margin-bottom:4px}.ch7-slot.on{background:var(--acc-s);box-shadow:inset 3px 0 var(--acc)}.ch7-slot.off{opacity:.55}.ch7-root .ch7-slot>button{flex:1;display:flex;gap:10px;align-items:center;text-align:left;border:0;background:none;padding:8px;min-width:0;box-shadow:none}.ch7-slot>button>span{min-width:0}.ch7-slot b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch7-slot small{font-size:12px;color:#8a7b69}
.ch7-chap{margin:12px 6px 4px;font-size:13px;color:#7b6a55;display:flex;gap:6px;align-items:baseline;border-top:1px dashed #e6dccd;padding-top:10px}.ch7-chap b{color:var(--acc);font:800 15px Ch5Nunito,sans-serif}.ch7-chap small{margin-left:auto}
.ch7-sw{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:12px;color:#7b6a55;flex-shrink:0;padding-right:6px}.ch7-sw input{position:absolute;opacity:0;width:1px;height:1px}.ch7-sw i{width:38px;height:22px;border-radius:20px;background:#d9cfc2;position:relative;transition:background .25s}.ch7-sw i:after{content:'';position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .25s cubic-bezier(.3,1.4,.5,1)}.ch7-sw input:checked+i{background:#4c9a6a}.ch7-sw input:checked+i:after{transform:translateX(16px)}.ch7-sw input:focus-visible+i{outline:3px solid var(--acc);outline-offset:2px}.ch7-sw input:disabled+i{opacity:.5}.ch7-slot .ch7-sw span{display:none}
.ch7-root .ch7-addslot{width:100%;margin-top:12px;border-style:dashed;color:var(--deep);font-size:14px}
.ch7-edit{min-width:0}.ch7-edhead{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.ch7-edhead h2{margin:0 0 6px;font-size:24px}.ch7-edhead p{margin:0;color:#7b6a55;font-size:15px}.ch7-edhead .ch7-sw{font-size:14px}
.ch7-modes,.ch7-subs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.ch7-root .ch7-modes button,.ch7-root .ch7-subs button{border-radius:30px;padding:9px 18px}.ch7-modes .on,.ch7-subs .on{background:var(--acc)!important;color:#fff!important;border-color:var(--acc)!important}
.ch7-chips{display:flex;gap:8px;flex-wrap:wrap}.ch7-root .ch7-chips button{font-size:13px;padding:6px 12px;border-radius:20px;background:#fff8ec}
.ch7-jobs{margin-top:16px;display:grid;gap:8px}.ch7-jobs p{margin:0;padding:10px 14px;border-radius:10px;background:#fff8ec;font-size:14px}.ch7-jobs p.done{background:#eef6ef}.ch7-jobs p.failed{background:#fdf0ec}.ch7-jobs small{color:#8a7b69}.ch7-h3{margin:26px 0 0}
.ch7-edit .ch6-fields>button{justify-self:start}.ch7-log p{font-size:13px;color:#7b6a55;margin:4px 0}
/* 产品页工坊 */
.ch7-batch,.ch7-poster{background:#fff;border:1px solid #ece2d5;border-radius:18px;padding:24px}.ch7-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ch7-steps>div{background:#fffaf2;border-radius:14px;padding:16px;display:grid;gap:10px;align-content:start}.ch7-steps b{width:30px;height:30px;border-radius:50%;background:var(--acc);color:#fff;display:grid;place-items:center;font:800 15px Ch5Nunito,sans-serif}.ch7-steps span{font-size:14px;color:#6c5f51}.ch7-root .ch7-steps button,.ch7-file{justify-self:start}
.ch7-file{display:inline-block;border:1px solid var(--acc);color:var(--deep);border-radius:12px;padding:10px 18px;cursor:pointer;background:#fff}.ch7-file input{display:none}
.ch7-btable{overflow-x:auto;margin-top:16px;border:1px solid #eee4d6;border-radius:12px}.ch7-btable table{width:100%;border-collapse:collapse;font-size:14px;min-width:860px}.ch7-btable th,.ch7-btable td{padding:9px 10px;border-bottom:1px solid #f1e9de;text-align:left;vertical-align:middle}.ch7-btable th{background:#fbf6ee;font-weight:700;white-space:nowrap}.ch7-btable tr.skip td{color:#a99a88}.ch7-btable select{font:inherit;padding:5px;border-radius:6px;border:1px solid #d7cdbf}
.ch7-poster{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:26px}.ch7-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ch7-matches{display:flex;flex-wrap:wrap;gap:6px}.ch7-root .ch7-matches button{font-size:13px;padding:6px 10px}.ch7-matches p{margin:0}
.ch7-pvs figure{margin:0;position:sticky;top:90px}.ch7-pvs img{width:100%;aspect-ratio:210/297;object-fit:contain;background:#fff;box-shadow:8px 12px 25px #57432d26}.ch7-pvs figcaption{font-size:13px;color:#8a7b69;text-align:center;margin-top:8px}.ch7-pvempty{aspect-ratio:210/297;border:2px dashed #e3d4bf;border-radius:8px;display:grid;place-items:center;color:#a99478;font-size:14px;text-align:center;padding:20px}
/* 翻书阅读 */
.ch7-reader{background:linear-gradient(180deg,#f3ece2,#e9dfd1);border-radius:20px;padding:12px 14px 14px;overflow:hidden}.ch7-reader:fullscreen{border-radius:0;display:flex;flex-direction:column}.ch7-reader:fullscreen .ch7-desk{flex:1}
.ch7-rbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:4px 4px 10px}.ch7-root .ch7-rbar button{padding:8px 14px;font-size:14px;background:#fffdf8}.ch7-rbar button.on{background:var(--acc);color:#fff;border-color:var(--acc)}.ch7-rbar select{font:inherit;font-size:14px;padding:7px;border-radius:10px;border:1px solid #e2d8cb;max-width:240px}.ch7-folio-t{font:700 15px Ch5Nunito,sans-serif;color:#6c5f51;min-width:70px;text-align:center}.ch7-grow{flex:1}
.ch7-desk{position:relative;display:grid;place-items:center;padding:14px 0 6px;min-height:420px}.ch7-tip{font-size:12px;color:#9a8a75;margin:10px 0 0;text-align:center}
.ch7-spread{--pw:300px;--ph:424px;position:relative;width:calc(var(--pw) * 2);height:var(--ph);perspective:2600px;transition:transform .55s cubic-bezier(.2,.8,.2,1)}.ch7-spread.no-l{transform:translateX(calc(var(--pw) / -2))}.ch7-spread.no-r{transform:translateX(calc(var(--pw) / 2))}.ch7-spread.one{width:var(--pw);transform:none}
.ch7-side{position:absolute;top:0;width:var(--pw);height:var(--ph)}.ch7-side.L{left:0}.ch7-side.R{right:0}.ch7-spread.one .ch7-side.L{display:none}
.ch7-paper,.ch7-blank{position:absolute;inset:0;background:#fff;overflow:hidden}.ch7-blank{background:transparent}.ch7-side.L .ch7-paper{border-radius:4px 0 0 4px}.ch7-side.R .ch7-paper{border-radius:0 4px 4px 0}.ch7-paper>.ce6-page{height:100%}
.ch7-side.L .ch7-paper:after,.ch7-side.R .ch7-paper:after{content:'';position:absolute;top:0;bottom:0;width:9%;pointer-events:none;z-index:5}.ch7-side.L .ch7-paper:after{right:0;background:linear-gradient(270deg,#0000002a,#0000)}.ch7-side.R .ch7-paper:after{left:0;background:linear-gradient(90deg,#00000030,#0000)}.ch7-spread.one .ch7-side.R .ch7-paper:after,.ch7-spread.no-l .ch7-side.R .ch7-paper:after{width:3%}
.ch7-gutter{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:#00000012;z-index:6}
.ch7-folio{position:absolute;bottom:8px;right:12px;font:700 11px Ch5Nunito,sans-serif;color:#0006;z-index:6}.ch7-side.L .ch7-folio{left:12px;right:auto}.ch7-vo{position:absolute;top:8px;right:10px;font-style:normal;font-size:14px;z-index:6;opacity:.75}
.ch7-zone{position:absolute;top:0;bottom:0;width:calc(var(--pw) * .2);z-index:20;cursor:grab;touch-action:none}.ch7-zone.zr{right:0}.ch7-zone.zl{left:0}.ch7-spread.one .ch7-zone{width:calc(var(--pw) * .3)}
.ch7-zone:after{content:'';position:absolute;bottom:0;width:0;height:0;transition:width .3s cubic-bezier(.2,.9,.3,1.3),height .3s cubic-bezier(.2,.9,.3,1.3);filter:drop-shadow(-4px -4px 6px #0002)}.ch7-zone.zr:after{right:0;background:linear-gradient(135deg,#0000 50%,#f6f0e6 50%,#fff 72%,#e8dfd1 100%);border-radius:14px 0 0 0}.ch7-zone.zl:after{left:0;background:linear-gradient(225deg,#0000 50%,#f6f0e6 50%,#fff 72%,#e8dfd1 100%);border-radius:0 14px 0 0}
.ch7-zone:hover:after{width:64px;height:64px}.ch7-zone:hover{background:linear-gradient(90deg,#0000,#ffffff14)}
.ch7-leaf{position:absolute;top:0;width:var(--pw);height:var(--ph);transform-style:preserve-3d;z-index:30;will-change:transform}.ch7-leaf.fw{left:50%;transform-origin:left center}.ch7-leaf.bw{left:0;transform-origin:right center}.ch7-spread.one .ch7-leaf{left:0;transform-origin:left center}
.ch7-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:#fff}.ch7-face.bk{transform:rotateY(180deg)}.ch7-face .ch7-paper{border-radius:0}.ch7-shade{position:absolute;inset:0;z-index:8;pointer-events:none;opacity:0;background:linear-gradient(90deg,#0000 0,#00000040 100%)}.ch7-face.bk .ch7-shade{background:linear-gradient(270deg,#0000 0,#00000040 100%)}
.ch7-rthumbs{display:flex;gap:8px;overflow-x:auto;padding:12px 4px 2px}.ch7-root .ch7-rt{border:0;background:none;padding:3px;display:grid;justify-items:center;gap:3px;font-size:11px;color:#8a7b69;border-radius:6px;box-shadow:none}.ch7-rt.on{background:#fff;box-shadow:0 0 0 2px var(--acc)!important}.ch7-rt .ch7-mini.xs{width:44px}
.ch7-reviewhead{display:flex;justify-content:space-between;align-items:center;gap:12px}
@media(max-width:1100px){.ch7-hero{grid-template-columns:1fr;padding:30px}.ch7-stage{height:440px}.ch7-arr{grid-template-columns:1fr}.ch7-slots{position:relative;top:0;max-height:none}.ch7-steps{grid-template-columns:1fr}.ch7-poster{grid-template-columns:1fr}.ch7-pvs{max-width:340px}}
@media(max-width:650px){.ch7-hero{padding:22px 18px;min-height:0}.ch7-copy h1{font-size:34px}.ch7-stage{height:380px}.ch7-book{--w:210px;--t:22px}.ch7-floor{width:220px;margin-left:-110px}.ch7-thumbs{gap:10px}.ch7-root .ch7-thumb{flex-basis:104px}.ch7-rbar{gap:5px}.ch7-root .ch7-rbar button{padding:7px 9px;font-size:13px}.ch7-rbar select{max-width:130px}.ch7-rbar button span{display:none}.ch7-grow{display:none}.ch7-reader{padding:8px;border-radius:14px}.ch7-edhead{flex-direction:column}.ch7-row{grid-template-columns:1fr}.ch7-batch,.ch7-poster{padding:16px}.ch7-tip{display:none}.ch7-hero .ch5-companions{display:none}}
@media(prefers-reduced-motion:reduce){.ch7-hinge,.ch7-spread,.ch7-mini,.ch7-zone:after{transition:none}}

/* v7.2 翻页＝一张干净的纸：叶片与其父级都不加 filter/opacity（会压平 3D、正反面叠印、逐帧重绘发抖）；正反面各自垫 0.5px 防闪；投影用独立渐变层 */
.ch7-leaf .ch7-face.fr{transform:translateZ(.5px)}.ch7-leaf .ch7-face.bk{transform:rotateY(180deg) translateZ(.5px)}.ch7-leaf .ch7-face{background:#fffdf9;box-shadow:inset 0 0 0 1px #0000000a}.ch7-leaf .ch7-folio,.ch7-leaf .ch7-vo{display:none}
.ch7-spread .ch7-side .ch7-paper{box-shadow:0 18px 26px -8px #4b341a38}
.ch7-cast{position:absolute;top:0;width:var(--pw);height:var(--ph);z-index:20;pointer-events:none;opacity:0}.ch7-cast.r{right:0;background:linear-gradient(90deg,#3c281466 0,#3c281400 55%)}.ch7-cast.l{left:0;background:linear-gradient(270deg,#3c281466 0,#3c281400 55%)}.ch7-spread.one .ch7-cast.r{right:auto;left:0}
/* 🔗 对外分享弹窗（2026-11-09 · catalog_hub.js shareOpen；对外页样式在 booklink.css） */
.bl-mask{position:fixed;inset:0;z-index:300;background:#2b221a66;display:flex;align-items:flex-start;justify-content:center;padding:6vh 12px 12px;overflow:auto}
.bl-dlg{width:min(860px,100%);background:#fffdf9;border-radius:18px;padding:18px 20px 20px;box-shadow:0 24px 60px #2b221a40;color:#3e3a39;font-size:14px;line-height:1.6}
.bl-dh{display:flex;justify-content:space-between;align-items:center;gap:10px}.bl-dh b{font-size:17px}.bl-x{border:0;background:none;font-size:18px;cursor:pointer;padding:4px 8px}
.bl-note{color:#7a6f66;font-size:13px;margin:8px 0 12px}.bl-dlg h4{margin:18px 0 8px;font-size:15px}
.bl-form{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.bl-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#7a6f66;flex:1 1 160px}
.bl-form input,.bl-form select{font:inherit;font-size:14px;padding:8px 10px;border:1px solid #e2d8cb;border-radius:10px;background:#fff;min-width:0}
.bl-form button,.bl-ok button,.bl-ops button{font:inherit;font-size:13px;padding:8px 14px;border:1px solid #e2d8cb;border-radius:10px;background:#fff;cursor:pointer;white-space:nowrap}
.bl-form button.p{background:#E5963B;border-color:#E5963B;color:#fff;font-weight:700}.bl-form button:disabled{opacity:.6}
.bl-ok{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px;padding:10px;border-radius:12px;background:#eef6ea}.bl-ok input{flex:1 1 260px;min-width:0;font:inherit;font-size:13px;padding:7px 9px;border:1px solid #cfe2c6;border-radius:8px}
.bl-tw{overflow-x:auto}.bl-list table{width:100%;border-collapse:collapse;font-size:13px}.bl-list th{text-align:left;color:#7a6f66;font-weight:600;padding:6px;border-bottom:1px solid #eadfd2;white-space:nowrap}
.bl-list td{padding:7px 6px;border-bottom:1px solid #f1e9de;vertical-align:top}.bl-list td small{display:block;color:#9a8f86;font-size:11px}.bl-list tr.expired,.bl-list tr.revoked{color:#a39a92}
.bl-ops{white-space:nowrap}.bl-ops button{padding:4px 9px;font-size:12px;margin:0 4px 4px 0}.bl-ops .bl-danger{color:#b4462f;border-color:#efc9bd}