:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}body{margin:0;padding:0;min-width:320px;min-height:100vh;overflow-x:hidden}#root{min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}.app-container{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#667eea,#764ba2)}.app-header{background:#fffffff2;padding:1.5rem;text-align:center;box-shadow:0 2px 8px #0000001a}.app-title{font-size:1.8rem;font-weight:700;color:#2d3748;margin-bottom:.5rem}.app-subtitle{font-size:.95rem;color:#718096;font-weight:400}.search-container{padding:1.5rem;background:transparent}.search-box{max-width:600px;margin:0 auto;position:relative;display:flex;align-items:center;background:#fff;border-radius:50px;padding:.75rem 1.25rem;box-shadow:0 4px 12px #00000026;transition:all .3s ease}.search-box:focus-within{box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.search-icon{font-size:1.2rem;margin-right:.75rem}.search-input{flex:1;border:none;outline:none;font-size:1rem;color:#2d3748;background:transparent}.search-input::placeholder{color:#a0aec0}.books-container{flex:1;padding:0 1rem 2rem;max-width:1200px;width:100%;margin:0 auto}.skeleton{pointer-events:none;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.skeleton-icon{width:60px;height:60px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px;margin:0 auto}.skeleton-info{flex:1}.skeleton-title{height:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin-bottom:.75rem}.skeleton-meta{height:16px;width:60%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-button{height:44px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:12px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.empty-state{text-align:center;padding:4rem 1rem;color:#fff}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-text{font-size:1.1rem;opacity:.9}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.book-card{background:#fff;border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;position:relative;overflow:hidden}.book-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.book-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.book-icon{font-size:3rem;text-align:center}.book-info{flex:1}.book-name{font-size:1.1rem;font-weight:600;color:#2d3748;margin-bottom:.75rem;word-break:break-word;line-height:1.4}.book-meta{display:flex;gap:.75rem;flex-wrap:wrap}.book-type,.book-size{font-size:.75rem;padding:.25rem .75rem;border-radius:12px;font-weight:500}.book-type{background:#e6f4ff;color:#06c}.book-size{background:#f0f0f0;color:#666}.download-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d}.download-btn:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 12px #667eea66}.download-btn:active:not(:disabled){transform:scale(.98)}.download-btn:disabled{opacity:.7;cursor:not-allowed}.download-icon{font-size:1.1rem}.download-text{font-size:.95rem}.app-footer{background:#fffffff2;padding:1rem;text-align:center;color:#718096;font-size:.9rem;box-shadow:0 -2px 8px #0000000d}@media(max-width:768px){.app-title{font-size:1.5rem}.app-subtitle{font-size:.85rem}.search-container{padding:1rem}.search-box{padding:.625rem 1rem}.search-input{font-size:.95rem}.books-grid{grid-template-columns:1fr;gap:1rem}.book-card{padding:1.25rem}.book-name{font-size:1rem}.download-btn{padding:.75rem 1.25rem;font-size:.95rem}}@media(max-width:480px){.app-header{padding:1rem}.app-title{font-size:1.3rem}.books-container{padding:0 .75rem 1.5rem}.book-icon{font-size:2.5rem}}@media(hover:none)and (pointer:coarse){.book-card:hover{transform:none}.book-card:active{transform:scale(.98);transition:transform .1s ease}.download-btn:hover{transform:none}.download-btn:active:not(:disabled){transform:scale(.95);transition:transform .1s ease}.search-box:active{transform:none}}html{scroll-behavior:smooth}@media(min-width:769px){::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}}::selection{background:#667eea4d;color:inherit}.search-input:focus{outline:none}.download-btn:focus-visible{outline:2px solid white;outline-offset:2px}