:root{--fb-bg:#edf1f5;--fb-ink:#26323f;--fb-muted:#6d7883;--fb-line:#d7dfe8;--fb-blue:#3f5877;--fb-deep:#263c55;--fb-gold:#d1a246;--fb-green:#32725e;--fb-shadow:0 20px 55px rgba(31,46,64,.18)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at 12% 0,rgba(63,88,119,.14),transparent 30%),linear-gradient(180deg,#f9fbfd,#eef2f5);color:var(--fb-ink);min-height:100vh}.fb-top{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--fb-line)}.fb-topin{width:min(1420px,calc(100% - 28px));min-height:70px;margin:auto;display:flex;align-items:center;gap:12px;padding:8px 0}.fb-logo{width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,var(--fb-deep),var(--fb-blue));display:grid;place-items:center;color:#fff;font-weight:1000}.fb-brand{min-width:0}.fb-brand b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fb-brand span{display:block;color:var(--fb-muted);font-size:.78rem}.fb-spacer{flex:1}.fb-btn{border:0;border-radius:11px;min-height:42px;padding:9px 13px;font:inherit;font-weight:850;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}.fb-btn.primary{background:var(--fb-blue);color:#fff}.fb-btn.outline{background:#fff;border:1px solid var(--fb-line);color:var(--fb-deep)}.fb-btn.gold{background:var(--fb-gold);color:#302400}.fb-main{width:min(1480px,100%);margin:auto;padding:18px 14px 26px}.fb-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.fb-chip{padding:7px 10px;border-radius:999px;background:#fff;border:1px solid var(--fb-line);font-size:.8rem;font-weight:800;color:var(--fb-deep)}.fb-title{font-size:clamp(1.25rem,2vw,1.85rem);margin:3px 0 8px}.fb-sub{margin:0;color:var(--fb-muted);line-height:1.6}.fb-stage{margin-top:15px;min-height:70vh;border:1px solid #cfd7e1;border-radius:22px;background:radial-gradient(circle at 50% 15%,rgba(255,255,255,.95),rgba(215,222,229,.95) 70%),#d9e0e7;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6),var(--fb-shadow);overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:22px;perspective:1800px}.fb-book{display:flex;align-items:flex-start;justify-content:center;gap:0;position:relative;transform-style:preserve-3d;transition:opacity .18s ease}.fb-book.cover-mode{gap:0}.fb-page{position:relative;background:#fff;box-shadow:0 12px 28px rgba(21,31,42,.18);overflow:hidden;flex:0 0 auto;transform-style:preserve-3d;backface-visibility:hidden;transition:transform .34s cubic-bezier(.3,.7,.2,1),opacity .24s ease}.fb-page.left{border-radius:12px 2px 2px 12px;transform-origin:right center}.fb-page.right{border-radius:2px 12px 12px 2px;transform-origin:left center}.fb-page.single{border-radius:12px}.fb-page.blank{background:linear-gradient(90deg,#e7e8ea,#f8f8f7);box-shadow:none}.fb-page img{display:block;width:100%;height:auto;pointer-events:none}.fb-page::after{content:"";position:absolute;inset:0;pointer-events:none}.fb-page.left::after{background:linear-gradient(90deg,transparent 78%,rgba(0,0,0,.07))}.fb-page.right::after{background:linear-gradient(90deg,rgba(0,0,0,.07),transparent 22%)}.fb-book.turn-next .fb-page.right{transform:rotateY(-86deg);opacity:.35}.fb-book.turn-prev .fb-page.left{transform:rotateY(86deg);opacity:.35}.fb-page-label{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);z-index:2;padding:4px 8px;border-radius:999px;background:rgba(20,28,38,.62);color:#fff;font-size:.72rem;font-weight:800}.fb-loading{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(145deg,#f6f7f8,#e4e8ec);color:#6b7682;font-weight:850}.fb-controls{position:sticky;bottom:10px;z-index:30;margin:14px auto 0;width:min(1080px,calc(100% - 4px));padding:10px;border:1px solid var(--fb-line);border-radius:16px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);box-shadow:0 12px 35px rgba(35,50,68,.16);display:grid;grid-template-columns:auto auto minmax(150px,1fr) auto auto;gap:8px;align-items:center}.fb-range{width:100%;accent-color:var(--fb-blue)}.fb-pagebox{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:.82rem;font-weight:800;color:var(--fb-muted)}.fb-pagebox input{width:70px;padding:8px;border:1px solid var(--fb-line);border-radius:9px;text-align:center;font:inherit}.fb-zoom{display:flex;gap:5px}.fb-help{margin:14px 0 0;padding:13px 15px;border-radius:13px;background:#fff8e8;border-left:4px solid var(--fb-gold);color:#70551c;line-height:1.55}.fb-footer{padding:26px 14px 34px;text-align:center;color:var(--fb-muted);font-size:.86rem;border-top:1px solid var(--fb-line);margin-top:24px}.fb-footer strong{color:var(--fb-deep)}
@media(max-width:820px){.fb-brand span{display:none}.fb-topin{min-height:62px}.fb-main{padding:12px 8px 20px}.fb-stage{padding:12px 8px;min-height:66vh;border-radius:16px}.fb-controls{grid-template-columns:auto auto 1fr auto}.fb-pagebox{grid-column:1/-1;justify-content:center;order:5}.fb-zoom{display:none}.fb-title{font-size:1.25rem}.fb-btn{padding:8px 10px}.fb-top .fb-btn span.hide-sm{display:none}}
@media(max-width:480px){.fb-logo{width:38px;height:38px}.fb-stage{padding:8px 3px}.fb-controls{gap:5px;padding:8px}.fb-controls .fb-btn{min-width:42px;padding:7px}.fb-chip:nth-child(n+3){display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.fb-page,.fb-book{transition:none!important}}
@media print{body{display:none!important}}