*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#333;background-color:#fff;overflow-anchor:none}a{text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{background-color:#fff;position:fixed;top:0;width:100%;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:64px}.nav-logo{height:40px}.nav-logo .logo{height:40px;width:auto}.nav-left{display:flex;align-items:center;gap:60px}.nav-menu{display:flex;list-style:none;gap:30px}.nav-menu a{text-decoration:none;color:#333;font-weight:500;transition:color .3s ease}.nav-menu li a{text-decoration:none;padding:10px 12px;color:#000;font-size:14px;font-weight:400;position:relative}.nav-menu li a.active{font-weight:600}.nav-menu li a.active:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:-4px;width:28px;height:4px;border-radius:2px;background-color:#fcaa38}.nav-actions{display:flex;align-items:center;gap:16px}.app-download-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;gap:2px;font-size:12px;color:#929397;white-space:nowrap;position:relative}.app-download-icon{display:block;width:14px;height:14px}.app-download-popup{position:absolute;top:calc(100% + 14px);left:-20px;width:360px;height:220px;background:linear-gradient(to bottom,#ffebd0,#fff);border:1px solid #ffffff;border-radius:12px;box-shadow:0 0 16px #fcaa3840;overflow:hidden;display:flex;align-items:center;opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease;z-index:999}.app-download-btn:hover .app-download-popup{opacity:1;pointer-events:auto;transform:translateY(0)}.popup-duck{position:absolute;left:-2px;bottom:-1px;width:210px;height:210px;z-index:10;flex-shrink:0}.popup-duck img{width:100%;height:100%;object-fit:contain}.popup-qr-area{position:absolute;right:24px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:10px}.popup-qr-box{width:140px;height:140px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#fcaa38,#fc6536) border-box;border:4px solid transparent;border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden}.popup-qr-box img{width:110px;height:110px;object-fit:contain}.popup-qr-text{font-size:12px;color:#000;text-align:center;line-height:1.5;margin:0;white-space:nowrap}.login-btn{background-color:#fff;color:#fcaa38;border:1px solid #fcaa38;padding:8px 19px;font-size:14px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease;white-space:nowrap}.login-btn:hover{background-color:#fcaa38;color:#fff}.login-btn a{color:inherit;text-decoration:none;display:block}.user-profile{display:none;align-items:center;gap:8px;cursor:pointer;text-decoration:none}.user-profile.active{display:flex}.user-avatar-wrap{position:relative;width:38px;height:38px;flex-shrink:0}.user-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;display:block}.user-tag{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:38px;height:12px;border-radius:4px;font-size:9px;color:#fff;text-align:center;line-height:12px;white-space:nowrap;font-weight:400}.user-tag.non-member{background:linear-gradient(to right,#d9d9d9,#737373)}.user-tag.member{background:linear-gradient(90deg,#fcaa38,#fc6536)}.user-nickname{font-size:14px;font-weight:600;color:#000;white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis}.hamburger{display:none;flex-direction:column;cursor:pointer}.hamburger span{width:25px;height:3px;background-color:#333;margin:3px 0;transition:.3s}main{margin-top:64px}.highlight{color:#fcaa38}.section-title{font-size:2.5rem;font-weight:700;text-align:left;margin-bottom:50px;color:#333}.practice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.practice-card{position:relative;background:#f9fafb;border-radius:12px;padding:30px;box-sizing:content-box;text-align:center;box-shadow:0 4px 15px #00000014;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.practice-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026;background-color:#fcaa38;color:#fff}.practice-card .card-icon .icon.active,.practice-card.speaking:hover .card-icon .icon.default,.practice-card.listening:hover .card-icon .icon.default,.practice-card.reading:hover .card-icon .icon.default,.practice-card.writing:hover .card-icon .icon.default{display:none}.practice-card.speaking:hover .card-icon .icon.active,.practice-card.listening:hover .card-icon .icon.active,.practice-card.reading:hover .card-icon .icon.active,.practice-card.writing:hover .card-icon .icon.active{display:inline}.practice-card:hover p,.practice-card:hover a{color:#fff}.card-icon{font-size:2.5rem;margin-bottom:20px}.practice-card h3{font-size:1.5rem;font-weight:600;margin-bottom:10px}.practice-card p{color:#666;margin-bottom:20px}.practice-card.featured p,.practice-card.featured h3{color:#ffffffe6}.practice-card.featured{background-color:#fcaa38}.card-link{color:#fcaa38;text-decoration:none;font-weight:600;transition:color .3s ease}.practice-card.featured .card-link{color:#fff}.card-link:hover{color:#e55a2b}.footer{background-color:#1d2025;color:#fff;padding:56px 0 0}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px}.footer-grid{display:grid;grid-template-columns:1fr 1.6fr 1.4fr;gap:80px;margin-bottom:48px}.footer-column h4{font-size:16px;font-weight:600;color:#fff;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #fcaa38;display:inline-block}.footer-column ul{list-style:none}.footer-column li{margin-bottom:12px;font-size:14px;color:#9ca3af;line-height:1.6}.footer-column a{color:#9ca3af;text-decoration:none;transition:color .3s ease;font-size:14px}.footer-column a:hover{color:#fcaa38}.footer-social{display:flex;gap:20px;flex-wrap:wrap}.footer-social-item{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;position:relative;font-size:12px;color:#9ca3af}.footer-social-icon{width:70px;height:70px;border-radius:50%;background:url(/build/assets/social-circle-BzeY0Mlo.svg) center / cover no-repeat;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.footer-social-item:hover .footer-social-icon{opacity:.85}.footer-social-svg-appstore{width:26px;height:30px;object-fit:contain}.footer-social-svg-wechat{width:37px;height:30px;object-fit:contain}.footer-social-svg-xhs{width:46px;height:16px;object-fit:contain}.footer-social-svg-douyin{width:28px;height:34px;object-fit:contain}.footer-social-qr{display:none;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#fff;border-radius:10px;padding:12px;text-align:center;white-space:nowrap;box-shadow:0 4px 20px #0000004d;z-index:10}.footer-social-qr:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#fff}.footer-social-qr img{width:100px;height:100px;display:block}.footer-social-qr p{font-size:12px;color:#666;margin:6px 0 0}.footer-social-item:hover .footer-social-qr{display:block}.footer-bottom{border-top:1px solid #2d3139;padding:20px 0;display:flex;justify-content:space-between;align-items:center}.footer-icp,.footer-copy{font-size:13px;color:#6b7280;margin:0}.footer-bottom a,.footer-legal a{color:#9ca3af;text-decoration:none;transition:color .3s ease}.footer-legal a:hover{color:#fff}.nav-item-practice{position:relative}.practice-floating{display:none;opacity:0;transition:opacity .2s ease;position:absolute;top:38px;left:-100%;width:40rem;background:#fff;border-radius:12px;box-shadow:0 8px 30px #0000001f;border:1px solid #f3f4f6;z-index:1001;flex-direction:row;padding-top:20px}.practice-floating.show{display:flex;opacity:1}.sidebar{width:180px;flex-shrink:0;padding:10px 0 20px;background:#fff;border-bottom-left-radius:12px}.sidebar-item{padding:12px 20px;cursor:pointer;position:relative;color:#333;transition:all .2s;display:flex;align-items:center;justify-content:flex-start}.sidebar-item.active{background-color:#fff9ed;color:#fcaa38}.sidebar-item.active:after{content:"";position:absolute;right:0;top:0;bottom:0;width:4px;background-color:#fcaa38}.sidebar-item .icon-active{display:none}.sidebar-item .icon-normal,.sidebar-item.active .icon-active{display:block}.sidebar-item.active .icon-normal{display:none}.menu-icon{width:16px;height:16px;margin-right:8px;flex-shrink:0}.hot-icon{width:14px;height:16px;margin-left:6px;flex-shrink:0}.menu-text{font-size:15px;font-weight:600;white-space:nowrap}.divider{width:1px;background-color:#f0f0f0;margin:20px 0;flex-shrink:0}.content-area{padding:20px 30px;overflow-y:auto;background:#fff;border-bottom-right-radius:12px;flex:1}.category-row{display:flex;align-items:flex-start;margin-bottom:25px}.category-header{display:flex;align-items:center;width:90px;flex-shrink:0;font-weight:600;color:#000;font-size:14px}.cat-icon-img{width:22px;height:22px;margin-right:10px;object-fit:contain}.type-grid{display:flex;flex-wrap:wrap;gap:11px 26.5px;flex:1}.type-item{color:#666;font-size:15px;cursor:pointer;transition:color .2s}.type-item:hover{color:#fcaa38}@media(max-width:768px){.hamburger{display:flex}.nav-menu{position:fixed;left:-100%;top:64px;flex-direction:column;background-color:#fff;width:100%;text-align:center;transition:.3s;box-shadow:0 10px 27px #0000000d;padding:20px 0}.nav-menu.active{left:0}.practice-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:40px}.footer-bottom{flex-direction:column;text-align:center}.section-title{font-size:2rem;font-weight:700}}@media(max-width:480px){.practice-card{padding:20px}}@media print{.navbar{display:none}body{font-size:12pt;line-height:1.4}.section-title{font-size:18pt}}