:root{--primary-color:#f8ebba;--primary-color-hover:#c5b677;--primary-color-rgb:248,235,186;--background-image:url("/static/public/img/002.jpg?bcb1e5351049");--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?bcb1e5351049") 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:radial-gradient(circle at center,#000000 0%,var(--bg-color-1) 100%)}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}.user-area{display:flex;grid-column:3;color:var(--text-color-3);justify-content:end;margin-right:20px;align-items:center;gap:15px}.user-logged-out{display:none}.user-area.is-logged-in .user-logged-in{display:flex}.user-area.is-logged-out .user-logged-in{display:none}.user-area.is-logged-out .user-logged-out{display:flex;gap:10px}.dropdown{position:relative;display:inline-block;border-radius:5px}.dropdown:hover,.dropbtn:focus{background-color:var(--primary-color-hover)}.dropbtn{background-color:var(--primary-color);color:var(--text-color-3);font-size:0.8rem;padding:8px 16px;border:none;cursor:pointer;border-radius:5px;position:relative}.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.1);z-index:1;border-radius:4px;right:0;border-radius:5px;opacity:0;transform:translateY(-15px);transform-origin:top;transition:opacity 0.5s ease-out,transform 0.5s cubic-bezier(0.175,0.885,0.32,1.275);pointer-events:none;visibility:hidden}.dropdown-item{padding:12px 16px;border-radius:5px;transform:scale(1);transition:background-color 0.5s ease-in-out,color 0.5s ease-in-out,transform 0.5s ease-in-out}.dropdown-item:hover{background-color:var(--primary-color-hover);color:var(--text-color-3);border-radius:5px;transform:scale(0.95);transition:background-color 0.5s ease-in-out,color 0.5s ease-in-out,transform 0.5s ease-in-out}.dropdown-content a{color:var(--text-color-1);padding:12px 16px;text-decoration:none;display:block;border-radius:5px;transform:scale(1);transition:background-color 0.5s ease-in-out,color 0.5s ease-in-out,transform 0.5s ease-in-out}.dropdown-content a:hover{color:var(--text-color-3);background-color:var(--primary-color-hover);border-radius:5px;transform:scale(0.95);transition:background-color 0.5s ease-in-out,color 0.5s ease-in-out,transform 0.5s ease-in-out}.dropdown-content.show{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto;transition:opacity 0.25s ease-out,transform 0.25s cubic-bezier(0.175,0.885,0.32,1.275),visibility 0s}.account-button{padding:8px 10px;border:none;border-radius:4px;cursor:pointer;font-size:14px;background:var(--primary-color);border-radius:5px}.account-button:hover{background:var(--primary-color-hover)}.announcement-btn{position:relative}.announcements-badge{display:inline-block;position:absolute;width:20px;height:20px;background-color:#e53935;color:white;font-size:12px;text-align:center;justify-self:center;border-radius:50%;margin-left:5px;margin-top:-15px;vertical-align:middle}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}.user-area{display:flex;align-items:center;justify-content:flex-end;margin-right:20px;gap:5px}footer{display:none}}.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}.index-content{display:flex;flex-direction:column;width:100%;top:-20px;overflow:hidden;position:relative;scrollbar-width:none;background-color:var(--bg-color-1)}.navigation-container{display:flex;width:100%;gap:10px;justify-content:space-between;padding:10px}.navigation-container a{display:flex;width:100%}.navigation-card{flex:1;flex-direction:column;width:100%;height:160px;background:var(--bg-color-2);border-radius:10px;position:relative;overflow:hidden;cursor:pointer;transition:transform .3s,box-shadow .3s;display:flex;align-items:center;justify-content:center}.navigation-card:hover{border:1px solid var(--primary-color);transform:translateY(-4px) scale(1.01);box-shadow:0 0 20px 4px rgba(var(--primary-color-rgb),.6)}.navigation-card h2{margin:0;font-family:'LogoFont',sans-serif;font-size:2rem;color:var(--text-color-1);letter-spacing:.1em;transition:opacity .3s}.navigation-card .info{inset:0;padding:0.5rem;font-size:1rem;line-height:1.5;scrollbar-width:none;color:var(--text-color-1);background:var(--bg-color-2);overflow:auto}.date-picker{display:flex;flex-direction:column;width:100%}.time-display{align-items:center;justify-items:center}.date-display{display:flex;flex-direction:column;margin:0 10px 10px 10px;align-items:center;gap:10px;min-width:350px;padding:10px;border-radius:10px;background-color:var(--bg-color-2);color:var(--text-color-1)}.display-section{display:flex;text-align:center;font-size:1rem;border-radius:8px}.gap{display:block;width:1rem}.lunar-display{font-size:1.2rem;font-weight:bold;color:red}.day-info{border:1px solid;padding:10px;justify-items:center;width:100%;border-radius:5px}.day-yiji{display:flex;justify-content:space-between;border:1px solid;border-radius:5px;width:100%;transition:all 1s ease-in-out;overflow:hidden}.day-yi-display{display:flex;flex:1;gap:10px;justify-content:start;margin:10px;overflow-wrap:break-word;transition:all 0.3s ease-in-out}.day-ji-display{display:flex;flex:1;gap:10px;justify-content:end;margin:10px;overflow-wrap:break-word;transition:all 0.3s ease-in-out}.day-suitable{flex-shrink:0;width:1.4rem;height:1.4rem;text-align:center;justify-self:center;background-color:green;align-items:flex-start;border-radius:50%}.day-avoid{flex-shrink:0;width:1.4rem;height:1.4rem;text-align:center;justify-self:center;background-color:red;border-radius:50%}.wheels{display:flex;flex-direction:column;width:auto}.date-wheel-container{display:flex;flex-direction:column;align-items:center;padding:10px;background-color:white;border-radius:10px;font-family:Arial,sans-serif}.select-wheel{padding:0px 10px}.wheel-section{display:flex;min-width:50px;margin-top:10px;flex-direction:column;align-items:center}.wheel-section:hover{border-left:1px solid;border-right:1px solid;border-color:var(--text-color-1)}.solar-zh,.lunar-zh{display:flex;font-size:16px;align-items:center;justify-content:center;padding:10px;color:var(--text-color-1);z-index:3}.wheel-container{display:flex;justify-content:center;background-color:var(--bg-color-2);width:100%;height:160px;padding:10px;position:relative;overflow:hidden;border-radius:10px}.wheel-container::before,.wheel-container::after{content:'';position:absolute;left:0;right:0;height:80px;z-index:2;pointer-events:none}.date-wheel{display:flex;height:100%}.wheel{width:auto;height:100%;position:relative;margin:0 5px;overflow:hidden;text-align:center}.wheel-items{width:auto;transition:transform 0.3s cubic-bezier(0.23,1,0.32,1);will-change:transform}.wheel-item{height:40px;line-height:40px;text-align:center;font-size:18px;color:#444;transition:all 0.3s}.wheel-item.active{color:var(--text-color-1);font-weight:bold;font-size:22px;text-shadow:0 0 1px rgba(13,110,253,0.5)}.bazi-explain{display:flex;flex-direction:column;width:auto}.bazi-explain-content{background-color:var(--bg-color-1);color:var(--text-color-2);padding:8px;font-size:0.8rem}.friend-links-container{width:100%;padding:10px;color:var(--text-color-1)}.friend-links-card{display:flex;width:100%;gap:10px}.friend-links-card a{display:flex;width:100%;padding:10px;gap:10px;border-radius:10px;color:var(--text-color-1);background-color:var(--bg-color-2);transition:transform .3s,box-shadow .3s}.friend-links-card a:hover{border:1px solid var(--primary-color);transform:translateY(-4px) scale(1.01);box-shadow:0 0 20px 4px rgba(var(--primary-color-rgb),.6)}.friend-link-logo{width:50px;height:50px;border-radius:5px}.friend-link-name{font-size:1.2rem;font-weight:bold}@media (max-width:768px){footer{display:none}.miao_jie{display:none}.navigation-container{flex-direction:column}.navigation-card{width:100%;height:100px}.navigation-card h2{font-size:1.5rem}.navigation-card .info{font-size:0.6rem}.date-display{min-width:200px;gap:5px;font-size:0.6rem}.display-section{font-size:0.8rem}.lunar-display{font-size:1rem}.day-suitable{width:1rem;height:1rem}.day-avoid{width:1rem;height:1rem}.wheel-section{min-width:20px}.solar-zh{font-size:12px}.wheel-item{font-size:12px}.wheel-item.active{font-size:14px}.friend-links-title{font-size:14px}hr{border:0.2px solid var(--primary-color)}.friend-link-name{font-size:0.8rem}.friend-link-desc{font-size:0.7rem}}