@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;600;900&family=ZCOOL+XiaoWei&family=Share+Tech+Mono&display=swap";:root{--void: #07060f;--deep: #0e0c1e;--surface: #151228;--card: #1a1730;--overlay: #211e38;--gold: #C8A96E;--gold-lt: #E8C88A;--gold-dk: #8A6A30;--gold-glow: rgba(200,169,110,.22);--jade: #7EB8A0;--jade-dk: #3A7860;--jade-glow: rgba(126,184,160,.18);--rose: #D4849A;--ink: #EDE8FF;--ink2: #A89EC8;--ink3: #5C5480;--ink4: #3A3458;--border: rgba(200,169,110,.14);--border2: rgba(200,169,110,.28);--serif: "Noto Serif SC", "ZCOOL XiaoWei", "华文仿宋", serif;--mono: "Share Tech Mono", "Courier New", monospace;--r: 8px;--r-lg: 16px;--r-xl: 24px;--ease-spring: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--void);color:var(--ink);font-family:var(--serif);min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-root{min-height:100dvh;position:relative;display:flex;flex-direction:column}.page-wrap{position:relative;z-index:2;max-width:480px;margin:0 auto;padding:48px 20px calc(env(safe-area-inset-bottom,0px) + 60px);display:flex;flex-direction:column;align-items:center}.site-header{text-align:center;padding:0 0 20px}.header-ornament{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px}.orn-line{flex:1;max-width:72px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.55}.orn-diamond{width:7px;height:7px;background:var(--gold);transform:rotate(45deg);box-shadow:0 0 10px var(--gold-glow);animation:diamond-pulse 3s ease-in-out infinite}@keyframes diamond-pulse{0%,to{box-shadow:0 0 10px var(--gold-glow)}50%{box-shadow:0 0 22px #c8a96e80}}.site-title{font-family:"ZCOOL XiaoWei",var(--serif);font-size:clamp(52px,16vw,80px);font-weight:900;letter-spacing:.22em;line-height:1;background:linear-gradient(155deg,var(--gold-lt) 0%,var(--gold) 40%,var(--gold-dk) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 24px rgba(200,169,110,.35));animation:title-breathe 5s ease-in-out infinite}@keyframes title-breathe{0%,to{filter:drop-shadow(0 2px 24px rgba(200,169,110,.35))}50%{filter:drop-shadow(0 2px 40px rgba(200,169,110,.6))}}.site-subtitle{font-family:var(--mono);font-size:11px;letter-spacing:.28em;color:var(--jade);margin-top:8px;opacity:.75}.date-pill{display:inline-block;margin-top:14px;padding:5px 16px;border:1px solid var(--border2);border-radius:20px;font-family:var(--mono);font-size:11px;color:var(--ink3);background:#c8a96e0a;letter-spacing:.06em}.vessel-section{display:flex;flex-direction:column;align-items:center;gap:16px;margin:8px 0 28px}.vessel-wrap{position:relative;width:156px;height:156px;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none}.vessel-wrap:focus-visible .vessel-cup{box-shadow:0 0 0 3px #c8a96e80}.ring{position:absolute;border-radius:50%;border:1px solid var(--border);animation:ring-breathe 4s ease-in-out infinite}.ring-1{top:0;right:0;bottom:0;left:0;border-color:var(--border2);animation-duration:3s}.ring-2{top:-14px;right:-14px;bottom:-14px;left:-14px;animation-delay:.4s;animation-duration:4.5s}.ring-3{top:-28px;right:-28px;bottom:-28px;left:-28px;border-color:#c8a96e0d;animation-delay:.9s;animation-duration:6s}@keyframes ring-breathe{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.04);opacity:.5}}.stick-emerge{position:absolute;top:-32px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:5;animation:stick-rise .6s var(--ease-spring) forwards}@keyframes stick-rise{0%{transform:translate(-50%) translateY(40px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.stick-body{width:3px;height:40px;background:linear-gradient(180deg,var(--gold-lt),var(--gold-dk));border-radius:2px;box-shadow:0 0 12px var(--gold-glow)}.stick-tip{width:6px;height:6px;border-radius:50%;background:var(--gold-lt);box-shadow:0 0 8px var(--gold-glow);margin-top:-2px}.vessel-cup{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 36% 30%,var(--overlay),var(--deep) 65%,var(--void));border:1.5px solid var(--border2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:box-shadow .4s ease,border-color .4s ease;box-shadow:0 0 40px #00000080,inset 0 1px #ffffff0d}.vessel-wrap:hover .vessel-cup,.vessel-wrap:focus-visible .vessel-cup{border-color:#c8a96e73;box-shadow:0 0 60px var(--gold-glow),inset 0 1px #ffffff14}.vessel-glyph{font-family:"ZCOOL XiaoWei",var(--serif);font-size:38px;line-height:1;color:var(--gold);text-shadow:0 0 20px var(--gold-glow);animation:glyph-float 4s ease-in-out infinite;transition:all .4s ease}@keyframes glyph-float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}.vessel-hint{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--ink4);text-transform:uppercase}.vessel-wrap.is-shaking .vessel-cup{animation:cup-shake .55s cubic-bezier(.36,.07,.19,.97)}@keyframes cup-shake{10%,90%{transform:rotate(-5deg) scale(1.06)}20%,80%{transform:rotate(6deg) scale(1.08)}30%,50%,70%{transform:rotate(-6deg) scale(1.07)}40%,60%{transform:rotate(6deg) scale(1.09)}to{transform:none}}.idle-prompt{font-size:13px;color:var(--ink4);letter-spacing:.1em;animation:prompt-fade 2.5s ease-in-out infinite}@keyframes prompt-fade{0%,to{opacity:.4}50%{opacity:.9}}.fortune-card{background:linear-gradient(160deg,var(--card) 0%,var(--deep) 100%);border:1px solid var(--border2);border-radius:var(--r-xl);overflow:hidden;margin-bottom:24px;opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s var(--ease-spring);box-shadow:0 8px 48px #00000080,0 0 0 1px #ffffff08 inset}.fortune-card.is-visible{opacity:1;transform:translateY(0)}.card-banner{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border);background:#0003}.banner-left{display:flex;align-items:center;gap:8px}.banner-hexagram{font-size:22px;font-family:"ZCOOL XiaoWei",var(--serif);background:linear-gradient(135deg,var(--gold-lt),var(--gold) 55%,var(--gold-dk));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px var(--gold-glow))}.banner-name{font-family:"ZCOOL XiaoWei",var(--serif);font-size:18px;font-weight:700;letter-spacing:.18em;background:linear-gradient(135deg,var(--gold-lt),var(--gold) 55%,var(--gold-dk));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px var(--gold-glow))}.banner-grade{font-family:"ZCOOL XiaoWei",var(--serif);font-size:18px;font-weight:700;letter-spacing:.12em;padding:4px 14px;border-radius:14px;background:#00000040;color:var(--grade-color, var(--gold));border:1px solid currentColor;text-shadow:0 0 10px currentColor}.card-hero{display:flex;align-items:flex-end;gap:0;padding:20px 20px 0}.hero-num{font-family:var(--mono);font-size:clamp(72px,22vw,96px);font-weight:900;line-height:.85;letter-spacing:-.04em;opacity:.15;margin-right:-8px}.hero-meta{padding-bottom:10px}.hero-title{font-family:"ZCOOL XiaoWei",var(--serif);font-size:28px;font-weight:900;letter-spacing:.12em;color:var(--ink)}.hero-sub{font-family:var(--mono);font-size:11px;letter-spacing:.18em;margin-top:4px;opacity:.85}.poem-block{padding:20px 20px 4px;border-left:2px solid var(--gold-dk);margin:16px 20px 0}.poem-line{font-size:14px;line-height:2;letter-spacing:.12em;font-weight:300;color:var(--ink);opacity:0;animation:poem-in .6s ease forwards}@keyframes poem-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}.card-interpret{padding:14px 20px 0;font-size:13px;line-height:1.95;color:var(--ink2);font-weight:400}.card-divider{height:1px;background:var(--border);margin:20px 20px 0}.luck-section{padding:18px 20px 0}.section-label{display:inline-flex;align-items:center;gap:10px;font-family:"ZCOOL XiaoWei",var(--serif);font-size:19px;font-weight:700;letter-spacing:.2em;background:linear-gradient(135deg,var(--gold-lt),var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(200,169,110,.35));margin-bottom:16px}.section-label:before,.section-label:after{content:"";display:inline-block;width:22px;height:1px;background:linear-gradient(90deg,transparent,var(--gold));-webkit-text-fill-color:initial}.section-label:after{background:linear-gradient(90deg,var(--gold),transparent)}.luck-bar-row-v2{margin-bottom:14px;padding:10px 12px;background:#ffffff04;border-radius:10px;border:1px solid rgba(255,255,255,.04);transition:background .25s ease}.luck-bar-row-v2:hover{background:#c8a96e0a}.luck-bar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.luck-bar-label{font-family:"ZCOOL XiaoWei",var(--serif);font-size:16px;font-weight:600;letter-spacing:.14em;display:inline-flex;align-items:center;gap:8px}.luck-bar-icon{font-size:14px;opacity:.9}.luck-bar-grade{font-family:"ZCOOL XiaoWei",var(--serif);font-size:14px;font-weight:700;letter-spacing:.08em;display:inline-flex;align-items:baseline;gap:8px}.luck-bar-num{font-family:var(--mono);font-size:12px;font-weight:700;opacity:.85;letter-spacing:.04em}.luck-bar-track{position:relative;height:8px;border-radius:6px;background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.05);overflow:hidden}.luck-bar-fill{position:relative;height:100%;border-radius:6px;transition:width 1.1s cubic-bezier(.16,1,.3,1);overflow:hidden}.luck-bar-shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.45) 50%,transparent 100%);transform:translate(-100%);animation:luck-shine 2.8s ease-in-out infinite}@keyframes luck-shine{0%{transform:translate(-100%)}60%{transform:translate(120%)}to{transform:translate(120%)}}.advice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 20px 0}.advice-do,.advice-dont{background:var(--surface);border-radius:var(--r);padding:16px 16px 14px}.advice-do{border-left:3px solid var(--jade)}.advice-dont{border-left:3px solid var(--rose)}.advice-label{font-family:"ZCOOL XiaoWei",var(--serif);font-size:17px;font-weight:700;letter-spacing:.22em;margin-bottom:12px;text-shadow:0 0 10px currentColor}.do-label{color:var(--jade)}.dont-label{color:var(--rose)}.advice-item{font-family:"Noto Serif SC",serif;font-size:15px;font-weight:400;color:var(--ink);line-height:1.8;letter-spacing:.04em}.lucky-row{display:flex;gap:10px;padding:20px 20px 0}.lucky-chip{flex:1;background:linear-gradient(160deg,rgba(200,169,110,.12),var(--surface));border:1px solid var(--border2);border-radius:var(--r);padding:16px 8px;text-align:center;display:flex;flex-direction:column;gap:8px;box-shadow:0 0 18px #c8a96e1a,inset 0 1px #ffffff0d}.lucky-key{font-family:"ZCOOL XiaoWei",var(--serif);font-size:14px;font-weight:600;letter-spacing:.18em;color:var(--gold);opacity:.95;text-shadow:0 0 8px var(--gold-glow)}.lucky-val{font-size:15px;font-weight:600;color:var(--gold-lt);letter-spacing:.04em;text-shadow:0 0 8px rgba(200,169,110,.25)}.action-row{display:flex;gap:10px;padding:22px 20px 12px}.action-row .pbtn{flex:1}.btn-archive-wrap{padding:6px 20px 22px}.pbtn{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:12px 16px;border-radius:var(--r);background:linear-gradient(135deg,#c8a96e24,#c8a96e0a);border:1px solid var(--border2);color:var(--gold-lt);font-family:"ZCOOL XiaoWei",var(--serif);cursor:pointer;overflow:hidden;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,transform .15s ease;box-shadow:0 0 18px #c8a96e14,inset 0 1px #ffffff0a;-webkit-tap-highlight-color:transparent;outline:none}.pbtn:hover:not(:disabled){background:linear-gradient(135deg,#c8a96e38,#c8a96e14);border-color:var(--gold);box-shadow:0 0 28px #c8a96e47,inset 0 1px #ffffff0f;transform:translateY(-1px)}.pbtn:active:not(:disabled){transform:scale(.98)}.pbtn:disabled{opacity:.45;cursor:not-allowed}.pbtn-primary{background:linear-gradient(135deg,#c8a96e47,#c8a96e1a);border-color:var(--gold);color:var(--gold-lt);box-shadow:0 0 26px #c8a96e47,inset 0 1px #ffffff14}.pbtn-primary:hover:not(:disabled){background:linear-gradient(135deg,#c8a96e61,#c8a96e29);border-color:var(--gold-lt);box-shadow:0 0 36px #c8a96e73,inset 0 1px #ffffff1f}.pbtn-particles{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.85}.pbtn-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;line-height:1.25;pointer-events:none}.pbtn-label{font-size:16px;font-weight:700;letter-spacing:.18em;background:linear-gradient(135deg,var(--gold-lt),var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 6px rgba(200,169,110,.4))}.pbtn-suffix{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--ink2);opacity:.9}.pbtn-suffix-icon{font-size:11px;color:var(--gold);text-shadow:0 0 6px var(--gold-glow);line-height:1}@media (max-width: 390px){.pbtn{min-height:56px;padding:10px 12px}.pbtn-label{font-size:15px;letter-spacing:.14em}.pbtn-suffix{font-size:10px}}.site-footer{text-align:center;padding:32px 0 0}.footer-line{height:1px;background:linear-gradient(90deg,transparent,var(--border2),transparent);margin-bottom:16px}.footer-text{font-family:var(--mono);font-size:10px;color:var(--ink4);letter-spacing:.18em;text-transform:uppercase}.footer-sub{font-size:11px;color:var(--ink4);margin-top:6px;opacity:.5}@media (max-width: 390px){.page-wrap{padding:48px 16px calc(env(safe-area-inset-bottom,0px) + 60px)}.site-title{font-size:52px}.advice-grid{grid-template-columns:1fr}.lucky-row{flex-wrap:wrap}.lucky-chip{flex:1 1 calc(33% - 8px)}.hero-num{font-size:64px}}@media (max-width: 320px){.lucky-chip{flex:1 1 calc(50% - 6px)}.hero-num{font-size:52px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.daily-tip{padding:16px 20px;font-size:17px;font-weight:400;line-height:1.6;color:var(--ink);letter-spacing:.04em;border-bottom:1px solid var(--border);background:#c8a96e0a}