@charset "UTF-8";body,body[data-theme=default],body[data-theme=blue],body[data-theme=yellow],body[data-theme=beige],body[data-theme=green]{--primary-red-500: #e5353e;--primary-red-300: #ff6f75;--primary-red-50: #ffe6e7;--secondary-blue-500: #5790df;--secondary-blue-300: #84b4f5;--secondary-blue-50: #ebeffa;--surface-gray-900: #191919;--surface-gray-700: #4c4c4c;--surface-gray-500: #808080;--surface-gray-400: #adadad;--surface-gray-300: #ccc;--surface-gray-200: #e0e0e0;--surface-gray-100: #ebebeb;--surface-gray-50: #f5f5f5;--surface-bw-white: #fff;--background-gray-100: #ebebeb;--background-gray-50: #f5f5f5;--background-bw-white: #fff;--sheet-background-gray-50: #f5f5f5;--sheet-background-bw-white: #fff;--nav-bar-background-bw-white: #fff;--on-image-bw-white: #fff;--on-image-white-70: rgba(255, 255, 255, .7);--on-image-white-36: rgba(255, 255, 255, .36);--on-image-black-90: rgba(0, 0, 0, .9);--on-image-black-60: rgba(0, 0, 0, .6);--on-image-black-36: rgba(0, 0, 0, .36);--outline-black-8: rgba(0, 0, 0, .08);--overlay-black-90: rgba(0, 0, 0, .9);--overlay-black-60: rgba(0, 0, 0, .6);--overlay-black-36: rgba(0, 0, 0, .36);--segmentation-black-4: rgba(0, 0, 0, .04);--bw-black: #000;--bw-white: #fff;--sd2: rgba(0, 0, 0, .06);--sd3: rgba(0, 0, 0, .06);--sd4: rgba(0, 0, 0, .07);--sd5: rgba(0, 0, 0, .08);--sd6: rgba(0, 0, 0, .09);--sd7: rgba(0, 0, 0, .1);--sd8: rgba(0, 0, 0, .12);--sd12: rgba(0, 0, 0, .16);--sd16: rgba(0, 0, 0, .16);--on-image-surface-black-4: rgba(0, 0, 0, .04);--on-image-surface-black-8: rgba(0, 0, 0, .08)}body[data-theme=blue]{--surface-gray-900: rgba(0, 0, 0, .9);--surface-gray-700: rgba(0, 0, 0, .7);--surface-gray-500: rgba(0, 0, 0, .48);--surface-gray-400: rgba(0, 0, 0, .36);--surface-gray-300: rgba(0, 0, 0, .32);--surface-gray-200: rgba(0, 0, 0, .24);--surface-gray-100: rgba(0, 0, 0, .12);--surface-gray-50: rgba(0, 0, 0, .08);--surface-bw-white: rgba(0, 0, 0, .04);--background-gray-100: #cedde1;--background-gray-50: #dcebef;--background-bw-white: #edf5f7;--sheet-background-gray-50: #dcebef;--sheet-background-bw-white: #edf5f7;--nav-bar-background-bw-white: #edf5f7}body[data-theme=yellow]{--surface-gray-900: rgba(0, 0, 0, .9);--surface-gray-700: rgba(0, 0, 0, .7);--surface-gray-500: rgba(0, 0, 0, .48);--surface-gray-400: rgba(0, 0, 0, .36);--surface-gray-300: rgba(0, 0, 0, .32);--surface-gray-200: rgba(0, 0, 0, .24);--surface-gray-100: rgba(0, 0, 0, .12);--surface-gray-50: rgba(0, 0, 0, .08);--surface-bw-white: rgba(0, 0, 0, .04);--background-gray-100: #e3d0a1;--background-gray-50: #efe2c0;--background-bw-white: #f4ecd1;--sheet-background-gray-50: #efe2c0;--sheet-background-bw-white: #f4ecd1;--nav-bar-background-bw-white: #f4ecd1}body[data-theme=beige]{--surface-gray-900: rgba(0, 0, 0, .9);--surface-gray-700: rgba(0, 0, 0, .7);--surface-gray-500: rgba(0, 0, 0, .48);--surface-gray-400: rgba(0, 0, 0, .36);--surface-gray-300: rgba(0, 0, 0, .32);--surface-gray-200: rgba(0, 0, 0, .24);--surface-gray-100: rgba(0, 0, 0, .12);--surface-gray-50: rgba(0, 0, 0, .08);--surface-bw-white: rgba(0, 0, 0, .04);--background-gray-100: #ebe6da;--background-gray-50: #f5f1e8;--background-bw-white: #faf9f4;--sheet-background-gray-50: #f5f1e8;--sheet-background-bw-white: #faf9f4;--nav-bar-background-bw-white: #faf9f4}body[data-theme=green]{--surface-gray-900: rgba(0, 0, 0, .9);--surface-gray-700: rgba(0, 0, 0, .7);--surface-gray-500: rgba(0, 0, 0, .48);--surface-gray-400: rgba(0, 0, 0, .36);--surface-gray-300: rgba(0, 0, 0, .32);--surface-gray-200: rgba(0, 0, 0, .24);--surface-gray-100: rgba(0, 0, 0, .12);--surface-gray-50: rgba(0, 0, 0, .08);--surface-bw-white: rgba(0, 0, 0, .04);--background-gray-100: #c9e0cb;--background-gray-50: #e0eee1;--background-bw-white: #ebfaeb;--sheet-background-gray-50: #e0eee1;--sheet-background-bw-white: #ebfaeb;--nav-bar-background-bw-white: #ebfaeb}body[data-theme=dark]{--primary-red-500: #ff4d55;--primary-red-300: rgba(229, 53, 62, .48);--primary-red-50: rgba(229, 53, 62, .16);--secondary-blue-500: #6da2ed;--secondary-blue-300: rgba(109, 162, 237, .48);--secondary-blue-50: rgba(114, 148, 227, .16);--surface-gray-900: rgba(255, 255, 255, .6);--surface-gray-700: rgba(255, 255, 255, .5);--surface-gray-500: rgba(255, 255, 255, .4);--surface-gray-400: rgba(255, 255, 255, .36);--surface-gray-300: rgba(255, 255, 255, .32);--surface-gray-200: rgba(255, 255, 255, .24);--surface-gray-100: rgba(255, 255, 255, .12);--surface-gray-50: rgba(255, 255, 255, .08);--surface-bw-white: rgba(255, 255, 255, .08);--background-gray-100: #0a0a0a;--background-gray-50: #111;--background-bw-white: #191919;--sheet-background-gray-50: #191919;--sheet-background-bw-white: #1f1f1f;--nav-bar-background-bw-white: #1f1f1f;--on-image-bw-white: rgba(255, 255, 255, .9);--on-image-white-70: rgba(255, 255, 255, .6);--on-image-white-36: rgba(255, 255, 255, .36);--on-image-black-90: rgba(0, 0, 0, .9);--on-image-black-60: rgba(0, 0, 0, .6);--on-image-black-36: rgba(0, 0, 0, .36);--outline-black-8: rgba(255, 255, 255, .12);--overlay-black-90: rgba(0, 0, 0, .9);--overlay-black-60: rgba(0, 0, 0, .6);--overlay-black-36: rgba(0, 0, 0, .36);--segmentation-black-4: rgba(0, 0, 0, .7);--bw-black: #000;--bw-white: #fff;--sd2: rgba(0, 0, 0, 0);--sd3: rgba(0, 0, 0, 0);--sd4: rgba(0, 0, 0, 0);--sd5: rgba(0, 0, 0, 0);--sd6: rgba(0, 0, 0, 0);--sd7: rgba(0, 0, 0, 0);--sd8: rgba(0, 0, 0, 0);--sd12: rgba(0, 0, 0, 0);--sd16: rgba(0, 0, 0, 0);--on-image-surface-black-4: rgba(255, 255, 255, .08);--on-image-surface-black-8: rgba(255, 255, 255, .12)}.page-home{min-height:100vh;display:flex;flex-direction:column;background:#fff}.home-main{flex:1;min-height:600px;padding-bottom:60px}.home-container{width:1200px;margin:0 auto}.home-content{display:flex;flex-direction:column;gap:32px;padding-top:32px}.home-card{background:transparent;padding:0}.home-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.home-section-title{font-size:22px;font-weight:700;color:#111;margin:0;line-height:1.2;letter-spacing:1px}.home-section-more{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:#999;text-decoration:none;transition:color .15s}.home-section-more:hover{color:#fc3c48}.home-section-more:hover .home-arrow-right:before{border-color:#fc3c48}.home-arrow-right{display:inline-block;width:6px;height:6px;position:relative;margin-left:2px}.home-arrow-right:before{content:"";position:absolute;top:1px;left:0;width:5px;height:5px;border-right:1.5px solid #999;border-top:1.5px solid #999;transform:rotate(45deg);transition:border-color .15s}.home-bookcard-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:24px 20px}.home-bookcard-item{display:block;text-decoration:none;color:inherit}.home-bookcard-cover-wrap{position:relative;width:100%;padding-bottom:133%;background:#f5f6f8;border-radius:8px;overflow:hidden;margin-bottom:12px}.home-bookcard-cover{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .25s}.home-bookcard-item:hover .home-bookcard-cover{transform:scale(1.04)}.home-bookcard-item:hover .home-bookcard-title{color:#fc3c48}.home-bookcard-title{font-size:15px;font-weight:500;color:#111;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;margin:0 0 6px;min-height:42px;transition:color .15s}.home-bookcard-author{font-size:13px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;text-align:center}.home-rank-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.home-rank-col{background:#fff4de;border-radius:12px;padding:20px 20px 16px}.home-rank-col-title{display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;font-weight:700;color:#f5aa20;margin:0 0 14px;text-align:center;letter-spacing:2px;text-decoration:none;cursor:pointer;transition:color .15s}.home-rank-col-title:hover{color:#fc3c48}.home-rank-col-leaf{width:16px;height:16px;flex-shrink:0;display:inline-block;background-image:url(https://imgservices-1252317822.image.myqcloud.com/statics/qdAssets/maisui.png);background-repeat:no-repeat;background-position:center;background-size:contain}.home-rank-col-leaf--left{transform:scaleX(-1)}.home-rank-item{display:flex;align-items:center;gap:10px;padding:8px 0;text-decoration:none;color:inherit;transition:color .15s}.home-rank-item:hover .home-rank-title{color:#fc3c48}.home-rank-no{flex-shrink:0;width:18px;text-align:center;font-size:14px;color:#d8c69a;font-weight:600;font-style:italic;font-family:Arial,sans-serif}.home-rank-no-top{color:#f5aa20}.home-rank-title{flex:1;min-width:0;font-size:14px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .15s}.home-booklist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 32px}.home-booklist-item{display:flex;gap:14px;text-decoration:none;color:inherit}.home-booklist-item:hover .home-booklist-title{color:#fc3c48}.home-booklist-item:hover .home-booklist-cover{transform:scale(1.04)}.home-booklist-cover-wrap{width:90px;height:120px;flex-shrink:0;background:#f5f6f8;border-radius:6px;overflow:hidden}.home-booklist-cover{width:100%;height:100%;object-fit:cover;transition:transform .25s}.home-booklist-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between}.home-booklist-title{font-size:16px;font-weight:600;color:#111;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 0 6px;line-height:1.3;transition:color .15s}.home-booklist-latest{font-size:13px;color:#666;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:1}.home-booklist-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.home-booklist-author{font-size:12px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80px;flex-shrink:0}.home-booklist-tags{display:inline-flex;gap:4px;flex-wrap:nowrap;overflow:hidden}.home-booklist-tag{flex-shrink:0;font-size:11px;color:#999;background:#f2f3f5;border-radius:2px;padding:2px 6px;line-height:1.4;white-space:nowrap}.page-home{min-height:100vh;display:flex;flex-direction:column}.home-main{flex:1;min-height:600px}