*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Noto Sans CJK SC,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5}#root{min-height:100vh}.page-container{max-width:1200px;margin:0 auto;padding:24px 16px}.hero-banner{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:60px 24px;text-align:center;border-radius:0 0 24px 24px;margin-bottom:32px}.hero-banner h1{font-size:36px;font-weight:700;margin-bottom:12px;color:#fff}.hero-banner p{font-size:16px;opacity:.9}.character-card{transition:transform .2s,box-shadow .2s;cursor:pointer;overflow:hidden}.character-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.character-card .ant-card-cover{height:240px;overflow:hidden}.character-card .ant-card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.character-card:hover .ant-card-cover img{transform:scale(1.05)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#bfbfbf}body.dark{background:#141414}body.dark .hero-banner{background:linear-gradient(135deg,#1a1a2e,#16213e)}