*{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,Microsoft YaHei,微软雅黑;min-height:100vh;overflow-x:hidden}@media (max-width:576px){body{font-size:14px}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.wuxing-jin{color:gold;font-weight:700}.wuxing-mu{color:#228b22;font-weight:700}.wuxing-shui{color:#1e90ff;font-weight:700}.wuxing-huo{color:#ff4500;font-weight:700}.wuxing-tu{color:#8b4513;font-weight:700}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.auth-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{animation:slideUp .5s ease;background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026;max-width:450px;padding:40px;width:100%}.auth-header{margin-bottom:30px;text-align:center}.auth-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:32px;margin-bottom:10px}.auth-header p{color:#666;font-size:16px}.auth-form{margin-bottom:20px}.btn-block{margin-top:10px;width:100%}.auth-footer{align-items:center;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;padding-top:20px}.auth-footer p{color:#666;font-size:14px;margin:0;width:100%}.footer-actions{display:flex;gap:12px;justify-content:flex-end;width:100%}.link-button{background:none;border:none;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;margin-left:5px;text-decoration:underline}.link-button:hover{color:#764ba2}.message{border-radius:8px;margin-bottom:15px;padding:12px;text-align:center}@media (max-width:480px){.auth-card{padding:30px 20px}.auth-header h1{font-size:28px}}.input-group{margin-bottom:14px}.input-group label{color:#444;margin-bottom:6px}.input-wrapper{position:relative}.input-wrapper input{border:1px solid #e5e7eb;border-radius:8px;outline:none;padding:10px 80px 10px 12px;transition:border-color .2s;width:100%}.input-wrapper input:focus{border-color:#667eea}.toggle-visibility{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#444;cursor:pointer;font-size:12px;padding:6px 10px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.toggle-visibility:hover{background:#eaecee}.error-message{color:#e53935;display:block;font-size:12px;margin-top:6px}.navbar{background:#fffffffa;box-shadow:0 2px 12px #00000014;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-head{align-items:center;display:flex;gap:12px}.navbar-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;text-decoration:none;transition:transform .3s ease}.navbar-brand:hover{transform:scale(1.05)}.navbar-link{border-radius:8px;padding:8px 5px;position:relative;transition:all .3s ease}.navbar-link:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.navbar-link.active{background:none;color:#667eea;font-weight:700}.navbar-link.active:after{background:#e0e0e0;border-radius:2px;bottom:-4px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60%}.navbar-user{align-items:center;border-left:2px solid #e0e0e0;display:flex;gap:8px;padding-left:10px;position:relative}.user-name{color:#667eea;font-weight:600}.btn-sm{font-size:14px;padding:6px 3px}@media (max-width:768px){.navbar-content{flex-direction:column;gap:15px}.navbar-head{justify-content:space-between;width:100%}.navbar-menu{flex-wrap:wrap;justify-content:center}.navbar-link.active:after{width:80%}}.navbar-avatar{border:2px solid #e0e0e0;border-radius:50%;cursor:pointer;height:32px;object-fit:cover;width:32px}.dropdown-menu{background:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 6px 12px #00000014;display:flex;flex-direction:column;gap:6px;min-width:160px;padding:8px;position:absolute;right:20px;top:48px;z-index:1001}.dropdown-item{background:none;border:none;border-radius:8px;color:#333;cursor:pointer;padding:8px 10px;text-align:left;text-decoration:none}.dropdown-item:hover{background:#f7f7f7}.dashboard{min-height:100vh}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.dashboard-header h1{color:#fff;font-size:32px;text-shadow:0 2px 4px #0003}.empty-container,.error-container,.loading-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:60px 20px;text-align:center}.empty-container p,.error-container p,.loading-container p{color:#666;font-size:18px;margin-bottom:20px}.records-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.record-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:20px;transition:all .3s ease}.record-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-5px)}.record-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.record-header h3{color:#333;font-size:20px}.gender-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:14px;font-weight:600;padding:4px 12px}.record-info{margin-bottom:15px}.record-bazi{display:flex;margin:10px 0}.pillar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 2px 4px #667eea4d;color:#fff;font-size:16px;font-weight:700;padding:8px 12px}.community-badge{background:#28a745;border-radius:6px;color:#fff;display:inline-block;font-size:12px;margin-top:8px;padding:4px 8px}.record-actions{border-top:2px solid #f0f0f0;display:flex;gap:10px;margin-top:15px;padding-top:15px}.record-actions button{flex:1 1}@media (max-width:768px){.dashboard-header{align-items:stretch;flex-direction:column;gap:15px}.dashboard-header h1{font-size:24px}.records-grid{grid-template-columns:1fr}}.bazi-input{min-height:100vh}.bazi-input h1{color:#333;font-size:28px;margin-bottom:30px}.input-type-tabs{display:flex;gap:10px;margin-top:10px}.input-type-tabs button{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:10px;transition:all .3s ease}.input-type-tabs button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.input-type-tabs button:hover:not(.active){border-color:#667eea}.date-inputs{margin:20px 0}.input-row{display:flex;gap:15px}.input-row .input-group{flex:1 1}.checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:8px}.checkbox-group input[type=checkbox]{cursor:pointer;width:auto}.sizhu-inputs{margin:20px 0}.sizhu-display{background:#f8f9fa;border-radius:8px;display:flex;gap:15px;margin-top:15px;padding:15px}.sizhu-display span{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;font-weight:700;padding:8px 12px}.selected-date-info{background:#e8f4f8;border:2px solid #667eea;border-radius:8px;margin-top:15px;padding:15px}.selected-date-info .info-title{color:#667eea;font-size:14px;font-weight:700;margin-bottom:10px}.selected-date-info .date-info-row{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.selected-date-info .date-info-item{align-items:center;display:flex;gap:10px}.selected-date-info .date-label{color:#555;font-weight:700;min-width:50px}.selected-date-info .date-value{color:#333;font-size:15px}.selected-date-info .btn-clear-date{background:#f8f9fa;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .3s ease}.selected-date-info .btn-clear-date:hover{background:#e9ecef;border-color:#adb5bd}.form-actions{display:flex;gap:15px;margin-top:30px}.form-actions button{flex:1 1}.modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;max-height:80vh;max-width:600px;overflow-y:auto;padding:30px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sizhu-modal{max-width:900px}.date-select-modal{max-width:700px}.modal-content h2{color:#333}.modal-content h2,.modal-hint{margin-bottom:20px;text-align:center}.modal-hint{color:#666;font-size:14px}.sizhu-selectors-new{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:30px}.pillar-selector-new{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:10px;padding:15px;transition:all .3s ease}.pillar-selector-new:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea33}.pillar-label{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#333;font-size:16px;font-weight:600;margin-bottom:15px;text-align:center}.gan-zhi-selectors{display:flex;flex-direction:column;gap:15px}.selector-group label{color:#666;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.button-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr)}.gan-btn,.zhi-btn{background:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;font-size:14px;font-weight:600;padding:8px 4px;transition:all .2s ease}.gan-btn:hover,.zhi-btn:hover{border-color:#667eea;box-shadow:0 2px 6px #667eea4d;transform:translateY(-2px)}.gan-btn.active{background:linear-gradient(135deg,#667eea,#764ba2)}.gan-btn.active,.zhi-btn.active{border-color:#0000;color:#fff;transform:scale(1.1)}.zhi-btn.active{background:linear-gradient(135deg,#28a745,#20c997)}.button-grid .gan-btn.disabled,.button-grid .zhi-btn.disabled{background-color:#f0f0f0;border-color:#ddd;box-shadow:none;color:#999;cursor:not-allowed;opacity:.4;transform:none}.button-grid .gan-btn:not(.disabled):hover,.button-grid .zhi-btn:not(.disabled):hover{background-color:#f5f0ff;border-color:#764ba2}.button-grid .gan-btn.active:not(.disabled),.button-grid .zhi-btn.active:not(.disabled){background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.pillar-actions{align-items:center;display:flex;justify-content:space-between;margin-top:15px}.current-value{background:#fff;border-radius:8px;color:#667eea;flex:1 1;font-size:20px;font-weight:700;padding:8px;text-align:center}.btn-clear-pillar{background:#f8f9fa;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-size:13px;margin-left:10px;padding:6px 12px;transition:all .3s ease}.btn-clear-pillar:hover{background:#e9ecef;border-color:#adb5bd;color:#dc3545}.date-options{grid-gap:15px;display:grid;gap:15px;margin-bottom:20px;max-height:400px;overflow-y:auto;padding:10px}.date-option-card{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;padding:15px;transition:all .3s ease}.date-option-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translateX(5px)}.date-option-main{border-bottom:1px solid #e0e0e0;margin-bottom:10px;padding-bottom:10px}.date-option-main,.date-option-sub{align-items:center;display:flex;justify-content:space-between}.date-type{background:#e9ecef;border-radius:12px;color:#666;font-size:12px;font-weight:600;padding:4px 12px}.date-value{color:#333;font-size:14px;font-weight:600}.no-dates{color:#666;padding:40px 20px;text-align:center}.no-dates p{margin:10px 0}.no-dates .hint{color:#999;font-size:14px}.modal-actions{gap:15px;margin-top:20px}.modal-actions button{flex:1 1}@media (max-width:768px){.input-row,.sizhu-display{flex-direction:column}.sizhu-selectors-new{grid-template-columns:1fr}.button-grid{gap:6px;grid-template-columns:repeat(5,1fr)}.gan-btn,.zhi-btn{font-size:12px;padding:6px 2px}.current-value{font-size:20px}.date-select-modal,.sizhu-modal{max-width:95%;padding:20px}}.tag-select{display:flex;flex-direction:column;gap:8px}.tag-select .selected{display:flex;flex-wrap:wrap;gap:6px}.tag-chip{align-items:center;background:#eef2ff;border:1px solid #c7d2fe;border-radius:14px;color:#3730a3;display:inline-flex;font-size:12px;gap:6px;padding:4px 8px}.tag-chip .remove{background:#0000;border:none;color:#6b7280;cursor:pointer}.tag-select .input-row{position:relative}.tag-input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 10px;width:100%}.suggestions{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 10px #0000000d;left:0;max-height:180px;overflow:auto;position:absolute;right:0;top:36px;z-index:1200}.suggestion-item:hover{background:#f3f4f6}@media (max-width:640px){.suggestions{z-index:1200}}.wuxing-display{margin:20px 0}.wuxing-display h3{color:#333;font-size:20px;margin-bottom:20px}.wuxing-bars{display:flex;flex-direction:column;gap:15px}.wuxing-item{align-items:center;display:flex;gap:10px}.wuxing-label{display:flex;font-size:16px;font-weight:600;justify-content:space-between;min-width:80px}.wuxing-value{color:#666;font-size:14px}.wuxing-bar-container{background:#f0f0f0;border-radius:12px;flex:1 1;height:24px;overflow:hidden}.wuxing-bar{border-radius:12px;height:100%;transition:width .6s ease}.wuxing-percentage{color:#666;font-size:14px;min-width:60px;text-align:right}.bazi-detail{min-height:100vh}.detail-header{align-items:center;display:flex;gap:20px;margin-bottom:30px}.detail-header h1{color:#fff;font-size:32px;text-shadow:0 2px 4px #0003}.card h2{border-bottom:2px solid #f0f0f0;color:#333;font-size:22px;margin-bottom:20px;padding-bottom:10px}.local-calc-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:600;margin-left:10px;padding:4px 10px;vertical-align:middle}.info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.info-item{display:flex;gap:10px}.info-label{color:#666;font-weight:600;min-width:80px}.info-value{color:#333;font-weight:500}.label-setting-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;max-height:80vh;max-width:600px;padding:30px;width:90%}.sizhu-display-detail{grid-gap:20px;gap:20px;grid-template-columns:repeat(4,1fr)}.pillar-detail{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;padding:15px;transition:transform .3s ease}.pillar-detail:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-5px)}.pillar-name{color:#666;font-weight:600;margin-bottom:10px}.pillar-chars .char{font-size:36px;text-shadow:0 2px 4px #0000001a}.shishen-label{font-size:14px}.dishi-label{box-shadow:0 1px 3px #0000001a}.pillar-wuxing{display:flex;flex-direction:column;font-size:14px;font-weight:600;gap:5px}.canggan-grid{grid-gap:15px;gap:15px}.canggan-item{background:#f8f9fa;border-radius:8px;padding:15px}.canggan-label{color:#666;font-weight:600;margin-bottom:10px}.canggan-values{gap:10px;text-align:center}.canggan-values span{font-size:16px;font-weight:700}.canggan-item-detail{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;flex-direction:column;gap:4px;padding:8px;transition:transform .2s ease}.canggan-item-detail:hover{box-shadow:0 2px 6px #00000026;transform:translateY(-2px)}.canggan-gan{font-size:20px;font-weight:700}.canggan-wuxing{color:#666;font-size:12px;font-weight:500}.canggan-shishen{background:#0000000d;border-radius:4px;font-size:13px;font-weight:600;margin-top:2px;padding:3px 8px}.qiyun-info{background:#f8f9fa;border-radius:8px;color:#666;font-weight:500;margin-bottom:20px;padding:12px}.dayun-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.dayun-item{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 6px #667eea4d}.dayun-gan-shishen,.dayun-zhi-shishen{background:#fffffff2;box-shadow:0 1px 3px #0003;padding:2px 6px;white-space:nowrap}.dayun-dishi,.dayun-gan-shishen,.dayun-zhi-shishen{border-radius:4px;color:inherit;font-size:11px;font-weight:600}.dayun-dishi{background:#ffffffe6;margin:2px 0;padding:3px 6px}.dayun-nayin{background:#ffffffd9;border:1px solid #ffffff4d;border-radius:4px;color:inherit;font-size:10px;font-weight:600;margin:2px 0;padding:3px 8px}.shensha-list{display:flex;flex-wrap:wrap;gap:10px}.shensha-badge{background:linear-gradient(135deg,#28a745,#20c997);border-radius:20px;box-shadow:0 2px 4px #28a7454d;color:#fff;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.shensha-badge:hover{box-shadow:0 4px 8px #28a74566;transform:translateY(-2px)}.liunian-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.liunian-item{background:#f8f9fa;border-radius:8px;padding:12px;transition:all .3s ease}.liunian-item:hover{border-color:#667eea;transform:scale(1.05)}.liunian-year{color:#666;font-size:14px;font-weight:600;margin-bottom:5px}.liunian-shishen{background:#0000000d;border-radius:3px;color:inherit;font-size:11px;font-weight:600;margin-bottom:4px;padding:2px 6px}.liunian-ganzhi{font-size:20px}.liuyue-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.liuyue-item{background:#f8f9fa;border-radius:8px;padding:10px;transition:all .3s ease}.liuyue-item:hover{border-color:#764ba2;transform:scale(1.05)}.liuyue-month{color:#666;font-size:12px;font-weight:600;margin-bottom:5px}.liuyue-shishen{background:#0000000d;border-radius:3px;color:inherit;font-size:10px;font-weight:600;margin-bottom:4px;padding:2px 5px}.liuyue-ganzhi{font-size:18px}.qiyun-title{color:#667eea}.liunian-item.current,.liuyue-item.current{background:linear-gradient(135deg,#fff4cf,#f1e8d7);border-color:#fdcb6e;box-shadow:0 4px 8px #fdcb6e4d}.card-header-with-control{border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding-bottom:10px}.card-header-with-control h2{border:none;padding:0}.year-selector{gap:10px}.year-nav-btn{border:2px solid #667eea;border-radius:8px;font-size:18px;font-weight:700;height:40px;transition:all .3s ease;width:40px}.year-nav-btn:hover{background:#667eea;color:#fff}.year-select{border:2px solid #667eea;border-radius:8px;color:#333;font-size:16px;font-weight:600;padding:8px 16px;transition:all .3s ease}.year-select:hover{border-color:#764ba2}.btn-today{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.btn-today:hover{box-shadow:0 4px 8px #667eea4d;transform:translateY(-2px)}.liuyue-hint{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;font-size:14px;line-height:1.6;margin-bottom:20px;padding:12px}.liuyue-hint .current-lunar-info{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:12px;color:#fff;display:inline-block;font-size:13px;margin-left:10px;padding:4px 12px}@media (max-width:768px){.canggan-grid,.info-grid{grid-template-columns:1fr}.dayun-grid,.liunian-grid,.liuyue-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.detail-header{align-items:flex-start;flex-direction:column}.detail-header h1{font-size:24px}.card-header-with-control{align-items:stretch;flex-direction:column}.year-selector{justify-content:center}.pillar-chars .char{font-size:28px}.shishen-label{font-size:12px;padding:3px 6px}.dishi-label,.nayin-label{font-size:11px}.hidden-gan-item{font-size:12px}.liuyue-hint{font-size:13px;padding:10px}}@media (max-width:576px){.detail-header h1{font-size:20px}.pillar-chars .char{font-size:24px}}.seven-grid{grid-template-columns:repeat(7,minmax(0,1fr));overflow:hidden}.hidden-gan-item{font-size:13px}.hidden-gan-item .label{font-size:12px}@media (max-width:1024px){.seven-grid{grid-template-columns:repeat(7,1fr)}.seven-grid .seven-col.divider{border-bottom:none;border-right:2px solid #e9ecef}}.toggle-switch,.view-toggle{align-items:center;display:inline-flex}.toggle-switch{cursor:pointer;gap:10px;-webkit-user-select:none;user-select:none}.toggle-switch input{opacity:0;pointer-events:none;position:absolute}.switch-track{background:#e7e9ee;border-radius:999px;box-shadow:inset 0 0 0 2px #0000000f;height:32px;position:relative;transition:all .25s ease;width:64px}.switch-thumb{background:#fff;border-radius:50%;box-shadow:0 2px 10px #00000040;height:28px;left:2px;position:absolute;top:2px;transition:transform .25s ease,background .25s ease;width:28px}.toggle-switch input:checked+.switch-track{background:coral;box-shadow:0 0 0 3px #ff7f5040}.toggle-switch input:checked+.switch-track .switch-thumb{transform:translateX(32px)}.toggle-switch:hover .switch-track{box-shadow:0 0 0 3px #ff7f5026,inset 0 0 0 2px #0000000f}.switch-label{color:#333;font-size:14px;font-weight:600}.publisher-info{align-items:center;display:flex;gap:8px}.publisher-info .avatar{border:1px solid #ddd;border-radius:50%;height:24px;object-fit:cover;width:24px}.publisher-info .publisher-name{font-weight:600}.modal{width:720px}.modal-header{margin-bottom:12px;padding-bottom:8px}.sizhu-display-detail{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))!important}.pillar-detail{background:#fff;border:2px solid #e9ecef;border-radius:10px;display:flex;flex-direction:column;gap:8px;min-width:0;padding:12px 10px;text-align:center}.pillar-name{color:#333;font-size:14px;font-weight:700;margin-bottom:6px}.shishen-label{background:#0000000a;font-size:12px}.hidden-gans{margin-top:4px}.hidden-gan-item{font-size:12px}.dishi-label{background:#00000008;margin-top:6px}.nayin-label{background:#0000000a;border:1px solid #00000014;margin-top:6px}@media (max-width:768px){.sizhu-display-detail{gap:8px;grid-template-columns:repeat(4,1fr)!important}.pillar-detail{padding:8px 6px}.pillar-chars .char{font-size:24px}.shishen-label{font-size:12px}.hidden-gan-item{font-size:11px}}@media (max-width:576px){.pillar-chars .char{font-size:20px}.shishen-label{font-size:11px}}.hidden-gans-two-line{margin-top:4px}@media (max-width:576px){.hidden-gans-two-line .gan,.hidden-gans-two-line .shishen{font-size:10px}}.canggan-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.canggan-item{background:#fff;border:2px solid #e9ecef;border-radius:10px;box-shadow:0 6px 12px #00000014;padding:10px 8px}.canggan-label{color:#333;font-size:13px;font-weight:700;margin-bottom:6px;text-align:center}.canggan-values{align-items:center;display:flex;flex-direction:column;gap:4px}.canggan-item-detail{align-items:center;display:flex;font-size:12px;gap:6px}.canggan-item-detail .gan{font-weight:700}.canggan-item-detail .label{color:#888;font-size:11px}@media (max-width:768px){.canggan-grid{gap:8px;grid-template-columns:repeat(4,1fr)}}@media (max-width:576px){.canggan-grid{grid-template-columns:repeat(2,1fr)}}.shensha-categories{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.shensha-category{background:#fff;border:2px solid #e9ecef;border-radius:10px;box-shadow:0 6px 12px #0000000f;padding:10px 8px}.category-title{color:#334155;font-size:14px;font-weight:700;margin-bottom:8px}.category-badges{display:flex;flex-wrap:wrap;gap:8px}.shensha-empty{color:#666;font-size:13px}@media (max-width:768px){.shensha-categories{gap:10px;grid-template-columns:1fr}}.seven-grid{grid-gap:0;border:2px solid #e9ecef;border-radius:12px;display:grid;gap:0;overflow-x:auto;overflow-y:hidden}.seven-col{background:#fff;min-width:0;padding:12px;text-align:center}.seven-grid .seven-col.divider{border-right:2px solid #e9ecef}.col-title{color:#666;font-size:14px;font-weight:600;margin-bottom:8px;white-space:nowrap;word-break:keep-all}.pillar-chars{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.pillar-chars .char{font-size:32px;font-weight:700}.shishen-label{background:#ffffffe6;border-radius:6px;font-size:15px;font-weight:600;margin-bottom:4px;padding:4px 8px;white-space:nowrap;word-break:keep-all}.hidden-gans{flex-direction:column;gap:4px;margin-top:6px}.hidden-gan-item,.hidden-gans{align-items:center;display:flex}.hidden-gan-item{font-size:15px;gap:6px}.hidden-gan-item .gan{font-weight:700}.hidden-gan-item .label{color:#888;font-size:11px}.dishi-label{background:#fffc;border-radius:4px;font-size:12px;margin-top:5px;padding:3px 6px}.dishi-label,.nayin-label{font-weight:600;white-space:nowrap;word-break:keep-all}.nayin-label{background:#0000000d;border:1px solid #0000001a;border-radius:6px;font-size:11px;margin-top:10px;padding:4px 8px;text-align:center}@media (max-width:768px){.seven-col{padding:8px}.pillar-chars .char{font-size:24px}.shishen-label{font-size:12px;padding:3px 6px}.hidden-gan-item{font-size:11px}.dishi-label,.nayin-label{font-size:10px}}@media (max-width:576px){.pillar-chars .char{font-size:20px}.shishen-label{font-size:12px;padding:2px 5px}.hidden-gan-item{font-size:12px}}.hidden-gans-two-line{align-items:center;display:flex;flex-direction:column;gap:4px;margin-top:6px}.hidden-gan-line,.hidden-ss-line{grid-gap:4px;align-items:center;display:grid;gap:4px;grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;width:100%}.hidden-gans-two-line .gan,.hidden-gans-two-line .shishen{font-size:12px;text-align:center}@media (max-width:768px){.hidden-gans-two-line .gan,.hidden-gans-two-line .shishen{font-size:11px}}@media (max-width:576px){.hidden-gans-two-line .gan,.hidden-gans-two-line .shishen{font-size:11px}}.card-header-with-control{align-items:center;display:flex;gap:12px;justify-content:space-between}.card-header-with-control h2{font-size:22px;margin:0}.year-selector{align-items:center;display:flex;gap:8px}.year-nav-btn{background:#fff;border:1px solid #e9ecef;border-radius:6px;color:#667eea;cursor:pointer;padding:6px 10px}.year-nav-btn:hover{background:#f8f9fa;color:#667eea}.year-select{background:#fff;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;padding:6px 10px}.year-select:hover{background:#f8f9fa}.btn-today{background:#fff;border:1px solid #e9ecef;border-radius:6px;color:#007bff;cursor:pointer;padding:6px 10px}.btn-today:hover{background:#f8f9fa}.liunian-hint{color:#555;font-size:13px;margin-bottom:12px}.liunian-hint .current-year-info{color:#333;font-weight:700}.liunian-grid{--gap:10px;--cols:5;--liunian-col-width:calc((100% - var(--gap)*(var(--cols) - 1))/var(--cols));-webkit-overflow-scrolling:touch;display:flex;flex-wrap:nowrap;gap:var(--gap);overflow-x:auto;overflow-y:hidden;padding-bottom:8px;scroll-snap-type:x mandatory}.liunian-item{background:#fff;border:2px solid #e9ecef;border-radius:10px;box-shadow:0 6px 12px #00000014;flex:0 0 var(--liunian-col-width);padding:10px 8px;scroll-snap-align:start;text-align:center}.liunian-item:hover{border-color:#dee2e6}.liunian-year{color:#333;font-size:13px;font-weight:700;margin-bottom:6px}.liunian-shishen{color:#666;font-size:12px;margin-bottom:6px}.liunian-ganzhi{color:#111;font-size:16px;font-weight:700}.liunian-item.current{background:linear-gradient(135deg,#ffd6d6,#ffc0c8);border-color:#ff6b6b99;box-shadow:0 8px 16px #ff6b6b4d;color:#fff}@media (max-width:576px){.liunian-grid{--cols:3}.liunian-ganzhi{font-size:18px}}.liunian-ganzhi-container{align-items:flex-start;display:flex;gap:8px;justify-content:center;margin:8px 0}.liunian-gan-section,.liunian-zhi-section{align-items:center;display:flex;flex-direction:column;gap:4px}.liunian-gan-shishen,.liunian-zhi-shishen{background:#ffffffeb;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#333;display:inline-block;font-size:12px;line-height:1.2;padding:2px 6px}.liunian-gan,.liunian-zhi{font-size:24px;font-weight:700;line-height:1}.liunian-dishi,.liunian-nayin{background:#ffffffeb;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#333;display:inline-block;font-size:12px;padding:2px 6px}.liunian-nayin{opacity:.95}@media (max-width:576px){.liunian-gan,.liunian-zhi{font-size:20px}}.liunian-meta{align-items:center;display:flex;flex-direction:column;gap:6px;margin-top:6px}.liunian-meta .tag-pill{display:block;text-align:center;width:88px;width:var(--tag-width,88px)}.liuyue-hint{color:#555;font-size:13px;margin-bottom:12px}.liuyue-hint .current-lunar-info{color:#333;font-weight:700}.liuyue-grid{--gap:10px;--cols:5;--liuyue-col-width:calc((100% - var(--gap)*(var(--cols) - 1))/var(--cols));-webkit-overflow-scrolling:touch;display:flex;flex-wrap:nowrap;gap:var(--gap);overflow-x:auto;overflow-y:hidden;padding-bottom:8px;scroll-snap-type:x mandatory}.liuyue-item{background:#fff;border:2px solid #e9ecef;border-radius:10px;box-shadow:0 6px 12px #00000014;flex:0 0 var(--liuyue-col-width);padding:10px 8px;scroll-snap-align:start;text-align:center}.liuyue-item:hover{border-color:#dee2e6}.liuyue-month{color:#333;font-size:13px;font-weight:700;margin-bottom:6px}.liuyue-shishen{color:#666;font-size:12px;margin-bottom:6px}.liuyue-ganzhi{color:#111;font-size:16px;font-weight:700}.liuyue-item.current{background:linear-gradient(135deg,#ffd6d6,#ffc0c8);border-color:#ff6b6b99;box-shadow:0 8px 16px #ff6b6b4d;color:#fff}@media (max-width:576px){.liuyue-grid{--cols:3}.liuyue-ganzhi{font-size:18px}}.liuyue-ganzhi-container{align-items:flex-start;display:flex;gap:8px;justify-content:center;margin:8px 0}.liuyue-gan-section,.liuyue-zhi-section{align-items:center;display:flex;flex-direction:column;gap:4px}.liuyue-gan-shishen,.liuyue-zhi-shishen{background:#ffffffeb;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#333;display:inline-block;font-size:12px;line-height:1.2;padding:2px 6px}.liuyue-gan,.liuyue-zhi{font-size:24px;font-weight:700;line-height:1}.liuyue-dishi,.liuyue-nayin{background:#ffffffeb;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#333;display:inline-block;font-size:12px;padding:2px 6px}.liuyue-nayin{opacity:.95}@media (max-width:576px){.liuyue-gan,.liuyue-zhi{font-size:20px}}.liuyue-meta{align-items:center;display:flex;flex-direction:column;gap:6px;margin-top:6px}.liuyue-meta .tag-pill{display:block;text-align:center;width:88px;width:var(--tag-width,88px)}.qiyun-info-box{background:linear-gradient(135deg,#e8f4f8,#d4e9f7);border:2px solid #667eea;border-radius:12px;margin-bottom:20px;padding:20px}.qiyun-title{color:#334155;font-size:16px;font-weight:700;margin-bottom:10px}.qiyun-details{display:flex;flex-direction:column;gap:8px}.qiyun-value{color:#333;font-size:18px;font-weight:700}.qiyun-date{color:#666;font-size:14px}.dayun-grid{--gap:12px;--cols:5;--dayun-col-width:calc((100% - var(--gap)*(var(--cols) - 1))/var(--cols));-webkit-overflow-scrolling:touch;display:flex;flex-wrap:nowrap;gap:var(--gap);overflow-x:auto;overflow-y:hidden;padding-bottom:8px;scroll-snap-type:x mandatory}.dayun-item{background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:10px;box-shadow:0 8px 16px #00000026;color:#fff;display:flex;flex:0 0 var(--dayun-col-width);flex-direction:column;gap:6px;padding:15px 12px;scroll-snap-align:start;text-align:center}.dayun-age{font-size:16px;font-weight:600;margin-bottom:8px}.dayun-ganzhi-container{align-items:flex-start;display:flex;gap:8px;justify-content:center;margin:8px 0}.dayun-gan-section{align-items:center;display:flex;flex-direction:column;gap:4px}.dayun-gan-shishen{color:#fffc;font-size:12px}.dayun-gan{color:#fff!important;font-size:32px;font-weight:700;line-height:1;text-shadow:0 2px 4px #0000004d}.dayun-zhi-section{align-items:center;display:flex;flex-direction:column;gap:4px}.dayun-zhi-shishen{color:#fffc;font-size:12px}.dayun-zhi{color:#fff!important;font-size:32px;font-weight:700;line-height:1;text-shadow:0 2px 4px #0000004d}.dayun-dishi{color:#ffffffd9;font-size:12px}.dayun-nayin{color:#ffffffe6}.dayun-nayin,.dayun-year{font-size:12px;opacity:.9}.dayun-year{margin-top:4px}.current-badge{background:#ff4757;border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:700;margin-top:8px;padding:4px 8px}.dayun-item.current{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border:2px solid #ffffff80;box-shadow:0 8px 16px #ff6b6b80;transform:scale(1.08)}@media (max-width:576px){.dayun-grid{--cols:3}.dayun-gan,.dayun-zhi{font-size:24px}.dayun-age{font-size:14px}}.share-grid{display:flex;flex-direction:column;gap:12px}.row{gap:12px}.radio{align-items:center;display:flex;gap:6px}.restricted-block{gap:10px}.restricted-block,.search-results{display:flex;flex-direction:column}.search-results{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;gap:6px;padding:8px}.result-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:6px}.result-item:hover{background:#f3f4f6}.result-item .avatar{background:#eee;border-radius:50%;height:28px;width:28px}.result-item .info{flex:1 1}.result-item .name{font-weight:600}.result-item .sub{color:#666;font-size:12px}.chips{flex-wrap:wrap}.chip,.chips{display:flex;gap:8px}.chip{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:18px;padding:6px 10px}.privacy-warning{background:#fff7ed;border:1px solid #fdba74;border-radius:8px;color:#9a3412;display:flex;flex-direction:column;gap:6px;padding:10px 12px}.privacy-warning-title{font-weight:600}.privacy-warning-text{font-size:13px;line-height:1.4}.modal-privacy-mask{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-privacy{background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000040;max-width:92vw;overflow:hidden;width:380px}.modal-privacy-header{border-bottom:1px solid #eee;font-weight:600;padding:12px 16px}.modal-privacy-body{color:#444;display:flex;flex-direction:column;gap:8px;padding:14px 16px}.modal-privacy-body .ack-row{align-items:center;display:flex;gap:8px;margin-top:6px}.modal-privacy-actions{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:12px 16px}.comment-editor{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.comment-input{border:1px solid #e5e7eb;border-radius:8px;outline:none;padding:10px;resize:vertical;transition:border-color .2s,box-shadow .2s}.comment-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.editor-toolbar{gap:10px}.editor-toolbar,.icon-btn{align-items:center;display:flex}.icon-btn{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:50%;cursor:pointer;height:34px;justify-content:center;transition:transform .15s,box-shadow .15s;width:34px}.icon-btn:hover{box-shadow:0 4px 10px #0000001a;transform:translateY(-1px)}.toolbar-spacer{flex:1 1}.emoji-picker{background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;padding:6px}.emoji-btn{background:#fff;border:none;border-radius:8px;cursor:pointer;padding:6px 8px}.comments-list{display:flex;flex-direction:column;gap:12px}.comment-item{border:1px solid #e5e7eb;border-radius:8px;padding:10px}.comment-head{justify-content:space-between;margin-bottom:6px}.comment-head,.user{align-items:center;display:flex}.user{gap:8px}.user .avatar{background:#eee;border:1px solid #ddd;border-radius:50%;height:28px;width:28px}.user .name{font-weight:600}.user .dot{color:#999}.user .time{color:#666;font-size:12px}.images{display:flex;flex-wrap:wrap;gap:8px}.images img{border:1px solid #ddd;border-radius:6px;cursor:pointer;height:100px;object-fit:cover;transition:transform .15s;width:100px}.images img:hover{transform:scale(1.02)}.comment-actions{display:flex;gap:12px;margin-top:6px}.btn-like{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:16px;color:#f9a5a5;cursor:pointer;padding:4px 10px}.btn-like.liked{background:#ffe4e6;border-color:#fb7185;color:red}.empty,.error,.loading{color:#666}.lightbox{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.lightbox-img{border-radius:12px;box-shadow:0 10px 30px #0006;max-height:92vh;max-width:92vw}.selected-images{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.selected-image{position:relative}.selected-image img{border:1px solid #ddd;border-radius:6px;cursor:pointer;height:80px;object-fit:cover;transition:transform .15s;width:80px}.selected-image img:hover{transform:scale(1.02)}.remove-img{align-items:center;background:#ef4444;border:none;border-radius:50%;box-shadow:0 2px 6px #0003;color:#fff;cursor:pointer;display:flex;height:22px;justify-content:center;position:absolute;right:-8px;top:-8px;width:22px}.remove-img:hover{background:#dc2626}.modal-mask{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal{box-shadow:0 10px 30px #00000040;max-width:92vw;overflow:hidden;width:360px}.modal-body{color:#444;padding:14px 16px}.modal-actions{border-top:1px solid #eee;padding:12px 16px}.community{min-height:100vh}.community-header{margin-bottom:30px}.community-header h1{color:#fff;font-size:32px;margin-bottom:20px;text-shadow:0 2px 4px #0003}.search-box{max-width:500px;position:relative}.search-box input{border:none;border-radius:12px;box-shadow:0 4px 12px #0000001a;font-size:16px;padding:15px 50px 15px 20px;transition:box-shadow .3s ease;width:100%}.search-box input:focus{box-shadow:0 6px 20px #667eea4d;outline:none}.clear-search{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:28px;height:30px;justify-content:center;padding:0;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:color .3s ease;width:30px}.clear-search:hover{color:#333}.community-content{display:flex;gap:20px;position:relative}.community-list{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;flex:1 1;max-height:calc(100vh - 250px);overflow-y:auto;padding:20px}.letter-section{margin-bottom:30px}.letter-header{background:#fff;border-bottom:3px solid #667eea;color:#667eea;font-size:24px;font-weight:700;margin-bottom:15px;padding:10px 0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.records-list{grid-gap:15px;display:grid;gap:15px}.community-record-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;cursor:pointer;padding:15px;transition:all .3s ease}.community-record-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translateX(5px)}.record-main{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.record-main h3{color:#333;font-size:18px}.record-date{color:#666;font-size:14px;margin-bottom:10px}.record-bazi{grid-gap:10px;align-items:stretch;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.record-bazi .pillar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;box-shadow:0 2px 4px #667eea4d;box-sizing:border-box;color:#fff;font-size:14px;font-weight:700;padding:6px 10px;text-align:center;width:100%}.alphabet-sidebar{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:4px;height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - 250px);overflow-y:auto;padding:10px;position:-webkit-sticky;position:sticky;top:20px}.alphabet-btn{align-items:center;background:#f8f9fa;border:none;border-radius:50%;color:#667eea;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;width:40px}.alphabet-btn:hover:not(.disabled){transform:scale(1.1)}.alphabet-btn.active,.alphabet-btn:hover:not(.disabled){background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.alphabet-btn.disabled{color:#ccc;cursor:not-allowed}@media (max-width:768px){.community-header h1{font-size:24px}.community-content{flex-direction:column-reverse}.alphabet-sidebar{flex-direction:row;flex-wrap:wrap;max-height:none;overflow-y:visible;position:static}.alphabet-btn{font-size:12px;height:35px;width:35px}.community-list{max-height:none}.record-bazi{grid-gap:8px;align-items:stretch;display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));.pillar{text-align:center}}}.form-inline{gap:8px}.input{padding:8px 10px}.modal-backdrop{z-index:1200}.modal{box-shadow:0 8px 24px #0000002e;max-width:90vw;min-width:640px}.modal-actions{gap:10px;margin-top:16px}.filters-bar{align-items:end;display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.filters-bar .publisher-filter,.filters-bar .select,.filters-bar .tag-select{flex:0 0 auto}.select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:10px 12px}.publisher-filter,.publisher-input-group,.select{position:relative}.publisher-suggestions{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 8px 24px #0000001f;left:0;max-height:240px;min-width:280px;overflow:auto;position:absolute;top:100%;z-index:1200}.suggestion-item{border-bottom:1px solid #f4f4f4;cursor:pointer;display:flex;gap:8px;justify-content:space-between;padding:8px 10px}.suggestion-item:hover{background:#f8fafc}.publisher-selected{align-items:center;display:flex;gap:8px}.publisher-name{font-weight:600}@media (max-width:576px){.filters-bar{grid-gap:8px;align-items:end;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.filters-bar>.publisher-filter,.filters-bar>.select,.filters-bar>.tag-select{min-width:0;width:100%}.filters-bar .select,.publisher-filter .input{width:100%}.publisher-suggestions{max-width:95vw;min-width:0;width:100%}}.date-range-body{display:flex;flex-direction:column;gap:12px}.date-row{align-items:center}.date-row,.date-select{display:flex;gap:8px}@media (max-width:640px){.modal{max-height:90vh;max-width:95vw;overflow:auto}.date-select{gap:6px}}.modal-header{font-weight:600;margin-bottom:8px}.ganzhi-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(6,1fr)}.ganzhi-btn{background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;padding:10px}.ganzhi-btn:hover{background:#f8fafc}@media (max-width:640px){.modal{max-height:90vh;max-width:95vw;overflow:auto}.ganzhi-grid{grid-template-columns:repeat(4,1fr)}}.modal-backdrop{z-index:1100}.modal{border-radius:12px;box-shadow:0 16px 40px #0003;max-width:720px;padding:16px;width:92%}.modal-header{font-size:18px;font-weight:700;margin-bottom:10px}.modal-body{display:flex;flex-direction:column;gap:12px}.row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.pillars{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.pillar{grid-gap:8px;align-items:center;display:grid;gap:8px}.pillar-controls{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.pillar-controls .btn{width:100%}.label{min-width:56px}.calendar-toggle{display:flex;gap:12px}.calendar-toggle label{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:6px;padding:6px 8px}.calendar-toggle label.active{background:#f3f4f6}.date-summary{color:#666;font-size:12px;margin-top:6px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}@media (max-width:640px){.modal{max-height:90vh;max-width:95vw;overflow:auto;width:95%}.row{gap:6px}.pillars{grid-template-columns:1fr}.pillar{gap:6px}.pillar-controls{grid-template-columns:1fr 1fr 1fr}}.App,.loading{min-height:100vh}.loading{align-items:center;color:#fff;display:flex;font-size:24px;font-weight:700;justify-content:center}.container{margin:0 auto;max-width:1200px;padding:20px}.card{box-shadow:0 4px 6px #0000001a;padding:24px}.btn{font-size:16px;font-weight:600;outline:none;padding:10px 20px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover{box-shadow:0 6px 12px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.btn-success{background:#28a745;color:#fff}.btn-success:hover{background:#218838}.input-group{margin-bottom:20px}.input-group label{color:#333;display:block;font-weight:600;margin-bottom:8px}.input-group input:not([type=checkbox]),.input-group select{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px;transition:border-color .3s ease;width:100%}.input-group input:focus,.input-group select:focus{border-color:#667eea;outline:none}.input-group input.error,.input-group select.error{border-color:#dc3545}.error-message{color:#dc3545;font-size:14px;margin-top:5px}.success-message{color:#28a745;font-size:14px;margin-top:5px}.grid{grid-gap:20px;gap:20px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.navbar{background:#fffffff2;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:15px 0}.navbar-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.navbar-brand{color:#667eea;font-size:24px;font-weight:700}.navbar-menu{align-items:center;display:flex;gap:20px}.navbar-link{color:#333;font-weight:500;text-decoration:none;transition:color .3s ease}.navbar-link:hover{color:#667eea}@media (max-width:992px){.container{padding:16px}.card{padding:20px}}@media (max-width:768px){.container{padding:14px}.card{padding:16px}.btn{font-size:14px;padding:8px 14px}}@media (max-width:576px){.container{padding:10px}.btn{font-size:13px;padding:12px 6px}}input[type=checkbox]{accent-color:#667eea}.styled-checkbox{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #667eea;border-radius:4px;cursor:pointer;display:inline-block;height:18px;position:relative;width:18px}.styled-checkbox:checked{background:#667eea;border-color:#667eea}.styled-checkbox:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:4px;position:absolute;top:1px;transform:rotate(45deg);width:5px}.profile-page .container{margin:0 auto;max-width:960px;padding:16px}.profile-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 6px 14px #0000000f;padding:20px}.avatar-section{align-items:center;display:flex;gap:16px;margin-bottom:16px}.avatar-preview{align-items:center;background:linear-gradient(135deg,#f5f7ff,#fafafa);border:2px solid #e0e7ff;border-radius:50%;box-shadow:0 6px 14px #667eea26;display:flex;height:96px;justify-content:center;overflow:hidden;width:96px}.avatar-preview img{height:100%;object-fit:cover;width:100%}.avatar-actions{align-items:center;display:flex}.file-label{overflow:hidden;position:relative}.file-label input[type=file]{cursor:pointer;inset:0;opacity:0;position:absolute}.grid{grid-gap:14px;display:grid;gap:14px}.grid-2{grid-template-columns:repeat(2,1fr)}.input-group{display:flex;flex-direction:column;gap:6px}.input-group input,.input-group select,.input-group textarea{border:1px solid #d1d5db;border-radius:8px;padding:10px;transition:border-color .2s,box-shadow .2s}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1f;outline:none}.actions{display:flex;justify-content:flex-end}.btn{border:none;border-radius:8px;cursor:pointer;padding:8px 6px}.btn-primary{background:#2563eb;color:#fff}.message{color:#2563eb;margin-top:8px}@media(max-width:640px){.grid-2{grid-template-columns:1fr}.avatar-section{align-items:flex-start;flex-direction:column}}.user-profile-page .card.user-card{padding:20px}.user-main{align-items:center;display:flex;gap:16px;margin-bottom:12px}.user-main .avatar{border:2px solid #e0e0e0;border-radius:50%;height:64px;object-fit:cover;width:64px}.user-main .info .name{font-size:18px;font-weight:600}.user-main .info .sub{color:#666}.user-extra{display:flex;gap:16px;margin:8px 0}.extra-item .label{color:#666;font-weight:600;margin-right:6px}.actions{margin-top:12px}.admin-users-page .users-list{display:flex;flex-direction:column;gap:12px}.admin-users-page .container h1{margin-bottom:16px}.user-item{background:#fff;border:1px solid #eee;border-radius:10px;justify-content:space-between;padding:12px}.user-item,.user-item .main{align-items:center;display:flex}.user-item .main{gap:12px}.user-item .avatar{border:2px solid #e0e0e0;border-radius:50%;height:44px;object-fit:cover;width:44px}.user-item .info .name{font-weight:600}.user-item .info .sub{color:#666;font-size:13px}.user-item .actions{display:flex;gap:8px}.empty{padding:20px}.error-container{background:#fff0f0;border:1px solid #ffd6d6;border-radius:10px;color:#a00;padding:16px}.loading-container{color:#666;padding:20px;text-align:center}.admin-groups-page .groups-list{display:flex;flex-direction:column;gap:12px}.group-item{align-items:center;background:#fff;border:1px solid #eee;border-radius:10px;display:flex;justify-content:space-between;padding:12px}.group-item .group-name{font-weight:600}.modal-backdrop{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal{background:#fff;border-radius:10px;box-shadow:0 10px 24px #00000026;max-width:95vw;width:640px}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between}.modal-content,.modal-header{padding:12px 16px}.member-search .search-results,.members-list{display:flex;flex-direction:column;gap:10px;margin-top:10px;padding:8px}.member-item,.result-item{align-items:center;border:1px solid #eee;border-radius:8px;display:flex;gap:10px;padding:8px}.member-item .avatar,.result-item .avatar{border:2px solid #e0e0e0;border-radius:50%;height:36px;object-fit:cover;width:36px}.member-item .info{flex:1 1}.member-item .info .name,.result-item .info .name{font-weight:600}.member-item .info .sub,.result-item .info .sub{color:#666}.empty{color:#666}.empty,.error-container,.loading-container{padding:12px;text-align:center}.admin-labels-page .container{margin:0 auto;max-width:1000px;padding:0 20px}.admin-labels-page h1{margin-bottom:16px}.card{background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 2px 12px #0000000a;margin-bottom:20px;padding:16px}.form-inline{align-items:center;display:flex;gap:12px}.input{border:2px solid #e0e0e0;border-radius:8px;flex:1 1;font-size:14px;padding:10px 12px}.labels-list{display:flex;flex-direction:column;gap:10px}.label-item{align-items:center;border:1px solid #f0f0f0;border-radius:8px;display:flex;justify-content:space-between;padding:10px 12px}.label-name{font-weight:600}.empty{color:#999}.empty,.error-container,.loading-container{padding:10px}.almanac-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1.2fr 1fr;margin:0 auto;max-width:1200px;padding:16px}.almanac-container .left,.almanac-container .right{min-width:0}@media (max-width:992px){.almanac-container{grid-template-columns:1fr;padding:10px}}.almanac-calendar{background:#fff;border:1px solid #e6e6e6;border-radius:12px;box-shadow:0 6px 16px #0000000f;padding:12px}.almanac-calendar .calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.almanac-calendar .calendar-header .selectors{display:flex;gap:12px}.almanac-calendar .selector{align-items:center;display:inline-flex;gap:6px}.almanac-calendar .nav-btn{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:4px 8px}.almanac-calendar .calendar-header select{padding:6px 8px}.almanac-calendar .week-row{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(7,1fr);margin-bottom:6px}.almanac-calendar .week-cell{color:#666;font-weight:600;padding:6px 0;text-align:center}.almanac-calendar .grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(7,1fr)}.almanac-calendar .day-cell{background:#fcfcfc;border:1px solid #eee;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:72px;padding:8px;position:relative}.almanac-calendar .corner{font-size:12px;font-weight:700;position:absolute;right:6px;top:4px}.almanac-calendar .corner-rest{color:#ff4d4f}.almanac-calendar .corner-work{color:#16a34a}.almanac-calendar .day-cell:hover{border-color:#c9e7ff;box-shadow:0 4px 12px #3d8eff26}.almanac-calendar .day-cell.dimmed{opacity:.55}.almanac-calendar .day-cell.today{background:#f2d1d1;border-color:#ff4d4f}.almanac-calendar .day-cell.selected{outline:2px solid #3d8eff}.almanac-calendar .solar-day{color:#1f1f1f;font-size:20px;font-weight:700}.almanac-calendar .minor-text{color:#666;font-size:13px}.almanac-calendar .minor-text.text-festival{color:#d30000;font-weight:600}.almanac-calendar .minor-text.text-jieqi{color:#2b78e4;font-weight:600}@media (max-width:768px){.almanac-calendar .grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr)}.almanac-calendar .day-cell{min-height:50px;padding:3px}.almanac-calendar{padding:8px}.almanac-calendar .solar-day{font-size:18px}}.huangli-card{background:#fff;border:1px solid #e6e6e6;border-radius:12px;box-shadow:0 6px 16px #0000000f;padding:16px}.huangli-card .header{text-align:left}.huangli-card .line1{color:#666;font-size:14px}.huangli-card .line2{color:#d4380d;font-size:48px;font-weight:800;margin:4px 0}.huangli-card .line3,.huangli-card .line4{color:#333;font-size:15px}.huangli-card .line4{margin-bottom:12px}.huangli-card .yiji{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.huangli-card .yiji-box{background:#fafafa;border:1px solid #eee;border-radius:10px;padding:12px}.huangli-card .yiji-title{font-weight:700;margin-bottom:6px}.huangli-card .yiji-title.yiji-good{color:#52c41a}.huangli-card .yiji-title.yiji-bad{color:#ff4d4f}.huangli-card .yiji-content{color:#444;line-height:1.6}@media (max-width:768px){.huangli-card .line2{font-size:40px}.huangli-card .yiji{grid-template-columns:1fr}}.buddhist-line{align-items:center;color:#555;font-size:13px;gap:8px;justify-content:space-between;margin-top:10px}.buddhist-right{align-items:center;gap:10px}.buddhist-memorials{color:#d30000;font-weight:600}.buddhist-taboos{color:#fa8c16;font-weight:600}
/*# sourceMappingURL=main.87339110.css.map*/