.problem-list-container{min-height:100vh;padding:40px 20px}.header{text-align:center;margin-bottom:50px;animation:fadeInDown .6s ease-out}.header h1{color:#fff;font-size:48px;margin-bottom:15px;text-shadow:0 4px 10px rgba(0,0,0,.2)}.subtitle{color:#fffffff2;font-size:20px;font-weight:300}.problems-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;padding:0 20px}.problem-card{background:#fff;border-radius:20px;padding:30px;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:20px;box-shadow:0 10px 30px #0003;transition:all .3s ease;position:relative;overflow:hidden;animation:fadeInUp .6s ease-out;animation-fill-mode:both}.problem-card:nth-child(1){animation-delay:.1s}.problem-card:nth-child(2){animation-delay:.2s}.problem-card:nth-child(3){animation-delay:.3s}.problem-card:nth-child(4){animation-delay:.4s}.problem-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.problem-card:hover:before{transform:scaleX(1)}.problem-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px #667eea66}.problem-icon{font-size:60px;text-align:center;animation:bounce 2s infinite}.problem-content{flex:1}.problem-title{color:#667eea;font-size:28px;margin-bottom:15px;font-weight:700}.problem-description{color:#555;font-size:16px;line-height:1.6;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.problem-meta{display:flex;gap:10px;flex-wrap:wrap}.category{background:#e8f5e9;color:#2e7d32;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:500}.difficulty{padding:6px 12px;border-radius:20px;font-size:14px;font-weight:500}.difficulty-简单{background:#e3f2fd;color:#1565c0}.difficulty-中等{background:#fff3e0;color:#e65100}.difficulty-困难{background:#fce4ec;color:#c2185b}.problem-arrow{position:absolute;right:30px;bottom:30px;font-size:30px;color:#667eea;opacity:0;transform:translate(-10px);transition:all .3s ease}.problem-card:hover .problem-arrow{opacity:1;transform:translate(0)}.footer{text-align:center;margin-top:60px;color:#fff;font-size:18px;animation:fadeIn 1s ease-out .5s both}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 768px){.header h1{font-size:36px}.subtitle{font-size:16px}.problems-grid{grid-template-columns:1fr;gap:20px}.problem-card{padding:25px}.problem-title{font-size:24px}}.top-nav{position:fixed;top:20px;left:20px;z-index:1000;animation:fadeInDown .5s ease-out}.back-link{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:18px;font-weight:500;padding:12px 24px;background:#fff3;border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;border:2px solid rgba(255,255,255,.3)}.back-link:hover{background:#ffffff4d;transform:translate(-5px);box-shadow:0 5px 15px #0003}.error-message{text-align:center;padding:100px 20px;color:#fff}.error-message h2{font-size:36px;margin-bottom:30px}.back-button{display:inline-block;padding:15px 40px;background:#fff;color:#667eea;text-decoration:none;border-radius:30px;font-size:18px;font-weight:700;transition:all .3s ease}.back-button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000004d}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#fff}.spinner{width:60px;height:60px;border:5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.loading p{margin-top:20px;font-size:20px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}#problem-content{animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.top-nav{top:10px;left:10px}.back-link{font-size:14px;padding:8px 16px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft YaHei,PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}#root{min-height:100vh}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}