:root{--app-font:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--app-font);margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{overflow-wrap:anywhere;word-break:break-word}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body.lang-zh,html[lang=zh]{--app-font:"Noto Sans SC","PingFang SC","Microsoft YaHei","Helvetica Neue","Segoe UI","Roboto",sans-serif}body.lang-en,html[lang=en]{--app-font:"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}body.lang-ms,html[lang=ms]{--app-font:"Segoe UI","Roboto","Ubuntu","Cantarell","Helvetica Neue",sans-serif}body.lang-km,html[lang=km]{--app-font:"Noto Sans Khmer","Khmer OS","Khmer UI","Segoe UI","Roboto",sans-serif}body.lang-id,html[lang=id]{--app-font:"Segoe UI","Roboto","Ubuntu","Cantarell","Helvetica Neue",sans-serif}body.lang-vi,html[lang=vi]{--app-font:"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Helvetica Neue",sans-serif}body.lang-my,html[lang=my]{--app-font:"Noto Sans Myanmar","Myanmar Text","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Helvetica Neue",sans-serif}.page-container1{display:flex;flex-direction:column}.page-title1{border-radius:10px;padding:15px;text-align:center}.ai-analysis-page{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;background:#fff;min-height:100vh;padding:20px 0}.container{margin:0 auto;max-width:1200px;padding:0 20px}.main-title{color:#2c3e50;font-family:华文行楷,cursive;font-size:2.5em;margin-bottom:30px;text-align:center;text-shadow:2px 2px 4px #0000001a}.api-config{background:#f8f9fa;border:1px solid #dee2e6;border-radius:10px;margin-bottom:20px;padding:20px}.api-config h3{color:#2c3e50;margin-top:0}.config-row{display:flex;flex-wrap:wrap;gap:20px}.config-item{flex:1 1;min-width:300px}.config-item label{color:#495057;display:block;font-weight:700;margin-bottom:5px}.config-item input{border:1px solid #ced4da;border-radius:5px;font-size:14px;padding:8px 12px;width:100%}.gua-info{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:25px;padding:25px}.gua-info h3{border-bottom:2px solid #3498db;color:#2c3e50;font-size:1.4em;margin-bottom:20px;margin-top:0;padding-bottom:8px}.gua-basic-info{background:#fff;margin-bottom:25px}.gua-basic-info p{color:#2c3e50;font-size:16px;line-height:1.6;margin:10px 0}.gua-basic-info strong{color:#2c3e50;font-weight:600}.gua-tables{display:flex;flex-wrap:wrap;gap:25px}.gua-table-container{background:#fff;flex:1 1;min-width:450px}.gua-table-container h4{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;color:#2c3e50;font-size:1.2em;font-weight:600;margin-bottom:15px;padding:10px;text-align:center}.gua-table{background:#fff;border:2px solid #dee2e6;border-collapse:collapse;border-radius:8px;box-shadow:0 4px 6px #0000001a;overflow:hidden;table-layout:fixed;width:100%}.gua-table th{background:linear-gradient(135deg,#6022c2,#5a349c);color:#fff;font-weight:600;padding:12px 8px}.gua-table td,.gua-table th{font-size:14px;text-align:center;white-space:nowrap}.gua-table td{background:#fff;border-bottom:1px solid #e9ecef;color:#2c3e50;line-height:1.25;overflow:hidden;padding:4px 8px;text-overflow:ellipsis}.gua-table tbody tr{height:35px}.gua-table tbody tr:hover{background-color:#f8f9fa}.gua-table tbody tr:last-child td{border-bottom:none}.gua-table .yao-line{color:#2c3e50;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,Courier New,monospace;font-size:18px;font-weight:700;letter-spacing:.02em}.dong-yao-row{background:#29cfff!important;opacity:80%}.dong-yao-row td{background:#0000!important;color:#000!important;font-weight:700}.dong-yao-row:hover{background:#29cfff!important;opacity:80%}.dong-yao-row td:last-child{color:#e74c3c!important;font-size:16px;font-weight:700}@media (max-width:768px){.gua-tables{flex-direction:column}.gua-table-container{min-width:auto}.gua-table{min-width:100%!important;table-layout:fixed;width:100%!important}.table-scroll{overflow-x:hidden!important}.gua-table tbody td:nth-child(2),.gua-table thead th:nth-child(2){display:none}.gua-table tbody td:nth-child(3),.gua-table thead th:nth-child(3){width:clamp(48px,18vw,120px)}.gua-table tbody td:first-child,.gua-table thead th:first-child{width:clamp(32px,10vw,68px)}.gua-table tbody td:nth-child(4),.gua-table thead th:nth-child(4){width:clamp(36px,12vw,78px)}.gua-table tbody td:nth-child(5),.gua-table tbody td:nth-child(6),.gua-table tbody td:nth-child(7),.gua-table thead th:nth-child(5),.gua-table thead th:nth-child(6),.gua-table thead th:nth-child(7){width:clamp(28px,9vw,68px)}.gua-table tbody td:nth-child(8),.gua-table thead th:nth-child(8){width:clamp(28px,9vw,60px)}.gua-table td,.gua-table th{-webkit-text-size-adjust:100%!important;-moz-text-size-adjust:100%!important;text-size-adjust:100%!important;font-size:clamp(10px,2.8vw,12px);line-height:1.2;overflow:hidden;padding:3px 1px;text-overflow:ellipsis;white-space:nowrap}.gua-table .yao-line{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,Courier New,monospace;font-size:clamp(13px,3.8vw,18px);letter-spacing:.02em}.gua-table tbody tr{height:auto!important;min-height:34px!important}}.gua-panels{display:flex;flex-wrap:wrap;gap:25px}.gua-panels.mobile-horizontal{flex-direction:row!important;flex-wrap:nowrap!important;gap:12px}.gua-panels.mobile-horizontal .panel{min-width:auto}.gua-panels.mobile-horizontal .panel-original{flex-basis:calc(55% - 6px);flex-grow:0;flex-shrink:0;max-width:calc(55% - 6px)}.gua-panels.mobile-horizontal .panel-changed{flex-basis:calc(45% - 6px);flex-grow:0;flex-shrink:0;max-width:calc(45% - 6px)}.gua-panels.mobile-horizontal .table-scroll{overflow-x:hidden!important}.gua-panels.mobile-horizontal .gua-table{min-width:100%!important;table-layout:fixed;width:100%!important}.gua-panels.mobile-horizontal .gua-table tbody td:nth-child(2),.gua-panels.mobile-horizontal .gua-table thead,.gua-panels.mobile-horizontal .gua-table thead th:nth-child(2),.gua-panels.mobile-horizontal .panel-changed .gua-table tbody td:first-child,.gua-panels.mobile-horizontal .panel-changed .gua-table tbody td:nth-child(2),.gua-panels.mobile-horizontal .panel-changed .gua-table tbody td:nth-child(6),.gua-panels.mobile-horizontal .panel-changed .gua-table tbody td:nth-child(7),.gua-panels.mobile-horizontal .panel-changed .gua-table thead th:first-child,.gua-panels.mobile-horizontal .panel-changed .gua-table thead th:nth-child(2),.gua-panels.mobile-horizontal .panel-changed .gua-table thead th:nth-child(6),.gua-panels.mobile-horizontal .panel-changed .gua-table thead th:nth-child(7),.gua-panels.mobile-horizontal .panel-original .gua-table tbody td:nth-child(2),.gua-panels.mobile-horizontal .panel-original .gua-table tbody td:nth-child(6),.gua-panels.mobile-horizontal .panel-original .gua-table tbody td:nth-child(7),.gua-panels.mobile-horizontal .panel-original .gua-table thead th:nth-child(2),.gua-panels.mobile-horizontal .panel-original .gua-table thead th:nth-child(6),.gua-panels.mobile-horizontal .panel-original .gua-table thead th:nth-child(7){display:none}.gua-panels.mobile-horizontal .gua-table tbody td:first-child,.gua-panels.mobile-horizontal .gua-table thead th:first-child{width:clamp(26px,7vw,52px)}.gua-panels.mobile-horizontal .panel-original .gua-table tbody td:first-child,.gua-panels.mobile-horizontal .panel-original .gua-table thead th:first-child{width:clamp(24px,6.2vw,46px)}.gua-panels.mobile-horizontal .gua-table tbody td:nth-child(3),.gua-panels.mobile-horizontal .gua-table thead th:nth-child(3){width:clamp(38px,13vw,76px)}.gua-panels.mobile-horizontal .panel-original .gua-table tbody td:nth-child(3),.gua-panels.mobile-horizontal .panel-original .gua-table thead th:nth-child(3){width:clamp(34px,10.8vw,64px)}.gua-panels.mobile-horizontal .gua-table tbody td:nth-child(4),.gua-panels.mobile-horizontal .gua-table thead th:nth-child(4){width:clamp(30px,11vw,66px)}.gua-panels.mobile-horizontal .panel-original .gua-table tbody td:nth-child(4),.gua-panels.mobile-horizontal .panel-original .gua-table thead th:nth-child(4){padding-left:1px;padding-right:1px;width:clamp(28px,9vw,58px)}.gua-panels.mobile-horizontal .gua-table tbody td:nth-child(5),.gua-panels.mobile-horizontal .gua-table thead th:nth-child(5){width:clamp(30px,10vw,66px)}.gua-panels.mobile-horizontal .panel-original .gua-table tbody td:nth-child(5),.gua-panels.mobile-horizontal .panel-original .gua-table thead th:nth-child(5){padding-left:1px;padding-right:1px;width:clamp(28px,9vw,58px)}.gua-panels.mobile-horizontal .gua-table td,.gua-panels.mobile-horizontal .gua-table th{font-size:clamp(10px,2.4vw,12px);line-height:1.15;overflow:hidden;padding:2px 0;text-overflow:ellipsis;white-space:nowrap}.gua-panels.mobile-horizontal .gua-table th{font-size:clamp(11px,3.2vw,13px);padding:4px 2px}.gua-panels.mobile-horizontal .gua-table .yao-line{font-size:clamp(12px,3.4vw,16px)}.panel{background:#fff;flex:1 1;min-width:450px}.panel-title{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;color:#2c3e50;font-size:1.2em;font-weight:600;margin-bottom:15px;padding:10px;text-align:center}.table-scroll{overflow-x:auto;width:100%}@media (max-width:768px){.gua-panels{flex-direction:column!important}.panel{width:100%}.gua-panels.mobile-horizontal .panel{width:auto!important}.table-scroll{overflow-x:auto}.panel{min-width:auto}.gua-table thead{display:none}.panel-title{font-size:clamp(13px,4.2vw,16px)}}.question-input{background:#f8f9fa;border:1px solid #dee2e6;border-radius:10px;margin-bottom:20px;padding:20px}.question-input h3{color:#2c3e50;margin-top:0}.question-input textarea{border:1px solid #ced4da;border-radius:5px;font-family:inherit;font-size:16px;padding:12px;resize:vertical;width:100%}.analysis-buttons{margin-bottom:30px;text-align:center}.analysis-buttons .btn{border:none;border-radius:5px;cursor:pointer;font-size:16px;margin:0 10px;padding:12px 24px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#28a745,#20c997);border:2px solid #fff;box-shadow:0 4px 8px #0000001a}.btn-primary:hover{background:linear-gradient(135deg,#218838,#1ea080);box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.btn-primary:disabled{background:#6c757d;transform:none}.btn-secondary{background:#6c757d;margin-left:auto}.btn-secondary:hover{background:#5a6268}.analysis-result{background:#fff;border:1px solid #dee2e6;border-radius:10px;margin-bottom:20px;padding:20px}.analysis-result h3{color:#2c3e50;margin-top:0}.analysis-content{background:#f8f9fa;border-radius:5px;font-family:Microsoft YaHei,sans-serif;font-size:16px;line-height:1.8;max-height:600px;overflow-y:auto;padding:15px}.analysis-content h4{border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:1.2em;margin:20px 0 10px;padding-bottom:5px}.loading{color:#6c757d;font-size:18px;padding:50px;text-align:center}.ai-loading-text{color:#666;font-size:16px;margin-top:10px}.ai-generating-text{color:#333;font-size:16px;text-align:center}@media (max-width:768px){.loading{font-size:clamp(14px,4vw,16px);padding:30px}.ai-generating-text,.ai-loading-text{font-size:clamp(12px,3.5vw,14px)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.ai-analysis-page .analysis-result:not(:first-of-type){display:none!important}.ai-analysis-page .analysis-content{-webkit-overflow-scrolling:touch;max-height:65vh!important;overflow-y:auto}}@media (max-width:1024px){body{background-attachment:scroll!important;background-position:top}.analysis-result,.card{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;contain:paint;transform:translateZ(0);will-change:transform}}@supports (-webkit-touch-callout:none){.analysis-result,.card{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}@media (max-width:768px){.wangshuai-analysis .yao-wangshuai,.wangshuai-analysis .yao-wangshuai h5{font-size:clamp(12px,3.4vw,14px)}.wangshuai-analysis .yao-wangshuai span,.wangshuai-analysis .yao-wangshuai strong{font-size:clamp(11px,3.2vw,13px)}}.xunkong-banner{font-size:16px}@media (max-width:768px){.xunkong-banner{font-size:clamp(12px,3.4vw,14px)!important;padding:8px 10px!important}}.gua-panels.mobile-horizontal .panel-original .gua-table tbody td:nth-child(4),.gua-panels.mobile-horizontal .panel-original .gua-table tbody td:nth-child(5){padding-left:0;padding-right:0}.gua-panels.mobile-horizontal .panel-original .gua-table tbody td:nth-child(4){width:clamp(5px,2vw,60px)}.gua-panels.mobile-horizontal .panel-original .gua-table tbody td:nth-child(5){width:clamp(28px,9.6vw,62px)}.gua-panels.mobile-horizontal .panel-changed .gua-table tbody td:nth-child(4),.gua-panels.mobile-horizontal .panel-changed .gua-table tbody td:nth-child(5),.gua-panels.mobile-horizontal .panel-changed .gua-table thead th:nth-child(4),.gua-panels.mobile-horizontal .panel-changed .gua-table thead th:nth-child(5){padding-left:1px;padding-right:1px;width:clamp(28px,9vw,58px)}.tab-bar{align-items:flex-end;border-bottom:1px solid #e9ecef;display:flex;gap:8px}.tab{background:#f8f9fa;border:1px solid #e9ecef;border-bottom:none;border-top-left-radius:8px;border-top-right-radius:8px;color:#333;cursor:pointer;padding:8px 14px}.tab.active{background:#fff;color:#5f1e98;font-weight:600}.tab-content{background:#fff;border:1px solid #e9ecef;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top:none;padding:20px}.tab-badge{background:#e8f5e9;border:1px solid #c8e6c9;border-radius:10px;color:#2e7d32;display:inline-block;font-size:12px;line-height:1;padding:4px 6px}body{background-color:#f9fafb;color:#374151;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:0;box-shadow:0 10px 25px #0000001a;max-width:420px;padding:40px;width:100%}.login-card:hover{transform:none}.login-header{margin-bottom:30px;text-align:center}.logo{align-items:center;display:flex;flex-direction:column;margin-bottom:15px}.logo h2{color:#1f2937;font-size:24px;font-weight:600;margin-top:15px}.login-header p{color:#6b7280;font-size:14px}.login-form{display:flex;flex-direction:column}.form-group{margin-bottom:20px}.form-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input{border:1px solid #d1d5db;border-radius:8px;font-size:16px;padding:12px 16px;transition:all .3s;width:100%}.form-group input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.form-group input.error{border-color:#ef4444}.error-message{color:#ef4444;display:block;font-size:14px;margin-top:5px}.password-input{position:relative}.password-toggle{background:none;border:none;color:#6b7280;cursor:pointer;font-size:14px;padding:0;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.password-toggle:hover{color:#4f46e5}.password-input input{padding-right:52px}.form-options{justify-content:space-between;margin-bottom:25px}.form-options,.remember-me{align-items:center;display:flex}.remember-me input{margin-right:8px}.remember-me label{color:#6b7280;font-size:14px;margin-bottom:0}.forgot-password{background:none;border:none;cursor:pointer;font-size:14px;padding:0}.forgot-password,.forgot-password:hover{color:#6f3cf6;text-decoration:underline}.login-button{align-self:center;background-color:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:600;height:40px!important;line-height:40px!important;margin:0 auto;padding:0!important;text-align:center;transition:background-color .3s;white-space:nowrap;width:160px!important}.login-button:hover:not(:disabled){background-color:#4338ca}.login-button:disabled{cursor:not-allowed;opacity:.7}.login-button.loading,.login-button:disabled{height:40px!important;line-height:40px!important;width:160px!important}.login-button.loading{background-color:#a5b4fc}.login-footer{border-top:1px solid #e5e7eb;color:#6b7280;font-size:14px;margin-top:30px;padding-top:20px;text-align:center}.login-footer a{color:#4f46e5;font-weight:500;text-decoration:none}.login-footer a:hover{text-decoration:underline}.login-footer button{background:none;border:none;color:#0d6efd;cursor:pointer;padding:0}.login-footer button:hover{text-decoration:underline}@media (max-width:480px){.login-card{padding:30px 20px}.form-options{align-items:center;flex-direction:row;flex-wrap:nowrap;gap:8px;justify-content:space-between}.forgot-password{margin-top:0}.login-button{align-items:center!important;display:flex!important;justify-content:center!important;line-height:normal!important}}*{box-sizing:border-box;margin:0;padding:0}.App{min-height:100svh}.home-page{background-image:-webkit-image-set(url(/static/media/bg1-720.e5b302cf70376b92a60c.avif) type("image/avif") 1x,url(/static/media/bg1-1440.23cb50a901b1bab1ea02.avif) type("image/avif") 2x,url(/static/media/bg1-2160.54e8e81bfcd29bba0cad.avif) type("image/avif") 3x);background-image:image-set(url(/static/media/bg1-720.e5b302cf70376b92a60c.avif) type("image/avif") 1x,url(/static/media/bg1-1440.23cb50a901b1bab1ea02.avif) type("image/avif") 2x,url(/static/media/bg1-2160.54e8e81bfcd29bba0cad.avif) type("image/avif") 3x)}@supports not ((background-image:-webkit-image-set(url("x.avif") type("image/avif") 1x)) or (background-image:image-set(url("x.avif") type("image/avif") 1x))){.home-page{background-image:-webkit-image-set(url(/static/media/bg1-720.a8b101b0ce385c6035c0.webp) type("image/webp") 1x,url(/static/media/bg1-1440.25d621d21b0742559728.webp) type("image/webp") 2x,url(/static/media/bg1-2160.98913a3d48aefe8fa6b1.webp) type("image/webp") 3x);background-image:image-set(url(/static/media/bg1-720.a8b101b0ce385c6035c0.webp) type("image/webp") 1x,url(/static/media/bg1-1440.25d621d21b0742559728.webp) type("image/webp") 2x,url(/static/media/bg1-2160.98913a3d48aefe8fa6b1.webp) type("image/webp") 3x)}}@supports not ((background-image:-webkit-image-set(url("x.webp") type("image/webp") 1x)) or (background-image:image-set(url("x.webp") type("image/webp") 1x))){.home-page{background-image:-webkit-image-set(url(/static/media/bg1-720.259270224555e47f49d2.png) type("image/png") 1x,url(/static/media/bg1-1440.27e2b348e1608d3a446c.png) type("image/png") 2x,url(/static/media/bg1-2160.3fb5a3330163fa11ee06.png) type("image/png") 3x);background-image:image-set(url(/static/media/bg1-720.259270224555e47f49d2.png) type("image/png") 1x,url(/static/media/bg1-1440.27e2b348e1608d3a446c.png) type("image/png") 2x,url(/static/media/bg1-2160.3fb5a3330163fa11ee06.png) type("image/png") 3x)}}.bazi-page{background-image:-webkit-image-set(url(/static/media/bg1-720.e5b302cf70376b92a60c.avif) type("image/avif") 1x,url(/static/media/bg1-1440.23cb50a901b1bab1ea02.avif) type("image/avif") 2x,url(/static/media/bg1-2160.54e8e81bfcd29bba0cad.avif) type("image/avif") 3x);background-image:image-set(url(/static/media/bg1-720.e5b302cf70376b92a60c.avif) type("image/avif") 1x,url(/static/media/bg1-1440.23cb50a901b1bab1ea02.avif) type("image/avif") 2x,url(/static/media/bg1-2160.54e8e81bfcd29bba0cad.avif) type("image/avif") 3x);background-position:50%;background-repeat:no-repeat;background-size:cover}@supports not ((background-image:-webkit-image-set(url("x.avif") type("image/avif") 1x)) or (background-image:image-set(url("x.avif") type("image/avif") 1x))){.bazi-page{background-image:-webkit-image-set(url(/static/media/bg1-720.a8b101b0ce385c6035c0.webp) type("image/webp") 1x,url(/static/media/bg1-1440.25d621d21b0742559728.webp) type("image/webp") 2x,url(/static/media/bg1-2160.98913a3d48aefe8fa6b1.webp) type("image/webp") 3x);background-image:image-set(url(/static/media/bg1-720.a8b101b0ce385c6035c0.webp) type("image/webp") 1x,url(/static/media/bg1-1440.25d621d21b0742559728.webp) type("image/webp") 2x,url(/static/media/bg1-2160.98913a3d48aefe8fa6b1.webp) type("image/webp") 3x)}}@supports not ((background-image:-webkit-image-set(url("x.webp") type("image/webp") 1x)) or (background-image:image-set(url("x.webp") type("image/webp") 1x))){.bazi-page{background-image:-webkit-image-set(url(/static/media/bg1-720.259270224555e47f49d2.png) type("image/png") 1x,url(/static/media/bg1-1440.27e2b348e1608d3a446c.png) type("image/png") 2x,url(/static/media/bg1-2160.3fb5a3330163fa11ee06.png) type("image/png") 3x);background-image:image-set(url(/static/media/bg1-720.259270224555e47f49d2.png) type("image/png") 1x,url(/static/media/bg1-1440.27e2b348e1608d3a446c.png) type("image/png") 2x,url(/static/media/bg1-2160.3fb5a3330163fa11ee06.png) type("image/png") 3x)}}.page-container{display:flex;height:100%;overflow:hidden;width:100vw}.main-content{width:100%}.main-content,.sidebar{flex-direction:column;height:100vh}.sidebar{background-color:#fff;border-right:1px solid #e5e7eb;display:flex;font-family:PingFang SC,Microsoft YaHei,sans-serif}.sidebar-header{border-bottom:1px solid #f3f4f6;height:70px;justify-content:space-between}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{gap:8px}.sidebar-section{align-items:center;background-color:#6f3cf6;color:#fff;display:flex;font-size:15px;font-weight:600;justify-content:space-between;padding:14px 20px}.sidebar-menu{flex:1 1;padding:20px 0}.sidebar-menu ul{list-style:none;margin:0;padding:0}.sidebar-menu li{align-items:center;color:#333;cursor:pointer;display:flex;font-size:14px;gap:12px;line-height:1.5;padding:16px 24px;transition:all .2s ease}.sidebar-menu li:hover{background-color:#f5f3ff;color:#6f3cf6}.sidebar-menu li svg{color:#999;height:18px;transition:color .2s ease;width:18px}.sidebar-menu li:hover svg{color:#6f3cf6}.page-title{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:30px;text-align:center;text-shadow:2px 2px 4px #0000004d}@media (max-width:768px){.tw-topbar__title{display:none!important}.bazi-page{-webkit-text-size-adjust:100%!important;-moz-text-size-adjust:100%!important;text-size-adjust:100%!important;line-height:1.35}.bazi-page .card{padding:clamp(10px,2.6vw,14px)!important}.bazi-page h3{font-size:clamp(13px,3vw,15px)!important;margin-bottom:clamp(6px,2vw,10px)!important}.bazi-page .bz-inputs{align-items:center!important;flex-wrap:wrap!important;gap:clamp(6px,2vw,10px)!important}.bazi-page .bz-inputs input[type=datetime-local],.bazi-page .bz-inputs select{flex:1 1 220px!important;font-size:clamp(12px,2.8vw,14px)!important;letter-spacing:0!important;line-height:1.2!important;min-width:0!important;padding:clamp(6px,2.2vw,8px) clamp(8px,2.8vw,12px)!important}.bazi-page .bz-inputs .btn,.bazi-page .bz-inputs button{flex:0 0 auto!important;font-size:clamp(12px,2.8vw,13px)!important;line-height:1.2!important;padding:clamp(6px,2.2vw,8px) clamp(10px,2.8vw,12px)!important}.bazi-page .bz-grid{gap:clamp(6px,2vw,10px)!important}.bazi-page .bz-grid>div{min-width:0!important}.bazi-page .bz-pill-title{font-size:clamp(11px,2.6vw,13px)!important}.bazi-page .bz-pill-main{font-size:clamp(13px,3vw,15px)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.bazi-page .bz-pill-sub{font-size:clamp(11px,2.6vw,13px)!important}.bazi-page .bz-chips{gap:clamp(6px,2vw,10px)!important}.bazi-page .bz-chip{font-size:clamp(11px,2.6vw,13px)!important;line-height:1.2!important;padding:clamp(6px,2vw,8px) clamp(8px,2.6vw,10px)!important}.bazi-page .bz-table-content,.bazi-page .bz-table-content td,.bazi-page .bz-table-content th{font-size:clamp(11px,2.8vw,13px)!important;line-height:1.25!important}.bazi-page .bz-table-content td,.bazi-page .bz-table-content th{padding:clamp(6px,1.8vw,8px) clamp(8px,2.2vw,10px)!important}.bazi-page .bz-table-content thead th{line-height:1.2!important;text-overflow:clip!important}.bazi-page .bz-table-content tbody td,.bazi-page .bz-table-content thead th{overflow:hidden!important;overflow-wrap:anywhere!important;white-space:normal!important;word-break:break-word!important}.bazi-page .bz-table-content{table-layout:fixed!important;width:100%!important}.bazi-page .bz-row-hiddenstems td{font-size:clamp(10px,2.4vw,12px)!important;line-height:1.2!important;max-height:3.6em;overflow-wrap:anywhere!important;overflow-y:auto!important;white-space:normal!important;word-break:break-word!important}.bazi-page .bz-section{padding:clamp(10px,2.4vw,12px)!important}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #fff3;box-shadow:0 8px 32px #0000001a;box-sizing:border-box;flex:1 1;height:100%;margin:0;padding:30px;width:100%}.btn{border:none;cursor:pointer;font-size:16px;font-weight:600;margin:5px;overflow:hidden;padding:12px 24px;position:relative;transition:all .25s ease}.btn-primary{background:#5f1e98;box-shadow:0 4px 12px #2563eb4d;color:#fff}.btn-primary:hover{background:#7f3fcf;box-shadow:0 8px 20px #2563eb66;transform:translateY(-3px) scale(1.02)}.btn-primary:active{box-shadow:0 2px 6px #2563eb66;transform:scale(.97)}.btn-primary:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:none;cursor:not-allowed;opacity:.5}.btn-secondary,.btn-secondary1{background:#5f1e98;border:1px solid #dee2e6;color:#fff}.btn-secondary:hover{background:linear-gradient(135deg,#7f3fcf,#6f3cf6);transform:translateY(-1px)}.btn-secondary:disabled{cursor:not-allowed;opacity:.6;transform:none}.ai-btn{border:none;cursor:pointer;font-size:16px;font-weight:600;margin:5px;overflow:hidden;padding:12px 24px;position:relative;transition:all .25s ease}.ai-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #2563eb4d;color:#fff}.ai-btn-primary:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 8px 20px #2563eb66;transform:translateY(-3px) scale(1.02)}.ai-btn-primary:active{box-shadow:0 2px 6px #2563eb66;transform:scale(.97)}.ai-btn-primary:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:none;cursor:not-allowed;opacity:.5}.ai-btn-secondary{background:#f8f9fa;border:1px solid #dee2e6;color:#495057}.ai-btn-secondary:hover{background:#e9ecef;transform:translateY(-1px)}.ai-btn-secondary:disabled{cursor:not-allowed;opacity:.6;transform:none}.input{border:2px solid #e9ecef;font-size:16px;padding:12px 16px;transition:border-color .3s ease;width:100%}.input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.input::placeholder{color:#9aa0a6;font-size:clamp(12px,3.4vw,14px)}.gua-display{margin:20px 0;text-align:center}.gua-symbol{color:#333;font-size:4rem}.gua-name,.gua-symbol{font-weight:700;margin:10px 0}.gua-name{color:#667eea;font-size:1.5rem}.liuyao-container{align-items:center;display:flex;flex-direction:column;margin:20px 0}.yao-symbol{font-size:1.5rem;margin:0 10px;min-width:60px;text-align:center}.yao-info{color:#666;display:flex;font-size:12px;gap:15px}.fade-in{animation:fadeIn .5s ease-out}.tw-topbar{background:#fff;border-bottom:1px solid #e9e9ee;height:98px;padding:0 20px 0 24px}.tw-topbar--sticky{-webkit-backdrop-filter:saturate(180%) blur(6px);backdrop-filter:saturate(180%) blur(6px);position:-webkit-sticky;position:sticky;top:0;z-index:20}.tw-topbar__title{color:#111827;font-size:clamp(16px,4.2vw,28px);line-height:1.2;padding:clamp(6px,1.2vh,12px) clamp(10px,3vw,20px);word-break:break-word}.tw-topbar__title .tw-brand{-webkit-background-clip:text;background-clip:text;color:#5f1e98;font-size:large}.tw-topbar__right{gap:16px;height:100%;padding-left:16px}@media (min-width:768px){.tw-topbar__title{font-size:clamp(18px,2.6vw,30px)}}@media (max-width:360px){.tw-topbar__title{font-size:clamp(15px,4.6vw,20px);padding:6px 10px}}.tw-user{display:flex;gap:8px;padding:2px 4px;transition:background .15s ease}.tw-user:hover{background:#f7f7fb;cursor:pointer}.tw-avatar{border-radius:12px;box-shadow:0 2px 8px #0000000f;display:block;height:80px;width:80px}.tw-chevron{display:block;pointer-events:none}.tw-user-center-text{color:#6f3cf6;font-size:clamp(12px,calc(14px*var(--s)),16px);font-weight:600}.tw-content{box-sizing:border-box;flex:1 1;overflow:auto;padding:16px 24px;width:100%}.dark .tw-topbar{background:#0f0f13;border-bottom-color:#25262b}.dark .tw-topbar__title{color:#f5f5f6}.dark .tw-topbar__title .tw-brand{color:#a78bfa}.dark .tw-topbar__right{border-left-color:#25262b}.dark .tw-user:hover{background:#15161b}.dark .tw-avatar{box-shadow:none}:root{--tw-sidebar-w:350px;--tw-safe-top:env(safe-area-inset-top);--tw-safe-left:env(safe-area-inset-left);--tw-safe-right:env(safe-area-inset-right)}*{-webkit-tap-highlight-color:transparent}.tw-scroll{-webkit-overflow-scrolling:touch;overflow:auto}@media (max-width:768px){.page-container{flex-direction:row!important;height:100dvh!important}.sidebar{-webkit-overflow-scrolling:touch;box-shadow:none!important;inset:auto!important;left:auto!important;max-height:100dvh!important;overflow:auto;position:relative!important;top:auto!important;transform:none!important;z-index:1!important}.main-content,.sidebar{height:100dvh!important}.main-content{-webkit-overflow-scrolling:touch;flex:1 1 auto!important;min-width:0!important;overflow:auto!important}.tw-backdrop,.tw-mobile-open-btn{display:none!important}.card{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#fff!important}}.tw-topbar{--s:1;-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);height:clamp(48px,calc(56px*var(--s)),72px);justify-content:space-between;padding:0 clamp(8px,calc(16px*var(--s)),24px)}.tw-topbar,.tw-topbar__title{align-items:center;display:flex}.tw-topbar__title{font-size:clamp(14px,calc(18px*var(--s)),22px);font-weight:700;gap:calc(8px*var(--s));letter-spacing:.2px;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tw-topbar__title .tw-brand{font-weight:800;transform:translateY(-.5px)}.tw-topbar__right{align-items:center;display:flex;gap:clamp(6px,calc(12px*var(--s)),16px);margin-left:auto}.tw-i18n .icon-custom{cursor:pointer;display:inline-block;height:clamp(18px,calc(24px*var(--s)),28px);width:clamp(18px,calc(24px*var(--s)),28px)}.tw-user{align-items:center;background:#ffffffe6;border:1px solid #0000000f;border-radius:calc(10px*var(--s));display:inline-flex;gap:clamp(6px,calc(8px*var(--s)),12px);padding:0 clamp(6px,calc(8px*var(--s)),10px)}.tw-avatar{border-radius:50%;height:clamp(24px,calc(28px*var(--s)),36px);object-fit:cover;width:clamp(24px,calc(28px*var(--s)),36px)}.tw-chevron{flex:0 0 auto;height:clamp(14px,calc(18px*var(--s)),20px);width:clamp(14px,calc(18px*var(--s)),20px)}.ant-dropdown .ant-dropdown-menu,.ant-dropdown-menu{border-radius:0!important;min-width:100px!important;padding:6px 0!important}.ant-dropdown-menu-item{color:#000!important;font-size:15px!important;line-height:1.2!important;min-height:52px!important;padding:6px 24px!important;text-align:center!important;white-space:normal!important;word-break:break-word!important}.ant-dropdown-menu-item:hover{background:#0000!important;color:#0d6efd!important}.tw-topbar svg{shape-rendering:geometricPrecision;image-rendering:optimizeQuality;text-rendering:geometricPrecision}@media (max-width:768px){.tw-topbar__title{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;display:block!important;flex-wrap:nowrap!important;font-size:clamp(13px,1.2vw,18px);letter-spacing:0;max-width:100%!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;word-break:keep-all!important}.tw-topbar__title .tw-brand{display:inline;font-size:1em!important;white-space:nowrap!important}}.tw-content-wrap{--cs:1;position:relative}@media (max-width:768px){.tw-topbar{height:auto;min-height:clamp(48px,calc(56px*var(--s)),72px);padding-bottom:clamp(6px,calc(8px*var(--s)),10px);padding-top:clamp(6px,calc(8px*var(--s)),10px)}.tw-topbar__title{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;flex-wrap:wrap;line-height:1.15;overflow:visible;text-overflow:clip;white-space:normal;word-break:break-word}.tw-topbar__right .ant-btn{font-size:12px!important;height:28px!important;line-height:1!important;padding:4px 8px!important}.tw-user{flex-shrink:0;padding-left:8px!important;padding-right:8px!important}.tw-avatar{min-width:24px}.tw-user-center-text{font-size:clamp(11px,3vw,14px)!important}.tw-topbar__title .tw-brand{font-size:clamp(13px,3.4vw,16px);font-weight:800}.tw-avatar{height:clamp(24px,calc(28px*var(--s)),36px)!important;width:clamp(24px,calc(28px*var(--s)),36px)!important}.tw-user-center-text{font-size:clamp(12px,3vw,14px)!important;white-space:nowrap!important}.ant-dropdown-menu{max-width:220px!important;min-width:0!important;width:auto!important}.ant-dropdown-menu-item{font-size:clamp(13px,3vw,15px)!important;min-height:40px!important;padding:8px 12px!important}}.tw-content-zoom{transform:scale(var(--cs));transform-origin:top left;width:calc(100%/var(--cs))}@supports (zoom:1){.tw-content-zoom{zoom:var(--cs);transform:none;width:auto}}.tw-content-zoom,.tw-content-zoom *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width:480px){.tw-footer-fixed{padding:8px 0;position:static!important}}@media (max-width:600px){.time-card{grid-row-gap:12px!important;-webkit-overflow-scrolling:touch;grid-gap:12px!important;display:grid!important;gap:12px!important;grid-template-rows:auto auto auto auto auto;max-height:78dvh!important;overflow-y:auto!important;padding:16px!important;row-gap:12px!important}.time-card__actions{border-bottom-left-radius:15px;border-bottom-right-radius:15px;bottom:0;padding-top:8px;position:-webkit-sticky;position:sticky}.time-card__btn{box-shadow:0 4px 14px #007bff40;font-size:16px!important;padding:12px 0!important;width:100%}.time-card h3{font-size:18px!important;margin:0!important}.time-card .current-time,.time-card .help-text,.time-card input,.time-card label span{font-size:14px!important}.number-card{padding:16px 16px 8px!important}.picker-container{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:20px!important;box-shadow:0 10px 30px #0003!important;box-sizing:border-box!important;flex-direction:row!important;flex-wrap:wrap!important;gap:10px!important;padding:20px!important}.picker-container,.picker-wrap{display:flex!important;justify-content:center!important}.picker-wrap{align-items:center!important;flex-basis:calc(33.33% - 20px);flex-grow:1;flex-shrink:0;max-width:120px!important;min-width:80px!important}.picker-wrap>div{transform:scale(1)!important;width:100%!important}.number-card__btn{border-radius:25px!important;bottom:8px!important;font-size:16px!important;height:50px!important;width:100%!important}}@media (max-width:380px){p{font-size:20px}button{font-size:16px;height:46px}}@supports (-webkit-touch-callout:none){body{-webkit-tap-highlight-color:transparent}input[type=number]{font-size:16px}}.coin-wrap{perspective:800px;-webkit-perspective:800px}.coin{--size:50px;border-radius:50%;display:inline-block;height:var(--size);position:relative;transform:translateZ(0);transform-style:preserve-3d;-webkit-transform-style:preserve-3d;width:var(--size);will-change:transform}.coin:before{background:radial-gradient(circle at 30% 30%,#fff8dc,#0000 60%);border-radius:50%;content:"";inset:10%;opacity:.6;pointer-events:none;position:absolute}.coin>.back,.coin>.face{backface-visibility:hidden;-webkit-backface-visibility:hidden;background-position:50%;background-size:cover;border-radius:50%;box-sizing:border-box;inset:0;position:absolute;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;z-index:0}.coin>.face{background-image:linear-gradient(135deg,gold,#daa520,#b8860b);background-image:var(--front,linear-gradient(135deg,gold,#daa520,#b8860b));transform:translateZ(1px)}.coin>.back{background-image:linear-gradient(135deg,#b8860b,#daa520,gold);background-image:var(--back,linear-gradient(135deg,#b8860b,#daa520,gold));transform:rotateY(180deg) translateZ(1px)}.coin.flipping{animation:coinFlipMobile 1.2s ease-in-out infinite}@keyframes coinFlipMobile{0%{transform:rotateY(0)}50%{transform:rotateY(180deg)}to{transform:rotateY(1turn)}}.two-col{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}@media (min-width:992px){.two-col{grid-template-columns:1fr 1fr}}.col-panel{box-sizing:border-box;max-height:60vh;min-height:0;overflow-x:hidden;overflow-y:auto}.coin-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;margin:0 10px 20px}.coin-col{background:#f8f9fa;border:1px solid #dee2e6;border-radius:10px;box-sizing:border-box;max-height:50vh;overflow-x:hidden;overflow-y:auto;padding:12px;scroll-behavior:smooth}@media (min-width:992px){.coin-grid{grid-template-columns:1fr 1fr}}@media (max-width:767px){.gua-root,body,html{height:auto!important;overflow:auto!important}.gua-root{-webkit-overflow-scrolling:touch!important;min-height:100svh!important}.gua-layout{flex-direction:column!important;height:auto!important;min-height:auto!important;overflow-x:hidden!important;overflow-y:visible!important}.gua-layout .card{height:auto!important;min-height:0!important}.liuyao-container{-webkit-overflow-scrolling:touch!important;max-height:60svh!important;min-height:0!important;overflow-x:auto!important;overflow-y:auto!important;overscroll-behavior-x:contain!important;overscroll-behavior-y:auto!important;padding-bottom:6px!important;touch-action:pan-x pan-y!important}.liuyao-item{column-gap:4px!important;line-height:1.4!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.liuyao-item .col-line{flex:0 0 auto!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace!important;font-size:clamp(18px,5.5vw,22px)!important;letter-spacing:.02em!important;min-width:clamp(96px,28vw,150px)!important}.liuyao-item .col-ghost,.liuyao-item .col-move,.liuyao-item .col-najia,.liuyao-item .col-pos,.liuyao-item .col-rel,.liuyao-item .col-shiying,.liuyao-item .col-wuxing{flex:0 0 auto!important;font-family:system-ui,-apple-system,PingFang SC,Noto Sans CJK SC,Microsoft YaHei,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important;line-height:1.35!important}.liuyao-item .col-ghost{min-width:clamp(64px,18vw,96px)!important}.liuyao-item .col-pos{min-width:clamp(80px,22vw,120px)!important}.liuyao-item .col-rel{min-width:clamp(76px,22vw,118px)!important}.liuyao-item .col-najia,.liuyao-item .col-wuxing{min-width:clamp(64px,18vw,100px)!important}.liuyao-item .col-move{min-width:clamp(72px,18vw,100px)!important}.liuyao-item .col-shiying{min-width:clamp(64px,18vw,100px)!important}}.main-content{display:flex;flex:1 1}@media (max-width:768px){.main-content{display:none}.main-content.collapsed{display:block}.sidebar{position:fixed;z-index:1000}.arrow-fab{display:block}}@keyframes footerGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.tw-footer-fixed{left:0;position:fixed;right:0}.shop-container{padding-top:20px}.shop-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.shop-header-left{flex:1 1}.shop-title{background:linear-gradient(135deg,#6f3cf6,#a855f7);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:clamp(24px,4vw,32px);font-weight:800;margin:0}.shop-header-right{align-items:center;display:flex;gap:12px}.shop-search-bar{align-items:center;display:flex;position:relative}.shop-search-icon{color:#9ca3af;left:12px;pointer-events:none;position:absolute}.shop-search-bar input{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffc;border:1px solid #0000001a;border-radius:9999px;font-size:14px;outline:none;padding:10px 16px 10px 40px;transition:all .2s ease;width:220px}.shop-search-bar input:focus{background:#fff;border-color:#6f3cf6;box-shadow:0 4px 12px #6f3cf626;width:260px}.shop-back-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff9;border:1px solid #0000001a;border-radius:9999px;color:#4b5563;cursor:pointer;display:flex;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s}.shop-back-btn:hover{background:#fff;box-shadow:0 4px 12px #00000014;color:#6f3cf6;transform:translateY(-1px)}.shop-hero{border-radius:20px;box-shadow:0 20px 40px #0000001f;height:320px;margin-bottom:32px;overflow:hidden;position:relative;width:100%}.shop-hero-track{display:flex;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1)}.shop-hero-item{flex:0 0 100%;position:relative}.shop-hero-item img{height:100%;object-fit:cover;width:100%}.shop-hero-overlay{align-items:flex-end;background:linear-gradient(0deg,#000c 0,#0000004d 50%,#0000);display:flex;inset:0;padding:32px;position:absolute}.shop-hero-content{animation:heroFadeIn .8s ease-out;color:#fff;max-width:500px}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.shop-hero-badge{background:#f59e0b;border-radius:4px;color:#fff;display:inline-block;font-size:12px;font-weight:700;margin-bottom:12px;padding:4px 10px;text-transform:uppercase}.shop-hero-content h2{font-size:clamp(24px,4vw,36px);font-weight:800;margin-bottom:8px;text-shadow:0 2px 4px #0000004d}.shop-hero-content p{font-size:clamp(14px,2vw,16px);margin:0;opacity:.9}.shop-hero-dots{bottom:20px;display:flex;gap:8px;position:absolute;right:20px}.shop-dot{background:#fff6;transition:all .3s}.shop-dot.active{background:#fff;width:24px}.shop-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.shop-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #fff9;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.shop-card:hover{background:#ffffffe6;box-shadow:0 15px 30px #00000014,inset 0 0 0 1px #fffc;transform:translateY(-6px)}.shop-card-img-wrap{overflow:hidden;padding-top:100%;position:relative}.shop-card-img-wrap img{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .5s ease;width:100%}.shop-card:hover .shop-card-img-wrap img{transform:scale(1.08)}.shop-card-info{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:16px}.shop-card-title{color:#1f2937;font-size:16px;font-weight:700;line-height:1.4;margin-bottom:12px}.shop-card-bottom{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.shop-card-price{color:#6f3cf6;font-size:18px;font-weight:800}.shop-add-btn{align-items:center;background:#6f3cf6;border:none;border-radius:9999px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s}.shop-add-btn:hover{background:#5b21b6;box-shadow:0 4px 12px #6f3cf64d;transform:scale(1.02)}.shop-add-btn:disabled{background:#d1d5db;box-shadow:none;cursor:not-allowed;transform:none}.shop-cart-icon{align-items:center;background:#fff;border-radius:50%;box-shadow:0 4px 12px #00000014;display:flex;height:40px;justify-content:center;position:relative;transition:all .2s;width:40px}.shop-cart-icon:hover{box-shadow:0 8px 16px #0000001f;transform:translateY(-2px)}.shop-cart-badge{align-items:center;background:#ef4444;border:2px solid #fff;border-radius:9px;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:-2px;top:-2px}.cart-modal-mask{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:1000}.cart-modal{animation:slideInRight .3s cubic-bezier(.16,1,.3,1);background:#fff;box-shadow:-4px 0 24px #0000001a;display:flex;flex-direction:column;height:100%;max-width:400px;width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.cart-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:20px}.cart-header h3{font-size:18px;font-weight:700;margin:0}.cart-close{color:#9ca3af;cursor:pointer;font-size:24px;line-height:1}.cart-body{flex:1 1;overflow-y:auto;padding:20px}.cart-empty{color:#9ca3af;margin-top:40px;text-align:center}.cart-item{align-items:center;display:flex;gap:12px;margin-bottom:16px}.cart-item img{border:1px solid #f3f4f6;border-radius:8px;height:64px;object-fit:cover;width:64px}.cart-item-info{flex:1 1}.cart-item-title{font-size:14px;font-weight:600;margin-bottom:4px}.cart-item-price{color:#6f3cf6;font-size:13px;font-weight:700}.cart-item-remove{background:none;border:none;color:#ef4444;cursor:pointer;font-size:18px;padding:4px}.cart-count-ctrl{align-items:center;background:#f3f4f6;border-radius:6px;display:flex;margin-top:6px;padding:2px;width:-webkit-fit-content;width:fit-content}.cart-count-ctrl button{align-items:center;background:#fff;border:none;border-radius:4px;box-shadow:0 1px 2px #0000000d;color:#6f3cf6;cursor:pointer;display:flex;font-weight:700;height:24px;justify-content:center;transition:all .2s;width:24px}.cart-count-ctrl button:hover{background:#6f3cf6;color:#fff}.cart-count-ctrl span{color:#333;font-size:13px;font-weight:600;min-width:24px;text-align:center}.cart-footer{background:#f9fafb;border-top:1px solid #f3f4f6;padding:20px}.cart-total{display:flex;font-size:18px;font-weight:800;justify-content:space-between;margin-bottom:12px}.cart-footer .btn{border-radius:12px;font-size:16px;padding:12px;width:100%}@media (max-width:768px){.shop-grid{gap:12px;grid-template-columns:repeat(2,1fr)!important}.shop-hero{border-radius:12px;height:200px}.shop-hero-content{padding:16px}.shop-header{align-items:flex-start;flex-direction:column}.shop-header-right{flex-wrap:wrap;gap:8px;width:100%}.shop-search-bar{margin-bottom:8px;width:100%}.shop-search-bar input{width:100%!important}.shop-back-btn span{display:inline!important}.shop-back-btn{padding:10px}.shop-add-btn{font-size:12px;padding:6px 10px}.shop-add-btn svg{display:none}}.shop-page{background-attachment:fixed;background-color:#f8f9fd!important;background-image:radial-gradient(at 0 0,#6f3cf614 0,#0000 50%),radial-gradient(at 100% 0,#a855f714 0,#0000 50%),radial-gradient(at 100% 100%,#ec48990f 0,#0000 50%),radial-gradient(at 0 100%,#3b82f60f 0,#0000 50%)!important;min-height:100vh}@supports not ((background-image:-webkit-image-set(url("x.avif") type("image/avif") 1x)) or (background-image:image-set(url("x.avif") type("image/avif") 1x))){.shop-page{background-color:#f8f9fd}}@supports not ((background-image:-webkit-image-set(url("x.webp") type("image/webp") 1x)) or (background-image:image-set(url("x.webp") type("image/webp") 1x))){.shop-page{background-color:#f8f9fd}}.shop-card{background:#fff;border:1px solid #0000000a;border-radius:16px;box-shadow:0 4px 20px #00000008}.shop-card:hover{box-shadow:0 20px 40px #00000014;transform:translateY(-8px)}.shop-hero{box-shadow:0 20px 40px #6f3cf626}.shop-title{letter-spacing:-.02em}.shop-page .tw-topbar{padding-right:0!important}.tw-footer-fixed{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-text-fill-color:#0000;animation:footerGradient 6s ease infinite;background:linear-gradient(45deg,#8b0000,#006400,#00008b,indigo,#8b4513);-webkit-background-clip:text;background-clip:text;background-size:400% 400%;bottom:calc(4px + env(safe-area-inset-bottom, 0px));color:#0000;font-size:clamp(12px,3.2vw,16px);font-weight:700;line-height:1.2;padding:clamp(4px,1.2vh,10px) clamp(8px,4vw,16px);pointer-events:none;text-align:center;white-space:normal;word-break:break-word}@media (min-width:768px){.tw-footer-fixed{animation-duration:8s;font-size:clamp(13px,1.8vw,18px)}}@media (min-width:1200px){.tw-footer-fixed{animation-duration:10s}}@media (prefers-reduced-motion:reduce){.tw-footer-fixed{animation:none;background-position:50% 50%}}@media (max-width:360px){.tw-footer-fixed{font-size:clamp(12px,3.6vw,16px);padding:4px 8px}}.shop-carousel{border-radius:12px;overflow:hidden}.shop-carousel-track{display:flex;transition:transform .4s ease}.shop-carousel-item{flex:0 0 100%}.shop-carousel-item img{border-radius:10px;height:220px;object-fit:cover;width:100%}@media (max-width:768px){.shop-carousel-item img{height:160px}}.shop-carousel-dots{display:flex;gap:6px;justify-content:center;margin-top:8px}.shop-dot{background:#ddd;border-radius:9999px;cursor:pointer;height:8px;width:8px}.shop-dot.active{background:#6f3cf6}