.page-state{padding:16px;text-align:center;color:#9b9b9b;font-size:13px}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center}.page-loading__img{width:240px;max-width:60%;height:auto}.page-loading__text{margin:8px 0 0;padding:0 24px;font-size:16px;color:#2b2b2b;line-height:1.5}.page-tabs{display:flex;background:#fff;border-bottom:1px solid #eeeeee;position:sticky;top:0;z-index:10}.page-tab{flex:1;text-align:center;padding:12px 0;font-size:15px;color:#9b9b9b;cursor:pointer;border-bottom:2px solid transparent}.page-tab.is-active{color:#2b2b2b;font-weight:700;border-bottom-color:#ff5c39}.page-main--pad{padding:14px}.block-btn{display:flex;align-items:center;justify-content:center;gap:3px;min-height:28px;padding:4px 10px;border-radius:999px;border:1px solid rgba(51,51,51,.22);background:#fff;font-size:12px;color:#555}.block-btn:active{background:#f7f7f9}.block-btn svg{width:12px;height:12px;fill:#ff5c39;flex-shrink:0}.shelf{padding-bottom:calc(56px + env(safe-area-inset-bottom))}.shelf-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;height:52px;padding:0 14px;background:#fff;border-bottom:1px solid #eeeeee}.shelf-header__back{width:26px;height:26px;margin-right:14px;cursor:pointer}.shelf-header__back img{width:100%;height:100%}.shelf-views{display:flex;gap:18px}.shelf-view{font-size:18px;color:#9b9b9b;cursor:pointer;position:relative;padding-bottom:4px}.shelf-view.is-active{color:#2b2b2b;font-weight:700}.shelf-view.is-active:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);width:18px;height:3px;border-radius:2px;background:#ff5c39}.shelf-main{padding:14px}.shelf-list--grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.shelf-list--grid-video{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shelf-list--row{display:flex;flex-direction:column;gap:16px}.shelf-row{display:flex;gap:12px;text-decoration:none;color:inherit}.shelf-row__cover{position:relative;flex-shrink:0;width:112px;border-radius:8px;overflow:hidden;background:#f7f7f9}.shelf-row__cover img{width:100%;height:100%;object-fit:cover;display:block}.shelf-row__cover--book{aspect-ratio:3/4}.shelf-row__cover--video{width:150px;aspect-ratio:16/9}.shelf-row__info{flex:1;min-width:0}.shelf-row__name{font-size:15px;font-weight:700;color:#2b2b2b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shelf-row__sub{margin-top:6px;font-size:12px;color:#9b9b9b;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.shelf-row__time{margin-top:6px;font-size:12px;color:#9b9b9b}.shelf-row__cta{display:inline-flex;align-items:center;margin-top:10px;padding:5px 12px;border-radius:999px;background:#ff5c391f;color:#ff5c39;font-size:12px;font-weight:700;line-height:1.2}.shelf-row__duration{position:absolute;right:6px;bottom:6px;background:#0009;color:#fff;font-size:11px;padding:1px 6px;border-radius:4px}.vcard{display:block;text-decoration:none;color:inherit}.vcard__cover{position:relative;width:100%;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#f7f7f9}.vcard__cover img{width:100%;height:100%;object-fit:cover}.vcard__duration{position:absolute;right:6px;bottom:6px;background:#0009;color:#fff;font-size:11px;padding:1px 6px;border-radius:4px}.vcard__price{position:absolute;left:6px;bottom:6px;background:#ff5c39;color:#fff;font-size:11px;padding:1px 6px;border-radius:4px}.vcard__access-badge{position:absolute;left:6px;top:6px;z-index:2}.vcard__name{margin-top:6px;font-size:14px;color:#2b2b2b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shelf-empty{text-align:center;padding:60px 0;color:#9b9b9b}.shelf-empty__text{font-size:14px;margin-bottom:16px}.shelf-empty__btn{display:inline-block;padding:8px 24px;border-radius:999px;background:#ff5c39;color:#fff;font-size:14px;text-decoration:none}