.subscription-card{background:var(--color-bg-card, #ffffff);border-radius:var(--radius-lg, 16px);padding:clamp(16px,3vw,24px);box-shadow:var(--shadow-md, 0 4px 12px rgba(0,0,0,.08));border:1px solid var(--border-color, rgba(0,0,0,.06));display:flex;flex-direction:column;gap:clamp(12px,2vw,16px);max-height:calc(100vh - 40px);overflow:hidden}.subscription-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:clamp(10px,2vw,14px);border-bottom:2px solid transparent;border-image:linear-gradient(90deg,var(--color-primary, #c9372c),transparent) 1}.subscription-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:clamp(32px,8vw,48px);background:var(--color-bg-paper, #f8f8f8);border-radius:12px;border:2px dashed var(--border-color, rgba(0,0,0,.1))}.empty-icon{font-size:clamp(2rem,5vw,2.5rem);opacity:.5}.empty-text{font-size:clamp(.875rem,2vw,1rem);color:var(--color-text-tertiary, #999)}.subscription-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:calc(100vh - 200px)}.subscription-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:clamp(12px,2vw,16px);background:var(--color-bg-paper, #f8f8f8);border-radius:10px;transition:all .2s ease}.subscription-item:hover{transform:translate(4px);box-shadow:var(--shadow-sm, 0 2px 8px rgba(0,0,0,.06))}.item-info{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.item-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.item-name{font-size:clamp(.875rem,2vw,1rem);font-weight:600;color:var(--color-text-primary, #1a1a1a)}.item-date{font-size:clamp(.625rem,1.5vw,.75rem);color:var(--color-text-tertiary, #999)}.item-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.subscription-modal .ant-modal-content{border-radius:16px}.subscription-modal .ant-modal-header{border-radius:16px 16px 0 0}@media (max-width: 640px){.subscription-card{padding:14px;gap:12px}.subscription-item{flex-direction:column;align-items:flex-start}.item-actions{width:100%;justify-content:flex-end}}.theme-dark .subscription-card{box-shadow:0 4px 12px #0003}.theme-dark .subscription-empty,.theme-dark .subscription-item{background:#ffffff0d}.reminder-card{background:var(--color-bg-card, #ffffff);border-radius:var(--radius-lg, 16px);padding:clamp(16px,3vw,24px);box-shadow:var(--shadow-md, 0 4px 12px rgba(0,0,0,.08));border:1px solid var(--border-color, rgba(0,0,0,.06));display:flex;flex-direction:column;gap:clamp(12px,2vw,16px);max-height:calc(100vh - 40px);overflow:hidden}.reminder-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:clamp(10px,2vw,14px);border-bottom:2px solid transparent;border-image:linear-gradient(90deg,var(--color-primary, #c9372c),transparent) 1}.header-left{display:flex;align-items:center;gap:8px}.header-icon{font-size:clamp(1.25rem,3vw,1.5rem)}.header-title{font-size:clamp(.875rem,2vw,1rem);font-weight:600;color:var(--color-text-primary, #1a1a1a)}.reminder-count{font-size:clamp(.625rem,1.5vw,.75rem)}.reminder-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:clamp(32px,8vw,48px);background:var(--color-bg-paper, #f8f8f8);border-radius:12px;border:2px dashed var(--border-color, rgba(0,0,0,.1))}.reminder-empty .empty-icon{font-size:clamp(2rem,5vw,2.5rem);opacity:.5}.reminder-empty .empty-text{font-size:clamp(.875rem,2vw,1rem);color:var(--color-text-tertiary, #999)}.reminder-list-content{display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:calc(100vh - 200px)}.reminder-item{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:clamp(12px,2vw,16px);background:var(--color-bg-paper, #f8f8f8);border-radius:10px;transition:all .2s ease}.reminder-item:hover{transform:translate(4px);box-shadow:var(--shadow-sm, 0 2px 8px rgba(0,0,0,.06))}.reminder-info{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.reminder-header-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.reminder-title{font-size:clamp(.875rem,2vw,1rem);font-weight:600;color:var(--color-text-primary, #1a1a1a)}.reminder-tags{display:flex;gap:6px}.reminder-content{font-size:clamp(.75rem,2vw,.875rem);color:var(--color-text-secondary, #666);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.reminder-date{font-size:clamp(.625rem,1.5vw,.75rem);color:var(--color-text-tertiary, #999)}.reminder-actions{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.reminder-modal .ant-modal-content{border-radius:16px}.reminder-modal .ant-modal-header{border-radius:16px 16px 0 0}@media (max-width: 640px){.reminder-card{padding:14px;gap:12px}.reminder-item{flex-direction:column}.reminder-actions{flex-direction:row;width:100%;justify-content:flex-end}}.theme-dark .reminder-card{box-shadow:0 4px 12px #0003}.theme-dark .reminder-empty,.theme-dark .reminder-item{background:#ffffff0d}.almanac-page{background:var(--bg-card);border-radius:16px;padding:24px;min-height:calc(100vh - 120px)}.almanac-header{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}.header-main{display:flex;align-items:center;justify-content:space-between}.almanac-title{font-size:24px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:12px}.almanac-date{font-size:14px;color:var(--text-secondary);padding:8px 16px;background:var(--bg-main);border-radius:8px}.ganzhi-badge{display:inline-flex;padding:10px 20px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:10px;color:#fff}.ganzhi-text{font-size:15px;font-weight:600;letter-spacing:2px}.info-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.info-card{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-main);border-radius:12px;border:1px solid var(--border)}.card-icon{font-size:28px}.card-content{display:flex;flex-direction:column;gap:4px}.card-label{font-size:12px;color:var(--text-secondary)}.card-value{font-size:18px;font-weight:600;color:var(--text-primary)}.almanac-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}.almanac-section{padding:20px;border-radius:12px;position:relative}.almanac-section.yi{background:linear-gradient(135deg,#c53d4314,#e862570d);border:1px solid rgba(197,61,67,.15)}.almanac-section.ji{background:linear-gradient(135deg,#2d5a4514,#3d7a5a0d);border:1px solid rgba(45,90,69,.15)}.section-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.section-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px}.yi .section-icon{background:var(--primary);color:#fff}.ji .section-icon{background:var(--jade);color:#fff}.section-title{font-size:18px;font-weight:600}.yi .section-title{color:var(--primary)}.ji .section-title{color:var(--jade)}.almanac-items{display:flex;flex-wrap:wrap;gap:8px}.almanac-item{padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:transform .2s ease}.almanac-item:hover{transform:scale(1.05)}.yi .almanac-item{background:#fff;color:var(--primary);border:1px solid rgba(197,61,67,.2)}.ji .almanac-item{background:#fff;color:var(--jade);border:1px solid rgba(45,90,69,.2)}.more-hint{display:block;width:100%;text-align:center;margin-top:8px;font-size:12px;color:var(--text-secondary)}.section-block{margin-bottom:20px;padding:20px;background:var(--bg-main);border-radius:12px}.section-block.highlight{background:linear-gradient(135deg,#c53d430d,#2d5a450d);border:1px solid var(--border)}.block-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.block-icon{font-size:20px}.block-title{font-size:16px;font-weight:600;color:var(--text-primary)}.block-subtitle{margin-left:auto;font-size:12px;color:var(--text-secondary)}.fortune-tags{display:flex;flex-wrap:wrap;gap:12px}.fortune-tag{display:flex;flex-direction:column;padding:12px 16px;border-radius:10px;cursor:pointer;transition:all .2s ease}.fortune-tag:hover{transform:translateY(-2px)}.fortune-tag.good{background:linear-gradient(135deg,#2d5a451a,#3d7a5a0d);border:1px solid rgba(45,90,69,.2)}.fortune-tag.bad{background:linear-gradient(135deg,#c53d431a,#e862570d);border:1px solid rgba(197,61,67,.2)}.tag-name{font-size:15px;font-weight:600}.fortune-tag.good .tag-name{color:var(--jade)}.fortune-tag.bad .tag-name{color:var(--primary)}.tag-desc{font-size:12px;color:var(--text-secondary);margin-top:4px}.direction-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.direction-item{display:flex;flex-direction:column;align-items:center;padding:16px;background:var(--bg-card);border-radius:10px;border:1px solid var(--border)}.direction-icon{font-size:24px;margin-bottom:8px}.direction-name{font-size:13px;color:var(--text-secondary);margin-bottom:4px}.direction-value{font-size:16px;font-weight:600;color:var(--text-primary)}.pengzu-text{font-size:15px;color:var(--text-primary);line-height:1.8;margin-bottom:8px}.pengzu-hint{font-size:12px;color:var(--text-secondary);font-style:italic}.taishen-text{font-size:16px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.taishen-hint{font-size:12px;color:var(--text-secondary)}.hours-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.hour-card{display:flex;flex-direction:column;align-items:center;padding:12px 8px;background:var(--bg-card);border-radius:10px;border:2px solid var(--border);cursor:pointer;transition:all .2s ease;position:relative}.hour-card:hover{border-color:var(--primary);transform:translateY(-2px)}.hour-card.selected{border-color:var(--primary);background:#c53d430d}.hour-card.current{border-color:var(--jade);background:#2d5a4514}.hour-icon{font-size:20px;margin-bottom:4px}.hour-name{font-size:14px;font-weight:600;color:var(--text-primary)}.hour-time{font-size:11px;color:var(--text-secondary);margin-top:2px}.hour-fortune{margin-top:6px;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.hour-fortune.吉{background:#2d5a4526;color:var(--jade)}.hour-fortune.中{background:#b48c3c26;color:#b48c3c}.hour-fortune.凶{background:#c53d4326;color:var(--primary)}.current-badge{position:absolute;top:-6px;right:-6px;padding:2px 6px;background:var(--jade);color:#fff;font-size:10px;border-radius:8px}.almanac-details{margin-top:24px;padding:20px;background:var(--bg-main);border-radius:12px}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.detail-item{display:flex;justify-content:space-between;padding:12px;background:var(--bg-card);border-radius:8px}.detail-label{color:var(--text-secondary);font-size:13px}.detail-value{font-weight:600;color:var(--text-primary)}@media (max-width: 768px){.info-cards{grid-template-columns:repeat(2,1fr)}.almanac-grid{grid-template-columns:1fr}.direction-grid{grid-template-columns:repeat(2,1fr)}.hours-grid{grid-template-columns:repeat(4,1fr)}}.horoscope-page{background:var(--bg-card);border-radius:16px;padding:24px;min-height:calc(100vh - 120px)}.period-tabs{display:flex;gap:12px;margin-bottom:24px}.period-tab{padding:10px 24px;background:var(--bg-main);border:1px solid var(--border);border-radius:8px;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.period-tab:hover{background:#c53d4314;border-color:var(--primary)}.period-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.zodiac-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-bottom:24px}.zodiac-card{padding:20px 12px;background:var(--bg-main);border-radius:12px;text-align:center;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.zodiac-card:hover{background:#c53d4314;border-color:var(--primary)}.zodiac-card.active{background:var(--primary);color:#fff}.zodiac-card .icon{font-size:32px;margin-bottom:8px}.zodiac-card .name{font-size:14px;font-weight:500}.zodiac-card .date{font-size:11px;color:var(--text-muted);margin-top:4px}.zodiac-card.active .date{color:#fffc}.horoscope-detail{padding:24px;background:var(--bg-main);border-radius:12px;margin-bottom:24px}.horoscope-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.horoscope-icon{font-size:56px}.horoscope-info h2{font-size:22px;font-weight:600;margin-bottom:4px}.horoscope-info p{color:var(--text-secondary);font-size:14px}.section-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:16px;display:flex;align-items:center;gap:8px}.fortune-section{margin-bottom:24px}.fortune-bars{display:flex;flex-direction:column;gap:12px}.fortune-item{display:flex;align-items:center;gap:12px}.fortune-icon{font-size:18px;width:24px;text-align:center}.fortune-label{width:50px;font-size:14px;color:var(--text-secondary)}.fortune-bar{flex:1;height:8px;background:var(--border);border-radius:4px;overflow:hidden}.fortune-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:4px;transition:width .5s ease}.fortune-value{width:24px;text-align:right;font-size:14px;font-weight:600;color:var(--primary)}.daily-fortune{margin-bottom:24px;padding:16px;background:var(--bg-card);border-radius:10px;border-left:3px solid var(--primary)}.fortune-desc{font-size:15px;color:var(--text-primary);line-height:1.7}.lucky-section{margin-top:24px}.lucky-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.lucky-item{display:flex;flex-direction:column;align-items:center;padding:16px;background:var(--bg-card);border-radius:10px;border:1px solid var(--border)}.lucky-icon{font-size:24px;margin-bottom:8px}.lucky-label{font-size:12px;color:var(--text-secondary);margin-bottom:4px}.lucky-value{font-size:15px;font-weight:600;color:var(--text-primary)}.sign-info-section{padding:24px;background:var(--bg-main);border-radius:12px;margin-bottom:24px}.info-grid{margin-bottom:20px}.info-row{display:flex;gap:12px}.info-item{flex:1;display:flex;flex-direction:column;padding:12px;background:var(--bg-card);border-radius:8px;border:1px solid var(--border)}.info-label{font-size:12px;color:var(--text-secondary);margin-bottom:4px}.info-value{font-size:15px;font-weight:600;color:var(--text-primary)}.personality-section{margin-top:16px}.sub-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.trait-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.personality-desc{font-size:14px;color:var(--text-secondary);line-height:1.7}.compatibility-section{padding:24px;background:var(--bg-main);border-radius:12px;margin-bottom:24px}.compatibility-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.compat-block{padding:20px;border-radius:12px}.compat-block.best{background:linear-gradient(135deg,#2d5a451a,#3d7a5a0d);border:1px solid rgba(45,90,69,.2)}.compat-block.avoid{background:linear-gradient(135deg,#c53d431a,#e862570d);border:1px solid rgba(197,61,67,.2)}.compat-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.compat-title{font-size:14px;font-weight:600}.compat-block.best .compat-title{color:var(--jade)}.compat-block.avoid .compat-title{color:var(--primary)}.compat-signs{display:flex;flex-wrap:wrap;gap:8px}.compat-sign{padding:6px 12px;background:#fff;border-radius:6px;font-size:13px;font-weight:500}.compat-block.best .compat-sign{color:var(--jade)}.compat-block.avoid .compat-sign{color:var(--primary)}.advice-section{padding:24px;background:var(--bg-main);border-radius:12px}.advice-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.advice-card{display:flex;gap:12px;padding:16px;background:var(--bg-card);border-radius:10px;border:1px solid var(--border)}.advice-icon{font-size:28px}.advice-content{display:flex;flex-direction:column;gap:4px}.advice-title{font-size:14px;font-weight:600;color:var(--text-primary)}.advice-text{font-size:13px;color:var(--text-secondary);line-height:1.5}@media (max-width: 768px){.lucky-grid{grid-template-columns:repeat(2,1fr)}.compatibility-grid,.advice-cards{grid-template-columns:1fr}}.zodiac-page{background:var(--bg-card);border-radius:16px;padding:24px;min-height:calc(100vh - 120px)}.animal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;margin-bottom:24px}.animal-card{padding:16px 12px;background:var(--bg-main);border-radius:12px;text-align:center;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.animal-card:hover{background:#c53d4314;border-color:var(--primary)}.animal-card.active{background:var(--primary);color:#fff}.animal-card .icon{font-size:36px;margin-bottom:8px}.animal-card .name{font-size:14px;font-weight:500}.content-tab:hover{background:#c53d4314;border-color:var(--primary)}.content-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.zodiac-detail{padding:24px;background:var(--bg-main);border-radius:12px}.zodiac-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.zodiac-icon{font-size:64px}.zodiac-info h2{font-size:22px;font-weight:600;margin-bottom:4px}.zodiac-element{font-size:14px;color:var(--text-secondary)}.fortune-overview{display:flex;gap:32px;margin-bottom:24px;align-items:center}.fortune-score{display:flex;flex-direction:column;align-items:center}.score-ring{width:120px;height:120px;position:relative}.score-ring svg{transform:rotate(-90deg)}.score-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:28px;font-weight:700;color:var(--primary)}.score-label{margin-top:8px;font-size:14px;color:var(--text-secondary)}.fortune-breakdown{flex:1;display:flex;flex-direction:column;gap:12px}.breakdown-item{display:flex;align-items:center;gap:12px}.breakdown-icon{font-size:18px;width:24px}.breakdown-label{width:60px;font-size:14px;color:var(--text-secondary)}.mini-bar{flex:1;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.mini-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:3px}.breakdown-value{width:30px;text-align:right;font-size:14px;font-weight:600;color:var(--primary)}.fortune-summary{margin-bottom:24px;padding:20px;background:var(--bg-card);border-radius:10px;border-left:3px solid var(--primary)}.section-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.summary-text{font-size:15px;color:var(--text-primary);line-height:1.8}.trait-section{margin-bottom:24px}.trait-tags{display:flex;flex-wrap:wrap;gap:8px}.trait-tag{padding:6px 14px;background:linear-gradient(135deg,#c53d431a,#e862570d);border:1px solid rgba(197,61,67,.2);border-radius:20px;font-size:13px;color:var(--primary)}.years-section{margin-bottom:24px}.years-grid{display:flex;flex-wrap:wrap;gap:8px}.year-tag{padding:6px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;font-size:13px;color:var(--text-primary)}.personality-section{padding:24px;background:var(--bg-main);border-radius:12px}.personality-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.big-icon{font-size:56px}.personality-header h2{font-size:22px;font-weight:600}.personality-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.p-card{padding:20px;border-radius:12px}.p-card.strengths{background:linear-gradient(135deg,#2d5a451a,#3d7a5a0d);border:1px solid rgba(45,90,69,.2)}.p-card.weaknesses{background:linear-gradient(135deg,#c53d431a,#e862570d);border:1px solid rgba(197,61,67,.2)}.p-card-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.p-icon{font-size:20px}.p-title{font-size:15px;font-weight:600}.p-card.strengths .p-title{color:var(--jade)}.p-card.weaknesses .p-title{color:var(--primary)}.p-text{font-size:14px;color:var(--text-primary);line-height:1.7}.personality-detail{margin-bottom:24px;padding:20px;background:var(--bg-card);border-radius:10px}.detail-text{font-size:15px;color:var(--text-primary);line-height:1.8}.personality-traits{padding:20px;background:var(--bg-card);border-radius:10px}.trait-cloud{display:flex;flex-wrap:wrap;gap:10px}.cloud-tag{padding:10px 20px;background:var(--bg-main);border-radius:20px;font-size:14px;color:var(--text-primary);border:1px solid var(--border)}.compatibility-section{padding:24px;background:var(--bg-main);border-radius:12px}.compat-header{margin-bottom:24px}.compat-header h2{font-size:22px;font-weight:600}.compat-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.compat-card{padding:24px;border-radius:12px}.compat-card.best{background:linear-gradient(135deg,#2d5a451a,#3d7a5a0d);border:1px solid rgba(45,90,69,.2)}.compat-card.avoid{background:linear-gradient(135deg,#c53d431a,#e862570d);border:1px solid rgba(197,61,67,.2)}.compat-card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.compat-icon{font-size:20px}.compat-title{font-size:16px;font-weight:600}.compat-card.best .compat-title{color:var(--jade)}.compat-card.avoid .compat-title{color:var(--primary)}.compat-desc{font-size:13px;color:var(--text-secondary);margin-bottom:16px}.compat-animals{display:flex;gap:12px}.compat-animal{display:flex;flex-direction:column;align-items:center;gap:4px}.compat-animal .animal-icon{font-size:32px}.compat-animal .animal-name{font-size:13px;font-weight:500}.compat-advice{padding:20px;background:var(--bg-card);border-radius:10px}.advice-text{font-size:14px;color:var(--text-secondary);line-height:1.8}.guardian-section{padding:24px;background:var(--bg-main);border-radius:12px}.guardian-card{text-align:center;padding:40px;background:linear-gradient(135deg,#c53d431a,#2d5a451a);border-radius:16px;margin-bottom:24px}.guardian-icon{font-size:64px;margin-bottom:16px}.guardian-name{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.guardian-desc{font-size:15px;color:var(--text-secondary);line-height:1.8}.guardian-info{margin-bottom:24px;padding:20px;background:var(--bg-card);border-radius:10px}.info-text{font-size:14px;color:var(--text-primary);line-height:1.8}.guardian-tips{padding:20px;background:var(--bg-card);border-radius:10px}.tips-list{display:flex;flex-direction:column;gap:12px}.tip-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-main);border-radius:8px}.tip-icon{font-size:20px}@media (max-width: 768px){.fortune-overview{flex-direction:column;align-items:center}.personality-cards,.compat-cards{grid-template-columns:1fr}.content-tabs{flex-wrap:nowrap;-webkit-overflow-scrolling:touch}}.solar-term-page{background:var(--bg-card);border-radius:16px;padding:24px;min-height:calc(100vh - 120px)}.page-title{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:24px;display:flex;align-items:center;gap:12px}.current-term{padding:32px;background:linear-gradient(135deg,var(--jade) 0%,rgba(45,90,69,.8) 100%);border-radius:16px;color:#fff;margin-bottom:24px;position:relative;overflow:hidden}.current-term:before{content:"";position:absolute;top:-50%;right:-30%;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);border-radius:50%}.term-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;position:relative;z-index:1}.term-icon{font-size:48px}.term-title-area{display:flex;flex-direction:column;gap:4px}.term-name{font-size:32px;font-weight:700}.term-season{display:inline-block;width:fit-content;padding:4px 12px;background:#fff3;border-radius:12px;font-size:14px}.term-info{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative;z-index:1}.term-info-item{text-align:center}.term-info-label{font-size:12px;opacity:.8;margin-bottom:4px}.term-info-value{font-size:16px;font-weight:600}.content-tabs{display:flex;gap:12px;margin-bottom:24px;overflow-x:auto}.content-tab{padding:10px 20px;background:var(--bg-main);border:1px solid var(--border);border-radius:8px;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap}.content-tab:hover{background:#2d5a4514;border-color:var(--jade)}.content-tab.active{background:var(--jade);color:#fff;border-color:var(--jade)}.season-filter{display:flex;gap:12px;margin-bottom:20px}.season-btn{padding:8px 16px;background:var(--bg-main);border:1px solid var(--border);border-radius:20px;font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.season-btn:hover{background:#2d5a4514;border-color:var(--jade)}.season-btn.active{background:var(--jade);color:#fff;border-color:var(--jade)}.terms-section{padding:24px;background:var(--bg-main);border-radius:12px}.terms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.term-card{padding:16px;background:var(--bg-card);border-radius:12px;text-align:center;cursor:pointer;transition:all .2s ease;border:2px solid var(--border)}.term-card:hover{background:#2d5a4514;border-color:var(--jade)}.term-card.active{background:var(--jade);color:#fff;border-color:var(--jade)}.term-card .icon{font-size:28px;margin-bottom:8px}.term-card .name{font-size:16px;font-weight:600}.term-card .date{font-size:12px;color:var(--text-muted);margin-top:4px}.term-card.active .date{color:#fffc}.term-detail{margin-top:24px;padding:24px;background:var(--bg-card);border-radius:12px;border:1px solid var(--border)}.term-detail h3{font-size:18px;font-weight:600;margin-bottom:12px}.term-meaning{color:var(--text-secondary);line-height:1.8}.detail-section{padding:24px;background:var(--bg-main);border-radius:12px}.detail-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}.detail-icon{font-size:48px}.detail-header h2{font-size:24px;font-weight:700}.detail-date{margin-left:auto;padding:8px 16px;background:var(--bg-card);border-radius:8px;font-size:14px;color:var(--text-secondary)}.detail-block{margin-bottom:20px;padding:20px;background:var(--bg-card);border-radius:10px}.detail-block.highlight{background:linear-gradient(135deg,#2d5a451a,#3d7a5a0d);border:1px solid rgba(45,90,69,.2)}.block-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.block-text{font-size:15px;color:var(--text-secondary);line-height:1.8}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag{padding:6px 14px;background:var(--bg-main);border-radius:20px;font-size:13px;color:var(--text-primary);border:1px solid var(--border)}.food-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.food-item{display:flex;align-items:center;gap:8px;padding:12px;background:var(--bg-main);border-radius:8px;border:1px solid var(--border)}.food-emoji{font-size:20px}.food-name{font-size:14px;font-weight:500}.health-section{padding:24px;background:var(--bg-main);border-radius:12px}.health-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.health-header h2{font-size:22px;font-weight:700}.principle{padding:6px 14px;background:linear-gradient(135deg,var(--jade) 0%,rgba(45,90,69,.8) 100%);color:#fff;border-radius:20px;font-size:13px}.health-block{margin-bottom:24px;padding:20px;background:var(--bg-card);border-radius:10px}.tips-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tip-card{display:flex;align-items:center;gap:10px;padding:14px;background:var(--bg-main);border-radius:8px}.tip-icon{width:24px;height:24px;border-radius:50%;background:var(--jade);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px}.tip-text{font-size:14px;color:var(--text-primary)}.foods-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.food-card{display:flex;flex-direction:column;align-items:center;padding:16px;background:var(--bg-main);border-radius:10px;border:1px solid var(--border)}.foods-grid .food-emoji{font-size:28px;margin-bottom:8px}.foods-grid .food-name{font-size:13px;font-weight:500}.activities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.activity-card{display:flex;flex-direction:column;align-items:center;padding:16px;background:var(--bg-main);border-radius:10px;border:1px solid var(--border)}.activity-icon{font-size:24px;margin-bottom:8px}.activity-name{font-size:14px;font-weight:500}.season-tips{padding:20px;background:linear-gradient(135deg,#2d5a451a,#3d7a5a0d);border-radius:10px;border:1px solid rgba(45,90,69,.2)}.tips-text{font-size:15px;color:var(--text-primary);line-height:1.8}@media (max-width: 768px){.term-info{grid-template-columns:repeat(2,1fr)}.tips-grid,.activities-grid{grid-template-columns:1fr}.season-filter{flex-wrap:wrap}.content-tabs{flex-wrap:nowrap;-webkit-overflow-scrolling:touch}}.export-compact{display:flex;align-items:center;gap:8px}.export-btn-compact{display:flex;align-items:center;gap:6px;padding:10px 16px;background:var(--color-primary, #c9372c);color:#fff;border:none;border-radius:10px;font-size:clamp(.875rem,2vw,1rem);font-weight:500;cursor:pointer;transition:all .2s ease}.export-btn-compact:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #c9372c4d}.export-btn-compact:disabled{opacity:.6;cursor:not-allowed}.export-btn-compact.loading{background:var(--color-text-tertiary, #999)}.export-icon{font-size:clamp(1rem,2.5vw,1.25rem)}.export-text{font-size:clamp(.875rem,2vw,1rem)}.export-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.format-dropdown-compact{position:relative}.format-toggle-compact{display:flex;align-items:center;gap:6px;padding:10px 12px;background:var(--color-bg-paper, #f0f0f0);color:var(--color-text-primary, #1a1a1a);border:1px solid var(--border-color, #e0e0e0);border-radius:10px;font-size:clamp(.75rem,2vw,.875rem);cursor:pointer;transition:all .2s ease}.format-toggle-compact:hover:not(:disabled){background:var(--bg-hover, rgba(0,0,0,.05))}.format-toggle-compact:disabled{opacity:.6;cursor:not-allowed}.format-icon-small{font-size:clamp(.875rem,2vw,1rem)}.format-name-small{font-size:clamp(.75rem,2vw,.875rem);font-weight:500}.format-caret{font-size:.5rem;transition:transform .2s ease}.format-caret.open{transform:rotate(180deg)}.format-menu-compact{position:absolute;top:100%;right:0;margin-top:6px;padding:6px;background:var(--color-bg-card, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:10px;box-shadow:var(--shadow-md, 0 4px 12px rgba(0,0,0,.1));z-index:100;min-width:120px}.format-option-compact{display:flex;align-items:center;gap:8px;padding:8px 12px;width:100%;border:none;border-radius:6px;background:transparent;color:var(--color-text-primary, #1a1a1a);font-size:clamp(.75rem,2vw,.875rem);cursor:pointer;transition:all .2s ease}.format-option-compact:hover{background:var(--bg-hover, rgba(0,0,0,.05))}.format-option-compact.active{background:#c9372c1a;color:var(--color-primary, #c9372c)}.option-icon{font-size:clamp(.875rem,2vw,1rem)}.option-name{flex:1;text-align:left}.option-check{font-size:.75rem;font-weight:700;color:var(--color-primary, #c9372c)}@media (max-width: 480px){.export-compact{flex-direction:column;width:100%}.export-btn-compact,.format-toggle-compact{width:100%;justify-content:center}.format-menu-compact{left:0;right:0}}.theme-dark .format-toggle-compact{background:#ffffff0d;border-color:#ffffff1a}.theme-dark .format-menu-compact{background:var(--color-bg-card, #1a1a1a);border-color:#ffffff1a;box-shadow:0 4px 12px #0000004d}.theme-dark .format-option-compact:hover{background:#ffffff0d}.profile-card{background:var(--color-bg-card, #ffffff);border-radius:var(--radius-lg, 16px);padding:clamp(16px,3vw,24px);box-shadow:var(--shadow-md, 0 4px 12px rgba(0,0,0,.08));border:1px solid var(--border-color, rgba(0,0,0,.06));display:flex;flex-direction:column;gap:clamp(12px,2vw,16px);max-height:calc(100vh - 40px);overflow:hidden}.profile-skeleton{display:flex;flex-direction:column;gap:16px}.skeleton-avatar{height:100px;border-radius:12px;background:var(--color-bg-paper, #f0f0f0);animation:pulse 1.5s ease-in-out infinite}.skeleton-form{height:150px;border-radius:12px;background:var(--color-bg-paper, #f0f0f0);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.profile-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px;text-align:center}.profile-error .error-icon{font-size:clamp(2rem,5vw,3rem)}.profile-error .error-text{color:var(--color-text-secondary, #666)}.retry-btn{padding:8px 20px;background:var(--color-primary, #c9372c);color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:.875rem;transition:all .2s ease}.retry-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #c9372c4d}.profile-avatar-section{display:flex;align-items:center;gap:clamp(12px,3vw,16px);padding:clamp(12px,2vw,16px);background:var(--color-bg-paper, #f8f8f8);border-radius:12px}.avatar-wrapper{position:relative;flex-shrink:0}.avatar-circle{width:clamp(60px,12vw,80px);height:clamp(60px,12vw,80px);border-radius:50%;background:var(--color-bg-card, #fff);display:flex;align-items:center;justify-content:center;overflow:hidden;border:3px solid var(--color-primary, #c9372c);box-shadow:var(--shadow-sm, 0 2px 8px rgba(0,0,0,.08))}.avatar-img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{font-size:clamp(1.5rem,4vw,2rem)}.avatar-edit-btn{position:absolute;bottom:0;right:0;width:28px;height:28px;border-radius:50%;background:var(--color-primary, #c9372c);color:#fff;border:none;font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.avatar-edit-btn:hover{transform:scale(1.1)}.profile-basic{flex:1;min-width:0}.view-info{display:flex;flex-direction:column;gap:4px}.user-name{font-size:clamp(1rem,2.5vw,1.25rem);font-weight:700;color:var(--color-text-primary, #1a1a1a)}.user-email,.user-phone{font-size:clamp(.75rem,2vw,.875rem);color:var(--color-text-secondary, #666)}.edit-form{display:flex;flex-direction:column;gap:8px}.input-compact{padding:8px 12px;border:1px solid var(--border-color, #e0e0e0);border-radius:8px;background:var(--color-bg-card, #fff);color:var(--color-text-primary, #1a1a1a);font-size:clamp(.875rem,2vw,1rem);transition:all .2s ease}.input-compact:focus{outline:none;border-color:var(--color-primary, #c9372c);box-shadow:0 0 0 3px #c9372c1a}.profile-actions-compact{display:flex;gap:10px}.btn-primary,.btn-secondary{flex:1;padding:10px 16px;border:none;border-radius:10px;font-size:clamp(.875rem,2vw,1rem);font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--color-primary, #c9372c);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #c9372c4d}.btn-secondary{background:var(--color-bg-paper, #f0f0f0);color:var(--color-text-primary, #1a1a1a);border:1px solid var(--border-color, #e0e0e0)}.btn-secondary:hover{background:var(--bg-hover, rgba(0,0,0,.05))}.profile-details-compact{display:flex;flex-direction:column;gap:10px}.details-grid-compact{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(8px,2vw,12px)}.detail-cell{display:flex;flex-direction:column;gap:4px;padding:clamp(10px,2vw,14px);background:var(--color-bg-paper, #f8f8f8);border-radius:10px;transition:all .2s ease}.detail-cell:hover{transform:translate(4px)}.detail-label{font-size:clamp(.625rem,1.5vw,.75rem);color:var(--color-text-tertiary, #999);text-transform:uppercase}.detail-value{font-size:clamp(.75rem,2vw,.875rem);font-weight:500;color:var(--color-text-primary, #1a1a1a)}.theme-section-compact{display:flex;align-items:center;gap:clamp(10px,2vw,16px);padding:clamp(12px,2vw,16px);background:var(--color-bg-paper, #f8f8f8);border-radius:12px}.theme-label{font-size:clamp(.75rem,2vw,.875rem);font-weight:600;color:var(--color-text-secondary, #666);flex-shrink:0}.theme-options-compact{display:flex;gap:8px;flex:1}.theme-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:none;border-radius:8px;background:var(--color-bg-card, #fff);color:var(--color-text-secondary, #666);font-size:clamp(.75rem,2vw,.875rem);cursor:pointer;transition:all .2s ease}.theme-btn:hover{background:var(--bg-hover, rgba(0,0,0,.05))}.theme-btn.active{background:var(--color-primary, #c9372c);color:#fff}.theme-icon{font-size:clamp(.875rem,2vw,1rem)}@media (max-width: 640px){.profile-card{padding:14px;gap:12px}.profile-avatar-section{flex-direction:column;text-align:center}.details-grid-compact{grid-template-columns:1fr}.theme-section-compact{flex-direction:column;align-items:stretch}}@media (max-width: 480px){.theme-options-compact{flex-direction:column}}.theme-dark .profile-card{box-shadow:0 4px 12px #0003}.theme-dark .profile-avatar-section,.theme-dark .detail-cell,.theme-dark .theme-section-compact,.theme-dark .theme-btn{background:#ffffff0d}.theme-dark .theme-btn.active{box-shadow:0 4px 12px #0000004d}.tools-page{padding:24px;max-width:1400px;margin:0 auto;min-height:calc(100vh - 200px)}.tools-header{text-align:center;margin-bottom:24px}.tools-header h1{font-size:28px;font-weight:700;margin:0 0 8px;color:var(--text-primary)}.tools-description{font-size:14px;color:var(--text-secondary);margin:0}.tools-container{display:flex;gap:24px}.tools-sidebar{width:280px;flex-shrink:0}.category-section{margin-bottom:8px}.category-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-main);border-radius:10px;cursor:pointer;transition:all .2s ease}.category-header:hover{background:#c53d4314}.category-header.active{background:var(--primary);color:#fff}.category-icon{font-size:20px}.category-name{font-size:15px;font-weight:500}.tools-list{padding:8px 0 8px 8px}.tool-item{display:flex;align-items:center;gap:12px;padding:12px 16px;margin:4px 0;background:var(--bg-card);border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.tool-item:hover{background:var(--bg-main);border-color:var(--primary)}.tool-item.active{background:#c53d431a;border-color:var(--primary)}.tool-item-icon{font-size:20px;width:32px;text-align:center}.tool-item-info{display:flex;flex-direction:column;gap:2px}.tool-item-name{font-size:14px;font-weight:500;color:var(--text-primary)}.tool-item-desc{font-size:12px;color:var(--text-secondary)}.tool-item.active .tool-item-name{color:var(--primary)}.tools-main{flex:1;min-width:0}.tools-content-wrapper{background:var(--bg-card);border-radius:16px;padding:24px;min-height:500px}.tool-content{animation:fadeIn .3s ease}.tool-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.tool-header .tool-icon{font-size:32px}.tool-header h2{font-size:22px;font-weight:600;margin:0;color:var(--text-primary)}.mode-switch{display:flex;gap:8px;margin-bottom:20px}.mode-switch button{padding:8px 20px;background:var(--bg-main);border:1px solid var(--border);border-radius:8px;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.mode-switch button:hover{background:#c53d4314;border-color:var(--primary)}.mode-switch button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.unit-switch{display:flex;align-items:center;gap:8px;margin-bottom:20px}.unit-switch span{font-size:14px;color:var(--text-secondary)}.unit-switch button{padding:6px 12px;background:var(--bg-main);border:1px solid var(--border);border-radius:6px;font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.unit-switch button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.input-group,.output-group{margin-bottom:16px}.input-group label,.output-group label{display:block;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.input-group input,.input-group textarea,.output-group textarea{width:100%;padding:12px;background:var(--bg-main);border:1px solid var(--border);border-radius:8px;font-size:14px;color:var(--text-primary);transition:border-color .2s ease;box-sizing:border-box}.input-group input:focus,.input-group textarea:focus,.output-group textarea:focus{outline:none;border-color:var(--primary)}.input-group textarea,.output-group textarea{resize:vertical;min-height:100px;font-family:Monaco,Menlo,monospace}.output-group textarea{background:var(--bg-main)}.btn-convert{width:100%;padding:12px 24px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:20px}.btn-convert:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-convert:disabled{opacity:.6;cursor:not-allowed}.btn-copy{margin-top:8px;padding:8px 16px;background:var(--bg-main);border:1px solid var(--border);border-radius:6px;font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.btn-copy:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-copy-small{padding:4px 8px;background:var(--bg-main);border:1px solid var(--border);border-radius:4px;font-size:12px;color:var(--text-secondary);cursor:pointer}.btn-copy-small:hover{background:var(--primary);color:#fff}.result-box{padding:20px;background:var(--bg-main);border-radius:12px}.result-box h3{font-size:16px;font-weight:600;margin:0 0 16px;color:var(--text-primary)}.result-content{display:flex;flex-direction:column;gap:12px}.result-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--bg-card);border-radius:8px}.result-label{font-size:14px;color:var(--text-secondary)}.result-value{font-size:16px;font-weight:600;color:var(--text-primary)}.results-box{margin-top:16px}.results-box .result-item{margin-bottom:12px;padding:16px;background:var(--bg-main);border-radius:10px;border:1px solid var(--border)}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.result-header .result-label{font-size:14px;font-weight:600;color:var(--text-primary)}.result-code{display:block;padding:12px;background:var(--bg-card);border-radius:6px;font-family:Monaco,Menlo,monospace;font-size:13px;color:var(--text-secondary);word-break:break-all}.options-group{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.option-item{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-main);border-radius:8px;cursor:pointer;transition:all .2s ease}.option-item:hover{background:#c53d4314}.option-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary)}.option-item span{font-size:14px;color:var(--text-primary)}.length-slider{margin-bottom:20px}.length-slider label{display:block;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:12px}.length-slider input[type=range]{width:100%;height:6px;border-radius:3px;background:var(--border);outline:none;-webkit-appearance:none}.length-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer}.password-result{padding:20px;background:var(--bg-main);border-radius:12px;text-align:center}.password-code{display:block;padding:16px;background:var(--bg-card);border-radius:8px;font-family:Monaco,Menlo,monospace;font-size:18px;letter-spacing:2px;color:var(--primary);word-break:break-all}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}.stat-item{display:flex;flex-direction:column;align-items:center;padding:20px;background:var(--bg-main);border-radius:12px;border:1px solid var(--border)}.stat-value{font-size:28px;font-weight:700;color:var(--primary);margin-bottom:8px}.stat-label{font-size:13px;color:var(--text-secondary)}.qrcode-result{margin-top:20px;text-align:center}.qrcode-result img{max-width:200px;border-radius:8px;margin-bottom:16px}.tool-placeholder{text-align:center;padding:80px 40px}.placeholder-icon{font-size:64px;margin-bottom:24px}.tool-placeholder h3{font-size:22px;font-weight:600;margin:0 0 12px;color:var(--text-primary)}.tool-placeholder p{font-size:14px;color:var(--text-secondary);margin:0}@media (max-width: 1024px){.tools-container{flex-direction:column}.tools-sidebar{width:100%}.tools-list{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0}.tool-item{flex:0 0 auto;width:calc(50% - 4px)}}@media (max-width: 768px){.tools-page{padding:16px}.tools-header h1{font-size:24px}.tools-content-wrapper{padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr)}.options-group{grid-template-columns:1fr}.tool-item{width:100%}}:root{--wnl-red: #bc2b1e;--wnl-red-light: #ffebee;--wnl-green: #4ca344;--wnl-green-light: #e8f5e9;--wnl-border: #e5e5e5;--wnl-bg-page: #f7f7f7;--wnl-bg-card: #ffffff;--wnl-text-main: #333333;--wnl-text-sub: #666666;--wnl-text-light: #999999}.wnl-container{min-height:100vh;background:var(--wnl-bg-page);font-family:Microsoft YaHei,PingFang SC,Hiragino Sans GB,Arial,sans-serif;width:100%}.wnl-header{background:var(--wnl-bg-card);border-bottom:1px solid var(--wnl-border);position:sticky;top:0;z-index:1000;height:50px}.header-content{max-width:1200px;margin:0 auto;padding:0 20px;height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;text-decoration:none}.brand-text{font-size:20px;font-weight:800;color:var(--wnl-red)}.nav-menu{display:flex;height:100%}.nav-link{padding:0 16px;color:var(--wnl-text-main);font-size:16px;font-weight:500;text-decoration:none;display:flex;align-items:center;position:relative}.nav-link:hover{color:var(--wnl-red)}.nav-link.active{color:var(--wnl-red);box-shadow:inset 0 -3px 0 var(--wnl-red)}.wnl-main{max-width:1200px;margin:0 auto;padding:20px;box-sizing:border-box}.wnl-content-wrapper{display:flex;gap:20px;align-items:flex-start;width:100%;box-sizing:border-box}.calendar-column{flex:1;min-width:0;background:var(--wnl-bg-card);border:1px solid var(--wnl-border);box-sizing:border-box}.month-nav{display:flex;align-items:center;padding:0 20px;height:44px;background:var(--wnl-bg-card);border-bottom:1px solid var(--wnl-border)}.month-title{flex:1;display:flex;align-items:center;justify-content:center;gap:4px}.year-select,.month-select{background:transparent;border:none;color:var(--wnl-text-main);font-size:18px;font-weight:700;cursor:pointer;padding:4px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.year-select:hover,.month-select:hover{color:var(--wnl-red)}.nav-arrow{background:#fff;border:1px solid var(--wnl-border);width:30px;height:30px;border-radius:2px;color:var(--wnl-text-sub);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.nav-arrow:hover{border-color:var(--wnl-text-light);color:var(--wnl-text-main)}.today-btn-new{margin-left:16px;padding:4px 12px;background:#fff;border:1px solid var(--wnl-border);border-radius:2px;color:var(--wnl-text-main);font-size:14px;cursor:pointer}.today-btn-new:hover{border-color:var(--wnl-red);color:var(--wnl-red)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:#f5f5f5;border-bottom:1px solid var(--wnl-border);width:100%}.weekday{height:36px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--wnl-text-sub)}.weekday.weekend{color:var(--wnl-red)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);width:100%;background:#fff}.calendar-day{background:#fff;height:100px;padding-top:12px;display:flex;flex-direction:column;align-items:center;border-right:1px solid var(--wnl-border);border-bottom:1px solid var(--wnl-border);cursor:pointer;position:relative;box-sizing:border-box}.calendar-day:nth-child(7n){border-right:none}.calendar-grid{border-bottom:none}.calendar-day.weekend .day-number{color:var(--wnl-red)}.day-number{font-size:20px;color:var(--wnl-text-main);font-family:Arial,sans-serif;font-weight:600;line-height:1}.day-number-today{width:28px;height:28px;background:var(--wnl-red);color:#fff!important;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-top:-4px}.day-lunar{font-size:12px;color:var(--wnl-text-light);margin-top:8px}.day-lunar.festival{color:var(--wnl-red)}.calendar-day.other-month .day-number,.calendar-day.other-month .day-lunar{color:#ccc!important}.calendar-day.selected{background:#fff5f5;border:2px solid var(--wnl-red);box-sizing:border-box;z-index:10}.calendar-day.selected .day-lunar{display:block;visibility:visible;opacity:1;margin-top:6px;color:#666;font-size:12px}.calendar-day.selected .day-lunar.festival{color:var(--wnl-red);font-weight:500}.calendar-day.selected .day-number{margin-top:-2px}.day-badge{position:absolute;top:4px;right:4px;padding:1px 3px;font-size:10px;color:#fff;border-radius:2px;line-height:1}.badge-holiday{background:#f44336}.badge-workday{background:#9e9e9e}.detail-column{width:360px;position:sticky;top:70px}.today-section{background:var(--wnl-bg-card);padding:20px;box-shadow:0 2px 10px #0000000d;border:1px solid var(--wnl-border)}.today-header-box{text-align:center;margin-bottom:20px}.big-date-row{margin-bottom:10px}.big-date-num{font-size:120px;font-weight:700;color:var(--wnl-red);font-family:Arial,sans-serif;line-height:1}.big-date-info{font-size:16px;color:var(--wnl-text-main);margin-top:10px;display:flex;justify-content:center;gap:10px}.lunar-info-card{margin:15px 0;text-align:center}.lunar-main-row{font-size:16px;color:var(--wnl-text-main);margin-bottom:8px}.lunar-text{font-weight:700}.ganzhi-row{font-size:14px;color:var(--wnl-text-sub)}.yiji-wrapper{border-top:1px solid var(--wnl-border);border-bottom:1px solid var(--wnl-border);padding:15px 0;margin-bottom:15px}.yiji-container{display:flex;align-items:flex-start;margin-bottom:10px}.yiji-container:last-child{margin-bottom:0}.yiji-label{width:32px;height:32px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;margin-right:15px}.yiji-container.yi .yiji-label{background:var(--wnl-green)}.yiji-container.ji .yiji-label{background:var(--wnl-red)}.yiji-list{flex:1;display:flex;flex-wrap:wrap;line-height:32px}.yiji-link{font-size:14px;color:var(--wnl-text-main);margin-right:10px}.deep-almanac-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px}.deep-item{font-size:13px;color:var(--wnl-text-sub)}.deep-item .label{color:var(--wnl-text-light);margin-right:4px}.hourly-luck-section{margin-bottom:15px}.section-title{font-size:16px;font-weight:700;color:var(--wnl-text-main);margin-bottom:10px;border-left:3px solid var(--wnl-red);padding-left:8px}.hourly-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.hourly-box{display:flex;justify-content:space-between;padding:0 15px;height:40px;line-height:40px;font-size:14px}.hourly-box.ji{background:var(--wnl-green-light);color:var(--wnl-green)}.hourly-box.xiong{background:var(--wnl-red-light);color:var(--wnl-red)}.pengzu-container{background:#fdfaf2;padding:15px;border:1px solid #faeacc}.pengzu-header{font-size:14px;font-weight:700;color:#e5993e;margin-bottom:8px}.pengzu-content p{font-size:13px;color:var(--wnl-text-main);margin:0 0 4px}@media (max-width: 950px){.wnl-content-wrapper{flex-direction:column}.detail-column{width:100%;position:static}.calendar-day{height:80px}.big-date-num{font-size:80px}}.theme-dark{--primary: #E86257;--primary-light: #F0877F;--primary-dark: #C53D43;--bg-main: #1A1A1E;--bg-card: #252529;--bg-sidebar: #1F1F23;--text-primary: #F0F0F0;--text-secondary: #A0A0A0;--text-muted: #666;--border: #333;--ink: #FAFAFA;--jade: #4D8A6A;--jade-light: #5DA87A}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--bg-main);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}.app{display:flex;min-height:100vh;background:var(--bg-main)}.app-sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:100;transition:all .3s ease}.sidebar-logo{height:var(--header-height);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border);font-size:28px;font-weight:700;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff}.sidebar-nav{flex:1;padding:12px 8px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.nav-item{display:flex;flex-direction:column;align-items:center;padding:10px 4px;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;transition:all .2s ease;cursor:pointer;border:none;background:transparent;width:100%;font:inherit;position:relative}.nav-item:hover{background:var(--primary-bg);color:var(--primary)}.nav-item.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px #c53d434d}.nav-item .nav-icon{font-size:22px;margin-bottom:4px}.nav-item .nav-label{font-size:11px;font-weight:500;text-align:center;line-height:1.2}.sidebar-footer{padding:12px 8px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.sidebar-footer .nav-item{padding:10px 4px}.app-main{flex:1;margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column}.main-header{height:var(--header-height);padding:0 32px;display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}.main-header h1{font-size:20px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:12px}.main-header h1:before{content:"";width:4px;height:20px;background:var(--primary);border-radius:2px}.header-actions{display:flex;align-items:center;gap:12px}.theme-toggle-btn{width:40px;height:40px;border:none;border-radius:var(--radius-md);background:var(--bg-main);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .2s ease}.theme-toggle-btn:hover{background:#c53d431a;color:var(--primary)}.main-content{flex:1;padding:24px;display:flex;flex-direction:column}.home-layout{display:grid;grid-template-columns:1fr 320px;gap:24px;height:calc(100vh - var(--header-height) - 48px)}.calendar-section{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column}.info-section{display:flex;flex-direction:column;gap:16px;overflow-y:auto}.info-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm)}.info-card-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.info-card-header h3{font-size:14px;font-weight:600;color:var(--text-primary)}.info-card-header .icon{font-size:18px}.lunar-card{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;position:relative;overflow:hidden}.lunar-card:before{content:"";position:absolute;top:-30%;right:-20%;width:150px;height:150px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%}.lunar-card .info-card-header{border-bottom-color:#ffffff26}.lunar-card .info-card-header h3{color:#fff}.lunar-date-display{text-align:center;padding:20px 16px;position:relative;z-index:1}.lunar-date-main{font-size:56px;font-weight:700;line-height:1;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.lunar-date-sub{font-size:18px;opacity:.95;font-weight:500}.lunar-date-year{font-size:14px;opacity:.85;margin-top:6px}.ganzhi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.15)}.ganzhi-item{text-align:center;padding:8px 4px;background:#ffffff1a;border-radius:var(--radius-sm)}.ganzhi-label{font-size:11px;opacity:.8;margin-bottom:4px}.ganzhi-value{font-size:18px;font-weight:600}.zodiac-display{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;padding:12px;background:#ffffff26;border-radius:var(--radius-md)}.zodiac-icon{font-size:36px}.zodiac-name{font-size:18px;font-weight:600}.zodiac-desc{font-size:12px;opacity:.85;margin-top:2px}.festival-card .festival-list{display:flex;flex-direction:column;gap:8px}.festival-item{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--primary-bg);border-radius:var(--radius-md);border-left:3px solid var(--primary);font-size:14px;color:var(--primary);transition:all .2s ease}.festival-item:hover{background:#c53d431f;transform:translate(2px)}.festival-item.empty{background:var(--bg-main);border-left-color:var(--border);color:var(--text-muted)}.festival-icon{font-size:18px}.festival-name{font-weight:500}.festival-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.festival-badge.holiday{background:var(--primary);color:#fff}.festival-badge.workday{background:var(--info);color:#fff}.festival-badge.festival{background:var(--success);color:#fff}.calendar-wrapper{flex:1;display:flex;flex-direction:column;padding:20px}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.calendar-title{font-size:24px;font-weight:600;color:var(--text-primary)}.calendar-controls{display:flex;align-items:center;gap:8px}.calendar-btn{padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.calendar-btn:hover{border-color:var(--primary);color:var(--primary)}.calendar-btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.calendar-btn.primary:hover{background:var(--primary-dark)}.calendar-grid{flex:1;display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--border);border-radius:var(--radius-md);overflow:hidden}.calendar-weekday{background:var(--bg-main);padding:12px;text-align:center;font-size:13px;font-weight:500;color:var(--text-muted)}.calendar-day{background:var(--bg-card);padding:12px;min-height:80px;cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;align-items:center}.calendar-day:hover{background:#c53d430d}.calendar-day.today{background:#c53d4314}.calendar-day.selected .day-lunar{color:#666!important}.calendar-day.selected .day-festival{color:var(--primary)!important}.page-container{background:var(--bg-card);border-radius:var(--radius-xl);padding:32px;box-shadow:var(--shadow-sm);min-height:calc(100vh - var(--header-height) - 72px)}.page-container h2{font-size:24px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:12px}.page-container p{color:var(--text-secondary);margin-bottom:24px}.app-footer{padding:16px 32px;text-align:center;color:var(--text-muted);font-size:13px;border-top:1px solid var(--border);background:var(--bg-card)}.loading-spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.info-card.loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:var(--text-muted)}.fade-in{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.home-layout{grid-template-columns:1fr;height:auto}.info-section{flex-direction:row;flex-wrap:wrap}.info-card{flex:1;min-width:280px}}@media (max-width: 768px){.app-sidebar{width:100%;height:auto;position:fixed;bottom:0;top:auto;flex-direction:row;border-right:none;border-top:1px solid var(--border);padding:0}.sidebar-logo{display:none}.sidebar-nav{flex-direction:row;justify-content:space-around;padding:8px;overflow-x:auto}.nav-item{padding:8px 12px}.nav-item .nav-label,.sidebar-footer{display:none}.app-main{margin-left:0;margin-bottom:60px}.main-header{padding:0 16px}.main-content{padding:16px}}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:24px}.tool-card{padding:24px;background:var(--bg-main);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.tool-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.tool-icon{font-size:48px;margin-bottom:12px;display:block}.tool-card h3{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.tool-card p{font-size:13px;color:var(--text-secondary);margin:0}.subscription-page,.profile-page{background:var(--bg-card);border-radius:var(--radius-xl);padding:32px;min-height:calc(100vh - 120px)}.section-title{font-size:18px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.subscription-list,.reminder-list{display:flex;flex-direction:column;gap:12px}.subscription-item,.reminder-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--bg-main);border-radius:var(--radius-md)}.subscription-item .info h4,.reminder-item .info h4{font-size:15px;font-weight:500;margin-bottom:4px}.subscription-item .info p,.reminder-item .info p{font-size:13px;color:var(--text-secondary)}:root{--color-primary: #C53D43;--color-primary-light: #E86257;--color-primary-dark: #9E2A2F;--color-gold: #B08D57;--color-success: #52c41a;--color-error: #ff4d4f;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px}.theme-dark{--color-primary: #E86257;--color-primary-light: #F0877F;--color-primary-dark: #C53D43}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}