.iching-page{--iching-bg-1:#f5eddc;--iching-bg-2:#eadcc1;--iching-bg-3:#d7c29b;--iching-paper:rgba(255,250,239,0.74);--iching-ink:#26332e;--iching-gold:#b88938;--iching-gold-soft:#d4a64c;--iching-gold-dim:#8b6b37;--iching-jade:#2f766b;--iching-crimson:#ba2f27;--iching-text:#26332e;--iching-text-dim:#756954;--iching-border:rgba(125,94,45,0.24);--iching-shadow:0 22px 70px rgba(91,68,35,0.18),inset 0 1px 0 rgba(255,255,255,0.68);--iching-font:"Cinzel","Trajan Pro",Georgia,serif;--iching-yao:1.4s}@property --bagua-aurora-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.iching-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.iching-page,.iching-page *,.iching-page *::before,.iching-page *::after{box-sizing:border-box}.iching-page{background:radial-gradient(circle at 72% 22%,rgba(255,255,255,0.68),transparent 24%),radial-gradient(circle at 18% 86%,rgba(186,47,39,0.13),transparent 34%),linear-gradient(135deg,#f6eddb 0%,#eadcc1 48%,#d7c29b 100%);color:var(--iching-text);font-family:var(--iching-font);min-height:min(100vh,920px);position:relative;overflow:hidden;padding:1px 0 40px;isolation:isolate}.iching-page button,.iching-page input,.iching-page textarea,.iching-page select{font:inherit}.iching-page button{cursor:pointer}.iching-main{position:relative;z-index:3}.iching-bg{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transform:scale(1.02);filter:saturate(1.42) contrast(1.08);transition:opacity 2.4s cubic-bezier(0.22,1,0.36,1),transform 5s cubic-bezier(0.22,1,0.36,1);background:radial-gradient(circle at 50% 44%,rgba(255,255,255,0.48),transparent 28%),linear-gradient(135deg,rgba(246,237,219,0.1),rgba(215,194,155,0.1));background-size:cover;background-position:center;background-repeat:no-repeat;mix-blend-mode:normal}.iching-bg.is-active{opacity:0.96;transform:scale(1)}.iching-bg.is-leaving{opacity:0;transform:scale(1.015)}.iching-bg.bg-qian{opacity:0;background-image:radial-gradient(circle at 50% 42%,rgba(255,255,255,0.62),transparent 30%),linear-gradient(180deg,rgba(246,237,219,0.18),rgba(246,237,219,0.56)),url("../img/bgs/hexagram-01-qian.jpg");background-size:100% 100%,100% 100%,contain;background-position:center;mix-blend-mode:normal}.iching-bg.bg-qian.is-active{opacity:0.8}.iching-bg.bg-heaven{background-image:radial-gradient(circle at 50% 37%,rgba(255,255,255,0.72),transparent 27%),radial-gradient(ellipse at 50% 4%,rgba(191,135,52,0.48),transparent 45%),linear-gradient(155deg,rgba(44,74,100,0.24),rgba(238,205,144,0.34) 48%,rgba(255,250,239,0.18)),url("../img/bgs/mood-heaven.jpg");background-size:100% 100%,100% 100%,100% 100%,contain}.iching-bg.bg-earth{background-image:radial-gradient(circle at 50% 48%,rgba(255,250,239,0.58),transparent 30%),radial-gradient(ellipse at 46% 92%,rgba(130,93,42,0.5),transparent 48%),linear-gradient(140deg,rgba(91,108,72,0.24),rgba(213,185,125,0.34),rgba(255,250,239,0.16)),url("../img/bgs/mood-earth.jpg");background-size:100% 100%,100% 100%,100% 100%,contain}.iching-bg.bg-thunder{background-image:radial-gradient(circle at 44% 45%,rgba(255,255,255,0.58),transparent 26%),conic-gradient(from 210deg at 48% 46%,rgba(186,47,39,0.42),transparent 18%,rgba(47,118,107,0.48),transparent 42%,rgba(186,47,39,0.32),transparent 64%),linear-gradient(145deg,rgba(62,100,68,0.28),rgba(234,220,193,0.3),rgba(39,54,70,0.18)),url("../img/bgs/mood-thunder.jpg");background-size:100% 100%,100% 100%,100% 100%,contain}.iching-bg.bg-water{background-image:radial-gradient(circle at 50% 47%,rgba(255,255,255,0.5),transparent 28%),radial-gradient(ellipse at 52% 100%,rgba(21,59,84,0.58),transparent 58%),linear-gradient(155deg,rgba(32,72,103,0.32),rgba(129,160,160,0.22),rgba(255,250,239,0.12)),url("../img/bgs/mood-water.jpg");background-size:100% 100%,100% 100%,100% 100%,contain}.iching-bg.bg-mountain{background-image:radial-gradient(circle at 52% 45%,rgba(255,255,255,0.54),transparent 26%),linear-gradient(160deg,transparent 0 45%,rgba(74,83,72,0.46) 46% 54%,transparent 56%),radial-gradient(ellipse at 50% 92%,rgba(86,72,54,0.52),transparent 52%),linear-gradient(145deg,rgba(128,132,105,0.26),rgba(238,224,192,0.28)),url("../img/bgs/mood-mountain.jpg");background-size:100% 100%,100% 100%,100% 100%,100% 100%,contain}.iching-bg.bg-wind{background-image:radial-gradient(circle at 50% 45%,rgba(255,255,255,0.58),transparent 30%),linear-gradient(118deg,transparent 0 12%,rgba(255,255,255,0.2) 20%,transparent 34%),linear-gradient(122deg,transparent 34%,rgba(47,118,107,0.1) 47%,transparent 62%),radial-gradient(ellipse at 18% 72%,rgba(255,255,255,0.22),transparent 34%),radial-gradient(ellipse at 76% 26%,rgba(47,118,107,0.12),transparent 38%),linear-gradient(145deg,rgba(47,118,107,0.28),rgba(232,219,188,0.3),rgba(255,250,239,0.14)),url("../img/bgs/mood-wind.jpg");background-size:100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,contain}.iching-bg.bg-fire{background-image:radial-gradient(circle at 50% 43%,rgba(255,255,255,0.62),transparent 27%),radial-gradient(ellipse at 48% 70%,rgba(186,47,39,0.58),transparent 46%),linear-gradient(145deg,rgba(186,47,39,0.32),rgba(212,166,76,0.34),rgba(255,250,239,0.12)),url("../img/bgs/mood-fire.jpg");background-size:100% 100%,100% 100%,100% 100%,contain}.iching-bg.bg-lake{background-image:radial-gradient(circle at 50% 43%,rgba(255,255,255,0.62),transparent 29%),radial-gradient(ellipse at 52% 78%,rgba(92,148,157,0.5),transparent 50%),linear-gradient(145deg,rgba(186,47,39,0.2),rgba(212,166,76,0.28),rgba(76,126,139,0.24)),url("../img/bgs/mood-lake.jpg");background-size:100% 100%,100% 100%,100% 100%,contain}.iching-bg.bg-renewal{background:radial-gradient(circle at 50% 44%,rgba(255,255,255,0.62),transparent 28%),conic-gradient(from 25deg at 50% 48%,rgba(186,47,39,0.52),rgba(47,118,107,0.42),rgba(212,166,76,0.48),rgba(186,47,39,0.38)),linear-gradient(145deg,rgba(48,73,76,0.32),rgba(238,224,192,0.4))}.iching-bg.bg-conflict{background:radial-gradient(circle at 50% 45%,rgba(255,255,255,0.52),transparent 26%),linear-gradient(62deg,rgba(186,47,39,0.48) 0 38%,transparent 39% 60%,rgba(32,72,103,0.5) 61% 100%),linear-gradient(145deg,rgba(238,224,192,0.26),rgba(255,250,239,0.24))}.iching-bg.bg-stillness{background:radial-gradient(circle at 50% 44%,rgba(255,255,255,0.66),transparent 28%),radial-gradient(ellipse at 50% 50%,rgba(91,108,92,0.34),transparent 54%),linear-gradient(145deg,rgba(91,98,88,0.3),rgba(236,224,198,0.44),rgba(255,250,239,0.2))}.iching-bg.bg-union{background:radial-gradient(circle at 50% 45%,rgba(255,255,255,0.64),transparent 29%),radial-gradient(ellipse at 28% 64%,rgba(186,47,39,0.4),transparent 44%),radial-gradient(ellipse at 72% 38%,rgba(47,118,107,0.42),transparent 44%),linear-gradient(145deg,rgba(212,166,76,0.38),rgba(255,250,239,0.24))}.iching-bg.bg-hex-06{background-image:radial-gradient(circle at 50% 45%,rgba(255,255,255,0.58),transparent 28%),linear-gradient(62deg,rgba(186,47,39,0.22),transparent 42%,rgba(32,72,103,0.26)),linear-gradient(145deg,rgba(238,224,192,0.18),rgba(255,250,239,0.22)),url("../img/bgs/hexagram-06-song.jpg");background-size:100% 100%,100% 100%,100% 100%,contain}.iching-bg.bg-hex-08{background-image:radial-gradient(circle at 50% 45%,rgba(255,255,255,0.62),transparent 30%),radial-gradient(ellipse at 48% 82%,rgba(47,118,107,0.22),transparent 48%),linear-gradient(145deg,rgba(212,166,76,0.2),rgba(255,250,239,0.2)),url("../img/bgs/hexagram-08-bi.jpg");background-size:100% 100%,100% 100%,100% 100%,contain}.iching-bg.bg-hex-11{background-image:radial-gradient(circle at 50% 45%,rgba(255,255,255,0.64),transparent 31%),radial-gradient(ellipse at 50% 84%,rgba(184,137,56,0.24),transparent 48%),linear-gradient(145deg,rgba(47,118,107,0.18),rgba(255,250,239,0.2)),url("../img/bgs/hexagram-11-tai.jpg");background-size:100% 100%,100% 100%,100% 100%,contain}.iching-bg.bg-hex-12{background-image:radial-gradient(circle at 50% 45%,rgba(255,255,255,0.62),transparent 29%),linear-gradient(180deg,rgba(44,74,100,0.18),transparent 42%,rgba(91,68,35,0.24)),linear-gradient(145deg,rgba(238,224,192,0.18),rgba(255,250,239,0.22)),url("../img/bgs/hexagram-12-pi.jpg");background-size:100% 100%,100% 100%,100% 100%,contain}.iching-bg.bg-hex-13{background-image:radial-gradient(circle at 50% 45%,rgba(255,255,255,0.62),transparent 30%),radial-gradient(ellipse at 52% 18%,rgba(44,74,100,0.18),transparent 42%),linear-gradient(145deg,rgba(212,166,76,0.2),rgba(255,250,239,0.2)),url("../img/bgs/hexagram-13-tong-ren.jpg");background-size:100% 100%,100% 100%,100% 100%,contain}.iching-bg.bg-hex-24{background-image:radial-gradient(circle at 50% 45%,rgba(255,255,255,0.64),transparent 30%),radial-gradient(ellipse at 46% 86%,rgba(47,118,107,0.22),transparent 45%),linear-gradient(145deg,rgba(212,166,76,0.22),rgba(255,250,239,0.18)),url("../img/bgs/hexagram-24-fu.jpg");background-size:100% 100%,100% 100%,100% 100%,contain}.iching-bg.bg-hex-36{background-image:radial-gradient(circle at 50% 45%,rgba(255,255,255,0.54),transparent 28%),radial-gradient(ellipse at 34% 78%,rgba(91,68,35,0.18),transparent 42%),linear-gradient(145deg,rgba(32,72,103,0.24),rgba(255,250,239,0.16)),url("../img/bgs/hexagram-36-ming-yi.jpg");background-size:100% 100%,100% 100%,100% 100%,contain}.iching-bg.bg-hex-38{background-image:radial-gradient(circle at 50% 45%,rgba(255,255,255,0.6),transparent 29%),linear-gradient(100deg,rgba(186,47,39,0.2),transparent 48%,rgba(32,72,103,0.24)),linear-gradient(145deg,rgba(255,250,239,0.18),rgba(232,219,188,0.2)),url("../img/bgs/hexagram-38-kui.jpg");background-size:100% 100%,100% 100%,100% 100%,contain}.iching-bg.bg-hex-40{background-image:radial-gradient(circle at 50% 45%,rgba(255,255,255,0.62),transparent 30%),radial-gradient(ellipse at 52% 82%,rgba(47,118,107,0.2),transparent 50%),linear-gradient(145deg,rgba(76,126,139,0.2),rgba(255,250,239,0.2)),url("../img/bgs/hexagram-40-jie.jpg");background-size:100% 100%,100% 100%,100% 100%,contain}.iching-bg.bg-hex-45{background-image:radial-gradient(circle at 50% 45%,rgba(255,255,255,0.63),transparent 30%),radial-gradient(ellipse at 50% 84%,rgba(186,47,39,0.18),transparent 42%),linear-gradient(145deg,rgba(212,166,76,0.24),rgba(255,250,239,0.18)),url("../img/bgs/hexagram-45-cui.jpg");background-size:100% 100%,100% 100%,100% 100%,contain}.iching-bg.bg-hex-49{background-image:radial-gradient(circle at 50% 45%,rgba(255,255,255,0.62),transparent 30%),radial-gradient(ellipse at 18% 22%,rgba(186,47,39,0.16),transparent 42%),radial-gradient(ellipse at 76% 78%,rgba(47,118,107,0.2),transparent 48%),linear-gradient(145deg,rgba(212,166,76,0.18),rgba(255,250,239,0.2)),url("../img/bgs/hexagram-49-ge.jpg");background-size:100% 100%,100% 100%,100% 100%,100% 100%,contain}.iching-bg.bg-hex-52{background-image:radial-gradient(circle at 50% 45%,rgba(255,255,255,0.66),transparent 31%),radial-gradient(ellipse at 50% 75%,rgba(91,108,92,0.18),transparent 50%),linear-gradient(145deg,rgba(91,98,88,0.16),rgba(255,250,239,0.24)),url("../img/bgs/hexagram-52-gen.jpg");background-size:100% 100%,100% 100%,100% 100%,contain}.iching-bg.bg-hex-61{background-image:radial-gradient(circle at 50% 45%,rgba(255,255,255,0.64),transparent 31%),radial-gradient(ellipse at 52% 82%,rgba(76,126,139,0.2),transparent 50%),linear-gradient(145deg,rgba(47,118,107,0.16),rgba(255,250,239,0.22)),url("../img/bgs/hexagram-61-zhong-fu.jpg");background-size:100% 100%,100% 100%,100% 100%,contain}.iching-bg.bg-hex-62{background-image:radial-gradient(circle at 50% 45%,rgba(255,255,255,0.67),transparent 31%),radial-gradient(ellipse at 42% 82%,rgba(91,108,92,0.16),transparent 48%),linear-gradient(145deg,rgba(76,126,139,0.16),rgba(255,250,239,0.24)),url("../img/bgs/hexagram-62-xiao-guo.jpg");background-size:100% 100%,100% 100%,100% 100%,contain}.iching-bg.bg-hex-64{background-image:radial-gradient(circle at 50% 45%,rgba(255,255,255,0.6),transparent 30%),radial-gradient(ellipse at 52% 82%,rgba(32,72,103,0.18),transparent 50%),radial-gradient(ellipse at 78% 28%,rgba(212,166,76,0.18),transparent 42%),linear-gradient(145deg,rgba(76,126,139,0.18),rgba(255,250,239,0.18)),url("../img/bgs/hexagram-64-wei-ji.jpg");background-size:100% 100%,100% 100%,100% 100%,100% 100%,contain}.iching-page::before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(92,72,40,0.035) 1px,transparent 1px),linear-gradient(0deg,rgba(92,72,40,0.028) 1px,transparent 1px),radial-gradient(ellipse at 9% 18%,rgba(47,118,107,0.11),transparent 28%),radial-gradient(ellipse at 88% 76%,rgba(83,86,75,0.14),transparent 26%);background-size:28px 28px,28px 28px,100% 100%,100% 100%;pointer-events:none;z-index:2;opacity:0.78}.iching-page::after{content:"";position:absolute;right:clamp(-64px,-3vw,-18px);bottom:clamp(-34px,-1vw,-8px);width:min(520px,50vw);aspect-ratio:4 / 3;background:url("../img/iching-back-cutout.png") right bottom / contain no-repeat;opacity:0.74;filter:saturate(1.12) contrast(1.02) drop-shadow(0 18px 36px rgba(91,68,35,0.22));pointer-events:none;z-index:2}.iching-page .site-header{background:rgba(246,237,219,0.78);backdrop-filter:blur(16px);border-bottom:1px solid var(--iching-border);position:sticky;top:0;z-index:100}.iching-page .main-nav a{color:var(--iching-text-dim)}.iching-page .main-nav a:hover,.iching-page .main-nav a.active{color:var(--iching-gold);border-bottom-color:var(--iching-gold)}.iching-page .logo{color:var(--iching-ink)}.iching-page .site-footer{background:rgba(246,237,219,0.76);border-top:1px solid var(--iching-border);color:var(--iching-text-dim)}.iching-hero{text-align:center;padding:22px 20px 12px;position:relative;z-index:1}.iching-hero h1{position:relative;display:inline-block;font-size:clamp(1.75rem,4vw,2.7rem);color:var(--iching-ink);text-shadow:0 8px 30px rgba(91,68,35,0.12);letter-spacing:0.08em;margin:0 0 4px}.iching-hero h1::after{content:"易";position:absolute;right:-34px;bottom:-2px;width:26px;height:26px;display:grid;place-items:center;border:2px solid rgba(186,47,39,0.9);color:#ffe4bc;background:rgba(186,47,39,0.86);font-size:0.86rem;line-height:1;letter-spacing:0;transform:rotate(-6deg);box-shadow:0 0 18px rgba(157,40,31,0.24)}.iching-hero .subtitle{color:var(--iching-crimson);font-style:italic;font-size:0.96rem;letter-spacing:0.05em;margin:0}.iching-hero .oracle-intro{color:var(--iching-text);max-width:680px;margin:14px auto 0;padding:14px 20px;border:1px solid rgba(125,94,45,0.16);border-radius:14px;background:linear-gradient(135deg,rgba(255,252,244,0.8),rgba(244,229,198,0.46)),rgba(255,250,239,0.5);box-shadow:0 12px 34px rgba(91,68,35,0.08);line-height:1.65;font-size:0.94rem;overflow:hidden;transition:opacity 0.56s cubic-bezier(0.22,1,0.36,1),transform 0.56s cubic-bezier(0.22,1,0.36,1),max-height 0.62s cubic-bezier(0.22,1,0.36,1),margin 0.62s cubic-bezier(0.22,1,0.36,1),padding 0.62s cubic-bezier(0.22,1,0.36,1),border-color 0.56s ease;max-height:720px}.iching-hero .oracle-intro.is-hidden{opacity:0;transform:translateY(-6px);max-height:0;margin-top:0;padding-top:0;padding-bottom:0;border-color:transparent}.iching-board-wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;max-width:720px;margin:20px auto;padding:0 20px 120px;position:relative;z-index:1}@media (max-width:900px){.iching-board-wrap{grid-template-columns:1fr}}.bagua-container{display:flex;flex-direction:column;align-items:center;gap:18px;padding:36px 0 44px}.bagua{position:relative;width:min(410px,86vw);aspect-ratio:1;margin:0 auto;border-radius:50%;filter:drop-shadow(0 30px 42px rgba(55,42,24,0.14))}.bagua::before{content:"";position:absolute;inset:-12%;border-radius:50%;border:0;background:conic-gradient(from var(--bagua-aurora-angle,0deg) at 50% 50%,rgba(255,250,239,0) 0deg,rgba(36,91,176,0.16) 34deg,rgba(255,250,239,0.02) 78deg,rgba(184,137,56,0.12) 138deg,rgba(255,250,239,0.02) 198deg,rgba(196,42,48,0.15) 272deg,transparent 360deg),radial-gradient(circle at 30% 28%,rgba(184,137,56,0.14),transparent 46%),radial-gradient(circle at 70% 34%,rgba(186,47,39,0.08),transparent 44%),radial-gradient(circle at 54% 72%,rgba(47,118,107,0.08),transparent 46%),radial-gradient(ellipse at 50% 62%,rgba(83,62,35,0.18) 0%,rgba(83,62,35,0.08) 28%,transparent 58%),radial-gradient(circle,rgba(255,250,239,0.28) 0%,rgba(255,250,239,0.12) 58%,rgba(125,94,45,0.04) 100%);filter:blur(10px) saturate(1.12);mix-blend-mode:multiply;opacity:0.88;animation:bagua-aurora 18s ease-in-out infinite,bagua-aurora-drift 72s linear infinite}.bagua::after{content:"";position:absolute;inset:-2%;border-radius:50%;border:0;background:conic-gradient(from 18deg at 50% 50%,transparent 0deg,rgba(25,82,184,0.2) 48deg,rgba(25,82,184,0.04) 104deg,transparent 150deg,rgba(199,34,45,0.18) 218deg,rgba(199,34,45,0.04) 286deg,transparent 360deg);box-shadow:inset 0 0 90px rgba(255,250,239,0.24);filter:blur(14px) saturate(1.22);mix-blend-mode:multiply;opacity:0.72;animation:bagua-color-drift 36s ease-in-out infinite alternate;pointer-events:none}@keyframes bagua-aurora{0%,100%{--bagua-aurora-angle:0deg;opacity:0.72;filter:blur(0.25px) saturate(1)}50%{--bagua-aurora-angle:58deg;opacity:1;filter:blur(0.25px) saturate(1.18)}}@keyframes bagua-aurora-drift{to{transform:rotate(360deg)}}@keyframes bagua-color-drift{0%{transform:rotate(-8deg) scale(0.98);opacity:0.58}100%{transform:rotate(16deg) scale(1.02);opacity:0.86}}.trigram-slot{position:absolute;top:50%;left:50%;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:radial-gradient(circle at 32% 24%,rgba(255,255,255,0.86),rgba(255,250,239,0.66) 42%,rgba(232,215,179,0.52) 100%);border:0;backdrop-filter:blur(12px);overflow:visible;box-shadow:0 22px 34px rgba(70,50,24,0.2),0 8px 14px rgba(91,68,35,0.12),inset 0 1px 0 rgba(255,255,255,0.92),inset 0 -14px 24px rgba(139,107,55,0.08);transition:background 0.5s cubic-bezier(0.22,1,0.36,1),box-shadow 0.5s cubic-bezier(0.22,1,0.36,1),filter 0.5s cubic-bezier(0.22,1,0.36,1),color 0.5s ease,opacity 0.5s ease;cursor:not-allowed;z-index:3;isolation:isolate;--slot-angle:0deg;--slot-angle-inverse:0deg;--slot-radius:185px;--slot-distance:-185px;--slot-scale:1;transform:rotate(var(--slot-angle)) translateY(var(--slot-distance)) scale(var(--slot-scale)) rotate(var(--slot-angle-inverse))}.trigram-slot::before{content:attr(data-hanzi);position:absolute;inset:0;display:grid;place-items:center;color:rgba(184,137,56,0.22);font-family:"Noto Serif SC","SimSun","Songti SC",serif;font-size:3.4rem;line-height:1;transform:translateY(-1px) scale(1.08);text-shadow:0 0 14px rgba(255,250,239,0.72),0 0 22px rgba(184,137,56,0.28);opacity:0.82;pointer-events:none;z-index:0}.trigram-slot::after{content:"";position:absolute;inset:6px;border-radius:inherit;background:radial-gradient(circle at 50% 50%,rgba(255,250,239,0.5),transparent 62%);pointer-events:none;z-index:0}.trigram-slot[data-pos="0"]{--slot-angle:0deg;--slot-angle-inverse:0deg;--slot-radius:166px;--slot-distance:-166px}.trigram-slot[data-pos="1"]{--slot-angle:45deg;--slot-angle-inverse:-45deg;--slot-radius:176px;--slot-distance:-176px}.trigram-slot[data-pos="2"]{--slot-angle:90deg;--slot-angle-inverse:-90deg;--slot-radius:188px;--slot-distance:-188px}.trigram-slot[data-pos="3"]{--slot-angle:135deg;--slot-angle-inverse:-135deg;--slot-radius:181px;--slot-distance:-181px}.trigram-slot[data-pos="4"]{--slot-angle:180deg;--slot-angle-inverse:-180deg;--slot-radius:170px;--slot-distance:-170px}.trigram-slot[data-pos="5"]{--slot-angle:225deg;--slot-angle-inverse:-225deg;--slot-radius:160px;--slot-distance:-160px}.trigram-slot[data-pos="6"]{--slot-angle:270deg;--slot-angle-inverse:-270deg;--slot-radius:174px;--slot-distance:-174px}.trigram-slot[data-pos="7"]{--slot-angle:315deg;--slot-angle-inverse:-315deg;--slot-radius:184px;--slot-distance:-184px}.trigram-symbol{position:relative;z-index:1;font-size:1.6rem;color:var(--iching-ink);line-height:1;margin-bottom:2px;text-shadow:0 0 10px rgba(239,208,138,0.35)}.trigram-name{position:absolute;left:50%;bottom:calc(100% + 12px);z-index:6;min-width:max-content;max-width:140px;padding:7px 10px;border:1px solid rgba(125,94,45,0.2);border-radius:8px;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,0.72),transparent 58%),rgba(255,250,239,0.94);box-shadow:0 14px 28px rgba(91,68,35,0.16),inset 0 1px 0 rgba(255,255,255,0.82);color:var(--iching-text);font-size:0.68rem;letter-spacing:0.04em;line-height:1.2;text-transform:uppercase;text-align:center;opacity:0;transform:translate(-50%,5px) scale(0.96);pointer-events:none;transition:opacity 0.28s ease,transform 0.28s cubic-bezier(0.22,1,0.36,1)}.trigram-name::after{content:"";position:absolute;left:50%;top:100%;width:8px;height:8px;background:rgba(255,250,239,0.94);border-right:1px solid rgba(125,94,45,0.18);border-bottom:1px solid rgba(125,94,45,0.18);transform:translate(-50%,-4px) rotate(45deg)}.trigram-slot:hover .trigram-name{opacity:1;transform:translate(-50%,0) scale(1)}.trigram-slot.is-lit{background:radial-gradient(circle at 34% 24%,rgba(255,255,255,0.92),rgba(255,246,220,0.76) 36%,rgba(226,181,85,0.52) 100%);box-shadow:0 20px 38px rgba(91,68,35,0.2),0 0 30px rgba(184,137,56,0.24),inset 0 1px 0 rgba(255,255,255,0.95),inset 0 -16px 26px rgba(184,137,56,0.16);transform-origin:center;--slot-scale:1.18}.trigram-slot.is-lit::before{color:rgba(186,47,39,0.26);text-shadow:0 0 16px rgba(255,250,239,0.86),0 0 28px rgba(184,137,56,0.42),0 0 38px rgba(186,47,39,0.18);opacity:0.95}.trigram-slot.is-lit .trigram-symbol{color:var(--iching-crimson);text-shadow:0 0 18px rgba(184,137,56,0.25)}.trigram-slot.is-lit .trigram-name{color:var(--iching-crimson)}.trigram-slot.is-flashing{animation:trigram-flash 0.5s ease-out}@keyframes trigram-flash{0%{box-shadow:0 0 0 rgba(196,154,66,0.9)}50%{box-shadow:0 0 50px rgba(196,154,66,0.72)}100%{box-shadow:0 0 30px rgba(196,154,66,0.48)}}.yinyang{position:absolute;top:50%;left:50%;width:110px;height:110px;margin:-55px 0 0 -55px;padding:0;border-radius:50%;border:0;appearance:none;background-color:transparent;cursor:pointer;z-index:5;background-image:url('../img/inyan-big.webp');background-size:cover;box-shadow:0 18px 38px rgba(91,68,35,0.22),0 0 0 2px rgba(184,137,56,0.52),inset 0 0 22px rgba(255,250,239,0.2);transform:rotate(var(--yinyang-angle,0deg));transition:box-shadow 0.4s ease,filter 0.4s ease}.yinyang:focus-visible,.reset-btn:focus-visible{outline:3px solid #fff3a6;outline-offset:6px;box-shadow:0 0 0 6px rgba(246,237,219,0.9),0 0 0 9px var(--iching-gold)}.yinyang:hover{box-shadow:0 20px 48px rgba(91,68,35,0.26),0 0 0 3px var(--iching-gold-soft)}.yinyang.spinning{cursor:wait}.yinyang[aria-disabled="true"]{cursor:wait}.yinyang-hint{position:absolute;bottom:-32px;left:50%;transform:translateX(-50%);white-space:nowrap;color:var(--iching-gold-soft);font-size:0.85rem;font-style:italic;opacity:0.8;animation:hint-pulse 2s ease-in-out infinite;pointer-events:none}@keyframes hint-pulse{0%,100%{opacity:0.5}50%{opacity:1}}.yinyang-stopped{animation:none;filter:saturate(0.82) brightness(0.86) drop-shadow(0 18px 32px rgba(91,68,35,0.2));transition:.5s ease-in-out}.cast-tooltip{position:absolute;top:calc(50% + 72px);left:50%;width:max-content;max-width:min(260px,70vw);padding:8px 12px;border:1px solid var(--iching-gold-dim);border-radius:18px;background:rgba(255,250,239,0.92);color:var(--iching-crimson);box-shadow:0 12px 28px rgba(91,68,35,0.15);font-size:0.78rem;line-height:1.35;text-align:center;pointer-events:none;opacity:0;transform:translate(-50%,8px);transition:opacity 0.2s ease,transform 0.2s ease;z-index:8}.cast-tooltip::before{content:"";position:absolute;top:-5px;left:50%;width:8px;height:8px;border-left:1px solid var(--iching-gold-dim);border-top:1px solid var(--iching-gold-dim);background:rgba(255,250,239,0.92);transform:translateX(-50%) rotate(45deg)}.yinyang:hover + .cast-tooltip,.yinyang:focus-visible + .cast-tooltip{opacity:1;transform:translate(-50%,0)}.oracle-panel{display:flex;flex-direction:column;position:relative;isolation:isolate;transition:opacity 0.72s cubic-bezier(0.22,1,0.36,1),transform 0.72s cubic-bezier(0.22,1,0.36,1)}.oracle-panel.is-empty{opacity:0;transform:translateY(10px);pointer-events:none;height:0;min-height:0;overflow:hidden;margin:0}.oracle-scroll{padding:clamp(26px,4vw,44px) clamp(24px,4vw,46px);border:1px solid rgba(139,107,55,0.28);border-radius:18px;background:linear-gradient(90deg,rgba(139,107,55,0.08),transparent 7%,transparent 93%,rgba(139,107,55,0.08)),radial-gradient(circle at 84% 18%,rgba(186,47,39,0.075),transparent 30%),radial-gradient(circle at 16% 86%,rgba(47,118,107,0.06),transparent 34%),linear-gradient(145deg,rgba(255,252,244,0.94),rgba(239,224,192,0.72));box-shadow:0 24px 70px rgba(91,68,35,0.16),0 1px 0 rgba(255,255,255,0.8) inset,0 -1px 0 rgba(139,107,55,0.12) inset;position:relative;overflow:hidden}.oracle-scroll::before{content:"";position:absolute;inset:12px;border:1px solid rgba(125,94,45,0.1);border-radius:12px;background:radial-gradient(ellipse at 50% 42%,rgba(255,255,255,0.18) 0%,rgba(255,250,239,0.08) 34%,transparent 76%);opacity:0.56;pointer-events:none;transition:background 0.7s cubic-bezier(0.22,1,0.36,1),border-color 0.7s cubic-bezier(0.22,1,0.36,1),box-shadow 0.7s cubic-bezier(0.22,1,0.36,1),opacity 0.7s cubic-bezier(0.22,1,0.36,1);z-index:0}.oracle-scroll:focus-within::before{border-color:rgba(255,250,239,0.26);background:radial-gradient(ellipse at 50% 42%,rgba(255,255,255,0.88) 0%,rgba(255,250,239,0.58) 24%,rgba(255,250,239,0.28) 52%,rgba(255,250,239,0.08) 74%,transparent 92%);box-shadow:inset 0 0 74px rgba(255,255,255,0.28),0 0 34px rgba(255,250,239,0.18);opacity:1}.oracle-scroll::after{content:"卦";position:absolute;top:18px;right:18px;width:30px;height:46px;display:grid;place-items:center;border:1px solid rgba(186,47,39,0.5);border-radius:4px;background:rgba(186,47,39,0.1);color:rgba(186,47,39,0.62);font-size:1.05rem;line-height:1;pointer-events:none;z-index:2}.oracle-status,.hexagram-builder,.result-card{position:relative;z-index:1}.oracle-status:focus,.hexagram-builder:focus{outline:none}.oracle-status{text-align:center;padding:4px 42px 22px;border:0;border-radius:0;background:linear-gradient(90deg,transparent,rgba(255,250,239,0.48),transparent);color:var(--iching-text-dim);font-style:italic;min-height:0;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;transition:opacity 0.68s cubic-bezier(0.22,1,0.36,1),transform 0.68s cubic-bezier(0.22,1,0.36,1),box-shadow 0.68s ease}.oracle-status.is-entering{animation:soft-panel-arrive 0.68s cubic-bezier(0.22,1,0.36,1)}.oracle-status strong{color:var(--iching-crimson)}.oracle-status-main{order:2;color:var(--iching-text);font-style:normal;line-height:1.45;font-size:1.02rem}.oracle-status-elements{order:1;color:var(--iching-text-dim);font-size:0.92rem;font-style:normal;line-height:1.45}.hexagram-builder{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 0 26px;min-height:188px;border:0;border-radius:0;background:none;box-shadow:none;border-top:1px solid rgba(125,94,45,0.12);border-bottom:1px solid rgba(125,94,45,0.12);transition:opacity 0.72s cubic-bezier(0.22,1,0.36,1),transform 0.72s cubic-bezier(0.22,1,0.36,1)}.hexagram-builder.is-entering{animation:soft-panel-arrive 0.72s cubic-bezier(0.22,1,0.36,1)}.hexagram-stack{width:100%;min-height:150px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.hexagram-stack.is-complete{justify-content:center}.trigram-group{display:flex;flex-direction:column;align-items:center;gap:6px}.yao{width:120px;height:14px;border-radius:3px;opacity:0;transform:translateY(8px) scaleX(0.92);transform-origin:center;transition:opacity 0.9s cubic-bezier(0.22,1,0.36,1),transform 0.9s cubic-bezier(0.22,1,0.36,1)}.yao.is-set{opacity:1;transform:translateY(0) scaleX(1)}.yao.yang{background:linear-gradient(90deg,var(--iching-gold-dim),var(--iching-gold),var(--iching-gold-dim));box-shadow:0 0 12px rgba(196,154,66,0.45)}.yao.yin{background:none;display:flex;gap:8px}.yao.yin::before,.yao.yin::after{content:"";flex:1;height:14px;border-radius:3px;background:linear-gradient(90deg,var(--iching-gold-dim),var(--iching-gold),var(--iching-gold-dim));box-shadow:0 0 12px rgba(196,154,66,0.45)}.yao-label{font-size:0.7rem;color:var(--iching-text-dim);margin-bottom:4px}.hexagram-divider{width:80%;height:1px;background:var(--iching-border);margin:8px 0;opacity:0;animation:soft-fade-in 0.8s cubic-bezier(0.22,1,0.36,1) forwards}.step-indicator{display:flex;gap:12px;justify-content:center;align-items:center;margin-bottom:12px}.step-dot{width:9px;height:9px;border-radius:50%;border:1px solid rgba(139,107,55,0.42);background:rgba(255,250,239,0.42);transition:all 0.3s ease}.step-dot.active{background:var(--iching-crimson);border-color:var(--iching-crimson);box-shadow:0 0 14px rgba(186,47,39,0.22)}.step-dot.done{background:var(--iching-gold-dim);border-color:var(--iching-gold-dim)}.result-card{padding:24px 0 0;border:0;border-radius:0;background:none;box-shadow:none;position:relative;isolation:isolate;opacity:0;transform:translateY(14px);transition:opacity 1.05s cubic-bezier(0.22,1,0.36,1),transform 1.05s cubic-bezier(0.22,1,0.36,1)}.result-card.is-visible{opacity:1;transform:translateY(0)}.result-card.is-entering .result-body>*{opacity:0;transform:translateY(10px);animation:soft-content-rise 0.86s cubic-bezier(0.22,1,0.36,1) forwards}.result-card.is-entering .result-body>*:nth-child(1){animation-delay:0.1s}.result-card.is-entering .result-body>*:nth-child(2){animation-delay:0.18s}.result-card.is-entering .result-body>*:nth-child(3){animation-delay:0.26s}.result-card.is-entering .result-body>*:nth-child(4){animation-delay:0.34s}.result-card.is-entering .result-body>*:nth-child(5){animation-delay:0.42s}.result-card.is-entering .result-body>*:nth-child(6){animation-delay:0.5s}.result-card.is-entering .result-body>*:nth-child(7){animation-delay:0.58s}.result-card.is-entering .result-body>*:nth-child(8){animation-delay:0.66s}.result-card.is-entering .result-body>*:nth-child(9){animation-delay:0.74s}.result-card.is-entering .result-body>*:nth-child(10){animation-delay:0.82s}.result-card.is-entering .result-body>*:nth-child(11){animation-delay:0.9s}.result-card:focus{outline:none;box-shadow:none}.result-hexagram{display:flex;flex-direction:column;align-items:center;gap:6px;margin:20px auto;width:140px}.result-hexagram .yao{width:140px}.result-body{line-height:1.8}.result-body h3{color:var(--iching-crimson);font-size:1.1rem;margin:18px 0 8px;letter-spacing:0.05em}.result-body p{color:var(--iching-text);margin-bottom:12px}.result-body .keyword{display:inline-block;padding:3px 12px;margin:3px 4px 3px 0;border:1px solid var(--iching-border);border-radius:8px;font-size:0.8rem;color:var(--iching-jade);transition:background-color 0.45s ease,border-color 0.45s ease,color 0.45s ease}.result-time{padding:0 0 0 14px;border-left:2px solid rgba(184,137,56,0.42)}.result-areas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:10px 0 22px;border-top:1px solid rgba(125,94,45,0.14);border-bottom:1px solid rgba(125,94,45,0.14);background:linear-gradient(90deg,transparent,rgba(255,250,239,0.28),transparent)}.area-advice{padding:14px 16px;border-bottom:1px solid rgba(125,94,45,0.1)}.area-advice:nth-child(odd){border-right:1px solid rgba(125,94,45,0.1)}.area-advice h4{margin:0 0 6px;color:var(--iching-jade);font-size:0.84rem;letter-spacing:0.04em}.area-advice p{margin:0;color:var(--iching-text);font-size:0.92rem;line-height:1.65}.area-advice:last-child{grid-column:1 / -1;border-right:0;border-bottom:0;background:linear-gradient(90deg,transparent,rgba(255,250,239,0.34),transparent)}.area-advice-decision{grid-column:1 / -1;border-right:0;background:linear-gradient(90deg,transparent,rgba(255,250,239,0.26),transparent)}.area-advice-friend{position:relative;padding-left:42px;font-style:italic}.area-advice-friend::before{content:"笑";position:absolute;left:14px;top:16px;color:rgba(186,47,39,0.48);font-size:1.05rem;font-style:normal;line-height:1}.area-advice-friend h4{color:var(--iching-crimson)}.result-advice{margin-top:20px;padding:16px;border-left:3px solid var(--iching-gold);background:rgba(255,250,239,0.48);font-style:italic;color:var(--iching-gold-soft);border-radius:0 8px 8px 0}.short-answer{position:relative;display:grid;justify-items:center;gap:6px;width:min(440px,100%);margin:28px auto 0;padding:16px 22px;border:1px solid rgba(184,137,56,0.34);border-radius:14px;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,0.62),transparent 52%),linear-gradient(135deg,rgba(255,250,239,0.76),rgba(239,224,192,0.42));box-shadow:0 16px 38px rgba(91,68,35,0.1),inset 0 1px 0 rgba(255,255,255,0.78);text-align:center}.short-answer::before{content:"答";position:absolute;right:14px;top:12px;color:rgba(186,47,39,0.38);font-size:1rem;line-height:1}.short-answer-label{color:var(--iching-text-dim);font-size:0.75rem;letter-spacing:0.08em;text-transform:uppercase}.short-answer-value{color:var(--iching-crimson);font-size:clamp(1.3rem,4vw,1.85rem);line-height:1.15}.short-answer-note{max-width:34em;color:var(--iching-text-dim);font-size:0.86rem;line-height:1.55}.oracle-rest-overlay{position:absolute;inset:0;z-index:50;display:grid;place-items:center;padding:clamp(18px,4vw,44px);background:radial-gradient(circle at 50% 42%,rgba(255,250,239,0.38),transparent 34%),rgba(38,51,46,0.56);backdrop-filter:blur(10px)}.oracle-rest-card{position:relative;width:min(560px,94vw);max-height:92vh;border:1px solid rgba(184,137,56,0.34);border-radius:18px;overflow:hidden;box-shadow:0 34px 86px rgba(28,25,18,0.38),0 1px 0 rgba(255,255,255,0.54) inset;background:rgba(255,250,239,0.84)}.oracle-rest-card img{display:block;width:100%;max-height:92vh;height:auto;object-fit:cover;object-position:center}.oracle-rest-timer{position:absolute;left:50%;bottom:clamp(18px,5vw,42px);display:grid;gap:5px;min-width:min(286px,76vw);padding:12px 20px 14px;border:1px solid rgba(255,250,239,0.56);border-radius:999px;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,0.72),transparent 62%),rgba(38,51,46,0.74);box-shadow:0 22px 44px rgba(28,25,18,0.28),inset 0 1px 0 rgba(255,255,255,0.28);color:#fff8ea;text-align:center;transform:translateX(-50%)}.oracle-rest-timer-label{font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase;color:rgba(255,248,234,0.74)}.oracle-rest-time{font-size:clamp(1.38rem,6vw,2.25rem);line-height:1;letter-spacing:0.08em;color:#fff8ea}.iching-page.is-oracle-locked .iching-main{pointer-events:none;user-select:none}.yinyang:disabled,.reset-btn:disabled{cursor:not-allowed}.reset-btn{display:block;position:relative;margin:28px auto 0;padding:12px 32px;background:transparent;color:var(--iching-gold);border:1px solid var(--iching-gold);border-radius:999px;font-family:var(--iching-font);font-size:0.95rem;letter-spacing:0.05em;cursor:pointer;transition:all 0.3s ease}.reset-btn:hover{background:var(--iching-crimson);border-color:var(--iching-crimson);color:#fff8ea;box-shadow:0 0 25px rgba(196,154,66,0.42)}.reset-btn::after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 12px);width:max-content;max-width:min(280px,75vw);padding:8px 12px;border:1px solid var(--iching-gold-dim);border-radius:8px;background:rgba(255,250,239,0.94);color:var(--iching-ink);box-shadow:0 10px 24px rgba(0,0,0,0.35),0 0 18px rgba(196,154,66,0.18);font-size:0.78rem;line-height:1.35;letter-spacing:0;text-align:center;white-space:normal;pointer-events:none;opacity:0;transform:translate(-50%,8px);transition:opacity 0.2s ease,transform 0.2s ease;z-index:2}.reset-btn::before{content:"";position:absolute;left:50%;bottom:calc(100% + 8px);width:8px;height:8px;border-right:1px solid var(--iching-gold-dim);border-bottom:1px solid var(--iching-gold-dim);background:rgba(255,250,239,0.94);pointer-events:none;opacity:0;transform:translate(-50%,8px) rotate(45deg);transition:opacity 0.2s ease,transform 0.2s ease;z-index:3}.reset-btn:hover::before,.reset-btn:focus-visible::before,.reset-btn:hover::after,.reset-btn:focus-visible::after{opacity:1}.reset-btn:hover::before,.reset-btn:focus-visible::before{transform:translate(-50%,0) rotate(45deg)}.reset-btn:hover::after,.reset-btn:focus-visible::after{transform:translate(-50%,0)}.iching-page .hidden{display:none !important}@keyframes soft-panel-arrive{0%{opacity:0.18;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}@keyframes soft-content-rise{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}@keyframes soft-fade-in{0%{opacity:0}100%{opacity:1}}@media (prefers-reduced-motion:reduce){.iching-page,.iching-page *,.iching-page *::before,.iching-page *::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important;transition-duration:0.01ms !important}.bagua::before,.bagua::after,.bagua,.iching-bg,.yinyang,.yinyang.spinning,.yinyang-hint,.trigram-slot.is-flashing{animation:none !important}.oracle-status.is-entering,.hexagram-builder.is-entering,.result-card.is-entering .result-body>*,.hexagram-divider{opacity:1 !important;transform:none !important}}@media (forced-colors:active){.iching-page,.iching-bg,.oracle-status,.hexagram-builder,.result-card,.cast-tooltip,.reset-btn::after,.reset-btn::before{background:Canvas;color:CanvasText}.trigram-slot,.hexagram-builder,.oracle-status,.result-card,.reset-btn,.cast-tooltip{border-color:CanvasText}.yinyang,.reset-btn{forced-color-adjust:auto}.result-card:focus{outline:none;box-shadow:none}.result-card:focus-visible{outline:2px solid CanvasText;outline-offset:4px;box-shadow:none}.oracle-scroll::before,.oracle-scroll:focus-within::before{background:none;box-shadow:none;opacity:1}.trigram-slot::before,.trigram-slot::after{display:none}.trigram-name{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}.trigram-name::after{background:Canvas;border-color:CanvasText}}@media (max-width:600px){.iching-page{padding-bottom:24px}.iching-page::after{width:min(300px,72vw);opacity:0.38}.iching-bg.is-active{opacity:0.74}.oracle-rest-overlay{padding:12px}.oracle-rest-card{width:min(420px,96vw);border-radius:14px}.oracle-rest-timer{min-width:min(280px,82vw);padding:12px 16px 13px}.oracle-rest-time{letter-spacing:0.04em}.iching-hero{padding:16px 14px 8px}.iching-hero h1{font-size:clamp(1.55rem,8vw,2.15rem);letter-spacing:0.05em}.iching-hero h1::after{right:-28px;width:22px;height:22px;font-size:0.76rem}.iching-hero .subtitle{font-size:0.84rem}.iching-hero .oracle-intro{max-width:calc(100% - 28px);max-height:960px;margin-top:10px;padding:12px 14px;border-radius:12px;font-size:0.86rem;line-height:1.58}.iching-board-wrap{max-width:100%;gap:16px;margin:12px auto;padding:0 12px 72px}.bagua-container{padding:22px 0 30px;overflow:visible}.bagua{width:min(284px,calc(100% - 64px));min-width:256px}.bagua::before{inset:-8%;filter:blur(8px) saturate(1.08)}.bagua::after{inset:-1%;filter:blur(10px) saturate(1.12)}.result-areas{grid-template-columns:1fr}.area-advice,.area-advice:nth-child(odd){border-right:0}.trigram-slot{width:54px;height:54px;margin:-27px 0 0 -27px;box-shadow:0 16px 24px rgba(70,50,24,0.18),0 5px 10px rgba(91,68,35,0.1),inset 0 1px 0 rgba(255,255,255,0.92),inset 0 -10px 20px rgba(139,107,55,0.08)}.trigram-symbol{font-size:1.42rem}.trigram-slot::before{font-size:2.55rem}.trigram-slot.is-lit{--slot-scale:1.08}.trigram-slot[data-pos="0"]{--slot-radius:98px;--slot-distance:-98px}.trigram-slot[data-pos="1"]{--slot-radius:104px;--slot-distance:-104px}.trigram-slot[data-pos="2"]{--slot-radius:108px;--slot-distance:-108px}.trigram-slot[data-pos="3"]{--slot-radius:105px;--slot-distance:-105px}.trigram-slot[data-pos="4"]{--slot-radius:99px;--slot-distance:-99px}.trigram-slot[data-pos="5"]{--slot-radius:94px;--slot-distance:-94px}.trigram-slot[data-pos="6"]{--slot-radius:102px;--slot-distance:-102px}.trigram-slot[data-pos="7"]{--slot-radius:107px;--slot-distance:-107px}.yinyang{width:74px;height:74px;margin:-37px 0 0 -37px}}@media (max-width:370px){.bagua{width:min(270px,calc(100% - 58px));min-width:246px}.trigram-slot{width:50px;height:50px;margin:-25px 0 0 -25px}.trigram-symbol{font-size:1.32rem}.trigram-slot::before{font-size:2.35rem}.trigram-slot[data-pos="0"]{--slot-radius:90px;--slot-distance:-90px}.trigram-slot[data-pos="1"]{--slot-radius:96px;--slot-distance:-96px}.trigram-slot[data-pos="2"]{--slot-radius:101px;--slot-distance:-101px}.trigram-slot[data-pos="3"]{--slot-radius:97px;--slot-distance:-97px}.trigram-slot[data-pos="4"]{--slot-radius:92px;--slot-distance:-92px}.trigram-slot[data-pos="5"]{--slot-radius:88px;--slot-distance:-88px}.trigram-slot[data-pos="6"]{--slot-radius:94px;--slot-distance:-94px}.trigram-slot[data-pos="7"]{--slot-radius:99px;--slot-distance:-99px}.yinyang{width:68px;height:68px;margin:-34px 0 0 -34px}}