@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body{color:#3a332b;background:#f6f3ec;width:100%;min-height:100vh;font-family:Noto Serif SC,serif;overflow-x:hidden}.ink-bg{z-index:0;background:radial-gradient(circle at 30% 20%,#c8b9a726 0%,#0000 50%),radial-gradient(circle at 70% 70%,#b4a5931f 0%,#0000 50%);width:100%;height:100%;position:fixed;top:0;left:0}.ink-drop{filter:blur(60px);opacity:0;background:radial-gradient(circle,#6455461f 0%,#0000 70%);border-radius:50%;width:400px;height:400px;animation:18s ease-in-out infinite ink;position:absolute}.ink-drop:first-child{animation-delay:0s;top:10%;left:20%}.ink-drop:nth-child(2){animation-delay:5s;top:40%;left:70%}.ink-drop:nth-child(3){animation-delay:10s;top:70%;left:30%}@keyframes ink{0%{opacity:0;transform:scale(.2)}30%{opacity:.2;transform:scale(1)}70%{opacity:.12}to{opacity:0;transform:scale(1.4)}}.bg-symbol{opacity:.15;z-index:1;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 500 500\"><circle cx=\"250\" cy=\"250\" r=\"220\" fill=\"none\" stroke=\"%23d4c8b8\" stroke-width=\"1\"/><circle cx=\"250\" cy=\"250\" r=\"180\" fill=\"none\" stroke=\"%23d4c8b8\" stroke-width=\"1\"/><circle cx=\"250\" cy=\"250\" r=\"140\" fill=\"none\" stroke=\"%23d4c8b8\" stroke-width=\"1\"/><path d=\"M250,30 l250,220 l-250,220 l-250,-220Z\" fill=\"none\" stroke=\"%23e2d9cc\" stroke-width=\"1\"/><text x=\"250\" y=\"50\" fill=\"%23c8b9a7\" text-anchor=\"middle\" font-size=\"22\">☰</text><text x=\"400\" y=\"140\" fill=\"%23c8b9a7\" text-anchor=\"middle\" font-size=\"22\">☴</text><text x=\"470\" y=\"250\" fill=\"%23c8b9a7\" text-anchor=\"middle\" font-size=\"22\">☱</text><text x=\"400\" y=\"360\" fill=\"%23c8b9a7\" text-anchor=\"middle\" font-size=\"22\">☶</text><text x=\"250\" y=\"450\" fill=\"%23c8b9a7\" text-anchor=\"middle\" font-size=\"22\">☷</text><text x=\"100\" y=\"360\" fill=\"%23c8b9a7\" text-anchor=\"middle\" font-size=\"22\">☳</text><text x=\"30\" y=\"250\" fill=\"%23c8b9a7\" text-anchor=\"middle\" font-size=\"22\">☲</text><text x=\"100\" y=\"140\" fill=\"%23c8b9a7\" text-anchor=\"middle\" font-size=\"22\">☵</text></svg>");background-position:50%;background-repeat:no-repeat;width:700px;height:700px;animation:120s linear infinite rotateBagua;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes rotateBagua{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.compass-pointer{transform-origin:bottom;z-index:1;pointer-events:none;opacity:.4;background:linear-gradient(#9d8b73 0%,#0000 100%);width:2px;height:280px;position:fixed;top:50%;left:50%}.taiji{background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"45\" fill=\"none\" stroke=\"%23b8a994\" stroke-width=\"1\"/><path d=\"M50,5 a45,45 0 0 1 0,90 a22,22 0 0 1 0,-45 a22,22 0 0 0 0,-45Z\" fill=\"%23d4c8b8\"/><circle cx=\"50\" cy=\"27\" r=\"8\" fill=\"%233a332b\"/><circle cx=\"50\" cy=\"73\" r=\"8\" fill=\"%23f6f3ec\"/></svg>");background-size:contain;width:42px;height:42px;margin:0 auto 20px}.nav-bar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999;background:#f6f3ece6;border-bottom:1px solid #e2d9cc;width:100%;padding:18px 20px;position:fixed;top:0;left:0}.nav{flex-wrap:wrap;justify-content:center;gap:32px;display:flex}.nav-btn{color:#776b5d;cursor:pointer;background:0 0;border:none;font-family:Noto Serif SC,serif;font-size:16px;font-weight:500;transition:color .3s;position:relative}.nav-btn:hover,.nav-btn.active{color:#9d8b73}.nav-btn.active:after{content:"";background:#9d8b73;border-radius:1px;height:2px;position:absolute;bottom:-4px;left:0;right:0}.container{z-index:2;max-width:800px;margin:0 auto;padding:120px 24px 80px;position:relative}.title-box{text-align:center;margin-bottom:50px}.name{letter-spacing:10px;color:#4a3f33;margin-bottom:10px;font-size:50px;font-weight:700}.subtitle{color:#887a69;letter-spacing:3px;font-size:18px}.card{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fffdf9b3;border:1px solid #e2d9cc;border-radius:6px;margin-bottom:36px;padding:40px}.card h2{color:#4a3f33;border-bottom:1px solid #e2d9cc;margin-bottom:20px;padding-bottom:12px;font-size:24px;font-weight:600}.card p{color:#554b40;margin-bottom:14px;font-size:16px;line-height:2}.business{text-align:center;background:#d4c8b826;border:1px solid #d4c8b8;border-radius:8px;margin-top:50px;padding:36px 24px}.business-title{color:#4a3f33;letter-spacing:2px;margin-bottom:28px;font-size:22px;font-weight:700}.business-items{grid-template-columns:repeat(3,1fr);gap:20px;max-width:640px;margin:0 auto;display:grid}.business-item{background:#fff9;border:1px solid #e2d9cc;border-radius:6px;padding:14px 10px}.business-item strong{color:#3a332b;margin-bottom:6px;font-size:17px;display:block}.business-item span{color:#887a69;font-size:13px}.cases{margin-top:40px}.case-list{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.case-item{color:#554b40;background:#ffffff80;border:1px solid #e2d9cc;border-radius:6px;padding:20px;font-size:15px}.article-list{flex-direction:column;gap:16px;margin-top:20px;display:flex}.article-item{cursor:pointer;background:#fff9;border:1px solid #e2d9cc;border-radius:6px;padding:22px 24px;transition:all .3s}.article-item:hover{background:#d4c8b833;transform:translate(4px)}.article-date{color:#998c7c;margin-bottom:6px;font-size:13px}.article-item h3{color:#3a332b;margin-bottom:6px;font-size:19px;font-weight:600}.article-desc{color:#776b5d;font-size:14px}.category-tabs{border-bottom:1px solid #e2d9cc;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding-bottom:12px;display:flex}.category-tab{color:#776b5d;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:8px 16px;font-family:Noto Serif SC,serif;font-size:16px;font-weight:500;transition:all .3s}.category-tab.active,.category-tab:hover{color:#4a3f33;background:#d4c8b833}.articles-section{display:none}.articles-section.active{display:block}.back-btn{cursor:pointer;color:#4a3f33;background:#d4c8b833;border:1px solid #d4c8b8;border-radius:6px;margin-bottom:24px;padding:8px 18px;font-family:inherit;font-size:16px}.article-title{text-align:center;color:#3a332b;margin-bottom:30px;font-size:28px;font-weight:700}.article-meta{text-align:center;color:#998c7c;margin-bottom:40px;font-size:14px}.article-body{color:#333;font-size:17px;line-height:2.2}.article-body p{margin-bottom:20px}.article-body h2{color:#3a332b;margin:40px 0 20px;font-size:24px;font-weight:600}.article-body h3{color:#3a332b;margin:30px 0 15px;font-size:20px;font-weight:600}.article-body img{border-radius:6px;max-width:100%;height:auto;margin:20px 0}.article-body ul,.article-body ol{margin:20px 0;padding-left:30px}.article-body li{margin-bottom:10px;line-height:2}.article-body blockquote{color:#776b5d;border-left:4px solid #d4c8b8;margin:20px 0;padding-left:20px;font-style:italic}.float-contact{z-index:999;position:fixed;bottom:60px;right:20px}.float-wx{color:#4a3f33;text-align:center;cursor:pointer;background:#f6f3ec;border:1px solid #d4c8b8;border-radius:8px;padding:14px 16px;font-size:14px;transition:all .3s;box-shadow:0 4px 12px #00000014}.float-wx:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.float-wx strong{margin-bottom:4px;font-size:15px;display:block}.float-wx.copied{color:#2e7d32;background:#e8f5e9;border-color:#81c784}.float-back{z-index:999;position:fixed;bottom:60px;left:20px}.float-back-btn{color:#4a3f33;cursor:pointer;background:#f6f3ec;border:1px solid #d4c8b8;border-radius:8px;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .3s;box-shadow:0 4px 12px #00000014}.float-back-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}footer{text-align:center;color:#b0a08d;padding-top:40px;font-size:14px}.health-tool-container,.bazi-tool-container{margin-top:24px}@media (width<=768px){.business-items{grid-template-columns:repeat(2,1fr)}.case-list{grid-template-columns:1fr}.name{letter-spacing:6px;font-size:38px}.nav{gap:12px}.nav-btn{font-size:14px}.card{padding:24px}.article-title{font-size:24px}}