.bookstory-wp{--bs-bg:#ece9e1;position:relative;width:100%;min-height:620px;background:var(--bs-bg);border:1px solid #ddd5c9;border-radius:16px;overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif}.bookstory-wp *{box-sizing:border-box}.bs-loading{padding:30px}.bs-top{height:52px;background:#fffdf9;border-bottom:1px solid #d8d2c7;display:flex;align-items:center;padding:0 18px;gap:10px}.bs-top b{font-size:18px}.bs-top span{color:#777;font-size:13px}.bs-progress{height:5px;background:#ddd6ca}.bs-progress i{display:block;height:100%;background:#5f6f61}.bs-stage{padding:16px;display:flex;justify-content:center}.bs-book{width:min(1100px,100%);height:570px;display:grid;grid-template-columns:1fr 1fr;background:#fffdf8;border:1px solid #cfc7ba;border-radius:20px;overflow:hidden;box-shadow:0 14px 38px #3c30251f}.bs-left{background:#dedbd3;min-width:0}.bs-left img{width:100%;height:100%;display:block;object-fit:cover}.bs-noimg{height:100%;display:flex;align-items:center;justify-content:center;color:#777}.bs-right{position:relative;overflow:auto;padding:44px 48px 60px;background:linear-gradient(90deg,#f1ede5,#fffdf8 9%,#fffefa)}.bs-right h2{font:700 30px/1.25 Georgia,serif;margin:0 0 20px}.bs-text{font:22px/1.58 Georgia,serif;white-space:pre-wrap}.bs-num{position:absolute;right:28px;bottom:18px;color:#766f65}.bs-controls{padding:10px 12px 14px;display:flex;gap:7px;align-items:center;justify-content:center;flex-wrap:wrap}.bs-controls button{padding:8px 12px;border:1px solid #bbb3a7;border-radius:8px;background:#fff;cursor:pointer}.bs-counter{color:#777;min-width:62px;text-align:center}.bookstory-library-item{margin-bottom:32px}@media(max-width:720px){.bookstory-wp{min-height:0}.bs-book{height:auto;display:block}.bs-left{height:43vh;min-height:280px}.bs-right{min-height:380px;padding:28px 25px 52px}.bs-text{font-size:18px}.bs-top span{display:none}}