.character-page[data-v-dfee9ed1]{background-image:url(./homeBg.bdaf8f80.png);background-position:50%;background-size:cover;box-sizing:border-box;font-family:HarmonyOS_Sans_SC,SourceHanSansCN,sans-serif;min-height:100vh;overflow-x:hidden;position:relative;width:100vw}.content-container[data-v-dfee9ed1]{box-sizing:border-box;margin:0 auto;max-width:1720px;padding:40px 24px 60px}.page-title-block[data-v-dfee9ed1]{margin-bottom:28px}.page-title-block .page-title[data-v-dfee9ed1]{color:#333;font-size:26px;font-weight:700;margin:0}.page-title-block .page-subtitle[data-v-dfee9ed1]{color:#3339;font-size:14px;margin:4px 0 0}.people-grid[data-v-dfee9ed1]{display:grid;gap:20px;grid-template-columns:repeat(7,1fr);width:100%}.people-card[data-v-dfee9ed1]{background:#fff;border:1px solid #eaeaea;border-radius:8px;box-shadow:0 4px 16px #00000005;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s,box-shadow .2s}.people-card[data-v-dfee9ed1]:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-4px)}.people-card .card-img-wrap[data-v-dfee9ed1]{align-items:center;background:#f1f5f9;display:flex;height:240px;justify-content:center;overflow:hidden;width:100%}.people-card .card-img-wrap img[data-v-dfee9ed1]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;width:100%}.people-card .card-img-wrap .avatar-placeholder[data-v-dfee9ed1]{align-items:center;background:linear-gradient(180deg,#e8f0fe,#d2e3fc);color:#93b5e8;display:flex;height:100%;justify-content:center;width:100%}.people-card .card-img-wrap .avatar-placeholder svg[data-v-dfee9ed1]{height:72px;opacity:.85;width:72px}.people-card .card-info[data-v-dfee9ed1]{align-items:center;display:flex;flex:1;flex-direction:column;padding:16px}.people-card .card-info .card-name[data-v-dfee9ed1]{color:#333;font-size:15px;font-weight:700;margin-bottom:6px;text-align:center}.people-card .card-info .card-desc[data-v-dfee9ed1]{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#3339;display:-webkit-box;flex:1;font-size:11px;height:30px;line-height:1.4;margin-bottom:14px;overflow:hidden;text-align:center}.people-card .card-info .detail-btn[data-v-dfee9ed1]{background:none;border:1px solid #3a8bff;border-radius:4px;color:#3a8bff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 0;transition:all .15s;width:100%}.people-card .card-info .detail-btn[data-v-dfee9ed1]:hover{background:#3a8bff;color:#fff}@media (max-width:1600px){.people-grid[data-v-dfee9ed1]{grid-template-columns:repeat(5,1fr)}}@media (max-width:1200px){.people-grid[data-v-dfee9ed1]{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.people-grid[data-v-dfee9ed1]{grid-template-columns:repeat(2,1fr)}}