:root{color:#202124;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f7f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}html,body,#root{min-width:320px;min-height:100%;margin:0}body{color:#202124;background:#f7f7f5}*{box-sizing:border-box}body{color:#202124;background:#f7f7f5;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}.app{width:min(1280px,100% - 40px);margin:0 auto;padding-bottom:70px}.header{justify-content:space-between;align-items:center;gap:30px;padding:48px 0 32px;display:flex}.header h1{letter-spacing:-1px;margin:0;font-size:42px}.header p{color:#777;margin:8px 0 0}.search{color:#202124;background:#fff;border:1px solid #ddd;border-radius:14px;outline:none;width:min(430px,45vw);height:48px;padding:0 18px}.search:focus{border-color:#777}.section-title{margin:24px 0 20px}.section-title h2{margin:0;font-size:28px}.section-title p{color:#888;margin:5px 0 0}.loading{color:#777;padding:50px 0}.book-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;display:grid}.book-card{background:#fff;border:1px solid #e8e8e5;border-radius:18px;gap:18px;min-height:170px;padding:18px;transition:transform .15s,box-shadow .15s;display:flex}.book-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0000000f}.book-card img{object-fit:cover;background:#eee;border-radius:7px;width:84px;height:118px}.book-info{flex-direction:column;flex:1;display:flex}.book-info h3{margin:4px 0 7px;font-size:18px;line-height:1.45}.book-info p{color:#777;margin:0;font-size:14px}.book-info button{color:#1769e0;background:0 0;border:0;align-self:flex-start;margin-top:auto;padding:0}.detail-header{padding:32px 0 24px}.back-button{color:#1769e0;background:0 0;border:0;margin-bottom:28px;padding:0}.book-heading{align-items:center;gap:22px;display:flex}.book-heading img{object-fit:cover;background:#eee;border-radius:7px;width:70px;height:98px}.book-heading h1{letter-spacing:-1px;margin:0;font-size:32px}.book-heading p{color:#777;margin:8px 0 0}.word-list{gap:12px;display:grid}.word-card{cursor:pointer;background:#fff;border:1px solid #e5e5e2;border-radius:15px;padding:18px 22px;transition:border-color .15s,transform .15s,box-shadow .15s}.word-card:hover{border-color:#cfcfca;transform:translateY(-1px);box-shadow:0 5px 18px #0000000a}.word-top{justify-content:space-between;align-items:center;gap:20px;display:flex}.word-top h2{color:#202124;margin:0;font-family:Georgia,Times New Roman,serif;font-size:25px}.word-top span{color:#aaa;font-size:12px}.pronunciation{color:#666;flex-wrap:wrap;gap:16px;margin-top:8px;font-size:14px;display:flex}.pronunciation strong{color:#999;font-weight:600}.remember{color:#555;border-top:1px solid #f0f0ed;margin:12px 0 0;padding-top:12px;line-height:1.7}.pagination{justify-content:center;align-items:center;gap:22px;padding:36px 0 0;display:flex}.pagination span{color:#666;font-size:14px}.pagination button{color:#333;background:#fff;border:1px solid #ddd;border-radius:10px;min-width:90px;height:40px}.drawer-mask{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000047;position:fixed;inset:0}.word-drawer{z-index:1001;background:#fff;width:min(620px,92vw);height:100vh;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-10px 0 40px #0000001f}.drawer-header{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#777;background:#fffffff5;border-bottom:1px solid #ececea;justify-content:space-between;align-items:center;height:64px;padding:0 28px;font-size:14px;display:flex;position:sticky;top:0}.drawer-header button{color:#555;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:0;font-size:30px;line-height:1;display:flex}.drawer-header button:hover{background:#f3f3f1}.drawer-loading{color:#777;padding:50px 30px}.drawer-content{padding:10px 32px 60px}.word-main{padding:28px 0 30px}.word-main h1{color:#1f2023;margin:0;font-family:Georgia,Times New Roman,serif;font-size:48px;line-height:1.15}.detail-pronunciation{color:#777;flex-wrap:wrap;gap:20px;margin-top:15px;font-size:16px;display:flex}.detail-section{border-top:1px solid #ececea;padding:25px 0}.detail-section h2{color:#888;letter-spacing:.08em;margin:0 0 18px;font-size:14px;font-weight:600}.translation-list{gap:20px;display:grid}.translation-item strong{color:#28292c;font-size:18px;font-weight:600}.pos{color:#1769e0;margin-right:9px;font-family:Georgia,Times New Roman,serif;font-size:14px;font-style:italic;font-weight:400;display:inline-block}.english-definition{color:#777;margin:8px 0 0;font-family:Georgia,Times New Roman,serif;font-size:15px;line-height:1.65}.memory-text{color:#444;margin:0;font-size:17px;line-height:1.8}.simple-list{gap:14px;display:grid}.simple-item{grid-template-columns:minmax(150px,.8fr) 1.2fr;align-items:baseline;gap:18px;display:grid}.simple-item strong{color:#292a2d;font-size:16px}.simple-item span{color:#666;line-height:1.6}.sentence-list{gap:22px;display:grid}.sentence-item{border-left:3px solid #e5e5e1;padding-left:16px}.sentence-en{color:#292a2d;margin:0;font-family:Georgia,Times New Roman,serif;font-size:17px;line-height:1.7}.sentence-cn{color:#777;margin:8px 0 0;font-size:15px;line-height:1.7}@media (width<=700px){.app{width:min(100% - 24px,1280px)}.header{flex-direction:column;align-items:stretch;padding-top:28px}.header h1{font-size:34px}.search{width:100%}.book-grid{grid-template-columns:1fr}.book-heading h1{font-size:25px}.word-card{padding:16px}.pronunciation{flex-direction:column;gap:4px}.word-drawer{width:100%}.drawer-content{padding:5px 22px 50px}.word-main h1{font-size:40px}.simple-item{grid-template-columns:1fr;gap:4px}}.book-cover-placeholder{color:#777;background:#ecece8;border-radius:8px;flex:none;justify-content:center;align-items:center;width:84px;height:118px;font-size:30px;font-weight:700;display:flex}.book-heading .book-cover-placeholder{width:70px;height:98px;font-size:26px}