refactor(theme): 优化主题样式并移除冗余代码

- 将 @import 替换为 @use，提高代码的可维护性
- 统一使用 index 作为命名空间，避免变量名冲突
- 移除不必要的注释和空格，精简代码
- 删除未使用的 isSocketOpen 属性，简化数据结构

web/src/theme/media/login.scss

@@ -1,8 +1,8 @@
-@import './index.scss';
+@use './index.scss' as index;
 
 /* 页面宽度小于1200px
 ------------------------------- */
-@media screen and (max-width: $lg) and (min-width: $xs) {
+@media screen and (max-width: index.$lg) and (min-width: index.$xs) {
 	.login-container {
 		.login-left {
 			.login-left-img {
@@ -23,7 +23,7 @@
 
 /* 页面宽度小于576px
 ------------------------------- */
-@media screen and (max-width: $xs) {
+@media screen and (max-width: index.$xs) {
 	.login-container {
 		.login-left {
 			display: none;
@@ -59,7 +59,7 @@
 
 /* 页面宽度小于375px
 ------------------------------- */
-@media screen and (max-width: $us) {
+@media screen and (max-width: index.$us) {
 	.login-container {
 		.login-right {
 			.login-right-warp {