:root{--bphi-navy:#071a3d;--bphi-blue:#0d4ea6;--bphi-gold:#f2b31d;--bphi-red:#c81f25;--bphi-bg:#eef2f7;--bphi-card:#fff;--bphi-text:#101a2d;--bphi-muted:#667085;--bphi-border:#dbe2eb}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bphi-bg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--bphi-text);-webkit-font-smoothing:antialiased}.bphi-body{padding:0}.bphi-app{width:100%;min-height:100vh;max-width:980px;margin:0 auto;background:#f7f9fc}.bphi-topbar{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;min-height:64px;padding:8px max(12px,env(safe-area-inset-left));padding-top:max(8px,env(safe-area-inset-top));background:rgba(7,26,61,.97);color:#fff;box-shadow:0 2px 12px rgba(7,26,61,.18)}.bphi-brand{display:flex;align-items:center;justify-content:center;gap:10px}.bphi-brand-icon{font-size:28px}.bphi-brand strong,.bphi-brand small{display:block}.bphi-brand strong{font-size:18px}.bphi-brand small{font-size:11px;opacity:.78}.bphi-icon-button{appearance:none;border:0;background:transparent;color:#fff;font-size:30px;line-height:1;width:44px;height:44px;border-radius:50%;cursor:pointer}.bphi-icon-button:active{background:rgba(255,255,255,.12)}main{padding:18px 14px 34px}.bphi-section-label{font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--bphi-blue);margin-bottom:9px}.bphi-latest{max-width:620px;margin:0 auto 28px}.bphi-cover-card{position:relative;display:block;width:100%;padding:0;border:0;border-radius:18px;overflow:hidden;background:#111;box-shadow:0 12px 30px rgba(7,26,61,.20);cursor:pointer;text-align:left}.bphi-cover-card img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;object-position:top}.bphi-cover-gradient{position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(transparent,rgba(4,12,29,.92))}.bphi-cover-info{position:absolute;left:0;right:0;bottom:0;padding:24px;color:#fff}.bphi-cover-info small,.bphi-cover-info strong,.bphi-cover-info span{display:block}.bphi-cover-info small{font-size:13px;opacity:.85}.bphi-cover-info strong{font-size:27px;margin:3px 0 8px}.bphi-cover-info span{font-weight:700;color:#ffd45c}.bphi-archive-section{max-width:880px;margin:0 auto}.bphi-archive-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.bphi-archive-head h2{font-size:21px;margin:0}.bphi-favorites-filter{border:1px solid var(--bphi-border);background:#fff;border-radius:999px;padding:8px 12px;font-weight:700;color:var(--bphi-navy)}.bphi-favorites-filter[aria-pressed=true]{background:#fff7d8;border-color:#e7b831}.bphi-search-wrap{margin:13px 0}.bphi-search{width:100%;border:1px solid var(--bphi-border);background:#fff;border-radius:12px;padding:12px 14px;font-size:16px;outline:none}.bphi-search:focus{border-color:var(--bphi-blue);box-shadow:0 0 0 3px rgba(13,78,166,.12)}.bphi-archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:14px}.bphi-archive-card{position:relative;background:#fff;border:1px solid var(--bphi-border);border-radius:13px;overflow:hidden}.bphi-archive-card>button:first-child{display:grid;grid-template-columns:84px 1fr;width:100%;border:0;padding:0;background:transparent;text-align:left;cursor:pointer}.bphi-archive-card img{display:block;width:84px;height:126px;object-fit:cover;object-position:top;background:#e5e7eb}.bphi-archive-card span{display:flex;flex-direction:column;justify-content:center;padding:11px 36px 11px 11px}.bphi-archive-card strong{font-size:16px}.bphi-archive-card small{margin-top:6px;color:var(--bphi-muted)}.bphi-card-favorite{position:absolute;right:7px;top:7px;border:0;background:rgba(255,255,255,.92);width:32px;height:32px;border-radius:50%;font-size:21px;color:#956900}.bphi-empty{text-align:center;padding:90px 20px}.bphi-empty>div{font-size:60px}.bphi-reader{max-width:920px;margin:0 auto}.bphi-reader-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.bphi-reader-head h1{font-size:20px;margin:2px 0 0}.bphi-reader-head small{color:var(--bphi-muted)}.bphi-reader-favorite{border:1px solid var(--bphi-border);background:#fff;width:42px;height:42px;border-radius:50%;font-size:24px;color:#956900}.bphi-viewer-shell{position:relative}.bphi-viewer{position:relative;overflow:hidden;width:100%;background:#16191f;border-radius:14px;min-height:55vh;touch-action:none;overscroll-behavior:contain;box-shadow:0 8px 26px rgba(7,26,61,.18);outline:none}.bphi-image-stage{position:relative;min-height:100%;min-width:100%;display:flex;align-items:flex-start;justify-content:center;padding:0}.bphi-page-image{display:block;width:auto;height:auto;max-width:none;user-select:none;-webkit-user-drag:none;pointer-events:none;background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.22)}.bphi-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:10px 14px;border-radius:999px;background:rgba(0,0,0,.7);color:#fff;font-size:13px}.bphi-nav-button{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:42px;height:56px;border:0;border-radius:12px;background:rgba(7,26,61,.82);color:#fff;font-size:36px;line-height:1;cursor:pointer}.bphi-prev{left:8px}.bphi-next{right:8px}.bphi-nav-button:disabled{opacity:.2}.bphi-page-status{display:flex;align-items:center;justify-content:center;gap:12px;padding:13px 0 4px;color:var(--bphi-muted);font-size:13px}.bphi-dots{display:flex;gap:6px}.bphi-dot{width:7px;height:7px;border-radius:50%;background:#c4cbd5}.bphi-dot.is-active{width:20px;border-radius:8px;background:var(--bphi-blue)}.bphi-reader-hint{margin:6px 0 10px;padding:10px 12px;border-radius:12px;background:#edf4ff;border:1px solid #d7e4ff;color:#15407b;font-size:13px;line-height:1.35}.bphi-reader-actions{position:sticky;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(6,1fr);gap:3px;margin-top:9px;padding:7px max(4px,env(safe-area-inset-left)) max(7px,env(safe-area-inset-bottom));border:1px solid var(--bphi-border);border-radius:15px;background:rgba(255,255,255,.96);box-shadow:0 -4px 22px rgba(7,26,61,.12);backdrop-filter:blur(12px)}.bphi-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:54px;border:0;background:transparent;color:var(--bphi-navy);text-decoration:none;font:inherit;border-radius:10px;cursor:pointer}.bphi-action:active{background:#edf3fb}.bphi-action span{font-size:22px;line-height:1}.bphi-action small{font-size:10px}.bphi-action:disabled{opacity:.45;cursor:default}.bphi-zoom-level span{font-size:17px;font-weight:800}.bphi-viewer.is-zoomed{cursor:grab}.bphi-viewer.is-zoomed:active{cursor:grabbing}.bphi-toast{position:fixed;z-index:100;left:50%;bottom:90px;transform:translateX(-50%);background:#0b1730;color:#fff;padding:10px 14px;border-radius:999px;font-size:13px;box-shadow:0 8px 20px rgba(0,0,0,.2);max-width:min(92vw,460px);text-align:center}.bphi-app.is-fullscreen{max-width:none;background:#111}.bphi-app.is-fullscreen .bphi-topbar,.bphi-app.is-fullscreen .bphi-reader-head,.bphi-app.is-fullscreen .bphi-reader-hint{display:none}.bphi-app.is-fullscreen main{padding:0}.bphi-app.is-fullscreen .bphi-viewer{height:100vh;border-radius:0}.bphi-app.is-fullscreen .bphi-reader-actions{position:fixed;left:8px;right:8px;bottom:8px;opacity:.24;transition:opacity .2s}.bphi-app.is-fullscreen .bphi-reader-actions:hover,.bphi-app.is-fullscreen .bphi-reader-actions:focus-within{opacity:1}@media(min-width:700px){main{padding:24px}.bphi-archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bphi-viewer{min-height:78vh}.bphi-reader-actions{grid-template-columns:repeat(6,1fr)}}@media(max-width:430px){.bphi-archive-grid{grid-template-columns:1fr}.bphi-archive-card>button:first-child{grid-template-columns:90px 1fr}.bphi-archive-card img{width:90px;height:135px}.bphi-nav-button{width:36px;height:48px;font-size:31px}.bphi-reader-actions{grid-template-columns:repeat(3,1fr)}.bphi-action{min-height:50px}.bphi-reader-hint{font-size:12px}}