.dl-reading{--paper: #F1E8D5;--paper-deep: #E6DAC0;--paper-soft: #F8F1DF;--ink: #1B1410;--ink-soft: #3A2E25;--ink-mute: #6B5A4B;--vermillion: #B53127;--hairline: rgba(27,20,16,.18);--serif-d: "Fraunces", "Noto Serif SC", serif;--serif: "Cormorant Garamond", "Noto Serif SC", serif;--cn: "Noto Serif SC", "Fraunces", serif;--mono: "Inconsolata", ui-monospace, monospace;position:relative;z-index:5;min-height:100vh;background:var(--paper);color:var(--ink)}.dl-reading__step{position:relative;min-height:100vh;padding:80px 24px;display:flex;align-items:center;justify-content:center;transition:opacity .38s cubic-bezier(.2,.8,.2,1),transform .38s cubic-bezier(.2,.8,.2,1)}.dl-reading__step[hidden]{display:none}.dl-reading__step.is-entering{opacity:0;transform:translateY(12px)}.dl-reading__watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--cn);font-weight:700;font-size:clamp(180px,32vw,420px);color:var(--ink);opacity:.05;line-height:1;pointer-events:none;z-index:0}.dl-reading__inner{position:relative;z-index:1;max-width:620px;width:100%;text-align:center}.dl-reading__label{font-family:var(--mono);font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--ink-mute)}.dl-reading__question{font-family:var(--serif-d);font-weight:400;font-size:clamp(32px,5vw,48px);line-height:1.05;letter-spacing:-.01em;margin:18px 0 32px}.dl-reading__question em{color:var(--vermillion);font-style:italic;font-weight:300}.dl-reading__input{width:100%;max-width:420px;padding:14px 0;background:transparent;border:none;border-bottom:1px solid rgba(27,20,16,.4);font-family:var(--serif);font-size:22px;color:var(--ink);font-style:italic;text-align:center;outline:none}.dl-reading__input:focus{border-bottom-color:var(--vermillion)}.dl-reading__datefields{display:inline-flex;align-items:baseline;gap:10px;justify-content:center}.dl-reading__datebox{width:3.2ch;padding:14px 0;background:transparent;border:none;border-bottom:1px solid rgba(27,20,16,.4);font-family:var(--serif);font-size:22px;color:var(--ink);font-style:italic;text-align:center;outline:none}.dl-reading__datebox--year{width:5.2ch}.dl-reading__datebox:focus{border-bottom-color:var(--vermillion)}.dl-reading__datebox::placeholder{color:var(--ink-mute);opacity:.55;font-style:normal;letter-spacing:.1em}.dl-reading__datesep{font-family:var(--serif);font-size:20px;color:var(--ink-mute);align-self:center}.dl-reading__error{font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--vermillion);margin-top:12px}button.dl-reading__next{display:flex;width:fit-content;margin:26px auto 0;align-items:center;justify-content:center;min-height:48px;border:none;cursor:pointer}.dl-reading__hint{font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mute);margin-top:14px}@media(hover:none){.dl-reading__hint{display:none}}.dl-reading__skip{display:inline-block;margin-top:22px;background:transparent;border:none;cursor:pointer;font-family:var(--serif);font-style:italic;font-size:15px;color:var(--ink-mute);text-decoration:underline;text-decoration-color:#6b5a4b66}.dl-reading__skip:hover{color:var(--vermillion);text-decoration-color:currentColor}.dl-reading__dots{display:flex;gap:8px;justify-content:center;margin-top:40px}.dl-reading__dots .d{width:6px;height:6px;border-radius:999px;background:#1b141033}.dl-reading__dots .d.on{background:var(--vermillion)}.dl-intentions{display:flex;flex-direction:column;gap:10px;max-width:420px;margin:0 auto}.dl-intention{display:flex;flex-direction:column;gap:4px;padding:16px 20px;background:#ffffff4d;border:1px solid var(--hairline);cursor:pointer;transition:all .25s;text-align:left;font-family:inherit}.dl-intention:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.dl-intention.is-selected{background:var(--vermillion);color:#faefd8;border-color:var(--vermillion)}.dl-intention__name{font-family:var(--serif-d);font-size:20px;letter-spacing:-.01em}.dl-intention__note{font-family:var(--serif);font-style:italic;font-size:14px;opacity:.8}.dl-btn{display:inline-block;padding:13px 28px;font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;cursor:pointer;border:none;transition:all .25s}.dl-btn--primary{background:var(--ink);color:var(--paper)}.dl-btn--primary:hover{background:var(--vermillion);color:#faefd8}.dl-btn--ghost{background:transparent;border:1px solid var(--ink);color:var(--ink)}.dl-btn--ghost:hover{background:var(--ink);color:var(--paper)}.dl-reading__ctas{display:flex;gap:12px;justify-content:center;margin-top:34px;flex-wrap:wrap}.dl-result__pool{display:none}.dl-shichen{position:relative;margin:0 auto}.dl-shichen--wheel{width:420px;height:420px;max-width:100%}.dl-shichen--wheel:before,.dl-shichen--wheel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--hairline);border-radius:50%;pointer-events:none}.dl-shichen--wheel:after{top:40px;right:40px;bottom:40px;left:40px;border-style:dashed;opacity:.6}.dl-shichen__center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;max-width:160px}.dl-shichen__center .c-cn{font-family:var(--cn);font-weight:700;font-size:52px;color:var(--ink);opacity:.3;line-height:1;min-height:52px}.dl-shichen__center .c-hint{font-family:var(--mono);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mute);margin-top:8px}.dl-shichen__seg{position:absolute;width:58px;height:58px;border-radius:50%;background:#ffffff4d;border:1px solid var(--hairline);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .25s;font-family:inherit}.dl-shichen__seg:hover,.dl-shichen__seg:focus-visible{background:var(--ink);color:var(--paper);border-color:var(--ink);outline:none}.dl-shichen__seg.is-selected{background:var(--vermillion);color:#faefd8;border-color:var(--vermillion)}.dl-shichen__seg .a{font-family:var(--cn);font-weight:700;font-size:22px;line-height:1}.dl-shichen__seg .r{font-family:var(--mono);font-size:7px;letter-spacing:.1em;margin-top:2px;opacity:.75}.dl-shichen--grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:420px}.dl-shichen__cell{padding:12px 4px;background:#ffffff4d;border:1px solid var(--hairline);cursor:pointer;transition:all .25s;display:flex;flex-direction:column;align-items:center;gap:3px;font-family:inherit}.dl-shichen__cell:hover,.dl-shichen__cell:focus-visible{background:var(--ink);color:var(--paper);outline:none}.dl-shichen__cell.is-selected{background:var(--vermillion);color:#faefd8;border-color:var(--vermillion)}.dl-shichen__cell .a{font-family:var(--cn);font-weight:700;font-size:24px;line-height:1}.dl-shichen__cell .s{font-family:var(--cn);font-size:10px;letter-spacing:.1em;opacity:.7}.dl-shichen__cell .r{font-family:var(--mono);font-size:9px;letter-spacing:.1em;opacity:.75}.dl-calc{text-align:center}.dl-calc__line{font-family:var(--serif-d);font-style:italic;font-weight:300;font-size:clamp(24px,3vw,34px);color:var(--ink);min-height:40px;opacity:0;transition:opacity .3s ease}.dl-calc__line.fade-in{opacity:1}.dl-calc__pillars{position:absolute;top:40px;right:40px;display:flex;flex-direction:column;gap:6px;font-family:var(--cn);font-size:24px;font-weight:600;color:var(--ink);opacity:.7}.dl-calc__pillar{animation:dl-pillar-in .5s cubic-bezier(.2,.8,.2,1)}@keyframes dl-pillar-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:.7;transform:none}}.dl-reading__result{align-items:flex-start;padding-top:60px;padding-bottom:100px}.dl-result{max-width:720px;margin:0 auto;text-align:center;width:100%}.dl-result__meta{font-family:var(--mono);font-size:12px;letter-spacing:.25em;text-transform:uppercase;color:var(--ink-mute)}.dl-result__meta b{font-family:var(--cn);font-weight:600;color:var(--ink);margin:0 6px}.dl-result__char{position:relative;display:inline-block;margin:24px 0 6px}.dl-result__glyph{font-family:var(--cn);font-weight:700;font-size:clamp(140px,20vw,200px);line-height:1.1;color:var(--ink);display:inline-block}.dl-result__seal{position:absolute;right:-18px;top:18px;width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;background:var(--vermillion);color:#faefd8;font-family:var(--cn);font-weight:900;font-size:20px;border:2px solid #7B1F18;box-shadow:inset 0 0 0 2px #faefd8}.dl-result__title{font-family:var(--serif-d);font-weight:400;font-size:clamp(34px,4.6vw,48px);line-height:1.05;letter-spacing:-.01em;margin:8px 0 12px}.dl-result__title em{color:var(--vermillion);font-style:italic;font-weight:300}.dl-result__compat{font-family:var(--serif);font-style:italic;font-size:16px;color:var(--ink-mute);border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);padding:12px 20px;max-width:540px;margin:20px auto}.dl-result__products{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:700px;margin:32px auto 0}@media(max-width:640px){.dl-result__products{grid-template-columns:1fr}}.dl-result__ctas{display:flex;gap:12px;justify-content:center;margin-top:28px;flex-wrap:wrap}.dl-result__next{margin-top:40px;text-align:center}.dl-result__next-link{font-family:var(--mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mute);text-decoration:none;border-bottom:1px solid var(--hairline);padding-bottom:6px;transition:color .25s ease,border-color .25s ease}.dl-result__next-link:hover,.dl-result__next-link:focus-visible{color:var(--ink);border-color:var(--ink)}.dl-result__next-link .arrow{display:inline-block;margin:0 6px;animation:dl-next-bob 1.6s ease-in-out infinite}@keyframes dl-next-bob{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@media(prefers-reduced-motion:reduce){.dl-result__next-link .arrow{animation:none}}.dl-result__glyph.dl-reveal--brush{-webkit-mask-image:linear-gradient(135deg,#000 0%,#000 var(--mask, 0%),transparent calc(var(--mask, 0%) + 1%));mask-image:linear-gradient(135deg,#000 0%,#000 var(--mask, 0%),transparent calc(var(--mask, 0%) + 1%));animation:dl-brush 1.6s cubic-bezier(.2,.8,.2,1) forwards}@keyframes dl-brush{0%{--mask: 0%}to{--mask: 110%}}.dl-result__glyph.dl-reveal--fade{animation:dl-fade .4s ease forwards}@keyframes dl-fade{0%{opacity:0}to{opacity:1}}@property --mask{syntax: "<percentage>"; inherits: false; initial-value: 0%;}.dl-rp{display:block;text-decoration:none;color:var(--ink);border:1px solid var(--hairline);transition:border-color .25s}.dl-rp:hover{border-color:var(--ink)}.dl-rp__media{aspect-ratio:4 / 3;overflow:hidden;background:var(--paper-deep)}.dl-rp__media img{width:100%;height:100%;object-fit:cover}.dl-rp__title{font-family:var(--serif);font-size:14px;padding:10px 12px 4px;display:flex;flex-direction:column;gap:2px}.dl-rp__title .cn{font-family:var(--cn);font-size:11px;opacity:.6}.dl-rp__price{font-family:var(--mono);font-size:11px;letter-spacing:.12em;padding:0 12px 12px;color:var(--ink-mute)}.dl-rp__price span{margin-right:4px;opacity:.6}[data-closest="1"] .dl-rp__title:after{content:"closest pairing";font-family:var(--mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);margin-top:2px}.dl-why{max-width:560px;margin:18px auto 0;padding:14px 18px;border:1px dashed var(--hairline);background:#fff3;text-align:left}.dl-why summary{cursor:pointer;list-style:none;font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);padding:6px 0}.dl-why summary::-webkit-details-marker{display:none}.dl-why[open] summary:after{content:" \25b4"}.dl-why:not([open]) summary:after{content:" \25be"}.dl-why__body{margin-top:10px}.dl-why__table{width:100%;border-collapse:collapse;font-family:var(--cn);font-size:13px}.dl-why__table th{font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mute);padding:4px 6px;font-weight:400;text-align:center;border-bottom:1px solid var(--hairline)}.dl-why__table td{padding:6px;text-align:center}.dl-why__table td.lbl{font-family:var(--mono);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mute);text-align:left}.dl-why__table .stem{color:var(--ink);font-weight:600}.dl-why__table .branch{color:var(--ink-mute)}.dl-why__bar{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0 .5rem;border-top:1px solid var(--paper-deep);padding-top:.75rem}.dl-why__row{display:grid;grid-template-columns:5.5rem 1fr 2.5rem;align-items:center;gap:.75rem;font-family:Cormorant Garamond,serif;font-size:1rem;color:var(--ink)}.dl-why__label{display:flex;flex-direction:column;gap:.05rem;font-weight:500;line-height:1.1}.dl-why__label-cn{font-family:"Noto Serif SC",serif;font-size:1rem;color:var(--ink)}.dl-why__label-en{font-family:Inconsolata,monospace;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute)}.dl-why__track{display:block;height:.375rem;background:var(--paper-deep);border-radius:2px;overflow:hidden;box-shadow:inset 0 1px 2px #0000001f}.dl-why__fill{display:block;height:100%;background:var(--ink-soft);border-radius:2px;transition:width .4s ease}.dl-why__row[data-el=wood] .dl-why__fill{background:var(--jade)}.dl-why__row[data-el=fire] .dl-why__fill{background:var(--vermillion)}.dl-why__row[data-el=earth] .dl-why__fill{background:var(--citrine, var(--gold))}.dl-why__row[data-el=metal] .dl-why__fill{background:var(--gold)}.dl-why__row[data-el=water] .dl-why__fill{background:var(--ink)}.dl-why__count{font-variant-numeric:tabular-nums oldstyle-nums;text-align:right;font-size:.95rem;color:var(--ink-soft)}.dl-why__mark{display:inline-block;margin-left:.25rem;font-size:.9rem;vertical-align:.1em}.dl-why__mark--lack{color:var(--vermillion)}.dl-why__mark--win{color:var(--ink-mute)}.dl-why__legend{font-family:Inconsolata,monospace;font-size:.7rem;color:var(--ink-mute);letter-spacing:.08em;text-align:center;margin-top:.75rem}.dl-why__note{font-family:var(--serif);font-style:italic;font-size:13px;color:var(--ink-mute);margin:10px 0 0}.dl-result__flavor{font-family:Cormorant Garamond,serif;font-size:1.3rem;font-style:italic;color:var(--ink-soft);text-align:center;margin:1.5rem auto 2rem;max-width:36rem;letter-spacing:.01em;line-height:1.6}.dl-result__flavor em{font-style:normal;font-weight:500;color:var(--ink)}.dl-result__balance{font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:500;color:var(--ink);text-align:center;margin:.75rem auto .5rem;max-width:32rem;line-height:1.55}
/*# sourceMappingURL=/cdn/shop/t/26/assets/donglai-quiz.css.map */