*{margin:0;padding:0;box-sizing:border-box;}body{background:linear-gradient(145deg,#f9f3e8 0%,#fff7ed 100%);font-family:'Segoe UI','PingFang SC',Roboto,'Helvetica Neue',system-ui,-apple-system,sans-serif;padding:2rem 1.5rem 1rem;min-height:100vh;display:flex;flex-direction:column;align-items:center;}.container{max-width:1400px;width:100%;background:rgba(255,255,255,0.70);backdrop-filter:blur(2px);border-radius:48px 48px 32px 32px;padding:2rem 2rem 1.5rem;box-shadow:0 20px 40px rgba(255,140,0,0.12),0 8px 20px rgba(46,139,87,0.08);border:1px solid rgba(255,200,120,0.3);}.header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;margin-bottom:2rem;border-bottom:4px dashed #ffb347;padding-bottom:0.75rem;}.header h1{font-size:2.4rem;font-weight:700;color:#2E8B57;letter-spacing:-0.3px;text-shadow:0 2px 0 #ffe0b0;display:inline-flex;align-items:center;gap:12px;}.header h1 span{background:#FF8C00;color:white;font-size:1.2rem;font-weight:600;padding:0.2rem 1rem;border-radius:40px;letter-spacing:0.5px;box-shadow:0 4px 0 #cc6f00;}.header .sub{font-size:1.1rem;background:#e6f7ec;padding:0.3rem 1.2rem;border-radius:30px;color:#1f6e43;font-weight:500;border:1px solid #b8dfc8;}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.2rem;margin:1.2rem 0 1.8rem;}.card{background:white;border-radius:28px;padding:1rem 1.2rem 1rem 1.2rem;box-shadow:0 6px 14px rgba(46,139,87,0.08),0 2px 6px rgba(255,140,0,0.05);transition:all 0.2s ease;border:1px solid rgba(255,200,100,0.2);display:flex;flex-direction:column;cursor:pointer;text-decoration:none;color:inherit;position:relative;min-height:100px;}.card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 16px 28px rgba(255,140,0,0.18),0 6px 12px rgba(46,139,87,0.10);border-color:#FF8C00;background:#fffcf5;}.card:active{transform:scale(0.97);}.card .chapter-badge{display:inline-flex;align-items:center;justify-content:center;background:#2E8B57;color:white;font-weight:700;font-size:0.9rem;width:2.2rem;height:2.2rem;border-radius:30px;margin-right:0.6rem;flex-shrink:0;box-shadow:0 3px 0 #1d5f3a;}.card .title-row{display:flex;align-items:center;margin-bottom:0.4rem;}.card .title-row .main-title{font-weight:700;font-size:1.1rem;color:#1f3a2b;line-height:1.3;}.card .desc{font-size:0.85rem;color:#3d5a4b;line-height:1.5;margin-left:0.1rem;padding-left:0.1rem;opacity:0.9;display:flex;flex-wrap:wrap;gap:0.2rem 0.6rem;}.card .desc span{background:#f1f9f4;padding:0.1rem 0.5rem;border-radius:30px;color:#1f6e43;font-size:0.75rem;font-weight:500;white-space:nowrap;border:1px solid #d4eadc;}.card:nth-child(6n+1) .chapter-badge{background:#FF8C00;box-shadow:0 3px 0 #cc6f00;}.card:nth-child(6n+2) .chapter-badge{background:#1E90FF;box-shadow:0 3px 0 #0f6bc0;}.card:nth-child(6n+3) .chapter-badge{background:#9B59B6;box-shadow:0 3px 0 #7d3c98;}.card:nth-child(6n+4) .chapter-badge{background:#E67E22;box-shadow:0 3px 0 #b85e0f;}.card:nth-child(6n+5) .chapter-badge{background:#1ABC9C;box-shadow:0 3px 0 #0e8c73;}.card:nth-child(6n) .chapter-badge{background:#e84393;box-shadow:0 3px 0 #b92d6f;}.footer{margin-top:1.2rem;text-align:center;font-size:1.2rem;font-weight:500;color:#2E8B57;border-top:2px dotted #ffb347;padding-top:1.2rem;letter-spacing:2px;display:flex;justify-content:center;align-items:center;gap:0.5rem;}.footer:before,.footer:after{content:"✏️";font-size:1.4rem;opacity:0.7;}@media (max-width:640px){body{padding:1rem 0.8rem;}.container{padding:1.2rem 1rem;}.header h1{font-size:1.8rem;}.grid{grid-template-columns:1fr;gap:0.9rem;}.card{padding:0.8rem 1rem;}}.card{cursor:pointer;}.card-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%;}