@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--ivory-50:#fffdf7;--ivory-100:#fbf7ec;--ivory-200:#f4eddd;--ivory-300:#e9dfca;--xuan-900:#0e3033;--xuan-800:#153c3e;--xuan-700:#245255;--xuan-600:#3f6969;--ink-900:#262c2a;--ink-700:#49514e;--ink-500:#707773;--jade-100:#e7ede5;--jade-200:#d5dfd3;--jade-500:#7d9182;--gold-300:#d5c59e;--gold-500:#a88d54;--gold-700:#7d673b;--cinnabar-500:#a64b3d;--cinnabar-700:#84372f;--white:#fffef9;--shadow-soft:0 18px 52px #0f303311;--shadow-card:0 10px 30px #202f2a11;--serif:"Noto Serif SC", "Source Han Serif SC", "Songti SC", STSong, "SimSun", serif;--sans:"Noto Sans SC", "Source Han Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ivory-100);min-width:320px}body{background:radial-gradient(circle at 9% 5%, #d5dfd38c, transparent 27rem), radial-gradient(circle at 94% 16%, #d5c59e33, transparent 24rem), linear-gradient(180deg, var(--ivory-50), var(--ivory-100) 36rem, #f8f3e8);min-width:320px;color:var(--ink-900);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:15px;line-height:1.7}body:before{z-index:-1;content:"";pointer-events:none;background-image:linear-gradient(#153c3e04 1px,#0000 1px),linear-gradient(90deg,#153c3e03 1px,#0000 1px);background-size:52px 52px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 70%);mask-image:linear-gradient(#000,#0000 70%)}button,textarea{font:inherit}button{color:inherit}button,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #a64b3d59}button:disabled{cursor:not-allowed}textarea[aria-invalid=true]{color:var(--cinnabar-700)}.shell{width:min(100% - 32px,1120px);margin-inline:auto}.site-header{z-index:40;-webkit-backdrop-filter:blur(20px)saturate(1.15);backdrop-filter:blur(20px)saturate(1.15);background:#fffdf7db;border-bottom:1px solid #7d673b33;justify-content:space-between;align-items:center;min-height:64px;padding:7px max(16px,50vw - 560px);display:flex;position:sticky;top:0}.site-header:after{content:"";background:linear-gradient(90deg,#0000,#a88d5457,#0000);height:1px;position:absolute;bottom:-1px;left:0;right:0}.brand{min-height:48px;color:var(--xuan-900);cursor:pointer;font-family:var(--serif);letter-spacing:.08em;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:17px;font-weight:700;display:inline-flex}.brand-mark{flex:none;justify-content:center;align-items:center;width:25px;height:34px;display:flex}.brand-mark img{object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;width:25px;height:34px;display:block}.brand-mark-image{display:block}.brand>i{background:var(--gold-300);opacity:.7;width:1px;height:20px;margin-inline:2px}.brand small{color:var(--ink-500);font-family:var(--sans);letter-spacing:.08em;font-size:12px;font-weight:500}.history-button,.result-topbar button,.question-summary button{min-width:44px;min-height:44px;color:var(--xuan-800);cursor:pointer;background:#fffef9bf;border:1px solid #153c3e33;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:600;transition:border-color .18s,background .18s,transform .18s;display:inline-flex}.history-button:hover,.result-topbar button:hover,.question-summary button:hover{border-color:var(--gold-500);background:var(--white);transform:translateY(-1px)}.history-button>span{color:var(--cinnabar-500);font-size:16px}.character-reserve{z-index:-1;pointer-events:none;background:0 0;border:0;place-items:end center;width:112px;height:140px;display:grid;position:absolute;overflow:visible}.character-reserve img{object-fit:contain;object-position:center bottom;-webkit-user-select:none;user-select:none;width:100%;height:100%}.character-reserve-welcome{top:88px;right:0}.hero-heading-row{justify-content:center;align-items:center;gap:12px;width:fit-content;margin:18px auto 16px;display:flex}.hero-inline-avatar{flex:none;place-items:end center;width:92px;height:116px;display:grid;overflow:visible}.hero-inline-avatar img{object-fit:contain;object-position:center bottom;-webkit-user-select:none;user-select:none;width:100%;height:100%}.character-reserve-draw,.character-reserve-result,.character-reserve-scan{opacity:.7;top:36px;right:0}.scan-page{isolation:isolate;min-height:calc(100vh - 64px);padding:22px 0 52px;position:relative}.scan-product-label{color:var(--ink-500);letter-spacing:.12em;align-items:center;gap:9px;margin-bottom:14px;font-size:11px;font-weight:700;display:flex}.scan-product-label span{color:var(--cinnabar-500)}.scan-product-label i{background:var(--gold-500);width:24px;height:1px}.scan-layout{gap:22px;display:grid}.scan-gua-card{background:radial-gradient(circle at 50% 14%, #d5dfd39e, transparent 35%), var(--ivory-50);text-align:center;border:1px solid #a88d549e;border-radius:20px;width:min(100%,360px);min-height:0;margin-inline:auto;padding:25px 22px 24px;position:relative;overflow:hidden;box-shadow:0 24px 64px #0f303324,inset 0 0 0 6px #a88d540d}.scan-gua-card:before{content:"";pointer-events:none;border:1px solid #153c3e1a;border-radius:13px;position:absolute;inset:10px}.scan-gua-card:after{background:var(--cinnabar-500);content:"";border-radius:1px;width:7px;height:7px;position:absolute;bottom:18px;right:18px;transform:rotate(7deg)}.scan-fixed-mark{min-height:28px;color:var(--cinnabar-500);letter-spacing:.12em;border:1px solid #a64b3d61;border-radius:999px;align-items:center;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.scan-gua-card .hex-lines{margin-top:22px}.scan-gua-card h2{color:var(--xuan-900);font-family:var(--serif);margin:6px 0 2px;font-size:30px;line-height:1.3}.scan-gua-card>p{color:var(--ink-700);font-family:var(--serif);margin:0;font-size:14px}.scan-question-panel{border-top:1px solid #a88d5442;align-self:center;padding-top:22px}.scan-question-panel>h1{color:var(--xuan-900);font-family:var(--serif);letter-spacing:.015em;margin:8px 0 10px;font-size:clamp(28px,6vw,40px);line-height:1.25}.scan-intro{max-width:650px;color:var(--ink-700);margin:0 0 17px;font-size:15px;line-height:1.85}.scan-intro strong{color:var(--xuan-900);font-family:var(--serif);margin-inline:.18em}.scan-question-panel .question-card{max-width:none}.scan-quick-section{margin-bottom:14px}.scan-quick-section>span{color:var(--gold-700);letter-spacing:.12em;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.scan-quick-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.scan-quick-list button{min-width:0;min-height:44px;color:var(--xuan-700);cursor:pointer;background:#fffef9b8;border:1px solid #a88d545c;border-radius:11px;padding:0 8px;font-size:12px;font-weight:600;transition:border-color .16s,background .16s,color .16s,transform .16s}.scan-quick-list button:hover,.scan-quick-list button:focus-visible{border-color:var(--gold-500);background:var(--jade-100);color:var(--xuan-900);transform:translateY(-1px)}.scan-reading-button{width:100%;margin:16px 0 0}.scan-hint{width:100%;color:var(--ink-500);text-align:center;margin:10px 0 0;font-size:11px}.reading-error{width:100%;color:var(--cinnabar-700);text-align:center;margin:10px 0 0;font-size:13px;line-height:1.6}.hero{isolation:isolate;text-align:center;padding:62px 0 68px;position:relative}.hero:before{z-index:-1;content:"";background:radial-gradient(#d5dfd361,#0000 69%);border-radius:50%;width:min(760px,95vw);height:430px;position:absolute;top:36px;left:50%;transform:translate(-50%)}.hero:after{z-index:-1;background:linear-gradient(90deg, transparent, var(--gold-500), transparent);content:"";width:150px;height:1px;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.eyebrow{color:var(--gold-700);font-family:var(--serif);letter-spacing:.25em;justify-content:center;align-items:center;gap:11px;font-size:12px;font-weight:600;display:flex}.eyebrow>span{background:var(--gold-500);opacity:.7;width:22px;height:1px}.hero h1,.draw-intro h1{color:var(--xuan-900);font-family:var(--serif);letter-spacing:.04em;margin:0;font-size:clamp(32px,7vw,46px);font-weight:700;line-height:1.2}.hero h1:after{background:var(--cinnabar-500);content:"";border-radius:2px;width:8px;height:8px;margin:16px auto 0;display:block;transform:rotate(8deg);box-shadow:inset 0 0 0 1px #ffffff61}.hero-copy{max-width:620px;color:var(--ink-700);margin:0 auto 30px;font-size:15px;line-height:1.85}.question-card{max-width:820px;box-shadow:var(--shadow-card);text-align:left;background:#fffef9eb;border:1px solid #a88d5480;border-radius:18px;margin-inline:auto;padding:22px 20px 14px;transition:border-color .18s,box-shadow .18s,transform .18s;position:relative}.question-card:before{content:"";pointer-events:none;border:1px solid #153c3e11;border-radius:13px;position:absolute;inset:5px}.question-card:focus-within{border-color:var(--xuan-700);transform:translateY(-1px);box-shadow:0 18px 52px #0f30331f,0 0 0 3px #153c3e14}.question-card label{color:var(--cinnabar-500);font-family:var(--serif);letter-spacing:.14em;margin-bottom:8px;font-size:13px;font-weight:700;display:block;position:relative}.question-card textarea{resize:none;width:100%;height:124px;color:var(--ink-900);font-family:var(--serif);background:0 0;border:0;outline:0;font-size:17px;line-height:1.75;position:relative}.question-card textarea::placeholder,.followup-box textarea::placeholder{color:#9c9d94}.question-meta{color:var(--ink-500);border-top:1px solid #a88d5433;justify-content:space-between;gap:12px;padding-top:11px;font-size:11px;display:flex;position:relative}.quick-section{text-align:left;max-width:820px;margin:20px auto 26px}.quick-title{color:var(--ink-700);align-items:center;gap:7px;margin:0 2px 11px;font-size:13px;font-weight:600;display:flex}.quick-title>span{display:none}.quick-title:before{background:var(--cinnabar-500);content:"";border-radius:1px;width:5px;height:5px;transform:rotate(10deg)}.quick-list,.suggestion-row{flex-wrap:wrap;gap:8px;display:flex}.quick-list button,.suggestion-row button{min-height:44px;color:var(--ink-700);cursor:pointer;background:#e7ede570;border:1px solid #153c3e29;border-radius:999px;padding:8px 14px;font-size:13px;transition:border-color .16s,background .16s,color .16s,transform .16s}.quick-list button:hover,.suggestion-row button:hover{border-color:var(--gold-500);background:var(--ivory-50);color:var(--xuan-900);transform:translateY(-1px)}.primary-button{border:1px solid var(--xuan-900);background:var(--xuan-800);min-height:48px;color:var(--ivory-50);cursor:pointer;border-radius:12px;font-weight:700;transition:background .18s,box-shadow .18s,transform .18s;position:relative;box-shadow:0 10px 26px #0e303333,inset 0 0 0 1px #d5c59e61}.primary-button:hover:not(:disabled){background:var(--xuan-900);transform:translateY(-2px);box-shadow:0 13px 32px #0e303342,inset 0 0 0 1px #d5c59e80}.primary-button:active:not(:disabled){transform:translateY(0)}.primary-button:disabled{opacity:.56;background:#96a19b;border-color:#a8afa9;box-shadow:inset 0 0 0 1px #ffffff3d}.draw-cta{letter-spacing:.05em;justify-content:center;align-items:center;gap:11px;min-width:220px;height:52px;padding:0 22px;font-size:15px;display:inline-flex}.button-seal{width:27px;height:27px;color:var(--gold-300);font-family:var(--serif);border:1px solid #d5c59ea6;border-radius:7px;place-items:center;font-size:13px;display:grid}.arrow{margin-left:4px;font-size:19px;font-weight:400}.ritual-hint{color:var(--ink-500);font-family:var(--serif);letter-spacing:.06em;margin:13px 0 0;font-size:12px}.principles-section{background:linear-gradient(180deg, #e7ede57a, #f4eddd6b), var(--ivory-100);border-top:1px solid #a88d5438;padding:48px 0 64px;position:relative}.principles-section:before{content:"";background:linear-gradient(90deg,#0000 14%,#a88d547a,#0000 86%);height:1px;position:absolute;top:-1px;left:0;right:0}.principles-inner{max-width:920px}.section-heading{align-items:center;gap:13px;margin-bottom:20px;display:flex}.section-icon{color:#0000;background:#fffef9b3;border:1px solid #a88d5480;border-radius:13px;place-items:center;width:44px;height:44px;font-size:0;display:grid;position:relative}.section-icon:before{background:var(--xuan-700);width:18px;height:2px;box-shadow:0 -6px 0 var(--xuan-700), 0 6px 0 var(--xuan-700);content:"";border-radius:2px}.section-heading h2{color:var(--xuan-900);font-family:var(--serif);margin:0 0 2px;font-size:22px;line-height:1.3}.section-heading p{color:var(--ink-500);margin:0;font-size:12px}.principles-card{box-shadow:var(--shadow-card);background:#fffef9bd;border:1px solid #a88d5459;border-radius:18px;overflow:hidden}.principle{cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #a88d542e;grid-template-columns:38px minmax(0,1fr) 28px;align-items:center;gap:10px;width:100%;min-height:70px;padding:15px 18px;transition:background .16s;display:grid}.principle:last-child{border-bottom:0}.principle:hover,.principle.open{background:#e7ede580}.principle-number{color:var(--gold-700);font-family:Georgia,serif;font-size:12px}.principle-content{gap:3px;display:grid}.principle-content strong{color:var(--xuan-900);font-family:var(--serif);font-size:15px}.principle-content em{color:var(--ink-700);font-size:14px;font-style:normal;line-height:1.7;display:none}.principle.open .principle-content em{animation:.18s fade-up;display:block}.principle-toggle{color:var(--gold-500);text-align:center;font-size:20px;transition:transform .18s}.principle.open .principle-toggle{transform:rotate(45deg)}.draw-page,.result-page{isolation:isolate;position:relative}.draw-page{padding:24px 0 54px}.question-summary{background:#fffef9b3;border:1px solid #a88d5447;border-radius:16px;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid;box-shadow:0 8px 22px #0f30330b}.question-symbol{width:46px;height:46px;color:var(--cinnabar-500);font-family:var(--serif);border:1px solid #a64b3d6b;border-radius:11px;place-items:center;font-size:17px;font-weight:700;display:grid}.question-summary>div:nth-child(2){min-width:0}.question-summary span{color:var(--ink-500);font-size:11px;display:block}.question-summary strong{color:var(--ink-900);font-family:var(--serif);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:15px;display:block;overflow:hidden}.draw-intro{text-align:center;max-width:680px;margin-inline:auto;padding:42px 0 28px}.step-label{color:var(--cinnabar-500);letter-spacing:.16em;font-size:11px;font-weight:700}.draw-intro h1{margin:10px 0 8px;font-size:clamp(28px,6vw,38px)}.draw-intro p{color:var(--ink-700);margin:0;font-size:15px}.draw-action-callout{z-index:3;max-width:720px;color:var(--xuan-900);background:linear-gradient(135deg,#fff9e9,#f1e2bb);border:1px solid #c89f4cb3;border-radius:16px;grid-template-columns:48px minmax(0,1fr) 32px;align-items:center;gap:14px;margin:0 auto 16px;padding:18px 20px;display:grid;position:relative;box-shadow:0 16px 36px #08252733,inset 0 0 0 3px #ffffff6b}.draw-action-number{background:var(--cinnabar-500);color:#fffaf0;width:46px;height:46px;font-family:var(--serif);border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:grid;box-shadow:0 0 0 6px #a64b3d1f}.draw-action-callout strong{font-family:var(--serif);font-size:17px;display:block}.draw-action-arrow{color:var(--cinnabar-500);font-size:26px;font-weight:700;animation:1.1s ease-in-out infinite prompt-bounce}.oracle-board{background:radial-gradient(circle at 50% 28%,#3f69694d,#0000 45%),linear-gradient(155deg,#194547,#0e3033 55%,#14393b);border:1px solid #a88d5473;border-radius:20px;min-height:500px;padding:0 14px 14px;position:relative;overflow:hidden;box-shadow:0 24px 70px #0e303333,inset 0 0 0 5px #f4eddd09}.oracle-board:before{content:"";pointer-events:none;border:1px solid #d5c59e47;border-radius:14px;position:absolute;inset:8px}.oracle-board.has-selection{padding-top:14px}.board-toolbar{z-index:2;color:var(--ink-700);background:linear-gradient(135deg,#faf6e9,#efe5ce);border-bottom:1px solid #a88d5461;justify-content:space-between;align-items:center;gap:12px;margin:0 -14px 14px;padding:12px 14px;font-size:11px;display:flex;position:relative}.board-toolbar span{align-items:center;gap:7px;display:flex}.board-toolbar i{background:var(--cinnabar-500);width:6px;height:6px;box-shadow:none;border-radius:2px}.board-toolbar button{min-width:44px;min-height:44px;color:var(--xuan-700);cursor:pointer;background:#fffef99e;border:1px solid #a88d546b;border-radius:10px;padding:0 10px;font-size:12px}.cards-grid{z-index:1;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;display:grid;position:relative}.oracle-card{cursor:pointer;min-width:0;height:45px;animation:.42s both deal-in;animation-delay:var(--delay);background:0 0;border:1px solid #d5c59e73;border-radius:7px;padding:0;transition:border-color .15s,box-shadow .15s,transform .15s;position:relative;overflow:hidden}.oracle-card:hover:not(:disabled),.oracle-card:focus-visible{z-index:2;border-color:var(--gold-300);transform:translateY(-3px);box-shadow:0 10px 22px #00000038}.oracle-card:disabled{cursor:default}.card-back{width:100%;height:100%;color:var(--gold-300);background:linear-gradient(90deg,#0000 48%,#d5c59e1a 50%,#0000 52%),linear-gradient(#1d4c4e,#123638);place-items:center;display:grid;position:relative;overflow:hidden}.card-back:before,.card-back:after{content:"";position:absolute}.card-back:before{border:1px solid #d5c59e3d;border-radius:4px;inset:4px}.card-back:after{background:var(--gold-300);width:15px;height:2px;box-shadow:0 -5px 0 var(--gold-300), 0 5px 0 var(--gold-300);opacity:.8;border-radius:2px}.card-back i,.card-back b{display:none}.shuffle-1{animation:.36s shuffle-in}.oracle-board.has-selection{place-items:center;min-height:610px;display:grid}.has-selection .cards-grid{opacity:.1;filter:blur(1.2px);pointer-events:none;transition:opacity .5s;position:absolute;inset:15px}.has-selection .oracle-card.selected{opacity:0}.reveal-card{z-index:5;background:radial-gradient(circle at 50% 12%, #d5dfd38c, transparent 36%), var(--ivory-50);text-align:center;opacity:0;border:1px solid #a88d54ad;border-radius:18px;width:min(410px,100% - 16px);min-height:496px;padding:43px 26px 30px;transition:opacity .6s,transform .68s cubic-bezier(.2,.85,.22,1);position:relative;transform:translateY(14px)rotateY(82deg)scale(.9);box-shadow:0 32px 80px #05191b66,inset 0 0 0 6px #a88d540d}.reveal-card:before{content:"";pointer-events:none;border:1px solid #153c3e1a;border-radius:12px;position:absolute;inset:10px}.reveal-card:after{background:var(--cinnabar-500);content:"";border-radius:3px;width:44px;height:3px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.reveal-card.revealed{opacity:1;transform:translateY(0)rotateY(0)scale(1)}.reveal-ornament{display:none}.reveal-number{color:var(--cinnabar-500);letter-spacing:.15em;margin-top:20px;font-size:11px;font-weight:700}.reveal-card h2{color:var(--xuan-900);font-family:var(--serif);margin:8px 0 4px;font-size:32px;line-height:1.3}.reveal-card>p{color:var(--ink-700);font-family:var(--serif);margin:0;font-size:14px}.hex-lines{gap:7px;width:128px;margin:12px auto 0;display:grid}.hex-line{justify-content:space-between;gap:17px;height:11px;display:flex}.hex-line span{background:var(--xuan-900);border-radius:2px;flex:1;display:block}.hex-line .solid-line{width:100%}.hex-lines.compact{gap:5px;width:88px;margin-top:14px}.hex-lines.compact .hex-line{gap:11px;height:7px}.keyword-row{flex-wrap:wrap;justify-content:center;gap:7px;margin:18px 0 24px;display:flex}.keyword-row span,.summary-keywords i{color:var(--gold-700);background:#f4eddd9e;border:1px solid #a88d545c;border-radius:999px;padding:5px 10px;font-size:11px;font-style:normal}.interpret-button{justify-content:center;align-items:center;gap:9px;width:184px;height:50px;display:inline-flex}.interpret-button>span:first-child:not(.loading-dot){display:none}.loading-dot{border:2px solid #ffffff47;border-top-color:var(--gold-300);border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin}.draw-footnote{color:var(--ink-500);text-align:center;margin:18px 0 0;font-size:11px}.result-page{padding:20px 0 58px}.result-topbar{border-bottom:1px solid #a88d5447;justify-content:space-between;align-items:center;gap:14px;padding:13px 0 17px;display:flex}.result-topbar>div{min-width:0}.result-topbar span{color:var(--ink-500);font-size:11px;display:block}.result-topbar strong{color:var(--xuan-900);font-family:var(--serif);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:15px;display:block;overflow:hidden}.result-layout{padding-top:24px}.gua-summary{background:linear-gradient(145deg, #e7ede58c, #fffef9e6), var(--ivory-50);box-shadow:var(--shadow-card);border:1px solid #a88d546b;border-radius:18px;grid-template-columns:82px minmax(0,1fr);align-items:center;column-gap:16px;padding:20px;display:grid;position:relative}.gua-summary:after{content:"";pointer-events:none;border:1px solid #153c3e0e;border-radius:12px;position:absolute;inset:6px}.summary-label{color:var(--cinnabar-500);letter-spacing:.16em;grid-column:2;align-self:end;font-size:11px;font-weight:700}.summary-symbol{color:#153c3e1a;font-size:52px;position:absolute;top:10px;right:13px}.gua-summary .hex-lines{z-index:1;grid-area:1/1/span 5;align-self:center;margin:0}.gua-summary>span:not(.summary-label){color:var(--ink-500);grid-column:2;margin-top:2px;font-size:11px}.gua-summary h2{z-index:1;color:var(--xuan-900);font-family:var(--serif);grid-column:2;margin:2px 0 4px;font-size:25px;line-height:1.3}.gua-summary>p{color:var(--ink-700);font-family:var(--serif);grid-column:2;margin:0;font-size:13px;line-height:1.65}.summary-keywords{z-index:1;flex-wrap:wrap;grid-column:2;gap:5px;margin-top:9px;display:flex}.summary-keywords i{padding:3px 7px;font-size:10px}.reading-article{min-width:0;padding-top:38px}.reading-title{border-bottom:1px solid #a88d544d;justify-content:space-between;align-items:center;padding-bottom:24px;display:flex}.reading-title h1{color:var(--xuan-900);font-family:var(--serif);margin:7px 0 0;font-size:clamp(28px,6vw,38px);line-height:1.25}.reading-stamp{display:none}.verdict-block{border:1px solid #a88d5452;border-left:3px solid var(--cinnabar-500);background:linear-gradient(110deg,#e7ede594,#fffef9ad);border-radius:0 14px 14px 0;margin:26px 0 38px;padding:22px 21px 22px 25px;position:relative}.verdict-block:after{background:var(--gold-300);width:44px;height:2px;box-shadow:0 -6px 0 var(--gold-300), 0 6px 0 var(--gold-300);content:"";opacity:.3;border-radius:2px;position:absolute;bottom:15px;right:17px}.verdict-block>span,.timing-note>span{color:var(--cinnabar-500);letter-spacing:.14em;font-size:11px;font-weight:700}.verdict-block p{z-index:1;color:var(--xuan-900);font-family:var(--serif);margin:8px 0 0;font-size:17px;font-weight:600;line-height:1.75;position:relative}.reading-section{margin-bottom:42px}.reading-section-title{align-items:center;gap:12px;margin-bottom:17px;display:flex}.reading-section-title>span{width:32px;height:32px;color:var(--gold-700);font-family:var(--serif);border:1px solid #a88d548c;border-radius:9px;place-items:center;font-size:13px;display:grid}.reading-section-title h2{color:var(--xuan-900);font-family:var(--serif);margin:0;font-size:21px}.reading-section>p{color:var(--ink-700);margin:0;font-size:15px;line-height:1.95}.reading-section>p strong{color:var(--xuan-900)}.analysis-grid{gap:10px;display:grid}.analysis-grid>div{background:#fffef9ad;border:1px solid #153c3e1a;border-radius:14px;min-height:0;padding:18px;box-shadow:0 7px 22px #0f303309}.analysis-grid em{color:var(--cinnabar-500);font-size:12px;font-style:normal;font-weight:700}.analysis-grid p{color:var(--ink-700);margin:8px 0 0;font-size:15px;line-height:1.8}.advice-list{counter-reset:advice;margin:0;padding:0;list-style:none}.advice-list li{counter-increment:advice;border-bottom:1px solid #a88d5433;gap:4px;padding:16px 0 16px 38px;display:grid;position:relative}.advice-list li:before{color:var(--gold-700);content:"0" counter(advice);font-family:Georgia,serif;font-size:12px;position:absolute;top:18px;left:2px}.advice-list b{color:var(--xuan-900);font-family:var(--serif);font-size:15px}.advice-list p{color:var(--ink-700);margin:0;font-size:15px;line-height:1.75}.do-dont{gap:10px;margin-top:18px;display:grid}.do-dont>div{background:#fffef994;border:1px solid #153c3e1f;border-radius:13px;grid-template-columns:42px 1fr;align-items:center;gap:11px;padding:14px;display:grid}.do-dont span{width:38px;height:38px;font-family:var(--serif);border-radius:10px;place-items:center;font-weight:700;display:grid}.do-dont p{color:var(--ink-700);margin:0;font-size:14px;line-height:1.7}.do span{background:var(--jade-100);color:#486455}.dont span{color:var(--cinnabar-700);background:#f1e3dd}.timing-note{background:#f4eddd8f;border:1px solid #a88d545c;border-radius:14px;gap:6px;margin:-4px 0 48px;padding:19px 20px;display:grid}.timing-note p{color:var(--ink-700);margin:0;font-size:15px;line-height:1.8}.history-connection{margin-top:-28px}.followup-section{border-top:1px solid #a88d5461;padding-top:34px}.followup-section h2{color:var(--xuan-900);font-family:var(--serif);margin:7px 0 6px;font-size:24px}.followup-intro{color:var(--ink-700);margin:0 0 18px;font-size:14px}.suggestion-row{margin-bottom:13px}.followup-box{box-shadow:var(--shadow-card);background:#fffef9d6;border:1px solid #a88d546b;border-radius:16px;padding:17px}.followup-box:focus-within{border-color:var(--xuan-700);box-shadow:var(--shadow-card), 0 0 0 3px #153c3e12}.followup-box-top{justify-content:space-between;gap:12px;margin-bottom:10px;display:flex}.followup-box-top strong{color:var(--xuan-900);font-family:var(--serif)}.followup-box-top span{color:var(--ink-500);font-size:11px}.followup-box textarea{resize:vertical;width:100%;min-height:100px;color:var(--ink-900);background:0 0;border:0;outline:0;font-size:15px;line-height:1.7}.followup-box>button{border:1px solid var(--xuan-900);background:var(--xuan-800);min-width:118px;min-height:44px;color:var(--ivory-50);cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:11px;margin-left:auto;padding-inline:16px;font-weight:700;display:flex}.followup-box>button:disabled{opacity:.5;background:#96a19b;border-color:#a8afa9}.chat-thread{gap:10px;margin:18px 0 24px;display:grid}.user-message,.ai-message{border-radius:13px;grid-template-columns:42px 1fr;gap:11px;padding:14px;display:grid}.user-message{background:var(--jade-100);margin-left:18px}.ai-message{background:#fffef9b8;border:1px solid #a88d5447;margin-right:8px}.user-message span,.ai-message span{color:var(--cinnabar-500);padding-top:2px;font-size:11px;font-weight:700}.user-message p,.ai-message p{color:var(--ink-700);margin:0;font-size:15px;line-height:1.8}.followup-complete{background:var(--jade-100);border:1px solid #7d918261;border-radius:14px;align-items:center;gap:13px;margin-top:18px;padding:17px;display:flex}.followup-complete>span{background:var(--jade-200);color:#486455;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid}.followup-complete p{color:var(--ink-700);margin:0;font-size:13px;line-height:1.65}.followup-complete strong{color:var(--xuan-900);font-family:var(--serif);font-size:16px;display:block}.disclaimer{color:var(--ink-500);text-align:center;border-top:1px solid #a88d543d;margin:48px 0 0;padding-top:18px;font-size:11px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0e303375;justify-content:flex-end;animation:.16s fade-in;display:flex;position:fixed;inset:0}.history-drawer{background:radial-gradient(circle at 100% 0, #d5dfd394, transparent 22rem), var(--ivory-100);border-left:1px solid #a88d5466;width:min(430px,100%);height:100%;padding:24px 20px;animation:.26s drawer-in;overflow-y:auto;box-shadow:-24px 0 70px #05191b33}.drawer-header{border-bottom:1px solid #a88d544d;justify-content:space-between;align-items:center;padding-bottom:19px;display:flex}.drawer-header span{color:var(--cinnabar-500);letter-spacing:.15em;font-size:11px}.drawer-header h2{color:var(--xuan-900);font-family:var(--serif);margin:4px 0 0;font-size:26px}.drawer-header button{width:44px;height:44px;color:var(--xuan-800);cursor:pointer;background:#fffef99e;border:1px solid #153c3e2e;border-radius:12px;font-size:24px}.history-list{display:grid}.history-item{cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #a88d5438;grid-template-columns:54px minmax(0,1fr) 20px;align-items:center;gap:14px;width:100%;padding:19px 0;display:grid}.history-item:hover,.history-item:focus-visible{background:#d5dfd34d}.history-item-copy{min-width:0}.history-symbol{background:var(--jade-100);width:52px;height:52px;color:var(--xuan-700);border:1px solid #a88d5466;border-radius:13px;place-items:center;font-size:35px;line-height:1;display:grid}.history-item strong{color:var(--ink-900);font-family:var(--serif);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;line-height:1.5;display:-webkit-box;overflow:hidden}.history-item-copy>span{color:var(--cinnabar-500);margin:6px 0 2px;font-size:12px;display:block}.history-item time{color:var(--ink-500);font-size:11px;display:block}.history-item-arrow{color:var(--gold-400);font-family:var(--serif);font-size:28px}.drawer-header .history-back-button{width:auto;height:auto;color:var(--xuan-700);background:0 0;border:0;border-radius:0;margin:0 0 10px;padding:0;font-size:12px}.history-detail{padding:22px 0 40px}.history-detail-summary{align-items:center;gap:14px;display:flex}.history-detail-summary>div{gap:5px;display:grid}.history-detail-summary>div>span{color:var(--cinnabar-500);font-family:var(--serif);font-size:16px}.history-detail-summary time{color:var(--ink-500);font-size:11px}.history-question,.history-reading>section{background:#fffef9a3;border:1px solid #a88d543d;border-radius:14px;margin-top:20px;padding:18px}.history-question>span,.history-verdict>span{color:var(--cinnabar-500);letter-spacing:.08em;font-size:11px;font-weight:700}.history-question p,.history-verdict p{color:var(--xuan-900);font-family:var(--serif);margin:8px 0 0;font-size:17px;line-height:1.7}.history-detail-status,.history-detail-error{color:var(--ink-600);text-align:center;margin:24px 0 0;font-size:13px}.history-detail-error{color:var(--cinnabar-500)}.history-reading h3{color:var(--xuan-900);font-family:var(--serif);margin:0 0 9px;font-size:17px}.history-reading section>p,.history-reading dd,.history-reading li p{color:var(--ink-700);margin:0;font-size:13px;line-height:1.75}.history-reading dl{gap:13px;margin:0;display:grid}.history-reading dl>div{gap:4px;display:grid}.history-reading dt{color:var(--gold-400);font-size:12px;font-weight:700}.history-reading dd{margin:0}.history-reading ol{gap:13px;margin:0;padding-left:20px;display:grid}.history-reading li strong{color:var(--xuan-800);font-size:13px}.history-reading li p{margin-top:4px}.empty-history{color:var(--ink-700);text-align:center;padding:100px 20px}.empty-history>span{color:#0000;font-size:0}.empty-history>span:before{background:var(--jade-100);width:64px;height:64px;color:var(--xuan-700);content:"卦";font-family:var(--serif);border:1px solid #a88d548c;border-radius:18px;place-items:center;margin:0 auto;font-size:28px;display:grid}.empty-history h3{color:var(--xuan-900);font-family:var(--serif);margin:17px 0 6px;font-size:20px}.empty-history p{margin:0;font-size:14px;line-height:1.75}@keyframes deal-in{0%{opacity:0;transform:translateY(9px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes prompt-bounce{0%,to{transform:translateY(-2px)}50%{transform:translateY(4px)}}@keyframes shuffle-in{0%{opacity:.58;transform:translate(-5px)}50%{transform:translate(4px)}to{opacity:1;transform:translate(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(-4px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}}@keyframes drawer-in{0%{opacity:0;transform:translate(36px)}}@media (max-width:520px){.hero-heading-row{gap:6px}.hero-inline-avatar{width:72px;height:92px}.hero h1{font-size:28px}.hero-copy{max-width:310px}.brand small,.brand>i{display:none}.history-button{padding-inline:11px;font-size:12px}.history-button>span,.question-meta span:first-child{display:none}.question-meta{justify-content:flex-end}.scan-question-panel .question-card{border-radius:15px;padding:18px 17px 12px}.scan-question-panel .question-card textarea{height:104px;font-size:17px}.quick-list{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-16px;padding:0 16px 4px;overflow-x:auto}.quick-list::-webkit-scrollbar{display:none}.quick-list button{flex:none}.question-summary{grid-template-columns:46px minmax(0,1fr)}.question-summary button{grid-column:2;justify-self:start}.draw-action-callout{grid-template-columns:40px minmax(0,1fr) 20px;gap:10px;margin-bottom:14px;padding:14px 13px}.draw-action-number{width:38px;height:38px;font-size:12px;box-shadow:0 0 0 4px #a64b3d1f}.draw-action-callout strong{font-size:15px}.cards-grid{gap:4px}.oracle-card{height:41px}.card-back:before{display:none}.history-drawer{padding-inline:18px}}@media (min-width:720px){.shell{width:min(100% - 48px,1120px)}.site-header{min-height:70px}.brand{font-size:18px}.character-reserve{border-radius:150px 150px 26px 26px;width:260px;height:340px}.character-reserve-welcome{top:62px;right:4px}.character-reserve-draw,.character-reserve-result,.character-reserve-scan{top:88px;right:0}.scan-page{padding-top:34px}.scan-layout{grid-template-columns:310px minmax(0,1fr);align-items:center;gap:54px}.scan-gua-card{min-height:450px;padding:34px 24px 28px}.scan-question-panel{border-top:0;padding-top:0;padding-right:0}.scan-quick-list{flex-wrap:wrap;display:flex}.scan-quick-list button{padding-inline:15px}.scan-reading-button,.scan-hint{max-width:380px}.hero{text-align:left;min-height:600px;padding:82px 0}.hero:before{left:20%;transform:none}.hero:after{left:0;transform:none}.eyebrow{justify-content:flex-start}.hero-heading-row{justify-content:flex-start;gap:18px;margin-left:0}.hero-inline-avatar{border-radius:84px 84px 20px 20px;width:140px;height:176px}.hero h1:after,.hero-copy,.question-card,.quick-section{margin-left:0}.hero-copy,.question-card,.quick-section{max-width:720px;margin-right:0}.draw-cta{margin-left:0}.ritual-hint{text-align:center;max-width:220px}.question-card{padding:24px 26px 15px}.question-card textarea{height:126px;font-size:18px}.principle{grid-template-columns:44px minmax(0,1fr) 30px;padding:16px 24px}.oracle-board{min-height:590px;padding:20px}.oracle-board:not(.has-selection){padding-top:40px}.cards-grid{gap:7px}.oracle-card{height:54px}.oracle-board.has-selection{min-height:650px}.result-page{padding-top:28px}.result-layout{grid-template-columns:260px minmax(0,1fr);gap:46px;padding-top:38px;display:grid}.gua-summary{text-align:center;align-self:start;padding:29px 23px;display:block;position:sticky;top:108px}.summary-label{display:block}.gua-summary .hex-lines{margin:19px auto 0}.gua-summary>span:not(.summary-label){margin-top:21px;display:block}.gua-summary h2{margin:5px 0 6px;font-size:25px;display:block}.gua-summary>p{display:block}.summary-keywords{justify-content:center;margin-top:16px}.reading-article{padding-top:0}.reading-stamp{width:54px;height:54px;color:var(--cinnabar-500);font-family:var(--serif);opacity:.72;border:2px solid #a64b3d94;border-radius:9px;place-items:center;font-size:24px;font-weight:700;display:grid;transform:rotate(-4deg)}.analysis-grid{grid-template-columns:1fr 1fr}.analysis-grid>div{padding:20px 21px}.advice-list li{grid-template-columns:96px 1fr;gap:14px;padding-left:40px}.do-dont{grid-template-columns:1fr 1fr}.timing-note{grid-template-columns:84px 1fr;gap:16px}.history-drawer{padding:30px}}@media (min-width:980px){.character-reserve-welcome{display:none}.hero-inline-avatar{border-radius:94px 94px 22px 22px;width:160px;height:200px}.oracle-board{padding:22px}.oracle-board:not(.has-selection){padding-top:42px}.cards-grid{gap:8px}.oracle-card{height:58px}.result-layout{grid-template-columns:280px minmax(0,1fr);gap:58px}.character-reserve-result{display:none}.scan-layout{grid-template-columns:360px minmax(0,1fr);gap:76px}.scan-question-panel{padding-right:170px}.character-reserve-scan{width:300px;height:380px;top:132px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}