@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px}@media (max-width: 768px){.desktop-only{display:none!important}.container{padding:0 12px}.card{padding:12px;margin-bottom:12px;border-radius:6px}.word-card{padding:14px;margin-bottom:14px;border-radius:6px}.word-card .word{font-size:20px}.word-card .phonetic,.word-card .meaning{font-size:14px}.progress-bar{height:6px}.form-control{padding:6px 10px;font-size:13px}.ant-drawer-title{font-size:16px}.ant-menu-item{line-height:36px;height:36px;font-size:14px}}@media (min-width: 769px){.mobile-only{display:none!important}}@media (min-width: 769px) and (max-width: 1024px){.container{padding:0 16px}.card{padding:16px;margin-bottom:16px;border-radius:8px}.word-card{padding:18px;margin-bottom:18px;border-radius:8px}.word-card .word{font-size:22px}.word-card .phonetic,.word-card .meaning{font-size:15px}.progress-bar{height:7px}.form-control{padding:7px 11px;font-size:13.5px}.ant-menu-item{line-height:40px;height:40px;font-size:14px}}html.legacy-android{font-size:16px}html.legacy-android .ant-space{display:flex}html.legacy-android .ant-space.ant-space-vertical{flex-direction:column}html.legacy-android .ant-space .ant-space-item{margin-right:12px}html.legacy-android .ant-space.ant-space-vertical .ant-space-item{margin-right:0;margin-bottom:12px}html.legacy-android .ant-typography{white-space:nowrap;word-break:keep-all}.ant-layout-has-sider{display:-webkit-box;display:-webkit-flex;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch}.ant-layout-sider{flex:0 0 200px;max-width:200px;min-width:180px}.ant-layout-content{min-width:0}@media (max-width: 820px){.ant-layout-sider{flex:0 0 180px;max-width:180px;min-width:160px}}@media (max-width: 1280px){.ant-layout-has-sider{flex-direction:column}.ant-layout-content{order:1}.ant-layout-sider{order:2;flex:0 0 auto;width:100%;max-width:none;min-width:0}}.card{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:16px;margin-bottom:16px}.primary-color{color:#1677ff}.secondary-color{color:#faad14}.primary-bg{background-color:#1677ff;color:#fff}.secondary-bg{background-color:#faad14;color:#fff}.btn{border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:14px;transition:all .3s}.btn-primary{background-color:#1677ff;color:#fff}.btn-primary:hover{background-color:#0958d9}.btn-secondary{background-color:#faad14;color:#fff}.btn-secondary:hover{background-color:#d48806}.word-card{position:relative;padding:20px;margin-bottom:20px;border-radius:10px;background:white;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:transform .3s ease}.word-card:hover{transform:translateY(-5px)}.word-card .word{font-size:24px;font-weight:700;margin-bottom:8px;color:#1677ff}.word-card .phonetic{font-size:16px;color:#666;margin-bottom:12px}.word-card .meaning{font-size:16px;margin-bottom:16px}.word-card .example{font-size:14px;color:#666;font-style:italic;margin-bottom:16px}.progress-bar{height:8px;background-color:#e9e9e9;border-radius:4px;overflow:hidden;margin:16px 0}.progress-bar .progress{height:100%;background-color:#1677ff;border-radius:4px}.chart-container{width:100%;height:300px;margin:20px 0}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-weight:500}.form-control{width:100%;padding:8px 12px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px}.form-control:focus{border-color:#1677ff;outline:none;box-shadow:0 0 0 2px rgba(22,119,255,.2)}