:root{--primary-color:#f8ebba;--primary-color-hover:#c5b677;--primary-color-rgb:248,235,186;--background-image:url("/static/public/img/002.jpg?c088f2581da3");--bg-color-1:#10131b;--bg-color-2:#222831;--bg-color-3:#393E46;--bg-color-4:#616161;--bg-color-5:#c6c6c6;--bg-color-6:#c5b677;--text-color-1:#c5b677;--text-color-2:#878787;--text-color-3:#222831;--border-color:#c5b677;--border-color-2:#555555;--button-color:#72C531;--card-bg-color:#393E46;--hover-color:#2d323a;--danger-color:#e74c3c;--danger-color-rgb:231,76,60}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes flipShrinkFade{0%{transform:scale(1) rotateX(0deg);opacity:1}50%{transform:scale(0.8) rotateX(180deg);opacity:0.5}100%{transform:scale(1) rotateX(0deg);opacity:1}}@keyframes fade-in{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}@font-face{font-family:'LogoFont';src:url("/static/public/font/LOGO_font.woff2?c088f2581da3") format("woff2");font-weight:normal;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;display:flex;align-items:center;min-height:100vh;flex-direction:column;margin:0;background-color:var(--bg-color-1)}hr{width:100%;border:1px solid var(--primary-color)}a{color:var(--primary-color);text-decoration:none}a:hover{color:var(--primary-color-hover);text-decoration:none}header{position:fixed;display:grid;width:100%;height:60px;grid-template-columns:1fr 1fr 1fr;background-color:var(--bg-color-2);color:var(--text-color-1);z-index:9999}.header{position:fixed;display:grid;width:100%;height:60px;grid-template-columns:1fr 1fr 1fr;background-color:var(--bg-color-2);color:var(--text-color-1);z-index:9999}.logo{display:flex;flex-direction:row;justify-content:start;align-items:center;margin-left:10px}.logo-in{display:grid;grid-template-columns:1fr 2fr;align-items:center;justify-items:center}.miao_jie{grid-column:2}.miao_jie h1{font-family:'LogoFont',sans-serif;color:var(--primary-color);font-size:1.5em;letter-spacing:1em;word-spacing:0.5em;width:100%;box-sizing:border-box;text-rendering:optimizeLegibility}.miao_jie p{color:var(--text-color-1);font-size:0.85em}.PWA-logo{position:fixed;background-color:#222831;left:env(titlebar-area-x,200px);top:env(titlebar-area-y,-48px);width:env(titlebar-area-width,100%);height:env(titlebar-area-height,48px);-webkit-app-region:drag}.PWA-logo span{font-family:'LogoFont',sans-serif;color:#f8ebba}.btn{display:flex;flex-direction:row;width:auto;height:30px;align-items:center;justify-content:center;background-color:var(--primary-color);color:var(--text-color-3);padding:8px 16px;border:none;cursor:pointer;border-radius:5px;transition:background-color 0.5s ease-in-out,color 0.5s ease-in-out,transform 0.5s ease-in-out}.user-name{display:flex;flex-direction:row;width:auto;background-color:var(--primary-color);color:var(--text-color-3);font-size:0.8rem;text-align:center;padding:8px 16px;border:none;cursor:pointer;border-radius:5px;position:relative;transform:scale(1);transition:background-color 0.5s ease-in-out,color 0.5s ease-in-out,transform 0.5s ease-in-out}.btn:active,.btn:hover{width:auto;color:var(--text-color-3);transform:scale(1.01);background-color:var(--primary-color-hover);transition:background-color 0.5s ease-in-out,color 0.5s ease-in-out,transform 0.5s ease-in-out}.btn.disabled:hover,.btn.disabled{background-color:var(--bg-color-3);color:var(--text-color-2);cursor:not-allowed}.menu-btn{display:flex;background-color:var(--bg-color-2);color:var(--text-color-1);padding:8px 16px;gap:10px;border:none;cursor:pointer;border-radius:5px;transition:background-color 0.5s ease-in-out,color 0.5s ease-in-out,transform 0.5s ease-in-out}.menu-btn.disabled{background-color:var(--bg-color-4);cursor:not-allowed}.menu-btn.disabled:hover{background-color:var(--bg-color-4)}.menu-btn:hover{background-color:var(--primary-color-hover);color:var(--text-color-3);border-radius:5px;transition:background-color 0.5s ease-in-out,color 0.5s ease-in-out,transform 0.5s ease-in-out}.user-area{display:flex;grid-column:3;width:auto;color:var(--text-color-3);justify-content:end;margin-right:20px;align-items:center;gap:15px}.menu{display:none}.menu.show{display:flex;gap:10px;width:100%;justify-content:end}.dropdown{display:flex;width:auto;justify-content:end;position:relative;border-radius:5px}.dropdown-content{display:block;position:absolute;background-color:var(--bg-color-2);color:var(--text-color-1);min-width:200px;box-shadow:0 8px 16px rgba(0,0,0,0.5);z-index:1;right:0;border-radius:5px;opacity:0;transform-origin:top;transition:all 0.5s ease-in-out;pointer-events:none;visibility:hidden}.dropdown-content.show{margin-top:60px;visibility:visible;opacity:1;pointer-events:auto;transition:all 0.5s ease-in-out;z-index:9999}.dropdown-content a{display:flex;flex-direction:row;color:var(--text-color-1);padding:8px 16px;gap:10px;text-decoration:none;border-radius:5px;transition:all 0.5s ease-in-out}.dropdown-content a:hover{color:var(--text-color-3);background-color:var(--primary-color-hover);border-radius:5px;transition:all 0.5s ease-in-out}.dropdown-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:9998;display:none;opacity:0;transition:opacity 0.5s cubic-bezier(0.4,0,1,1)}.dropdown-overlay.show{display:block;opacity:1;transition:opacity 0.5s cubic-bezier(0.4,0,1,1)}.notice-badge,.announcements-badge,.user-announcements-badge{font-family:"Courier New",Arial,sans-serif;position:relative;position:absolute;top:-10px;right:-10px;width:20px;height:20px;background-color:#e53935;color:white;font-size:12px;align-items:center;justify-content:center;border-radius:50%}.menu-notice-badge,.menu-announcements-badge{font-family:"Courier New",Arial,sans-serif;width:20px;height:20px;background-color:#e53935;color:white;border-radius:50%;text-align:center;justify-content:center}main{width:100%;padding:10px}.container{max-width:1200px;display:flex;align-items:center;margin:60px 10px 0 10px;flex-direction:column}.alert{padding:1rem;margin:1rem 0;display:flex;justify-content:space-between;align-items:center}.alert-success{background:#e6f4ea;color:#137333;border:1px solid #a3d9b2}.alert-error{background:#fce8e6;color:#c5221f;border:1px solid #f5b7b1}.alert-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:inherit}footer{position:fixed;bottom:0;width:100%;height:60px;background-color:var(--bg-color-2);display:flex;align-items:center;justify-content:center}.copyright{display:flex;justify-self:center;align-items:center;color:var(--text-color-1);font-size:14px;gap:100px;text-align:center}.copyright p{display:block;color:var(--text-color-1);text-align:center}.bei-an{display:block;color:var(--text-color-1);text-align:center;align-items:center}.bei-an a{color:var(--text-color-1)}.bei-an a:hover{color:var(--primary-color)}@media (max-width:768px){header{grid-template-columns:1fr 1fr}.miao_jie{display:none}.header{grid-template-columns:1fr 1fr}.announcements-badge,.user-announcements-badge{margin-left:30px}.user-area{display:flex;align-items:center;justify-content:flex-end;margin-right:20px;gap:5px}footer{display:none}}@media (display-mode:standalone){.install-lingyao{display:none}.PWA-logo{display:flex}}@media (display-mode:fullscreen){.install-lingyao{display:none}.PWA-logo{display:flex}}.guide-mask{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9998;transition:background 0.3s ease-in-out}.guide-mask.show{background:rgba(0,0,0,0.5)}.guide-highlight{position:absolute;background:transparent;border:2px solid #fff;border-radius:4px;box-shadow:0 0 0 9999px rgba(0,0,0,0.5);z-index:9999;opacity:0;transition:all 0.3s ease-in-out;transform:scale(0.95)}.guide-highlight.show{opacity:1;transform:scale(1)}.guide-tooltip{position:absolute;background:white;padding:15px;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,0.2);z-index:10000;max-width:300px;opacity:0;transform:translateY(20px);transition:all 0.3s ease-in-out}.guide-tooltip.show{opacity:1;transform:translateY(0)}.guide-tooltip .guide-buttons{margin-top:10px;text-align:right;border:none;border-radius:4px;cursor:pointer;transition:all 0.2s ease}.guide-tooltip button{padding:5px 15px;margin-left:10px;border:none;border-radius:4px;cursor:pointer}.guide-tooltip .next-btn{background:var(--primary-color);color:var(--text-color-3)}.guide-tooltip .skip-btn{background:#909399;color:white}.guide-tooltip .next-btn:hover{background:var(--primary-color-hover);transform:translateY(-1px)}.guide-tooltip .skip-btn:hover{background:#a6a9ad;transform:translateY(-1px)}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,0.4)}70%{box-shadow:0 0 0 10px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}.layui-layer{border-radius:10px!important;scrollbar-width:none!important}.layui-layer-title{background-color:var(--bg-color-2)!important;border-radius:10px!important}.layui-layer-content iframe{border-radius:10px!important;scrollbar-width:none!important}.layui-layer-content{display:flex;flex-direction:column;text-align:center;justify-content:center;background-color:var(--bg-color-2)!important;color:var(--text-color-1)!important;border-radius:10px 10px 0 0!important;overflow-y:auto;scrollbar-width:none!important}.layui-layer-btn{display:flex;background-color:var(--bg-color-2)!important;border-radius:0 0 10px 10px!important;justify-content:center}.layui-layer-btn0{background-color:var(--primary-color)!important;color:var(--text-color-3)!important;border:none!important}.layui-layer-btn0:hover{background-color:var(--primary-color-hover)!important}.layui-layer-btn1{background-color:var(--bg-color-5)!important;border:none!important}.layui-layer-btn1:hover{background-color:var(--bg-color-4)!important}.layui-layer-btn-c{background-color:var(--bg-color-2)!important}.pwa-install-guide{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:9999;display:none;align-items:center;justify-content:center}.pwa-install-guide.active{display:flex}.pwa-install-content{background:white;border-radius:12px;padding:30px;max-width:400px;width:90%;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,0.3);animation:slideIn 0.3s ease-out}@keyframes slideIn{from{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.pwa-install-icon{width:80px;height:80px;margin:0 auto 20px;border-radius:16px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;font-size:40px;color:white}.pwa-install-title{font-size:24px;font-weight:bold;color:#333;margin-bottom:15px}.pwa-install-steps{text-align:left;margin:20px 0}.pwa-install-step{display:flex;align-items:center;margin-bottom:15px;padding:10px;background:#f8f9fa;border-radius:8px}.pwa-install-step-number{width:30px;height:30px;background:#667eea;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;font-weight:bold}.pwa-install-step-text{flex:1;color:#555;font-size:14px}.pwa-install-close{background:#667eea;color:white;border:none;padding:12px 30px;border-radius:25px;font-size:16px;cursor:pointer;margin-top:20px;transition:background 0.3s}.pwa-install-close:hover{background:#5a6fd8}@media (max-width:480px){.pwa-install-content{padding:20px;margin:20px}.pwa-install-icon{width:60px;height:60px;font-size:30px}.pwa-install-title{font-size:20px}}.install-btn{position:relative;overflow:hidden}.install-btn.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(102,126,234,0.7)}70%{box-shadow:0 0 0 10px rgba(102,126,234,0)}100%{box-shadow:0 0 0 0 rgba(102,126,234,0)}}.install-badge{position:absolute;top:-5px;right:-5px;background:#ff4757;color:white;border-radius:50%;width:20px;height:20px;font-size:12px;display:flex;align-items:center;justify-content:center;animation:bounce 1s infinite}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.card{border-radius:5px;padding:10px;animation:fadeIn 0.6s ease-in-out forwards}.case-info{width:auto;display:grid;grid-template-columns:1fr 1fr;background-color:var(--bg-color-3);justify-content:center;align-items:center;gap:10px}.index-content{display:flex;width:100%;gap:10px}.panel{display:flex;flex-direction:column;flex:1;height:calc(100vh - 140px);padding:10px;overflow:auto;scrollbar-width:none;border-radius:5px;gap:5px;background-color:var(--bg-color-2)}.wrapper{position:relative;width:auto;height:auto;display:flex;color:var(--text-color-1);justify-content:center;align-items:center}.liuyao-input{width:100%;min-width:auto;max-width:none;height:30px;font-size:14px;padding-left:7px;border:#616161 1px solid;background-color:var(--bg-color-3);color:var(--text-color-1);border-radius:3px;outline:none;transition:all ease-in-out 0.1s;align-items:center}select.liuyao-input{padding-left:7px}.hint{display:inline-block;position:absolute;font-size:0.9rem;height:15px;padding:0 4px 0;top:3px;left:7px;pointer-events:none;color:var(--text-color-1);background-color:var(--bg-color-3);transition:all ease-in-out 0.1s}.liuyao-input:focus{border:var(--primary-color) 1px solid}.liuyao-input:focus + .hint,.liuyao-input:valid + .hint{font-size:0.65rem;height:0.6rem;top:-0.5rem}.shensha-grid{color:var(--text-color-1);background-color:var(--bg-color-3)}.shensha-grid table{border-collapse:collapse;width:100%}.shensha-grid table,.shensha-grid th,.shensha-grid td{border:#616161 1px solid}.shensha-grid th{width:25px;padding:2px;text-align:center;font-size:1rem}.shensha-grid td{text-align:center;font-size:0.6rem}.gz-time{display:flex;color:var(--text-color-1);background-color:var(--bg-color-3);align-items:center}.gztime-layout{display:grid;width:100%;grid-template-columns:1fr 1fr 1fr 1fr;font-size:0.8rem}.gz-show{text-align:center;align-items:center;animation:fadeIn 1s ease-in-out forwards}.paipan{display:grid;grid-template-columns:5fr 15fr 10fr;gap:5px;background-color:var(--bg-color-3);color:var(--text-color-1)}.biangua-wai{grid-column:1}.bengua-wai{grid-column:2}.biangua-wai{grid-column:3}.cg{display:grid;grid-template-columns:1fr;gap:1rem}.bengua{display:grid;grid-template-columns:1fr;gap:1rem}.shiying{display:block;min-width:5px;min-height:10px;text-align:center;align-items:center}.dongyao{display:block;min-width:5px;min-height:10px;text-align:center}.biangua{display:grid;grid-template-columns:1fr;height:1rem;gap:1rem}.cg-guaming,.biangua-guaming,.bengua-guaming{display:flex;width:100%;min-height:30px;font-size:0.8rem;text-align:center;justify-content:center;align-items:center;margin-bottom:10px;padding:0}.cg-symbol{display:grid;height:1rem;width:100%}.bengua-symbol{display:grid;height:1rem;grid-template-columns:2fr 5fr 5fr 3fr;white-space:nowrap;overflow:hidden;font-size:0.8rem}.biangua-symbol{display:grid;height:1rem;grid-template-columns:1fr 1fr;white-space:nowrap;overflow:hidden;font-size:min(14px,2vw)}.fill-symbol{display:grid;width:100%;grid-template-columns:2fr 3fr;white-space:nowrap;overflow:hidden;font-size:0.8rem;line-height:0.8rem;animation:fadeIn 0.6s ease-in-out forwards}.cg-symbol span,.symbol span,.biangua-symbol span{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-items:center;justify-self:center;animation:fadeIn 0.6s ease-in-out forwards}.symbol-img{width:100%;height:1rem;position:relative;cursor:pointer;display:block;transition:all 0.3s ease-in-out;transform-style:preserve-3d;animation:flipShrinkFade 0.6s ease-in-out forwards}.symbol-img.yang::before{content:'';position:absolute;width:100%;height:100%;background:#000;display:block;transition:all 0.3s ease-in-out;transform-style:preserve-3d;animation:flipShrinkFade 0.6s ease-in-out forwards}.symbol-img.yin::before{content:'';position:absolute;width:40%;height:100%;background:#000;left:0;display:block;transition:all 0.3s ease-in-out;transform-style:preserve-3d;animation:flipShrinkFade 0.6s ease-in-out forwards}.symbol-img.yin::after{content:'';position:absolute;width:40%;height:100%;background:#000;right:0;display:block;transition:all 0.3s ease-in-out;transform-style:preserve-3d;animation:flipShrinkFade 0.6s ease-in-out forwards}.symbol-img.yang.lao-yang::before{background:red;transition:all 0.3s ease-in-out;transform-style:preserve-3d;animation:flipShrinkFade 0.6s ease-in-out forwards}.symbol-img.yin.lao-yin::before,.symbol-img.yin.lao-yin::after{background:red;transition:all 0.3s ease-in-out;transform-style:preserve-3d;animation:flipShrinkFade 0.6s ease-in-out forwards}.main-panel-btn{display:grid;grid-template-columns:1fr;gap:5px;margin-top:auto}.chat-panel-btn{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;margin-top:auto}.btn.saved{background-color:#8bd9c9;cursor:not-allowed}.btn.shared{background-color:#8bd9c9;cursor:not-allowed}.declare{border-radius:5px;font-size:14px;width:auto;height:2rem;display:flex;color:var(--text-color-1);background-color:var(--bg-color-3);justify-content:center;align-items:center;gap:5px}.tips{border-radius:5px;font-size:0.9rem;width:auto;height:2rem;display:flex;color:var(--text-color-1);background-color:var(--bg-color-3);justify-content:center;align-items:center}.chat-display{display:flex;flex-direction:column;gap:5px;overflow-y:auto;border-radius:5px;scrollbar-width:none;flex:1;min-height:0;max-height:100%}.collapsible-section{display:flex;flex-direction:column;height:auto;border-radius:5px;background-color:var(--bg-color-3)}.collapsible-header{display:block;height:2rem;width:100%;border:none;padding:5px;position:relative;text-align:center;color:var(--text-color-1)}.collapsible-header:hover{border-radius:5px;background-color:var(--primary-color);color:var(--text-color-3)}.collapsible-header:active{border-radius:5px;background-color:var(--primary-color-hover);color:var(--text-color-3)}.collapsible-header::after{content:'+';position:absolute;right:10px;transition:transform 0.5s ease,content 0.5s ease}.collapsible-header.active::after{content:'-';transform:rotate(180deg)}.collapsible-content{max-height:0;padding:0;overflow:hidden;transition:max-height 0.5s ease,opacity 0.5s ease,padding 0.5s ease-in-out}.collapsible-content.active{display:flex;flex-direction:column;color:var(--text-color-1);border-top:1px solid var(--primary-color);max-height:5000px;overflow:hidden;overflow-y:auto;scrollbar-width:none;padding:10px;opacity:1;transition:max-height 0.5s ease,opacity 0.5s ease,padding 0.5s ease-in-out}.beginners-guide{position:fixed;right:0;bottom:10px;margin-right:15px;padding:10px;color:var(--primary-color-hover);z-index:1000}.beginners-guide:hover{color:var(--primary-color-hover);cursor:pointer}.appraise-rating-slider{display:flex;align-items:center;margin-right:10px}.appraise-rating-input{width:100%;height:5px;-webkit-appearance:none;background:#d3d3d3;outline:none;border-radius:5px}.appraise-rating-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:#4CAF50;cursor:pointer}.appraise-rating-input::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#4CAF50;cursor:pointer}.appraise-panel{background-color:var(--bg-color-3);overflow:hidden;height:0;opacity:0;padding:0;gap:0;transition:height 0.5s ease,opacity 0.5s ease,padding 1s ease}.appraise-panel.active{display:flex;flex-direction:column;color:var(--text-color-1);background-color:var(--bg-color-3);border-radius:5px;padding:10px;gap:10px;height:80px;opacity:1;transition:height 0.5s ease,opacity 0.5s ease,padding 1s ease}.appraise-item{display:flex;align-items:center}.appraise-label{width:80px;text-align:right;padding-right:15px;font-size:14px}.appraise-control{flex:1}.appraise-rating-container{display:flex;align-items:center}.appraise-rating-slider{flex:1;height:6px;margin-right:10px}.appraise-rating-value{width:40px;text-align:center;font-size:14px}.appraise-switch{background:none;border:none;position:relative;display:inline-flex;align-items:center;cursor:pointer}.appraise-switch.active{background:none;border:none;position:relative;display:inline-flex;align-items:center;cursor:pointer}.appraise-switch-slider{position:relative;width:50px;height:24px;background-color:var(--bg-color-2);border-radius:12px;transition:background-color 0.3s;margin:0 5px}.appraise-switch.active .appraise-switch-slider{background-color:var(--primary-color)}.appraise-switch-knob{position:absolute;width:20px;height:20px;background-color:var(--primary-color-hover);border-radius:50%;top:2px;left:2px;transform:translateX(0px);transition:transform 0.3s}.appraise-switch-knob.active{transform:translateX(26px)}.appraise-switch-label{font-size:14px;margin:0 5px;color:green;transition:color 0.3s}.appraise-switch-label.active{color:var(--primary-color)}.liuyao-case-share-url.active{display:flex;flex-direction:column;color:var(--text-color-1);background-color:var(--bg-color-3);border-radius:5px;padding:10px;gap:10px;max-height:500px;opacity:1;transition:max-height 0.5s ease,opacity 0.5s ease,padding 1s ease}@media screen and (max-width:768px){.beginners-guide{position:fixed;height:40px;top:50%;transform:translateY(-50%);background-color:var(--primary-color);color:var(--text-color-3);padding:10px;align-items:center;opacity:50%;box-shadow:0 0 10px rgba(0,0,0,0.1);z-index:1000;right:-80px;transition:right 0.3s ease}.beginners-guide.active{right:0}.miao_jie{display:none}.index-content{display:flex;flex-direction:column}.case-info{display:flex;flex-direction:column}.wrapper{width:100%}.shensha-grid th{width:20px;font-size:0.8rem}.shensha-grid td{font-size:0.5rem}.fill-symbol{font-size:0.6rem}.tips{font-size:0.6rem}.cg-guaming,.biangua-guaming,.bengua-guaming{font-size:0.6rem;min-height:20px}.declare{font-size:0.6rem}footer{display:none}.chat-display{display:flex!important;flex-direction:column;gap:5px;overflow-y:auto;border-radius:5px;scrollbar-width:none;flex:1 1 auto;min-height:630px;max-height:none;-webkit-overflow-scrolling:touch;height:auto}.panel{height:calc(100vh - 120px);min-height:770px}@supports (-webkit-touch-callout:none){.chat-display{min-height:630px;height:auto;flex:1 1 auto}.panel{height:-webkit-fill-available;min-height:770px}}}