:root{--bg-paper:#f4f1e8;--bg-panel:#fffdf5;--ink:#2b2b2b;--cinnabar:#a8362d;--indigo:#4a6c7c;--gold:#b39b6a;--border-color:#8c8577;--shadow:#2b2b2b1a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-paper);color:var(--ink);background-image:radial-gradient(#dcd9cf 1px,#0000 1px),radial-gradient(#dcd9cf 1px,#0000 1px);background-position:0 0,10px 10px;background-size:20px 20px;flex-direction:column;min-height:100vh;font-family:KaiTi,STKaiti,Adobe Kaiti Std,SimSun,Songti SC,serif;display:flex;overflow-x:hidden}body.active{min-height:100vh;overflow:auto}.header{border-bottom:2px solid var(--ink);background:var(--bg-paper);z-index:100;height:60px;box-shadow:0 2px 10px var(--shadow);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.header-title{letter-spacing:5px;writing-mode:horizontal-tb;color:var(--ink);font-size:1.5rem;font-weight:700;position:relative}.header-title:before,.header-title:after{content:"✦";color:var(--cinnabar);vertical-align:middle;margin:0 10px;font-size:.8rem}.container{justify-content:center;align-items:center;min-height:calc(100vh - 60px);margin-top:60px;padding:20px;transition:all .8s;display:flex}body.active .container{grid-template-columns:300px 1fr;align-items:start;gap:20px;height:calc(100vh - 60px);padding:20px;display:grid}@media (max-width:768px){body.active .container{flex-direction:column;height:auto;min-height:100vh;display:flex}}.fate-book[data-v-b06bd255]{background:var(--bg-panel);border:2px solid var(--ink);width:100%;max-width:420px;box-shadow:0 0 0 4px var(--bg-panel),0 0 0 6px var(--border-color),10px 10px 20px var(--shadow);z-index:10;padding:30px 20px;transition:all .6s;position:relative}body.active{max-width:100%;height:100%;box-shadow:none;border:1px solid var(--border-color);background:#fffdf5cc;border-radius:0}@media (max-width:768px){body.active{border:none;border-top:2px solid var(--ink);order:2;max-width:100%;max-height:none;margin-top:20px;overflow-y:auto}.fate-book[data-v-b06bd255]{max-width:100%;padding:20px 15px}}.book-title[data-v-b06bd255]{text-align:center;border-bottom:1px solid var(--border-color);color:var(--cinnabar);margin-bottom:25px;padding-bottom:10px;font-size:1.4rem}.form-group[data-v-b06bd255]{margin-bottom:20px}.form-label[data-v-b06bd255]{color:#666;margin-bottom:5px;font-size:.9rem;display:block}.form-input[data-v-b06bd255]{border:none;border-bottom:1px solid var(--ink);width:100%;color:var(--ink);background:0 0;border-radius:0;outline:none;padding:8px 0;font-family:inherit;font-size:1.1rem;transition:border-color .3s}.form-input[data-v-b06bd255]:focus{border-bottom:2px solid var(--cinnabar)}.form-row[data-v-b06bd255]{gap:15px;display:flex}.seal-btn[data-v-b06bd255]{background:var(--cinnabar);color:#fff;cursor:pointer;text-align:center;letter-spacing:2px;background-image:url("data:image/svg+xml,%3Csvg width='4' height='4' viewBox='0 0 4 4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3h1v1H1V3zm2-2h1v1H3V1z' fill='%23902015' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");border:3px double #ffbaba;border-radius:4px;justify-content:center;align-items:center;width:120px;height:120px;margin:30px auto 0;font-family:Songti SC,serif;font-size:1.4rem;font-weight:700;transition:transform .2s;display:flex;box-shadow:0 4px 6px #a8362d66}.seal-btn[data-v-b06bd255]:active{opacity:.9;transform:scale(.95)}@media (max-width:768px){.seal-btn[data-v-b06bd255]{letter-spacing:2px;width:120px;height:120px;margin:30px auto 0;display:block}.investment-section[data-v-b06bd255]{margin-top:15px;padding:12px}.checkbox-group[data-v-b06bd255]{flex-direction:column;gap:10px}.form-row[data-v-b06bd255]{flex-direction:column;gap:15px}.checkbox-item[data-v-b06bd255]{font-size:.85rem}.form-input[data-v-b06bd255]{box-sizing:border-box;width:100%}}.bazi-box[data-v-b06bd255]{border-top:1px dashed var(--border-color);text-align:center;margin-top:30px;padding-top:20px}.bazi-grid[data-v-b06bd255]{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.pillar[data-v-b06bd255]{writing-mode:vertical-rl;color:var(--ink);letter-spacing:5px;margin:0 auto;font-size:1.2rem;font-weight:700}.pillar-label[data-v-b06bd255]{writing-mode:horizontal-tb;color:#888;margin-bottom:5px;font-size:.7rem}.investment-section[data-v-b06bd255]{border:1px solid var(--border-color);background:#ffffff4d;border-radius:4px;margin-top:20px;padding:15px}.section-title[data-v-b06bd255]{color:var(--cinnabar);text-align:center;border-bottom:1px solid var(--border-color);margin-bottom:15px;padding-bottom:5px;font-size:1.1rem;font-weight:700}.checkbox-group[data-v-b06bd255]{flex-wrap:wrap;gap:15px;display:flex}.checkbox-item[data-v-b06bd255]{cursor:pointer;align-items:center;font-size:.9rem;display:flex}.checkbox-item input[type=checkbox][data-v-b06bd255]{margin-right:5px;transform:scale(1.2)}@media (max-width:768px){.investment-section[data-v-b06bd255]{margin-top:15px;padding:12px}.checkbox-group[data-v-b06bd255]{flex-direction:column;gap:10px}.form-row[data-v-b06bd255]{flex-direction:column;gap:15px}.checkbox-item[data-v-b06bd255]{font-size:.85rem}}.scroll-panel[data-v-78d123e2]{background:var(--bg-panel);border:1px solid var(--border-color);flex-direction:column;width:100%;height:100%;display:flex;position:relative}.corner[data-v-78d123e2]{border-style:solid;border-color:var(--ink);pointer-events:none;width:20px;height:20px;position:absolute}.tl[data-v-78d123e2]{border-width:2px 0 0 2px;top:5px;left:5px}.tr[data-v-78d123e2]{border-width:2px 2px 0 0;top:5px;right:5px}.bl[data-v-78d123e2]{border-width:0 0 2px 2px;bottom:5px;left:5px}.br[data-v-78d123e2]{border-width:0 2px 2px 0;bottom:5px;right:5px}.chart-area[data-v-78d123e2]{background:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%239C92AC' fill-opacity='0.05' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");flex:2;width:100%;padding:10px;position:relative}.detail-area[data-v-78d123e2]{border-top:2px solid var(--ink);background:#b8945c0d;flex:1;gap:20px;padding:20px;display:flex}.age-display[data-v-78d123e2]{border-right:1px solid var(--border-color);flex-direction:column;justify-content:center;align-items:center;width:80px;display:flex}.age-num[data-v-78d123e2]{color:var(--cinnabar);font-size:2.5rem;font-weight:700}.age-label[data-v-78d123e2]{color:var(--ink);font-size:.9rem}.story-display[data-v-78d123e2]{flex-direction:column;flex:1;justify-content:center;display:flex}.story-event[data-v-78d123e2]{color:var(--ink);margin-bottom:10px;font-size:1.1rem;font-weight:700}.story-quote[data-v-78d123e2]{color:var(--indigo);border-left:3px solid var(--gold);padding-left:10px;font-size:1rem;font-style:italic}.trend-tag[data-v-78d123e2]{border:1px solid var(--border-color);width:fit-content;margin-bottom:5px;padding:2px 8px;font-size:.75rem;display:inline-block}@media (max-width:768px){body.active{order:1;width:100%;max-width:100vw;height:auto;min-height:500px;margin-top:20px}.detail-area[data-v-78d123e2]{text-align:center;flex-direction:column;gap:10px;padding:15px}.age-display[data-v-78d123e2]{border-right:none;border-bottom:1px solid var(--border-color);flex-direction:row;align-items:baseline;gap:10px;width:100%;margin-bottom:5px;padding-bottom:5px}.age-num[data-v-78d123e2]{font-size:2rem}.story-quote[data-v-78d123e2]{text-align:left;font-size:.9rem}.story-event[data-v-78d123e2]{margin-bottom:5px;font-size:1rem}}.fade-slide-enter-active{transition:opacity 1s .5s,transform 1s .5s}.fade-slide-enter-from{opacity:0;transform:translateY(20px)}.fade-slide-enter-to{opacity:1;transform:translateY(0)}.loader{background:var(--bg-paper);z-index:200;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.spinner{border:4px solid var(--ink);border-top-color:var(--cinnabar);border-radius:50%;width:60px;height:60px;animation:1s linear infinite spin}.loader-text{letter-spacing:3px;margin-top:20px;font-size:1.2rem;animation:2s infinite pulse}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.settings-btn{color:var(--ink);cursor:pointer;opacity:.6;z-index:100;background:0 0;border:none;font-size:1.5rem;transition:opacity .3s,transform .3s;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.settings-btn:hover{opacity:1;transform:translateY(-50%)rotate(90deg)}