:root{color:#241f18;background:#efe3ca;--brush-font: "STXingkai", "Xingkai SC", "KaiTi", "Kaiti SC", "FZKai-Z03", "Yuji Syuku", "Ma Shan Zheng", "Papyrus", "Bradley Hand ITC", "Segoe Print", cursive;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}main{position:relative;min-height:100vh;overflow:hidden;padding:24px;background:linear-gradient(135deg,#f7efddf5,#e8d8baed),repeating-linear-gradient(90deg,rgba(38,31,24,.035) 0 1px,transparent 1px 44px),repeating-linear-gradient(0deg,rgba(38,31,24,.026) 0 1px,transparent 1px 44px)}main:before{content:"";position:fixed;inset:-28px;z-index:0;pointer-events:none;background:linear-gradient(#f6edd9b8,#f6edd9c2),url(/assets/hexagram-bg.jpg) center / cover no-repeat;filter:blur(7px) saturate(.68) contrast(.9);opacity:.42;transform:scale(1.035)}.qi-field{position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.28;mix-blend-mode:multiply}.qi-field span{position:absolute;inset:4% 4% auto auto;width:62vw;height:62vw;max-width:920px;max-height:920px;border:1px solid rgba(41,34,27,.08);border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(41,34,27,.055) 0 3deg,transparent 3deg 45deg),radial-gradient(circle,transparent 0 28%,rgba(41,34,27,.055) 29% 30%,transparent 31% 42%,rgba(41,34,27,.045) 43% 44%,transparent 45%),radial-gradient(circle,rgba(72,93,82,.08),transparent 64%);filter:blur(.1px);animation:drift 46s linear infinite}.qi-field span:before{content:"乾 兑 离 震 巽 坎 艮 坤";position:absolute;inset:17%;display:grid;place-items:center;color:#29221b17;font-size:clamp(1.4rem,3vw,3.2rem);font-weight:800;letter-spacing:.7em;text-align:center;transform:rotate(-10deg)}.qi-field span:nth-child(2){inset:auto auto -18% -12%;width:46vw;height:46vw;background:radial-gradient(ellipse at 38% 36%,rgba(37,69,62,.13),transparent 32%),radial-gradient(ellipse at 58% 62%,rgba(67,54,43,.1),transparent 44%);border:0;border-radius:44% 56% 48% 52%;animation-duration:34s;animation-direction:alternate;opacity:.68}.qi-field span:nth-child(3){inset:36% auto auto 34%;width:30vw;height:18vw;background:linear-gradient(105deg,transparent,rgba(74,80,70,.08),transparent),radial-gradient(ellipse at 50% 50%,rgba(31,45,40,.1),transparent 64%);border:0;border-radius:58% 42% 62% 38%;animation-duration:28s;opacity:.5}.workspace{position:relative;z-index:2;display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:18px;max-width:1480px;margin:0 auto}.control-panel,.reading-surface,.lunar-panel,.trigram-panel,.interpretation,.detail-grid article,.pricing,.trust-section article,.process-section,.price-grid article{border:1px solid rgba(226,185,92,.18);box-shadow:0 24px 70px #4a382424,inset 0 1px #ffffff61}.control-panel{position:sticky;top:24px;height:calc(100vh - 48px);overflow:auto;display:flex;flex-direction:column;gap:18px;padding:22px;border-radius:8px;background:linear-gradient(180deg,#fff9ece0,#eee1c7d6),linear-gradient(90deg,rgba(137,52,42,.055),transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:14px}.brand-mark{display:grid;width:54px;height:54px;place-items:center;border:1px solid rgba(226,185,92,.5);border-radius:8px;color:#7f2f25;background:#fffaeee6;font-size:2rem;font-weight:800;box-shadow:0 10px 26px #694c2a1f}.brush-text{font-family:var(--brush-font);font-weight:700;letter-spacing:0;font-synthesis:weight}.eyebrow{margin:0 0 6px;color:#8a3328;font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3,h4,p{margin-top:0}h1{margin-bottom:0;color:#241f18;font-size:clamp(1.72rem,2.25vw,2.45rem);line-height:1;white-space:nowrap}h2{margin-bottom:0;color:#241f18;font-family:var(--brush-font);font-size:clamp(2.65rem,5.6vw,6.1rem);font-weight:700;line-height:.98}h3{margin-bottom:10px;color:#241f18;font-size:clamp(1.2rem,1.7vw,1.78rem);line-height:1.16}h4{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;color:#241f18;font-size:1rem}.oracle-dial{position:relative;display:grid;width:min(100%,282px);aspect-ratio:1;place-items:center;margin:8px auto;overflow:hidden;border:1px solid rgba(72,58,42,.18);border-radius:50%;color:#2f281f;background:linear-gradient(#f6edd94d,#f6edd957),url(/assets/hexagram-bg.jpg) center / 245% auto no-repeat;box-shadow:0 18px 34px #5b452b1f,inset 0 0 28px #fff8e957}.dial-ring{position:absolute;inset:5px;border:1px solid rgba(46,37,29,.18);border-radius:50%;background:radial-gradient(circle,transparent 0 24%,rgba(46,37,29,.12) 24.5% 25%,transparent 25.5% 45%,rgba(46,37,29,.16) 45.5% 46%,transparent 46.5%),repeating-conic-gradient(from -2deg,rgba(46,37,29,.1) 0 1.4deg,transparent 1.4deg 11.25deg);animation:ink-breathe 8s ease-in-out infinite;mix-blend-mode:multiply}.dial-ring:before,.dial-ring:after{content:"";position:absolute;inset:21px;border:1px solid rgba(48,39,29,.2);border-radius:50%}.dial-ring:after{inset:76px;background:radial-gradient(circle at 48% 42%,rgba(35,29,24,.22),transparent 18%),radial-gradient(circle at 52% 58%,rgba(255,248,234,.24),transparent 18%)}.dial-ring span{position:absolute;top:50%;left:50%;width:32px;height:32px;margin:-16px;display:grid;place-items:center;color:#181410d1;font-family:var(--brush-font);font-size:1.02rem;font-weight:800}.dial-ring span:nth-child(1){transform:rotate(0) translateY(-112px) rotate(0)}.dial-ring span:nth-child(2){transform:rotate(45deg) translateY(-112px) rotate(-45deg)}.dial-ring span:nth-child(3){transform:rotate(90deg) translateY(-112px) rotate(-90deg)}.dial-ring span:nth-child(4){transform:rotate(135deg) translateY(-112px) rotate(-135deg)}.dial-ring span:nth-child(5){transform:rotate(180deg) translateY(-112px) rotate(-180deg)}.dial-ring span:nth-child(6){transform:rotate(225deg) translateY(-112px) rotate(-225deg)}.dial-ring span:nth-child(7){transform:rotate(270deg) translateY(-112px) rotate(-270deg)}.dial-ring span:nth-child(8){transform:rotate(315deg) translateY(-112px) rotate(-315deg)}form{display:grid;gap:12px}label{display:grid;gap:7px;color:#4f4637;font-size:.84rem;font-weight:750}input,select{width:100%;min-height:44px;border:1px solid rgba(74,56,36,.18);border-radius:8px;padding:0 12px;color:#241f18;background:#fffcf4bd}input:focus,select:focus{outline:3px solid rgba(128,51,42,.12);border-color:#8a3328}.primary-button,.secondary-button,.price-grid button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border:0;border-radius:8px;color:#fff8e8;background:linear-gradient(135deg,#9b3b2f,#6f2b24);font-weight:850;box-shadow:0 12px 28px #80332a2e;transition:transform .18s ease,box-shadow .18s ease}.primary-button:hover,.secondary-button:hover,.price-grid button:hover{transform:translateY(-1px);box-shadow:0 16px 34px #80332a3d}.secondary-button{width:fit-content;min-height:42px;margin-top:6px;padding:0 14px;border:1px solid rgba(137,52,42,.18);color:#7b2e25;background:#fff8e8d1;box-shadow:0 10px 22px #5d452a1a}.truth-note{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:14px;border:1px solid rgba(45,95,82,.22);border-radius:8px;color:#334d43;background:#2d5f521a}.truth-note p,.caveat{margin:0;font-size:.86rem;line-height:1.45}.reading-surface{display:grid;gap:16px;min-height:calc(100vh - 48px);padding:20px;border-radius:8px;background:linear-gradient(180deg,#fffbf1ad,#f2e6cc8f),radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.38),transparent 40%);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.top-strip,.pricing-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.birth-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;color:#5a4e3e;font-size:.9rem}.birth-meta span,.pricing-head span,.guidance-list p{display:inline-flex;align-items:center;gap:7px}.result-grid,.detail-grid,.price-grid{display:grid;gap:14px}.result-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.88fr)}.lunar-panel,.trigram-panel,.interpretation,.detail-grid article,.pricing{border-radius:8px;background:#fffaeeb8}.lunar-panel,.trigram-panel{min-height:238px;padding:22px}.trigram-panel h3{font-family:var(--brush-font);font-size:clamp(1.8rem,2.6vw,3rem);font-weight:700}.lunar-panel{position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:linear-gradient(135deg,#2d5f5221,#fffaeed6),repeating-linear-gradient(90deg,rgba(41,34,27,.065) 0 1px,transparent 1px 28px)}.lunar-panel:after{content:"";position:absolute;inset:auto -10% -40% auto;width:260px;aspect-ratio:1;border:1px solid rgba(41,34,27,.1);border-radius:50%;background:radial-gradient(circle,rgba(116,94,58,.11),transparent 62%)}.panel-icon{position:absolute;top:18px;right:18px;color:#8a3328}.lunar-panel p,.trigram-panel p,.detail-grid p,.price-grid p{color:#5c5345;line-height:1.45}.lunar-panel strong{color:#8a3328}.trigram-panel{display:grid;grid-template-columns:144px minmax(0,1fr);align-items:center;gap:18px;background:linear-gradient(135deg,#89342a1f,#fffaeed6),conic-gradient(from 45deg,rgba(116,94,58,.13),transparent,rgba(45,95,82,.14))}.bagua-visual{position:relative;display:grid;width:144px;aspect-ratio:1;place-items:center;border:1px solid rgba(74,56,36,.2);border-radius:50%;color:#2b251d;background:radial-gradient(circle,#ffffff7a,#e7d8bb8a 58%)}.bagua-visual i{position:absolute;inset:10px;border:1px dashed rgba(74,56,36,.18);border-radius:50%;animation:turn 18s linear infinite reverse}.bagua-visual span{font-size:5.6rem;line-height:1;text-shadow:0 7px 22px rgba(74,56,36,.16)}.pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pillars article{position:relative;display:grid;gap:10px;min-height:126px;overflow:hidden;padding:18px;border:1px solid rgba(74,56,36,.14);border-radius:8px;color:#241f18;background:linear-gradient(160deg,#fffaeef0,#e1cdabb8),linear-gradient(90deg,rgba(137,52,42,.07),transparent)}.pillars article:after{content:"";position:absolute;inset:auto 12px 12px auto;width:38px;height:2px;background:#8a3328;opacity:.7}.pillars span{color:#356157;font-size:.76rem;font-weight:850;text-transform:uppercase}.pillars strong{font-family:var(--brush-font);font-weight:700;font-size:clamp(1.9rem,4vw,3.15rem);line-height:1}.interpretation{display:grid;grid-template-columns:1fr minmax(280px,.72fr);gap:20px;padding:22px}.guidance-list{display:grid;gap:10px}.guidance-list p{margin:0;min-height:42px;padding:10px 12px;border:1px solid rgba(45,95,82,.18);border-radius:8px;color:#354b43;background:#2d5f5217}.detail-grid{grid-template-columns:1fr 1fr}.detail-grid article,.narrative-panel,.pricing,.trust-section article,.process-section{padding:20px}.narrative-panel{border:1px solid rgba(74,56,36,.14);border-radius:8px;color:#3d3328;background:linear-gradient(180deg,#fffcf4cc,#ecddc29e),#fffaeeb8;box-shadow:0 24px 70px #4a38241f,inset 0 1px #ffffff61}.narrative-panel p:last-child{margin-bottom:0;line-height:1.62;white-space:pre-wrap}.meter{display:grid;grid-template-columns:64px 1fr 24px;align-items:center;gap:10px;margin:10px 0;color:#5a4e3e;font-size:.9rem}.meter div{height:8px;overflow:hidden;border-radius:999px;background:#4a38241c}.meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7fa99d,#c79b4d,#9b3b2f)}.pricing-head{margin-bottom:16px}.pricing-head span{color:#5a4e3e;font-size:.88rem;font-weight:750}.price-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.price-grid article{display:grid;gap:10px;align-content:space-between;min-height:238px;padding:18px;border-radius:8px;background:linear-gradient(180deg,#fffcf4c7,#e8d8ba94),#fffaee94}.tier-badge{width:fit-content;padding:5px 8px;border:1px solid rgba(137,52,42,.18);border-radius:999px;color:#8a3328;font-size:.72rem;font-weight:850}.tier-price{display:grid;gap:5px}.price-grid strong{color:#241f18;font-size:clamp(1.65rem,2.2vw,2.2rem);line-height:1}.tier-price span{color:#8a3328;font-size:.82rem;font-weight:800}.price-grid button{width:100%}.trust-section{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.trust-section article{display:grid;gap:10px;align-content:start;border-radius:8px;background:linear-gradient(180deg,#fffcf4c7,#e8d8ba8a),#fffaee9e}.trust-section svg,.process-section strong{color:#8a3328}.trust-section h4,.process-section h3{margin:0}.trust-section p,.process-section span,.site-footer span,.policy-modal p{color:#5c5345;line-height:1.5}.process-section{display:grid;gap:18px;border-radius:8px;background:linear-gradient(180deg,#fffcf4d1,#ecddc29e),#fffaeeb8}.process-section ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;margin:0;list-style:none}.process-section li{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start}.process-section strong{display:grid;width:34px;aspect-ratio:1;place-items:center;border:1px solid rgba(137,52,42,.22);border-radius:50%;background:#fffaeea3}.caveat{color:#6e6251}.site-footer{position:relative;z-index:2;display:flex;justify-content:space-between;gap:18px;max-width:1480px;margin:18px auto 0;padding:18px 20px;border:1px solid rgba(74,56,36,.12);border-radius:8px;background:#fffaeead}.site-footer div{display:grid;gap:4px}.site-footer nav{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}.site-footer button,.modal-close{border:1px solid rgba(74,56,36,.16);border-radius:999px;color:#3d3328;background:#fffaeec7}.site-footer button{padding:8px 11px}.policy-modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:#241f1857;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.policy-modal article{width:min(620px,100%);padding:24px;border:1px solid rgba(226,185,92,.24);border-radius:8px;background:linear-gradient(180deg,#fffcf4f5,#ecddc2f0),#fffaf0;box-shadow:0 28px 90px #221b1447}.modal-close{float:right;padding:7px 11px}@keyframes turn{to{transform:rotate(360deg)}}@keyframes drift{0%{transform:translateZ(0) rotate(0)}50%{transform:translate3d(3%,-2%,0) rotate(180deg)}to{transform:translateZ(0) rotate(360deg)}}@keyframes ink-breathe{0%,to{opacity:.74;transform:scale(1)}50%{opacity:.92;transform:scale(1.012)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}@media(max-width:1120px){.price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){main{padding:14px}.workspace,.result-grid,.interpretation,.detail-grid,.trust-section,.process-section ol{grid-template-columns:1fr}.control-panel{position:static;height:auto}.top-strip,.pricing-head{display:grid}.birth-meta{justify-content:flex-start}.site-footer{display:grid}.site-footer nav{justify-content:flex-start}}@media(max-width:680px){.reading-surface,.control-panel{padding:16px}.trigram-panel,.pillars,.price-grid{grid-template-columns:1fr}.bagua-visual{width:112px}.oracle-dial{width:224px}.dial-ring span:nth-child(1){transform:rotate(0) translateY(-88px) rotate(0)}.dial-ring span:nth-child(2){transform:rotate(45deg) translateY(-88px) rotate(-45deg)}.dial-ring span:nth-child(3){transform:rotate(90deg) translateY(-88px) rotate(-90deg)}.dial-ring span:nth-child(4){transform:rotate(135deg) translateY(-88px) rotate(-135deg)}.dial-ring span:nth-child(5){transform:rotate(180deg) translateY(-88px) rotate(-180deg)}.dial-ring span:nth-child(6){transform:rotate(225deg) translateY(-88px) rotate(-225deg)}.dial-ring span:nth-child(7){transform:rotate(270deg) translateY(-88px) rotate(-270deg)}.dial-ring span:nth-child(8){transform:rotate(315deg) translateY(-88px) rotate(-315deg)}}