@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--brand-primary:#7c6a4d;--brand-secondary:#a08c6e;--brand-accent:#4a7c59;--brand-bg:#f8f5f0;--brand-text-main:#2c2c2c;--brand-text-sub:#8a7a6a;--brand-title:#3d2b1f;--primary:var(--brand-primary);--primary-dark:var(--brand-title);--primary-light:var(--brand-secondary);--bg:var(--brand-bg);--bg2:#f5f0e8;--card:#fff;--border:#e8e0d0;--text:var(--brand-text-main);--text2:#666;--text3:#aaa;--accent:#fdf6ec;--accent-border:#f0e8d8;--radius:16px;--radius-sm:10px;--shadow:0 2px 16px #0000000f;--shadow-md:0 6px 24px #0000001a;--navbar-h:56px;--tabbar-h:60px;--safe-bottom:env(safe-area-inset-bottom,0px)}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:-apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;overflow:hidden}button,[role=button],.feature-card,.recommend-card,.hero-icon,.f-icon,.tab-bar,.tab-item{-webkit-user-select:none;user-select:none}#root{background:var(--bg);flex-direction:column;max-width:480px;height:100%;margin:0 auto;display:flex;position:relative;box-shadow:0 0 40px #0000001f}button{cursor:pointer;font-family:inherit}textarea,input{font-family:inherit}.app-shell{flex-direction:column;height:100%;display:flex;overflow:hidden}.navbar{height:var(--navbar-h);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:10;background:#faf8f4f5;flex-shrink:0;align-items:center;padding:0 16px;display:flex;position:relative}.navbar-back{width:36px;height:36px;color:var(--primary);cursor:pointer;background:#7c6a4d14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;transition:background .15s;display:flex}.navbar-back:active{background:#7c6a4d2e}.navbar-title{text-align:center;color:var(--text);letter-spacing:.5px;flex:1;font-size:16px;font-weight:600}.navbar-right{flex-shrink:0;width:36px}.page-scroll{-webkit-overflow-scrolling:touch;background:var(--bg);flex:1;overflow:hidden auto}.page-scroll::-webkit-scrollbar{display:none}.tabbar{height:calc(var(--tabbar-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--tabbar-bg,#fff9);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border);z-index:10;flex-shrink:0;align-items:stretch;display:flex}.tab-item{cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 0 4px;transition:opacity .15s;display:flex;position:relative}.tab-item:active{opacity:.7}.tab-icon{font-size:22px;line-height:1}.tab-label{color:var(--tabbar-inactive,var(--text3));letter-spacing:.3px;font-size:10px;font-weight:500}.tab-item.active .tab-label{color:var(--tabbar-active,var(--primary));font-weight:600}.tab-item.active:after{content:"";background:var(--primary);border-radius:1px;width:20px;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.page-content{min-height:100%;padding:20px 16px}.hero{text-align:center;padding:32px 0 24px;position:relative}.hero-icon{margin-bottom:14px;font-size:72px;animation:3s ease-in-out infinite float;display:block}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hero-title{color:var(--text);letter-spacing:1px;margin-bottom:6px;font-size:26px;font-weight:700}.hero-sub{color:var(--text3);letter-spacing:2px;font-size:13px}.date-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:18px;padding:16px 18px}.date-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.date-main{color:var(--text);letter-spacing:.5px;font-size:22px;font-weight:700}.date-lunar{color:var(--text3);background:var(--bg2);border:1px solid var(--border);border-radius:20px;padding:3px 10px;font-size:12px}.wuyun-banner{background:var(--accent);border-radius:var(--radius-sm);color:var(--primary);border-left:3px solid var(--primary-light);align-items:flex-start;gap:6px;padding:10px 14px;font-size:12px;line-height:1.7;display:flex}.section-title{color:var(--text);align-items:center;gap:6px;margin:20px 0 10px;font-size:14px;font-weight:600;display:flex}.section-title:after{content:"";background:var(--border);flex:1;height:1px;margin-left:4px}.recommend-card{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);border-radius:var(--radius);color:#fff;cursor:pointer;margin-bottom:18px;padding:22px 18px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 6px 24px #7c6a4d59}.recommend-card:active{transform:scale(.98)}.recommend-card:before{content:"";background:#ffffff12;border-radius:50%;width:160px;height:160px;position:absolute;top:-50px;right:-40px}.recommend-card:after{content:"";background:#ffffff0d;border-radius:50%;width:80px;height:80px;position:absolute;bottom:-20px;left:20px}.rec-label{opacity:.7;letter-spacing:1px;margin-bottom:4px;font-size:11px}.rec-name{letter-spacing:.5px;margin-bottom:6px;font-size:22px;font-weight:700}.rec-desc{opacity:.85;margin-bottom:16px;font-size:12px;line-height:1.7}.rec-actions{z-index:1;gap:10px;display:flex;position:relative}.btn-white{color:var(--primary);text-align:center;background:#fff;border:none;border-radius:24px;flex:2;padding:10px 0;font-size:14px;font-weight:600;transition:opacity .15s}.btn-white:active{opacity:.85}.btn-ghost{color:#fff;text-align:center;background:#ffffff26;border:1px solid #ffffff59;border-radius:24px;flex:1;padding:10px 0;font-size:13px}.feature-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.feature-card{background:var(--card);border-radius:var(--radius);text-align:center;cursor:pointer;box-shadow:var(--shadow);border:1px solid #0000;padding:20px 14px;transition:transform .2s,box-shadow .2s}.feature-card:active{box-shadow:none;transform:scale(.97)}.feature-card .f-icon{margin-bottom:10px;font-size:32px;display:block}.feature-card .f-label{color:var(--text);margin-bottom:3px;font-size:14px;font-weight:600}.feature-card .f-sub{color:var(--text3);font-size:11px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px;padding:18px}.card-title{color:var(--text);align-items:center;gap:6px;margin-bottom:14px;font-size:14px;font-weight:600;display:flex}.upload-area{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;background:var(--card);margin-bottom:16px;padding:40px 20px;transition:all .2s}.upload-area:active,.upload-area.analyzing{border-color:var(--primary-light);background:var(--accent)}.upload-icon{margin-bottom:14px;font-size:56px;display:block}.upload-text{color:var(--text2);font-size:15px;line-height:1.8}.upload-sub{color:var(--text3);margin-top:4px;font-size:12px}.result-list{border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);margin-bottom:14px;overflow:hidden}.result-row{border-bottom:1px solid #f7f4ef;justify-content:space-between;align-items:center;padding:13px 18px;display:flex}.result-row:last-child{border-bottom:none}.result-label{color:var(--text3);font-size:13px}.result-value{color:var(--text);font-size:13px;font-weight:600}.gradient-banner{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);border-radius:var(--radius);color:#fff;margin-bottom:14px;padding:22px 18px;box-shadow:0 6px 20px #7c6a4d47}.gb-label{opacity:.7;letter-spacing:1px;margin-bottom:4px;font-size:11px}.gb-title{margin-bottom:8px;font-size:22px;font-weight:700}.gb-body{opacity:.85;font-size:13px;line-height:1.7}.info-tip{background:var(--accent);border-radius:var(--radius-sm);color:var(--primary);border:1px solid var(--accent-border);padding:14px 16px;font-size:12px;line-height:1.9}.info-tip .tip-title{margin-bottom:4px;font-size:13px;font-weight:600}.progress-bar{gap:8px;margin-bottom:28px;display:flex}.progress-seg{background:var(--border);border-radius:2px;flex:1;height:4px;transition:background .3s}.progress-seg.active{background:var(--primary)}.q-center{text-align:center;margin-bottom:32px}.q-emoji{margin-bottom:14px;font-size:52px;display:block}.q-title{color:var(--text);font-size:18px;font-weight:600;line-height:1.4}.q-count{color:var(--text3);margin-top:6px;font-size:12px}.option-grid{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.option-tag{border:1.5px solid var(--border);cursor:pointer;background:var(--card);color:var(--text2);border-radius:24px;padding:10px 22px;font-size:14px;transition:all .18s;box-shadow:0 1px 4px #0000000a}.option-tag:active{transform:scale(.96)}.option-tag.selected{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 3px 12px #7c6a4d4d}.summary-grid{grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:24px;display:grid}.summary-cell{background:var(--card);border-radius:var(--radius-sm);text-align:center;box-shadow:var(--shadow);padding:14px 8px}.sc-label{color:var(--text3);margin-bottom:4px;font-size:11px}.sc-value{color:var(--text);font-size:15px;font-weight:700}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;letter-spacing:.5px;border:none;border-radius:28px;width:100%;padding:15px 0;font-size:16px;font-weight:600;transition:opacity .15s,transform .15s;box-shadow:0 4px 16px #7c6a4d4d}.btn-primary:active{opacity:.9;transform:scale(.98)}.btn-secondary{border:1.5px solid var(--border);width:100%;color:var(--text3);background:0 0;border-radius:28px;margin-top:10px;padding:13px 0;font-size:14px;transition:all .15s}.btn-secondary:active{background:var(--bg2)}.btn-row{gap:10px;margin-top:4px;display:flex}.btn-row .btn-half{border:none;border-radius:24px;flex:1;padding:13px 0;font-size:14px;font-weight:500}.btn-half.primary{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;flex:2;font-weight:600;box-shadow:0 3px 12px #7c6a4d40}.btn-half.plain{background:var(--bg2);color:var(--text2);border:1px solid var(--border)}.healing-done{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:500px;padding:60px 24px 40px;display:flex}.healing-done .done-icon{margin-bottom:24px;font-size:80px;animation:3s ease-in-out infinite float}.healing-done .done-main{color:var(--text);margin-bottom:8px;font-size:24px;font-weight:700;line-height:1.6}.healing-done .done-sub{color:var(--primary);margin-bottom:40px;font-size:15px;line-height:1.8}.healing-done .divider{background:var(--border);width:48px;height:1px;margin:0 auto 40px}.steps-list{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.step-item{color:var(--text2);align-items:flex-start;gap:12px;font-size:13px;line-height:1.6;display:flex}.step-num{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;font-size:11px;font-weight:600;display:flex}.diary-section{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:12px;padding:16px 18px}.diary-section-title{color:var(--text);margin-bottom:12px;font-size:13px;font-weight:600}.tag-wrap{flex-wrap:wrap;gap:8px;display:flex}.diary-tag{border:1.5px solid var(--border);cursor:pointer;background:var(--card);color:var(--text2);border-radius:20px;padding:7px 16px;font-size:13px;transition:all .18s}.diary-tag:active{transform:scale(.96)}.diary-tag.selected{background:var(--primary);border-color:var(--primary);color:#fff}.diary-textarea{width:100%;color:var(--text);resize:none;background:0 0;border:none;outline:none;min-height:90px;font-size:13px;line-height:1.8}.char-count{text-align:right;color:var(--text3);margin-top:4px;font-size:11px}.stats-grid{grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.stats-cell{background:var(--card);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);padding:18px 10px}.stats-icon{margin-bottom:6px;font-size:26px;display:block}.stats-num{color:var(--primary);font-size:26px;font-weight:800;line-height:1}.stats-unit{color:var(--text3);font-size:10px}.stats-lbl{color:var(--text2);margin-top:4px;font-size:11px}.bar-chart{align-items:flex-end;gap:6px;height:80px;margin-top:4px;display:flex}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.bar-fill{background:var(--primary);border-radius:4px 4px 0 0;width:100%;transition:height .6s cubic-bezier(.34,1.56,.64,1)}.bar-day{color:var(--text3);font-size:9px}.monthly-card{background:var(--accent);border-radius:var(--radius);border:1px solid var(--accent-border);margin-bottom:14px;padding:20px 18px}.monthly-title{color:var(--primary);margin-bottom:10px;font-size:14px;font-weight:600}.monthly-body{color:var(--text2);font-size:13px;line-height:1.9}.profile-header{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;text-align:center;margin:-20px -16px 20px;padding:36px 20px 28px}.avatar{background:#fff3;border:3px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 14px;font-size:36px;display:flex}.profile-name{margin-bottom:4px;font-size:20px;font-weight:700}.profile-tag{opacity:.8;margin-bottom:12px;font-size:12px}.profile-badges{justify-content:center;gap:8px;display:flex}.profile-badge{color:#fff;background:#ffffff2e;border:1px solid #ffffff59;border-radius:20px;padding:4px 12px;font-size:11px}.menu-list{border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);flex-direction:column;gap:0;display:flex;overflow:hidden}.menu-item{cursor:pointer;border-bottom:1px solid #f7f4ef;align-items:center;padding:15px 18px;transition:background .15s;display:flex}.menu-item:last-child{border-bottom:none}.menu-item:active{background:var(--bg2)}.menu-icon{text-align:center;width:28px;margin-right:14px;font-size:22px}.menu-info{flex:1}.menu-label{color:var(--text);font-size:14px;font-weight:500}.menu-sub{color:var(--text3);margin-top:1px;font-size:11px}.menu-arrow{color:#ccc;font-size:16px}.element-card{border-radius:var(--radius);color:#fff;text-align:center;margin-bottom:16px;padding:28px 20px;box-shadow:0 6px 24px #00000026}.element-icon{margin-bottom:14px;font-size:64px;display:block}.element-name{margin-bottom:6px;font-size:26px;font-weight:700}.element-meta{opacity:.82;font-size:13px}.wuyun-item{background:var(--card);border-radius:var(--radius-sm);box-shadow:var(--shadow);margin-bottom:10px;padding:14px 18px}.wi-label{color:var(--text3);letter-spacing:.5px;margin-bottom:4px;font-size:11px}.wi-value{color:var(--text);font-size:14px;font-weight:600;line-height:1.5}.loading-dots{justify-content:center;gap:6px;margin-top:16px;display:flex}.dot{background:var(--primary);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite pulse}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.page-enter{animation:.25s pageIn}@keyframes pageIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.disclaimer{text-align:center;color:var(--text3);padding:16px 20px 24px;font-size:11px;line-height:1.7}.success-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:60px 24px 40px;display:flex}.success-icon{margin-bottom:20px;font-size:72px;animation:3s ease-in-out infinite float}.success-title{color:var(--text);margin-bottom:8px;font-size:22px;font-weight:700}.success-sub{color:var(--text3);margin-bottom:32px;font-size:13px;line-height:1.8}.splash{z-index:999;background:linear-gradient(160deg,#f5efe6 0%,#ede4d3 50%,#e5d9c4 100%);flex-direction:column;justify-content:center;align-items:center;max-width:480px;margin:0 auto;animation:.4s 2.2s forwards splashFade;display:flex;position:fixed;inset:0}@keyframes splashFade{to{opacity:0;pointer-events:none}}.splash-icon{margin-bottom:20px;font-size:80px;animation:2s ease-in-out infinite float}.splash-icon-img{object-fit:cover;border-radius:20px;width:80px;height:80px;margin-bottom:20px;animation:2s ease-in-out infinite float}.splash-title{color:var(--brand-title,var(--primary-dark));letter-spacing:2px;margin-bottom:6px;font-size:28px;font-weight:700}.splash-sub{color:var(--brand-text-sub,var(--primary-light));letter-spacing:3px;font-size:13px}.healing-h5-page{color:#e8d5ff;min-height:100vh;padding-bottom:calc(140px + var(--tabbar-h,60px) + env(safe-area-inset-bottom,0px));background:radial-gradient(at 20% 80%,#8b5cf626 0%,#0000 50%),radial-gradient(at 80% 20%,#c9a96e1a 0%,#0000 50%),linear-gradient(160deg,#0a0518 0%,#150d2e 30%,#1a1040 60%,#0d0820 100%);font-family:Noto Serif SC,PingFang SC,Microsoft YaHei,serif;position:relative}.healing-h5-page:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#c9a96e08 1px,#0000 1px),linear-gradient(90deg,#c9a96e08 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0}.healing-h5-page:after{content:"";pointer-events:none;z-index:0;opacity:.6;background-image:radial-gradient(circle,#c9a96ecc 1.5px,#0000 1.5px),radial-gradient(circle,#8b5cf680 1px,#0000 1px),radial-gradient(circle,#c9a96e4d 1px,#0000 1px);background-position:0 0,30px 50px,10px 20px;background-size:120px 120px,80px 80px,40px 40px;animation:8s ease-in-out infinite starFloat;position:fixed;inset:0}@keyframes starFloat{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:.7;transform:translateY(-10px)}}@keyframes floatNum{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.h5-content-wrap{z-index:1;padding:0 16px 20px;position:relative}.h5-top-decor{z-index:1;justify-content:center;align-items:center;gap:15px;padding:20px 0 10px;display:flex;position:relative}.h5-top-decor .decor-line{background:linear-gradient(90deg,#0000,#c9a96e99,#0000);width:60px;height:1px}.h5-top-decor .decor-symbol{color:#c9a96e;background:#c9a96e0d;border:1px solid #c9a96e66;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex;box-shadow:0 0 20px #c9a96e33,inset 0 0 10px #c9a96e1a}.h5-header{text-align:center;z-index:1;padding:10px 20px 20px;position:relative}.h5-brand{letter-spacing:6px;color:#c9a96e99;text-transform:uppercase;margin-bottom:8px;font-size:11px}.h5-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1;background:linear-gradient(135deg,#ffffff0a 0%,#c9a96e05 100%);border:1px solid #c9a96e40;border-radius:24px;padding:24px 18px;position:relative;box-shadow:0 25px 80px #00000080,inset 0 1px #ffffff14,0 0 0 1px #c9a96e1a}.h5-card:before,.h5-card:after{content:"";border:2px solid #c9a96e66;width:28px;height:28px;position:absolute}.h5-card:before{border-bottom:none;border-right:none;border-radius:8px 0 0;top:10px;left:10px}.h5-card:after{border-top:none;border-left:none;border-radius:0 0 8px;bottom:10px;right:10px}.corner-tr,.corner-bl{z-index:2;border:2px solid #c9a96e66;width:28px;height:28px;position:absolute}.corner-tr{border-bottom:none;border-left:none;border-radius:0 8px 0 0;top:10px;right:10px}.corner-bl{border-top:none;border-right:none;border-radius:0 0 0 8px;bottom:10px;left:10px}.h5-title-section{text-align:center;margin-bottom:16px}.h5-title-section h1{letter-spacing:3px;background:linear-gradient(90deg,#c9a96e 0%,#f0d898 50%,#c9a96e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:22px;font-weight:700}.h5-birthday{letter-spacing:4px;background:linear-gradient(90deg,#f0d898 0%,#ffe8b0 50%,#f0d898 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 6px #c9a96e80);-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.h5-birthday:before,.h5-birthday:after{content:"◆";color:#c9a96e66;font-size:8px}.h5-birthday-row{justify-content:center;align-items:center;gap:8px;display:flex}.h5-edit-date-btn{color:#c9a96e99;cursor:pointer;background:0 0;border:1px solid #c9a96e4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:13px;line-height:1;transition:all .2s;display:flex}.h5-edit-date-btn:active{color:#f0d898;background:#c9a96e1a;border-color:#c9a96e99}.h5-date-modal{gap:16px!important;padding:24px 16px 28px!important}.h5-date-picker{background:#ffffff05;border:1px solid #c9a96e1f;border-radius:16px;gap:0;width:100%;height:180px;display:flex;position:relative;overflow:hidden}.picker-col{flex:1;position:relative;overflow:hidden}.picker-col-inner{scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;height:100%;overflow-y:scroll}.picker-col-inner::-webkit-scrollbar{display:none}.picker-pad{flex-shrink:0;height:68px}.picker-item{color:#c8b4ff59;scroll-snap-align:center;cursor:pointer;letter-spacing:1px;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;height:44px;font-size:15px;font-weight:500;transition:color .2s;display:flex}.picker-item.active{color:#f0d898;font-size:17px;font-weight:700}.picker-mask-top,.picker-mask-bottom{pointer-events:none;z-index:2;height:68px;position:absolute;left:0;right:0}.picker-mask-top{background:linear-gradient(#1a0f2ee6 0%,#0000 100%);top:0}.picker-mask-bottom{background:linear-gradient(#0000 0%,#1a0f2ee6 100%);bottom:0}.picker-highlight{pointer-events:none;z-index:3;border-top:1px solid #c9a96e4d;border-bottom:1px solid #c9a96e4d;height:44px;position:absolute;top:50%;left:6px;right:6px;transform:translateY(-50%)}.h5-date-actions{gap:10px;width:100%;display:flex}.h5-date-actions .h5-modal-close{flex:1;margin-top:0}.h5-date-confirm{color:#f0d898;cursor:pointer;letter-spacing:3px;background:linear-gradient(135deg,#c9a96e33,#a57d451f);border:1px solid #c9a96e80;border-radius:28px;flex:1.6;padding:14px;font-size:15px;font-weight:700;transition:all .25s;box-shadow:0 0 20px #c9a96e26}.h5-date-confirm:active{background:linear-gradient(135deg,#c9a96e4d,#a57d4533);box-shadow:0 0 30px #c9a96e4d}.h5-tri-section{flex-direction:column;align-items:center;margin:12px 0 16px;display:flex}.h5-top-num-area{text-align:center;margin-bottom:10px}.h5-top-big-num{background:linear-gradient(#f0d898,#c9a96e);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:34px;font-weight:700;animation:3s ease-in-out infinite floatNum;display:inline-block}.h5-top-line{background:linear-gradient(90deg,#0000,#c9a96e99,#0000);width:90px;height:1px;margin:8px auto}.h5-early-nums{justify-content:center;gap:24px;display:flex}.h5-early-nums span{color:#c9a96e;font-size:20px;font-weight:600;animation:3s ease-in-out infinite floatNum}.h5-early-nums span:first-child{animation-delay:.1s}.h5-early-nums span:nth-child(2){animation-delay:.3s}.h5-tri-main{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.h5-side-label{text-align:center;flex-shrink:0;min-width:56px}.h5-side-eq{color:#c9a96e;background:#c9a96e0d;border:1px solid #c9a96e1f;border-radius:8px;padding:8px 6px;font-size:13px;font-weight:600;line-height:1.9}.h5-triangle-svg{filter:drop-shadow(0 0 10px #c9a96e26);flex:1;max-width:200px;height:auto}.h5-birth-nums{color:#c8b4ff99;letter-spacing:3px;background:#c9a96e0d;border:1px solid #c9a96e26;border-radius:30px;justify-content:center;gap:20px;margin:16px 0;padding:10px 22px;font-size:15px;display:flex}.h5-birth-nums span{animation:3s ease-in-out infinite floatNum;display:inline-block}.h5-birth-nums span:first-child{animation-delay:.1s}.h5-birth-nums span:nth-child(2){animation-delay:.2s}.h5-birth-nums span:nth-child(3){animation-delay:.3s}.h5-birth-nums span:nth-child(4){animation-delay:.4s}.h5-divider{background:linear-gradient(90deg,#0000,#c9a96e66,#0000);height:1px;margin:20px 0;position:relative}.h5-divider:before,.h5-divider:after{content:"◆";color:#c9a96e99;font-size:10px;position:absolute;top:50%;transform:translateY(-50%)}.h5-divider:before{left:30%}.h5-divider:after{right:30%}.h5-core-section{margin-bottom:0}.h5-section-title{text-align:center;color:#c9a96eb3;letter-spacing:6px;justify-content:center;align-items:center;gap:12px;margin-bottom:16px;font-size:13px;display:flex}.h5-section-title:before,.h5-section-title:after{content:"";background:linear-gradient(90deg,#0000,#c9a96e80);width:35px;height:1px}.h5-section-title:after{background:linear-gradient(90deg,#c9a96e80,#0000)}.h5-core-nums{justify-content:space-around;display:flex}.h5-core-item{flex-direction:column;align-items:center;display:flex}.h5-core-circle{color:#0000;background:#c9a96e0f linear-gradient(#f0d898,#c9a96e);-webkit-background-clip:text;background-clip:text;border:1.5px solid #c9a96e59;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:10px;font-size:22px;font-weight:700;animation:3s ease-in-out infinite floatNum;display:flex;position:relative;box-shadow:0 0 25px #c9a96e26,inset 0 0 20px #c9a96e14}.h5-core-circle:before{content:"";background:#c9a96e0f;border:1.5px solid #c9a96e59;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 25px #c9a96e26,inset 0 0 20px #c9a96e14}.h5-core-circle-inner{z-index:1;background:linear-gradient(#f0d898,#c9a96e);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:700;position:relative}.h5-core-label{color:#c8b4ff80;letter-spacing:1px;font-size:11px}.h5-union-section{margin-top:0}.h5-union-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;display:grid}.h5-union-item{color:#e8d5ff;text-align:center;background:#c9a96e0f;border:1px solid #c9a96e26;border-radius:10px;padding:10px 5px;font-family:Courier New,monospace;font-size:16px;font-weight:600;transition:all .3s;animation:3s ease-in-out infinite floatNum;box-shadow:inset 0 1px #ffffff0d,0 4px 15px #0003}.h5-union-item:first-child{animation-delay:.1s}.h5-union-item:nth-child(2){animation-delay:.2s}.h5-union-item:nth-child(3){animation-delay:.3s}.h5-union-item:nth-child(4){animation-delay:.4s}.h5-union-item:nth-child(5){animation-delay:.5s}.h5-union-item:nth-child(6){animation-delay:.6s}.h5-union-item:nth-child(7){animation-delay:.7s}.h5-union-item:nth-child(8){animation-delay:.8s}.h5-union-item:nth-child(9){animation-delay:.9s}.h5-union-item:nth-child(10){animation-delay:1s}.h5-union-item:nth-child(11){animation-delay:1.1s}.h5-union-item:nth-child(12){animation-delay:1.2s}.h5-export-btn{color:#f0d898;cursor:pointer;letter-spacing:3px;background:linear-gradient(135deg,#c9a96e1f 0%,#a57d4514 100%);border:1px solid #c9a96e66;border-radius:40px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:20px;padding:13px 32px;font-size:14px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 0 20px #c9a96e1a,inset 0 1px #ffffff0f}.h5-export-btn:hover,.h5-export-btn:active{background:linear-gradient(135deg,#c9a96e33 0%,#a57d4524 100%);border-color:#c9a96eb3;box-shadow:0 0 30px #c9a96e40}.h5-export-btn.exporting{opacity:.6;cursor:not-allowed}.h5-export-icon{color:#c9a96e;font-size:12px;animation:1.5s ease-in-out infinite twinkle}@keyframes twinkle{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.h5-footer{bottom:calc(var(--tabbar-h,60px) + env(safe-area-inset-bottom,0px));z-index:10;-webkit-backdrop-filter:blur(4px);background:linear-gradient(#0000 0%,#0f082399 40%,#0a0518d9 100%);padding:20px 20px 16px;position:fixed;left:0;right:0}.h5-footer-hint{text-align:center;color:#c9a96e66;letter-spacing:2px;margin-bottom:12px;font-size:11px}.h5-footer-btns{gap:10px;display:flex}.h5-contact-btn{color:#c9a96e;cursor:pointer;letter-spacing:1px;background:#c9a96e0f;border:1px solid #c9a96e59;border-radius:40px;flex:1;justify-content:center;align-items:center;gap:5px;padding:13px 10px;font-size:14px;font-weight:600;transition:all .25s;display:flex;box-shadow:0 0 20px #c9a96e14,inset 0 1px #ffffff0d}.h5-contact-btn:active{background:#c9a96e1f}.h5-unlock-btn{color:#f0d898;cursor:pointer;letter-spacing:1px;background:linear-gradient(135deg,#c9a96e2e 0%,#a57d451f 100%);border:1px solid #c9a96e99;border-radius:40px;flex:1.6;justify-content:center;align-items:center;gap:5px;padding:13px 10px;font-size:14px;font-weight:700;transition:all .25s;display:flex;box-shadow:0 0 25px #c9a96e33,inset 0 1px #ffffff14}.h5-unlock-btn:active{transform:scale(.98);box-shadow:0 0 35px #c9a96e59}.btn-icon{font-size:14px}.btn-original{opacity:.45;margin-left:3px;font-size:11px;font-weight:400;text-decoration:line-through}.h5-modal-mask{z-index:100;background:#000000a6;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.h5-modal{background:linear-gradient(160deg,#1a0f2e 0%,#150d28 100%);border:1px solid #c9a96e40;border-radius:24px 24px 0 0;flex-direction:column;align-items:center;gap:12px;width:100%;padding:28px 24px 40px;display:flex}.h5-modal-title{letter-spacing:3px;background:linear-gradient(90deg,#c9a96e,#f0d898);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700}.h5-modal-icon{color:#c9a96e;filter:drop-shadow(0 0 12px #c9a96e66);margin:4px 0;font-size:40px}.h5-modal-body{text-align:center;color:#e8d5ffcc;font-size:14px;line-height:2}.h5-modal-sub{color:#c8b4ff80;font-size:13px}.h5-modal-wechat{color:#f0d898;letter-spacing:2px;background:#c9a96e1a;border:1px solid #c9a96e4d;border-radius:20px;margin-top:8px;padding:10px 28px;font-size:16px;font-weight:600}.h5-modal-close{color:#c8b4ff99;cursor:pointer;background:0 0;border:1px solid #c9a96e4d;border-radius:28px;width:100%;margin-top:6px;padding:14px;font-size:15px}.loading{color:#c8b4ff80;background:linear-gradient(160deg,#0a0518 0%,#150d2e 30%,#1a1040 60%,#0d0820 100%);justify-content:center;align-items:center;height:100vh;font-size:16px;display:flex}.h5-page-footer{text-align:center;z-index:1;padding:20px 0 10px;position:relative}.h5-page-footer .brand-name{letter-spacing:4px;color:#c9a96e80;margin-bottom:6px;font-size:13px}.h5-page-footer .copyright{color:#b496ff4d;letter-spacing:2px;font-size:10px}[data-theme=zen].healing-h5-page{color:#3d2b1f;background:radial-gradient(at 20% 80%,#4a7c5914 0%,#0000 50%),radial-gradient(at 80% 20%,#7c6a4d1a 0%,#0000 50%),linear-gradient(160deg,#f8f5f0 0%,#f5f0e8 30%,#ede8df 60%,#f0ebe2 100%);font-family:Noto Serif SC,PingFang SC,Songti SC,STSong,serif}[data-theme=zen].healing-h5-page:before{background-image:linear-gradient(#7c6a4d0f 1px,#0000 1px),linear-gradient(90deg,#7c6a4d0f 1px,#0000 1px);background-size:60px 60px}[data-theme=zen].healing-h5-page:after{opacity:.4;background-image:radial-gradient(circle,#7c6a4d66 1.5px,#0000 1.5px),radial-gradient(circle,#4a7c5940 1px,#0000 1px),radial-gradient(circle,#7c6a4d33 1px,#0000 1px);background-size:120px 120px,80px 80px,40px 40px}[data-theme=zen] .h5-top-decor .decor-line{background:linear-gradient(90deg,#0000,#7c6a4d80,#0000)}[data-theme=zen] .h5-top-decor .decor-symbol{color:#7c6a4d;background:#7c6a4d0f;border:1px solid #7c6a4d66;box-shadow:0 0 16px #7c6a4d26,inset 0 0 8px #7c6a4d14}[data-theme=zen] .h5-brand{color:#7c6a4d8c}[data-theme=zen] .h5-card{background:#ffffffd1;border:1px solid #7c6a4d33;box-shadow:0 12px 40px #00000014,inset 0 1px #ffffffe6,0 0 0 1px #7c6a4d14}[data-theme=zen] .h5-card:before,[data-theme=zen] .h5-card:after,[data-theme=zen] .corner-tr,[data-theme=zen] .corner-bl{border-color:#7c6a4d59}[data-theme=zen] .h5-title-section h1{background:linear-gradient(90deg,#7c6a4d 0%,#a08c6e 50%,#7c6a4d 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=zen] .h5-birthday{background:linear-gradient(90deg,#7c6a4d 0%,#a08c6e 50%,#7c6a4d 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 4px #7c6a4d40);-webkit-background-clip:text;background-clip:text}[data-theme=zen] .h5-birthday:before,[data-theme=zen] .h5-birthday:after{color:#7c6a4d66}[data-theme=zen] .h5-edit-date-btn{color:#7c6a4d99;border-color:#7c6a4d4d}[data-theme=zen] .h5-edit-date-btn:active{color:#7c6a4d;background:#7c6a4d14;border-color:#7c6a4d80}[data-theme=zen] .h5-date-picker{background:#f8f5f0e6;border:1px solid #7c6a4d26}[data-theme=zen] .picker-item{color:#7c6a4d66}[data-theme=zen] .picker-item.active{color:#3d2b1f}[data-theme=zen] .picker-mask-top{background:linear-gradient(#f8f5f0f2 0%,#0000 100%)}[data-theme=zen] .picker-mask-bottom{background:linear-gradient(#0000 0%,#f8f5f0f2 100%)}[data-theme=zen] .picker-highlight{border-top-color:#7c6a4d59;border-bottom-color:#7c6a4d59}[data-theme=zen] .h5-date-confirm{color:#5a4a38;background:linear-gradient(135deg,#7c6a4d26,#64553c14);border-color:#7c6a4d80;box-shadow:0 0 16px #7c6a4d1f}[data-theme=zen] .h5-top-big-num{background:linear-gradient(#7c6a4d,#a08c6e);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=zen] .h5-top-line{background:linear-gradient(90deg,#0000,#7c6a4d80,#0000)}[data-theme=zen] .h5-early-nums span{color:#7c6a4d}[data-theme=zen] .h5-side-eq{color:#7c6a4d;background:#7c6a4d0d;border-color:#7c6a4d26}[data-theme=zen] .h5-triangle-svg line{stroke:#7c6a4d40}[data-theme=zen] .h5-birth-nums{color:#5a4a38b3;background:#7c6a4d0f;border-color:#7c6a4d2e}[data-theme=zen] .h5-divider{background:linear-gradient(90deg,#0000,#7c6a4d59,#0000)}[data-theme=zen] .h5-divider:before,[data-theme=zen] .h5-divider:after{color:#7c6a4d80}[data-theme=zen] .h5-section-title{color:#7c6a4db3}[data-theme=zen] .h5-section-title:before{background:linear-gradient(90deg,#0000,#7c6a4d66)}[data-theme=zen] .h5-section-title:after{background:linear-gradient(90deg,#7c6a4d66,#0000)}[data-theme=zen] .h5-core-circle{background-color:#7c6a4d0f;background-image:linear-gradient(#7c6a4d,#a08c6e);border-color:#7c6a4d4d;box-shadow:0 0 16px #7c6a4d1f,inset 0 0 12px #7c6a4d0f}[data-theme=zen] .h5-core-circle:before{background:#7c6a4d0f;border-color:#7c6a4d4d;box-shadow:0 0 16px #7c6a4d1f,inset 0 0 12px #7c6a4d0f}[data-theme=zen] .h5-core-circle-inner{background:linear-gradient(#5a4a38,#7c6a4d);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=zen] .h5-core-label{color:#7c6a4d8c}[data-theme=zen] .h5-union-item{color:#3d2b1f;background:#7c6a4d12;border-color:#7c6a4d2e;box-shadow:inset 0 1px #fff9,0 2px 8px #0000000d}[data-theme=zen] .h5-export-btn{color:#5a4a38;background:linear-gradient(135deg,#7c6a4d1a 0%,#64553c0f 100%);border-color:#7c6a4d66;box-shadow:0 0 16px #7c6a4d14,inset 0 1px #ffffff80}[data-theme=zen] .h5-export-btn:hover,[data-theme=zen] .h5-export-btn:active{background:linear-gradient(135deg,#7c6a4d2e 0%,#64553c1f 100%);border-color:#7c6a4da6;box-shadow:0 0 24px #7c6a4d33}[data-theme=zen] .h5-export-icon{color:#7c6a4d}[data-theme=zen] .h5-footer{background:linear-gradient(#0000 0%,#f8f5f0b3 40%,#f8f5f0eb 100%)}[data-theme=zen] .h5-footer-hint{color:#7c6a4d73}[data-theme=zen] .h5-contact-btn{color:#7c6a4d;background:#7c6a4d0d;border-color:#7c6a4d4d;box-shadow:0 0 12px #7c6a4d0f,inset 0 1px #fff6}[data-theme=zen] .h5-unlock-btn{color:#3d2b1f;background:linear-gradient(135deg,#7c6a4d26 0%,#64553c1a 100%);border-color:#7c6a4d8c;box-shadow:0 0 18px #7c6a4d26,inset 0 1px #ffffff80}[data-theme=zen] .h5-modal{background:linear-gradient(160deg,#f8f5f0 0%,#f0ebe2 100%);border-color:#7c6a4d33}[data-theme=zen] .h5-modal-title{background:linear-gradient(90deg,#7c6a4d,#a08c6e);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=zen] .h5-modal-icon{color:#7c6a4d;filter:drop-shadow(0 0 8px #7c6a4d4d)}[data-theme=zen] .h5-modal-body{color:#3d2b1fcc}[data-theme=zen] .h5-modal-sub{color:#7c6a4d8c}[data-theme=zen] .h5-modal-wechat{color:#5a4a38;background:#7c6a4d14;border-color:#7c6a4d40}[data-theme=zen] .h5-modal-close{color:#5a4a3899;border-color:#7c6a4d40}[data-theme=zen] .loading{color:#7c6a4d80;background:linear-gradient(160deg,#f8f5f0 0%,#f5f0e8 30%,#ede8df 60%,#f0ebe2 100%)}[data-theme=zen] .h5-page-footer .brand-name{color:#7c6a4d80}[data-theme=zen] .h5-page-footer .copyright{color:#7c6a4d4d}.h5-export-preview-modal{background:#0f0823f7;border:1px solid #c9a96e4d;border-radius:16px;flex-direction:column;width:92vw;max-width:420px;max-height:88vh;padding:20px 16px 16px;display:flex;overflow:hidden;box-shadow:0 20px 60px #0009}.h5-export-preview-scroll{background:#0000004d;border:1px solid #c9a96e26;border-radius:8px;flex:1;overflow-y:auto}[data-theme=zen] .h5-export-preview-modal{background:#f8f5f0f7;border-color:#a08c6e4d}