.case-library{max-width:1400px;margin:0 auto;padding:48px}.cl-header{margin-bottom:28px}.cl-title{letter-spacing:1px;color:#111;margin-bottom:4px;font-size:32px;font-weight:300}.cl-subtitle{color:#666;font-size:14px;font-weight:300}.loading-wrap{justify-content:center;align-items:center;height:80vh;display:flex}.float-calc-btn{z-index:90;color:#fff;cursor:pointer;background:#1a56db;border:none;border-radius:50px;align-items:center;gap:8px;padding:15px 28px;font-size:14px;font-weight:600;display:flex;position:fixed;bottom:36px;right:36px;box-shadow:0 4px 24px #1a56db66}.float-calc-btn:hover{transform:translateY(-2px);box-shadow:0 6px 32px #1a56db80}.filters-wrap{margin-bottom:28px}.filter-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}.filter-tab{cursor:pointer;color:#666;background:0 0;border:none;border-bottom:2px solid #0000;padding:6px 16px;font-size:13px}.filter-tab:hover{color:#222}.filter-tab.on{color:#c7000b;border-bottom-color:#c7000b;font-weight:500}.filter-chip{cursor:pointer;color:#666;background:#fff;border:1px solid #e0e0e0;padding:4px 14px;font-size:12px}.filter-chip:hover{color:#222;border-color:#222}.filter-chip.on{color:#fff;background:#222;border-color:#222}.case-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.case-card{cursor:pointer}.case-card:hover .case-img{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f}.case-img{background:#f0f0f0;justify-content:center;align-items:center;height:180px;font-size:48px;transition:all .3s;display:flex;position:relative}.case-img .ratio-tag{color:#fff;background:#000000b3;padding:2px 8px;font-size:10px;position:absolute;bottom:8px;right:8px}.case-info{padding:14px 0}.case-info h4{margin-bottom:4px;font-size:15px;font-weight:500}.case-info .meta{color:#666;font-size:12px}.shelf-title{color:#666;border-bottom:1px solid #e0e0e0;margin-bottom:20px;padding-bottom:12px;font-size:14px}.comic-shelf{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;margin-bottom:32px;display:grid}.comic-cover{cursor:pointer;text-align:center}.comic-cover:hover .cover-inner{transform:translateY(-3px);box-shadow:0 8px 30px #00000026}.cover-inner{justify-content:center;align-items:center;margin:0 auto 10px;font-size:42px;transition:all .3s;display:flex}.comic-cover.v .cover-inner{color:#fff;background:linear-gradient(#1a1a2e,#2d1b69);width:180px;height:260px}.comic-cover.h .cover-inner{color:#fff;background:linear-gradient(#1a2a3a,#1e3a5c);width:260px;height:170px}.comic-cover .cover-title{font-size:14px;font-weight:500}.comic-cover .cover-meta{color:#666;font-size:11px}.fs-overlay{z-index:300;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fs-head{color:#fff;z-index:10;background:#000c;justify-content:space-between;align-items:center;padding:14px 32px;display:flex;position:absolute;top:0;left:0;right:0}.fs-body{color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:100px;display:flex}.fs-close-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;padding:4px 12px;font-size:11px}.flip-wrap{justify-content:center;align-items:center;gap:32px;height:100%;display:flex}.flip-book{justify-content:center;align-items:center;display:flex}.flip-book.v .f-page{width:480px;height:780px}.flip-book.h .f-page{width:1100px;height:640px}.f-page{color:#333;background:#fff;justify-content:center;align-items:center;font-size:18px;transition:transform .25s;display:flex;position:relative;box-shadow:4px 4px 30px #0006}.fpi{text-align:center}.fpn{color:#aaa;font-size:12px;position:absolute;bottom:16px;right:20px}.f-btn{cursor:pointer;color:#fff;-webkit-user-select:none;user-select:none;background:#ffffff0f;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;padding:20px;font-size:40px;display:flex}.f-btn:hover{background:#ffffff2e}@media (width<=768px){.case-library{padding:24px 16px}.cl-title{font-size:24px}.filter-row{flex-wrap:nowrap;gap:4px;overflow-x:auto}.filter-tab{white-space:nowrap;padding:5px 10px;font-size:11px}.filter-chip{white-space:nowrap;padding:3px 8px;font-size:10px}.case-grid{grid-template-columns:repeat(2,1fr);gap:10px}.case-img{height:120px;font-size:32px}.comic-shelf{grid-template-columns:repeat(2,1fr);gap:14px}.comic-cover.v .cover-inner{width:140px;height:200px;font-size:32px}.comic-cover.h .cover-inner{width:160px;height:110px;font-size:32px}.float-calc-btn{padding:12px 20px;font-size:13px;bottom:20px;right:16px}.flip-book.v .f-page{width:200px;height:340px}.flip-book.h .f-page{width:320px;height:200px}.f-btn{width:36px;height:36px;padding:10px;font-size:20px}.flip-wrap{gap:10px}}*{box-sizing:border-box;margin:0;padding:0}body{color:#222;background:#f5f5f5;font-family:PingFang SC,Microsoft YaHei,sans-serif}.app-topbar{z-index:100;background:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;height:56px;padding:0 48px;display:flex;position:sticky;top:0}.app-topbar .app-logo{color:#1a56db;font-size:18px;font-weight:700}.app-topbar .app-logo em{color:#059669;font-style:normal}.app-topbar .app-topbar-right{color:#666;font-size:13px}@media (width<=768px){.app-topbar{height:48px;padding:0 16px}.app-topbar .app-logo{font-size:14px}}