*{margin:0;padding:0;box-sizing:border-box;}body{background:linear-gradient(145deg,#f9f3e8 0%,#fef7ef 100%);font-family:'Segoe UI','PingFang SC',Roboto,system-ui,-apple-system,'Helvetica Neue',sans-serif;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem 0.5rem;color:#2e241f;}.container{max-width:1280px;width:100%;background:rgba(255,248,235,0.70);backdrop-filter:blur(2px);border-radius:48px 48px 32px 32px;padding:2rem 1.8rem 1.8rem;box-shadow:0 20px 40px -12px rgba(172,112,62,0.25),0 8px 16px -6px rgba(245,195,125,0.3);border:1px solid #ffeacb;transition:all 0.2s ease;}.header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;margin-bottom:2rem;border-bottom:3px dashed #fbd5a2;padding-bottom:0.75rem;}.header h1{font-size:2.2rem;font-weight:700;letter-spacing:-0.3px;background:linear-gradient(135deg,#d48c5b,#b5653e);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 8px rgba(215,140,70,0.2);display:inline-flex;align-items:center;gap:8px;}.header h1::before{content:"📘";font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.05));}.header .sub{font-size:1rem;background:#f5e3d1;padding:0.3rem 1.2rem;border-radius:40px;color:#6f4a32;font-weight:500;box-shadow:inset 0 1px 4px #fff3e6,0 4px 6px rgba(160,100,60,0.1);border:1px solid #efd7be;}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin:0.5rem 0 1.2rem;}.card{background:#fffcf5;border-radius:28px;padding:0.9rem 1.2rem 0.9rem 1.2rem;box-shadow:0 6px 12px -6px rgba(185,130,70,0.18),0 2px 4px rgba(0,0,0,0.02);border:1px solid #f7e4ce;transition:all 0.2s ease;display:flex;align-items:center;gap:12px;backdrop-filter:blur(2px);min-height:70px;}.card:hover{transform:translateY(-3px) scale(1.01);background:#fffdf9;border-color:#eccbad;box-shadow:0 14px 22px -12px #c99d78;}.card a{text-decoration:none;color:#3d2c22;display:flex;align-items:center;gap:12px;width:100%;font-weight:500;}.chapter-num{display:inline-flex;justify-content:center;align-items:center;background:#f7dbbc;min-width:44px;height:44px;border-radius:40px;font-weight:700;font-size:1.1rem;color:#5f3e2a;padding:0 6px;box-shadow:inset 0 -2px 0 #dbb58b,0 4px 6px rgba(150,90,40,0.08);border:1px solid #f3d0ae;flex-shrink:0;}.card:nth-child(6n+1) .chapter-num{background:#fde3c2;}.card:nth-child(6n+2) .chapter-num{background:#fad5b0;}.card:nth-child(6n+3) .chapter-num{background:#f7cfaa;}.card:nth-child(6n+4) .chapter-num{background:#f3c8a0;}.card:nth-child(6n+5) .chapter-num{background:#f0c297;}.card:nth-child(6n+6) .chapter-num{background:#efbc8e;}.card-content{display:flex;flex-direction:column;line-height:1.4;flex:1;min-width:0;}.card-title{font-weight:700;font-size:1.04rem;letter-spacing:-0.2px;color:#3f2c1f;display:flex;flex-wrap:wrap;align-items:baseline;}.card-title .main-title{margin-right:6px;}.card-desc{font-size:0.78rem;color:#7a5f4b;display:block;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;opacity:0.85;background:#f7ede2;padding:0 10px 0 8px;border-radius:30px;line-height:1.6;width:fit-content;}@media (max-width:640px){.container{padding:1.2rem 0.8rem;border-radius:32px;}.header h1{font-size:1.6rem;}.grid{grid-template-columns:1fr;gap:12px;}.card{padding:0.7rem 0.9rem;min-height:62px;}.card-desc{white-space:normal;max-width:100%;}}.footer{margin-top:2rem;text-align:center;font-size:1rem;font-weight:500;color:#7b5d47;padding:0.8rem 0 0.2rem;border-top:2px dotted #e7cfb6;letter-spacing:1px;background:transparent;}.footer span{background:#f3e0cf;padding:0.2rem 1.8rem;border-radius:60px;display:inline-block;box-shadow:inset 0 1px 6px #fff3e6;border:1px solid #e7cfb6;}.card a:visited .card-title{color:#5f4a3a;}.card a:hover .card-title{color:#a55f38;}