.top-story{display:flex;justify-content:center;width:100%}.top-story-container{display:flex;margin:10px auto;padding:0 16px;position:relative;max-width:1200px;width:100%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;justify-content:flex-start}.top-story-main{width:100%;max-width:900px;flex-shrink:0;margin-bottom:0;margin-right:20px}.top-story-column-card{box-shadow:0 1px 3px #0000001a;width:100%;max-width:900px;margin:0 auto}.top-story-tab-card{background-color:#fff;border-radius:2px;box-sizing:border-box;width:100%;max-width:900px;margin:0 auto}.top-story-tab-card nav{display:flex;height:58px;border-bottom:1px solid #f8f8fa;width:100%;padding-left:20px;padding-right:20px}.top-story-tab-card a{-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px;margin:0 22px;display:flex;height:100%;gap:8px}.top-story-tab-card a:first-child{margin-left:0}.top-story-tab-card a.is_active{color:#1772f6;font-weight:500;position:relative}.top-story-tab-card a.is_active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#1772f6}.top-story-content{width:100%}.top-story-content-list{box-sizing:border-box;min-width:0px;flex-wrap:wrap;display:flex;padding:20px;background-color:#fff;justify-content:flex-start;gap:20px;max-width:900px;margin:0 auto 0 0}.top-story-content-item{box-sizing:border-box;min-width:0px;width:calc((100% - 40px) / 3);min-height:160px;margin:0;border-radius:4px;overflow:hidden}.top-story-content-item-edge{margin:0 0 32px}.top-story-content-inner{box-sizing:border-box;margin:0;min-width:0px;cursor:pointer;background:linear-gradient(90deg,#f8f8fa 1.78%,#ececec);position:relative;z-index:1;width:100%;overflow:hidden;border-radius:4px;height:180px;min-height:120px}.top-story-content-inner img{object-fit:contain;position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%) translateY(-50%) scale(1) translateZ(0);animation:none}.top-story-content-inner img:hover{transform:translate(-50%) translateY(-50%) scale(1.4) translateZ(0);transition:transform .3s ease-in-out 0s}.top-story-content-stat{box-sizing:border-box;margin:0;min-width:0px;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;display:flex;width:100%;height:25px;font-weight:400;font-size:12px;line-height:14px;color:#fff;position:absolute;left:0;bottom:0;background:linear-gradient(#0000,#00000080);padding:6px 8px 5px 6px;border-radius:4px}.top-story-content-play{box-sizing:border-box;margin:0;min-width:0px;-webkit-box-align:center;align-items:center;display:flex}.top-story-content-play-txt{box-sizing:border-box;margin:0;min-width:0px;height:14px;font-family:-apple-system,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif}.top-story-content-duration{box-sizing:border-box;margin:0;min-width:0px}.top-story-item-title{font-weight:500;font-size:13px;line-height:18px;color:#191b1f;margin:6px 0 0;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:36px}.top-story-item-title a{color:#191b1f;transition:color .2s}.top-story-item-title a:hover{color:#1772f6}.top-story-tab-nav{display:flex;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media screen and (max-width: 1020px){.top-story-container{width:100%;flex-direction:column;padding:0 10px;align-items:center;max-width:100%}.top-story-main{width:100%;max-width:100%;margin-right:0;margin-bottom:20px}.top-story-sidebar{width:100%;max-width:100%}}@media screen and (max-width: 768px){.top-story-content-list{padding:16px;gap:16px}.top-story-content-item{width:calc((100% - 16px)/2);margin:0}.top-story-content-item:nth-child(2n){margin-right:0}.top-story-content-item-edge{margin:0 0 24px}.top-story-tab-card nav{height:50px;justify-content:flex-start;overflow-x:auto;padding:0 5px;-webkit-overflow-scrolling:touch}.top-story-tab-card a:first-child{margin-left:15px}.top-story-tab-card a{white-space:nowrap;padding:0 5px;margin:0 10px;font-size:15px}.top-story-content-inner{touch-action:manipulation}.top-story-item-title a{touch-action:manipulation;padding:2px 0;display:block}}@media screen and (max-width: 480px){.top-story-container{padding:0 5px}.top-story-content-list{padding:12px;gap:16px}.top-story-content-item{width:100%;margin:0 0 16px}.top-story-content-item-edge{margin:0 0 20px}.top-story-content-inner{height:180px}.top-story-tab-card nav{height:44px}.top-story-tab-card a:first-child{margin-left:12px}.top-story-tab-card a{margin:0 12px;font-size:14px}.top-story-content-stat{padding:6px 8px}.top-story-item-title{font-size:13px;margin:6px 0 0;line-height:1.4;height:auto;max-height:36px}.top-story-content-play-txt,.top-story-content-duration{font-size:11px}.top-story-content-list{gap:15px}}@media screen and (max-width: 320px){.top-story-content-inner{height:160px}.top-story-tab-card a{margin:0 8px;font-size:13px}.top-story-container{padding:0}.top-story-main{margin-bottom:15px}}.sidebar{width:260px;margin-left:20px;flex-shrink:0}.sidebar-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.sidebar-header{padding:16px 20px;border-bottom:1px solid #f0f0f0;background-color:#fafafa}.sidebar-header h3{margin:0;font-size:16px;font-weight:600;color:#333}.sidebar-content{padding:20px}.user-info{text-align:center}.user-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:#fff;font-size:24px;font-weight:600}.user-details{margin-bottom:16px}.user-nickname{font-size:16px;font-weight:600;color:#333;margin-bottom:4px}.user-email{font-size:14px;color:#666}.logout-btn{width:100%;padding:10px 16px;background-color:#f56565;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.logout-btn:hover{background-color:#e53e3e}.auth-buttons{display:flex;flex-direction:column;gap:12px}.login-btn,.register-btn{width:100%;padding:12px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.login-btn{background-color:#1772f6;color:#fff}.login-btn:hover{background-color:#1557b0}.register-btn{background-color:#fff;color:#1772f6;border:1px solid #1772f6}.register-btn:hover{background-color:#f8f9ff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;width:90%;max-width:400px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.modal-close{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.modal-close:hover{background-color:#f5f5f5;color:#666}.auth-form{padding:24px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#333}.form-group input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#1772f6;box-shadow:0 0 0 3px #1772f61a}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.error-message{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:8px 12px;border-radius:6px;font-size:14px;margin-bottom:16px}.submit-btn{width:100%;padding:12px 16px;background-color:#1772f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;margin-top:8px}.submit-btn:hover:not(:disabled){background-color:#1557b0}.submit-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.top-story-container{justify-content:flex-start}.top-story-main{margin-right:20px}@media screen and (max-width: 1020px){.sidebar{width:100%;margin-left:0;margin-top:20px}.sidebar-card{max-width:400px;margin:0 auto}.auth-buttons{flex-direction:row;gap:12px}.login-btn,.register-btn{flex:1}}@media screen and (max-width: 768px){.modal-content{width:95%;margin:20px}.auth-form{padding:20px}.sidebar-content{padding:16px}}.logo{display:flex;align-items:center;cursor:pointer;transition:transform .2s ease}.logo:hover{transform:scale(1.05)}.logo-text{font-family:-apple-system,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;letter-spacing:-.5px}@media screen and (max-width: 768px){.logo-text{display:none}}.auth-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5;padding:20px}.auth-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:40px;width:100%;max-width:400px}.auth-container h2{text-align:center;margin-bottom:30px;color:#333;font-size:24px;font-weight:600}.auth-form .form-group input.error{border-color:#ff4d4f}.auth-form .error-message{color:#ff4d4f;font-size:14px;margin-top:5px}.auth-links{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid #eee}.auth-links p{margin:0;color:#666;font-size:14px}.auth-links a{color:#1772f6;text-decoration:none;font-weight:500}.auth-links a:hover{text-decoration:underline}@media screen and (max-width: 480px){.auth-container{padding:20px}.auth-container h2{font-size:20px}}