/* qimen-realtime.css — GENERATED by 09_Redesign-Sandbox/port.mjs. DO NOT HAND-EDIT.
   The 实时盘 redesign: the 起盘 well, the plate, 四柱八字, and the Tafsiran AI room.
   Edit the design in 09_Redesign-Sandbox/qimen-redesign.html, re-run `node port.mjs`,
   and bump the ?v= in index.html. `node port.mjs --check` fails on drift.
   ⚠️ HAND-EDITED on 2 Oct 2026 (.ai-hint, the line above the question box): the sandbox does
   not hold it, so a re-run of port.mjs must carry it across or the line loses its style.

   Scoped under .qrt-root throughout, and every @keyframes renamed qrt_*: this screen
   carries a full dark palette AND animation names (spin / breathe / sheen / ping) that
   already exist elsewhere in this app, so one unscoped rule here repaints another screen.

   ⚠️ It styles NOTHING it computes. Every glyph, colour and position it paints is handed
   to it by app-shishipan.js from TY.castQimen. */
@font-face{font-family:'DM Serif Display';font-style:normal;font-weight:400;font-display:swap;src:url(../vendor/fonts/qrt-serif.woff2) format('woff2')}
.qrt-root{
  
  --ground:#04060F; --g2:#0A1024; --g3:#121B3A; --ink-blue:#16203F;
  
  --hist-ground:#080D22;
  --gold:#D9B25F; --gold-hi:#F6E3AC; --gold-mid:#E9C77E; --gold-deep:#96742E; --seal:#B01820;
  --paper:#FBF8F3; --ink:#15110E; --gInk:#020817;
  --line:rgba(217,178,95,.22); --line-soft:rgba(198,214,255,.11);
  --dim:rgba(226,234,255,.70); --dim-2:rgba(226,234,255,.46);
  --txt:#EEF3FF;
  --s900:#0f172a; --s800:#1e293b; --s700:#334155; --s600:#475569;
  --s500:#64748b; --s400:#94a3b8; --gBord:#e2e8f0;
  --mu:#f97316; --xing:#9333ea; --menpo:#ef4444; --both:#2563eb;
  --emerald:#059669; --amber700:#b45309;
  --spring:cubic-bezier(.34,1.56,.64,1); --out:cubic-bezier(.16,1,.3,1);
  --disp:'DM Serif Display','Noto Serif SC','Songti SC','Source Han Serif SC',serif;
}
.qrt-root, .qrt-root *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.qrt-root,.qrt-root{margin:0;padding:0}
.qrt-root{
  background:var(--ground); color:var(--txt);
  font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,
    "Noto Sans","Microsoft YaHei","PingFang SC",sans-serif;
  font-size:16.5px; line-height:1.55; overflow-x:hidden;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
.qrt-root .room{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.qrt-root .room::after{ 
  
  content:"";position:absolute;inset:0;opacity:.16;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.qrt-root .room .grad{position:absolute;inset:0;background:
  radial-gradient(120% 78% at 50% -12%,#1C2A5C 0%,rgba(28,42,92,0) 62%),
  radial-gradient(90% 55% at 8% 105%,#2A1B3E 0%,rgba(42,27,62,0) 60%),
  linear-gradient(178deg,#0A1024 0%,#070C1B 46%,#04060F 100%)}
.qrt-root .room .arcs{position:absolute;inset:-30%;opacity:.62;animation:qrt_drift 260s linear infinite}
.qrt-root .room .arcs i{position:absolute;border-radius:50%;border:1px solid rgba(176,196,255,.16);
  -webkit-mask:conic-gradient(from var(--f,0deg),#000 0 54deg,transparent 54deg 172deg,
                              #000 172deg 226deg,transparent 226deg);
          mask:conic-gradient(from var(--f,0deg),#000 0 54deg,transparent 54deg 172deg,
                              #000 172deg 226deg,transparent 226deg)}
.qrt-root .room .arcs .a1{width:520px;height:520px;left:-160px;top:4%;--f:22deg}
.qrt-root .room .arcs .a2{width:760px;height:760px;right:-300px;top:26%;--f:198deg;
  border-color:rgba(201,162,75,.13)}
.qrt-root .room .arcs .a3{width:380px;height:380px;left:34%;bottom:8%;--f:112deg}
.qrt-root .room .arcs .a4{width:980px;height:980px;left:-280px;bottom:-360px;--f:300deg;
  border-color:rgba(150,120,220,.12)}
@keyframes qrt_drift{to{transform:translate3d(-340px,-260px,0)}}
.qrt-root .blob{position:absolute;border-radius:50%;opacity:.85}
.qrt-root .b1{width:420px;height:420px;left:-140px;top:-120px;
  background:radial-gradient(circle,#2A4A9E 0%,rgba(42,74,158,0) 70%);animation:qrt_d1 34s ease-in-out infinite}
.qrt-root .b2{width:380px;height:380px;right:-150px;top:120px;
  background:radial-gradient(circle,#1E3A7A 0%,rgba(30,58,122,0) 70%);animation:qrt_d2 44s ease-in-out infinite}
.qrt-root .b3{width:320px;height:320px;left:20px;bottom:-100px;
  background:radial-gradient(circle,#7A1E28 0%,rgba(122,30,40,0) 72%);opacity:.35;animation:qrt_d3 28s ease-in-out infinite}
@keyframes qrt_d1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(70px,90px) scale(1.18)}}
@keyframes qrt_d2{0%,100%{transform:translate(0,0) scale(1.1)}50%{transform:translate(-80px,60px) scale(.92)}}
@keyframes qrt_d3{0%,100%{transform:translate(0,0) scale(.95)}50%{transform:translate(60px,-70px) scale(1.15)}}
.qrt-root .dial-spin{position:absolute;top:-70px;left:50%;width:640px;height:640px;margin-left:-320px;
  opacity:.05;animation:qrt_spin 240s linear infinite}
.qrt-root .dial-bg{position:absolute;inset:0;width:100%;height:100%}
@keyframes qrt_spin{to{transform:rotate(360deg)}}
.qrt-root .wrap{position:relative;z-index:1;max-width:430px;margin:0 auto;padding:0 12px 76px}
.qrt-root .top{display:flex;align-items:center;gap:10px;padding:52px 2px 4px}
.qrt-root .icon-btn{width:42px;height:42px;flex:0 0 42px;border-radius:999px;border:1px solid var(--line-soft);
  background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;
  color:var(--txt);backdrop-filter:blur(8px)}
.qrt-root .title{flex:1;min-width:0}
.qrt-root .title h1{margin:0;font-size:24px;font-weight:400;letter-spacing:0;line-height:1.12;
  font-family:var(--disp)}
.qrt-root .title .zh{margin:3px 0 0;font-size:13.5px;color:var(--gold);letter-spacing:.3em;font-weight:700}
.qrt-root .pill-btn{border:1px solid var(--line-soft);background:rgba(255,255,255,.05);color:var(--txt);
  border-radius:999px;padding:9px 14px;font-size:14px;font-weight:600;display:flex;align-items:center;
  gap:6px;backdrop-filter:blur(8px)}
.qrt-root :where(a,.qrt-root button,.qrt-root input,.qrt-root textarea,.qrt-root [tabindex]):focus-visible{
  outline:2px solid var(--gold-hi);outline-offset:3px}
.qrt-root .branch:focus-visible{outline:none}
.qrt-root .branch:focus-visible .seat{fill:rgba(232,200,122,.3)}
.qrt-root .tap{cursor:pointer;transition:transform .34s var(--spring),box-shadow .28s ease,
  background .2s ease,border-color .2s ease;position:relative;overflow:hidden}
.qrt-root .tap:active{transform:scale(.965);transition-duration:.09s}
.qrt-root .ripple{position:absolute;border-radius:50%;transform:translate(-50%,-50%) scale(0);
  background:radial-gradient(circle,rgba(232,200,122,.5) 0%,rgba(232,200,122,0) 70%);
  pointer-events:none;animation:qrt_rip .58s ease-out forwards}
@keyframes qrt_rip{to{transform:translate(-50%,-50%) scale(1);opacity:0}}
.qrt-root .card{position:relative;border-radius:18px;padding:11px;margin-top:8px;box-sizing:border-box;
  background:linear-gradient(180deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.04) 42%,
    rgba(255,255,255,.02) 100%),rgba(14,20,40,.56);
  -webkit-backdrop-filter:blur(24px) saturate(180%) brightness(.94);
          backdrop-filter:blur(24px) saturate(180%) brightness(.94);
  box-shadow:inset 0 1px 0 0 rgba(255,255,255,.16),inset 0 -1px 0 0 rgba(0,0,0,.30),
    inset 0 0 0 1px rgba(255,255,255,.05),0 1px 2px rgba(0,0,0,.40),
    0 14px 36px -10px rgba(0,0,0,.6)}
.qrt-root .card::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;
  pointer-events:none;background:linear-gradient(145deg,rgba(255,255,255,.55) 0%,
    rgba(255,255,255,.14) 28%,rgba(255,255,255,.03) 58%,rgba(255,255,255,.20) 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude}
.qrt-root #pickCard{-webkit-backdrop-filter:none;backdrop-filter:none;
  background:linear-gradient(168deg,rgba(30,42,84,.92),rgba(12,18,38,.94))}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
.qrt-root .card{background:rgba(12,18,38,.94)}
.qrt-root .tablet{background:#FBF8F3}
}
@media (prefers-reduced-transparency:reduce){
.qrt-root .card{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(12,18,38,.95)}
.qrt-root .tablet{-webkit-backdrop-filter:none;backdrop-filter:none;background:#FBF8F3}
}
.qrt-root .card-h{display:flex;align-items:baseline;gap:9px;margin:0 0 9px}
.qrt-root .card-h h2{margin:0;font-size:21px;font-weight:400;letter-spacing:0;font-family:var(--disp)}
.qrt-root .card-h .zh{font-size:13px;color:var(--gold-deep);font-weight:700;letter-spacing:.14em}
.qrt-root .eyebrow{font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);
  font-weight:800;margin:0 0 8px}
@property --rot{syntax:'<angle>';inherits:true;initial-value:0deg}
.qrt-root .dial{position:relative;width:228px;height:228px;margin:4px auto 0;
  touch-action:none;user-select:none;-webkit-tap-highlight-color:transparent;
  contain:layout style paint;cursor:grab}
.qrt-root .dial:active{cursor:grabbing}
.qrt-root .dial:focus-visible{outline:2px solid var(--gold-hi);outline-offset:6px;border-radius:50%}
.qrt-root .dial-face{position:absolute;inset:0;border-radius:50%;
  background:radial-gradient(circle at 50% 26%,rgba(226,234,255,.06),transparent 60%);
  box-shadow:inset 0 0 0 1px rgba(217,178,95,.20),inset 0 0 46px rgba(2,4,10,.65)}
.qrt-root .dial-face::before{content:"";position:absolute;inset:22px;border-radius:50%;
  border:1px solid rgba(217,178,95,.13)}
.qrt-root .dial-face::after{content:"";position:absolute;inset:46px;border-radius:50%;
  background:radial-gradient(circle at 50% 34%,rgba(217,178,95,.09),transparent 66%);
  box-shadow:inset 0 0 0 1px rgba(217,178,95,.10)}
.qrt-root .dial-ring{position:absolute;inset:0;transform:rotate(var(--rot))}
.qrt-root .dial.turning .dial-ring{will-change:transform}
.qrt-root .branch{position:absolute;left:50%;top:50%;
  transform:translate(-50%,-50%) rotate(var(--a)) translateY(-82px)}
.qrt-root .branch .lbl{display:block;font-size:18px;font-weight:700;color:#C8D4EE;
  transform:rotate(calc(0deg - var(--a) - var(--rot))) scale(var(--s,1));
  transition:color .18s linear;line-height:1}
.qrt-root .branch.on .lbl{color:var(--gold-hi);text-shadow:0 0 16px rgba(246,227,172,.55)}
.qrt-root .dial-marker{position:absolute;left:50%;top:4px;width:3px;height:12px;margin-left:-1.5px;
  border-radius:2px;transform-origin:50% 0;
  background:linear-gradient(180deg,var(--gold-hi),var(--gold-deep));
  box-shadow:0 0 14px rgba(246,227,172,.85)}
.qrt-root .dial-core{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;
  justify-content:center;pointer-events:none;text-align:center}
.qrt-root .dial-core .big{font-size:44px;font-weight:400;line-height:1;letter-spacing:0;font-family:var(--disp);
  background:linear-gradient(160deg,#FFF3D6,var(--gold));-webkit-background-clip:text;
  background-clip:text;color:transparent}
.qrt-root .dial-core .rng{font-size:13.5px;color:var(--txt);margin-top:4px;font-weight:700;
  font-variant-numeric:lining-nums tabular-nums;letter-spacing:.02em}
.qrt-root .dial-core .lbl-cap{font-size:13px;color:var(--gold);margin-top:5px;letter-spacing:.24em;
  text-transform:uppercase;font-weight:800}
.qrt-root .zi-tog{display:flex;gap:6px;justify-content:center;margin-top:7px}
.qrt-root .zi-tog button{border:1px solid var(--line-soft);background:rgba(226,234,255,.06);color:var(--dim);
  border-radius:999px;padding:9px 15px;font-size:14.5px;font-weight:700;font-family:inherit}
.qrt-root .zi-tog button.on{background:rgba(217,178,95,.18);border-color:rgba(217,178,95,.5);color:var(--gold-hi)}
.qrt-root .date-row{display:flex;gap:10px;margin-bottom:4px}
.qrt-root .date-btn{flex:1;display:flex;align-items:center;gap:11px;line-height:1.2;
  border:1px solid var(--line-soft);
  background:rgba(255,255,255,.05);border-radius:14px;padding:10px 14px;color:var(--txt);text-align:left}
.qrt-root .date-btn .v{font-size:19px;font-weight:400;line-height:1.16;font-family:var(--disp);
  font-variant-numeric:lining-nums tabular-nums}
.qrt-root .date-btn .k{font-size:13px;line-height:1.25;color:var(--gold);letter-spacing:.2em;
  text-transform:uppercase;font-weight:800}
.qrt-root .now-btn{flex:0 0 auto;border:1px solid rgba(201,162,75,.34);background:rgba(201,162,75,.12);
  color:var(--gold-hi);border-radius:14px;padding:0 17px;font-size:14.5px;font-weight:700}
.qrt-root .dial-ring{animation:qrt_ringNudge 1.5s cubic-bezier(.34,1.56,.64,1) .55s both}
@keyframes qrt_ringNudge{
  0%,100%{transform:rotate(var(--rot,0deg))}
  16%{transform:rotate(calc(var(--rot,0deg) + 5deg))}
  34%{transform:rotate(calc(var(--rot,0deg) - 3.4deg))}
  52%{transform:rotate(calc(var(--rot,0deg) + 1.4deg))}}
.qrt-root .dial.turning .dial-ring{animation:none}
.qrt-root .dial-grip{position:absolute;left:50%;top:7px;width:30px;height:5px;margin-left:-15px;
  border-radius:99px;background:linear-gradient(90deg,transparent,rgba(246,227,172,.85),transparent);
  pointer-events:none;z-index:6}
.qrt-root .dial-hint{display:flex;align-items:center;justify-content:center;gap:7px;
  margin:9px 0 0;font-size:13px;font-weight:600;color:var(--gold);opacity:.92}
.qrt-root .cast{position:relative;width:100%;margin-top:12px;border:none;border-radius:13px;
  padding:15px 18px;overflow:hidden;
  font-size:20px;font-weight:900;letter-spacing:.005em;color:#150E03;
  text-shadow:0 1px 0 rgba(255,248,228,.45);
  background:linear-gradient(145deg,#F2DCA4 0%,var(--gold) 46%,#A9822F 100%);
  display:flex;align-items:center;justify-content:center;gap:11px;
  animation:qrt_castGlow 3.6s ease-in-out infinite;
  transition:transform .08s ease, box-shadow .08s ease}
@keyframes qrt_castGlow{
  0%,100%{box-shadow:0 2px 0 #6E5316,0 16px 34px -12px rgba(0,0,0,.72),
          0 0 0 1px rgba(110,83,22,.55),inset 0 1px 0 rgba(255,255,255,.62),
          0 0 22px -6px rgba(233,199,126,.30)}
  50%    {box-shadow:0 2px 0 #6E5316,0 16px 34px -12px rgba(0,0,0,.72),
          0 0 0 1px rgba(110,83,22,.55),inset 0 1px 0 rgba(255,255,255,.62),
          0 0 40px -2px rgba(246,227,172,.62)}}
.qrt-root .cast:active{transform:translateY(2px);
  box-shadow:0 0 0 #6E5316, 0 6px 16px -10px rgba(0,0,0,.6),
             0 0 0 1px rgba(110,83,22,.6), inset 0 2px 5px rgba(90,66,16,.35)}
.qrt-root .cast .sheen{position:absolute;top:0;bottom:0;left:-110px;width:96px;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);
  animation:qrt_sweep 3.6s ease-in-out infinite}
@keyframes qrt_sweep{0%{transform:translateX(0)}42%,100%{transform:translateX(560px)}}
.qrt-root .free-tag{background:rgba(26,18,6,.16);border-radius:999px;padding:3px 10px;font-size:13px;font-weight:800;letter-spacing:.06em}
.qrt-root .tablet{position:relative;border-radius:24px;margin-top:12px;padding:13px 8px 15px;
  color:var(--ink);box-sizing:border-box;
  background:linear-gradient(168deg,rgba(255,255,255,.90),rgba(250,246,238,.84));
  -webkit-backdrop-filter:blur(30px) saturate(150%);
          backdrop-filter:blur(30px) saturate(150%);
  box-shadow:0 26px 60px -24px rgba(0,0,0,.7),0 0 0 1px rgba(217,178,95,.42),
    inset 0 1px 0 rgba(255,255,255,.95)}
.qrt-root .tablet::before{content:"";position:absolute;left:14%;right:14%;top:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent)}
.qrt-root .tab-cap{display:flex;align-items:center;justify-content:space-between;padding:0 8px 12px}
.qrt-root .tab-cap .ju{font-size:24px;font-weight:400;color:var(--tab-ink,var(--ink));
  font-family:var(--disp);font-variant-numeric:lining-nums tabular-nums}
.qrt-root .chip{font-size:12.5px;font-weight:700;padding:4px 10px;border-radius:7px;
  background:rgba(37,99,235,.1);color:#1d4ed8;border:1px solid rgba(37,99,235,.24)}
.qrt-root .plate-skin.dark .skin-btn{border-color:rgba(201,162,75,.4);background:rgba(201,162,75,.14);
  color:var(--gold-hi)}
.qrt-root .plate-skin.dark .skin-btn .dot{background:#FBF8F3}
.qrt-root .tablet.plate-skin.dark{--tab-ink:#E7EDF8;
  background:linear-gradient(168deg,#161D2B 0%,#0E1420 100%);
  box-shadow:0 30px 60px -22px rgba(0,0,0,.85),0 0 0 1px rgba(201,162,75,.34),
    inset 0 1px 0 rgba(255,255,255,.09)}
.qrt-root .tablet.plate-skin.dark .chip{background:rgba(96,165,250,.14);color:#93c5fd;
  border-color:rgba(96,165,250,.34)}
.qrt-root .tablet.plate-skin.dark .colour-key{color:var(--tab-ink)}
.qrt-root .tablet.plate-skin.dark .tap-hint{color:var(--lbl)}
.qrt-root .tablet.plate-skin.dark .lg{background:rgba(148,163,184,.12);border-color:rgba(148,163,184,.26)}
.qrt-root .tablet.plate-skin.dark .lg .k{color:#B6C2D2}
.qrt-root .tablet.plate-skin.dark .lg .v{color:#E7EDF8}
.qrt-root .tablet.plate-skin.dark .lg.sheng{background:rgba(16,185,129,.18);border-color:rgba(16,185,129,.42)}
.qrt-root .tablet.plate-skin.dark .lg.sheng .v{color:#6ee7b7}
.qrt-root .tablet.plate-skin.dark::before{background:linear-gradient(90deg,transparent,
  rgba(201,162,75,.5),transparent)}
.qrt-root .plate-skin{
  --cell-bg:#FFFDF8; --ink-1:#0f172a; --ink-2:#1e293b; --lbl:#64748b;
  --c-mu:#f97316; --c-xing:#9333ea; --c-both:#2563eb; --c-po:#ef4444;
  --ring-t:#475569; --ring-jc:#b45309; --cell-line:#334155; --grid-line:rgba(2,8,23,.8);
  --lacquer:#151A25;
}
.qrt-root .plate-skin.dark{
  --cell-bg:#101722; --ink-1:#D8E2F0; --ink-2:#CBD5E1; --lbl:#B6C2D2;
  --c-mu:#FDBA74; --c-xing:#D8B4FE; --c-both:#A5B4FC; --c-po:#FDA4AF;
  --ring-t:#94a3b8; --ring-jc:#FCD34D; --cell-line:#718096; --grid-line:#2A3446;
  --lacquer:#0A0E17;
}
.qrt-root .plate{position:relative;margin:0 auto;padding:36px 30px 30px 40px;width:300px}
.qrt-root .grid-mount{position:relative}
.qrt-root .grid-mount::before{content:"";position:absolute;inset:-3px -7px;border-radius:8px;
  background:transparent;box-shadow:0 6px 16px -14px rgba(60,48,26,.30);
  transition:background .5s ease}
.qrt-root .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:2px;padding:1px;border:2px solid var(--grid-line);
  background:var(--cell-line);overflow:hidden;border-radius:4px;
  color:var(--ink-1)}
.qrt-root .cell{position:relative;border:none;background:var(--cell-bg);padding:6px;
  
  aspect-ratio:72.7/91;
  display:flex;flex-direction:column;justify-content:space-between;
  box-shadow:0 1px 2px rgba(0,0,0,.05);cursor:pointer;user-select:none;
  transition:background .12s ease,box-shadow .16s cubic-bezier(.16,1,.3,1)}
.qrt-root .cell:active{background:#FFF8E8;box-shadow:inset 0 0 0 2px var(--gold)}
.qrt-root .plate-skin.dark .cell:active{background:#1B2436}
.qrt-root .cell.c5{justify-content:center;align-items:center;cursor:default;height:100%}
.qrt-root .big{font-size:14px;padding-bottom:4px;line-height:1}
.qrt-root .tiny{font-size:9px;color:var(--lbl);font-weight:400;line-height:1;
  transform:scale(.9);transform-origin:left;margin-left:1px}
.qrt-root .stemcol{display:flex;flex-direction:column;align-items:center}
.qrt-root .r1{display:flex;justify-content:space-between;align-items:flex-start}
.qrt-root .r2{display:flex;justify-content:space-between;align-items:center;margin:2px 0}
.qrt-root .r3{display:flex;justify-content:space-between;align-items:flex-end}
.qrt-root .stems{display:flex;flex-direction:row;align-items:flex-end;gap:2px;flex-wrap:nowrap;min-width:0}
.qrt-root .st-n{color:var(--ink-1)}
.qrt-root .st-mu{color:var(--c-mu);font-weight:900}
.qrt-root .st-xing{color:var(--c-xing);font-weight:900}
.qrt-root .st-both{color:var(--c-both);font-weight:900}
.qrt-root .door-po{color:var(--c-po);font-weight:900;transform:scale(1.1)}
.qrt-root .g-god{color:var(--ink-1)}
.qrt-root .g-star,.qrt-root .g-door{color:var(--ink-2)}
.qrt-root .ringv{display:flex;flex-direction:column;align-items:center;font-size:9px;line-height:1.1;font-weight:500}
.qrt-root .ringh{display:flex;flex-direction:row;align-items:center;font-size:9px;line-height:1.1;font-weight:500}
.qrt-root .ringv span,.qrt-root .ringh span{color:var(--ring-t)}
.qrt-root .jc{color:var(--ring-jc)!important}
.qrt-root .hs{font-weight:700;font-size:14px;color:var(--ring-t)}
.qrt-root .horse{position:absolute;z-index:30;font-weight:700;font-size:16px;color:var(--c-po)}
.qrt-root .empty-o{font-weight:300;color:var(--lbl);flex-shrink:0;line-height:1}
.qrt-root .legend{display:flex;justify-content:center;gap:14px;padding-top:12px;flex-wrap:wrap}
.qrt-root .lg{display:flex;align-items:center;gap:6px;padding:7px 13px;border-radius:8px;
  background:rgba(241,245,249,.6);border:1px solid var(--gBord)}
.qrt-root .lg .k{font-size:12.5px;color:var(--s500);font-weight:600}
.qrt-root .lg .v{font-size:15px;font-weight:800;color:var(--gInk)}
.qrt-root .lg.sheng{background:rgba(16,185,129,.15);border-color:rgba(16,185,129,.4)}
.qrt-root .lg.sheng .v{color:var(--emerald)}
.qrt-root .lg.ke{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.4)}
.qrt-root .lg.ke .v{color:#dc2626}
.qrt-root .lg.same{background:rgba(245,158,11,.10);border-color:rgba(245,158,11,.3)}
.qrt-root .colour-key{font-size:12.5px;text-align:center;padding-top:13px;margin:0;color:var(--tab-ink,var(--ink));line-height:1.7}
.qrt-root .colour-key b{font-weight:800}
.qrt-root .tap-hint{font-size:13px;text-align:center;margin:7px 0 0;color:var(--lbl);
  display:flex;align-items:center;justify-content:center;gap:6px}
.qrt-root .tab-foot{display:flex;justify-content:center;padding-top:12px;margin-top:12px;
  border-top:1px solid rgba(21,17,14,.10)}
.qrt-root .ny-btn{display:flex;align-items:center;gap:6px;border:1px solid var(--gBord);background:#fff;
  border-radius:999px;padding:7px 12px;font-size:13.5px;font-weight:700;color:var(--s600);
  font-family:inherit;cursor:pointer}
.qrt-root .ny-btn[aria-pressed="true"]{background:#F1F5F9;color:var(--gInk);border-color:#cbd5e1}
.qrt-root .ny-btn .ny-on{display:none}
.qrt-root .ny-btn[aria-pressed="true"] .ny-on{display:block}
.qrt-root .ny-btn[aria-pressed="true"] .ny-off{display:none}
.qrt-root .pil .ny{font-size:12.5px;color:#2563eb;margin-top:3px;font-weight:700}
.qrt-root .tab-split{height:1px;margin:12px 6px 9px;background:linear-gradient(90deg,
  rgba(21,17,14,0),rgba(21,17,14,.13) 18%,rgba(21,17,14,.13) 82%,rgba(21,17,14,0))}
.qrt-root .pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:0 4px}
.qrt-root .pil{text-align:center}
.qrt-root .pil .hd{font-size:12.5px;line-height:1.2;color:var(--s500);font-weight:600;margin-bottom:1px}
.qrt-root .pil .god{font-size:13.5px;line-height:1.2;font-weight:700;color:var(--s600);margin-bottom:3px;min-height:16px}
.qrt-root .pil .god.self{color:var(--gInk);font-weight:800}
.qrt-root .pil .gz{background:#F1F5F9;border-radius:11px;padding:6px 0;margin-bottom:2px;
  font-size:27px;font-weight:800;line-height:1.12}
.qrt-root .pil.day .gz{background:#fff;box-shadow:inset 0 0 0 2px var(--gInk)}
.qrt-root .pil .hid{font-size:12px;line-height:1.45;margin-top:3px;min-height:53px}
.qrt-root .pil .hid i{font-style:normal;font-weight:700}
.qrt-root .pil .hid s{text-decoration:none;color:var(--s500);font-size:10.5px}
.qrt-root .pil .stg{font-size:13px;font-weight:700;margin-top:3px}
.qrt-root .e-mu{color:#059669}
.qrt-root .e-huo{color:#ef4444}
.qrt-root .e-tu{color:#d97706}
.qrt-root .e-jin{color:#eab308}
.qrt-root .e-shui{color:#3b82f6}
.qrt-root .glow-card{position:relative;overflow:hidden}
.qrt-root .c-bloom{position:absolute;z-index:1;right:-26px;top:-26px;width:96px;height:96px;border-radius:999px;
  background:radial-gradient(circle,rgba(var(--tint),.16),transparent 68%);pointer-events:none}
.qrt-root .c-topline{position:absolute;left:0;right:0;top:0;height:2px;pointer-events:none;z-index:2;
  background:linear-gradient(90deg,transparent,rgba(var(--tint),.55),transparent)}
.qrt-root .hero-ju{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
  margin:-2px 0 7px}
.qrt-root .hj-fig{font-family:var(--disp);font-size:27px;line-height:1.03;color:var(--txt);
  font-variant-numeric:lining-nums tabular-nums;
  background:linear-gradient(94deg,#FFF3CE,#F0D28C 45%,#C89F4A);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 2px 10px rgba(217,178,95,.28))}
.qrt-root .hj-sub{font-size:14px;color:var(--txt);margin-top:1px;font-weight:600}
.qrt-root .hj-k{font-size:12.5px;color:var(--gold);letter-spacing:.14em;text-transform:uppercase;
  font-weight:800;line-height:1.3}
.qrt-root .hj-k2{margin-top:6px}
.qrt-root .facts{display:grid;grid-template-columns:1fr 1fr;column-gap:16px;
  border-top:1px solid var(--line-soft);margin-top:2px}
.qrt-root .fact{display:flex;flex-direction:column;align-items:flex-start;gap:0;
  padding:3px 2px;border-bottom:1px solid rgba(198,214,255,.07)}
.qrt-root .fact:nth-last-child(-n+1){border-bottom:none}
.qrt-root .fact.wide{grid-column:1/-1}
.qrt-root .fact .k{font-size:12.5px;color:var(--gold);letter-spacing:.14em;text-transform:uppercase;
  font-weight:800;line-height:1.3;display:flex;align-items:baseline;gap:5px;min-width:0}
.qrt-root .fact .k i{font-style:normal;font-size:12.5px;letter-spacing:0;text-transform:none;
  color:var(--dim-2);font-weight:600}
.qrt-root .fact .v{font-size:20px;line-height:1.14;font-weight:400;font-family:var(--disp);white-space:nowrap;
  font-variant-numeric:lining-nums tabular-nums;color:var(--txt)}
.qrt-root .fact .v small{font-size:13px;font-weight:600;color:var(--dim-2);margin-left:4px}
.qrt-root .name-in{width:100%;border:1px solid var(--line-soft);background:rgba(255,255,255,.05);
  border-radius:14px;padding:15px 16px;color:var(--txt);font-size:16px;font-family:inherit;outline:none;
  transition:border-color .25s ease,background .25s ease}
.qrt-root .name-in:focus{border-color:rgba(201,162,75,.55);background:rgba(201,162,75,.07)}
.qrt-root .name-in::placeholder{color:var(--dim-2)}
.qrt-root .note{font-size:13.5px;color:var(--dim-2);margin:9px 2px 0;line-height:1.6}
.qrt-root .rtitle{display:flex;align-items:center;gap:11px;width:100%;text-align:left;font-family:inherit;
  margin-top:14px;padding:14px 16px;border-radius:16px;color:var(--txt);cursor:pointer;
  border:1px dashed rgba(217,178,95,.34);background:rgba(217,178,95,.07)}
.qrt-root .rtitle:hover{border-color:rgba(217,178,95,.6);background:rgba(217,178,95,.11)}
.qrt-root .rtitle svg{color:var(--gold);flex:0 0 auto}
.qrt-root .rtitle b{display:block;font-size:18px;font-weight:400;font-family:var(--disp);line-height:1.2}
.qrt-root .rtitle.named{border-style:solid}
.qrt-root .rtitle s{display:block;text-decoration:none;font-size:13.5px;color:var(--dim-2);margin-top:3px}
.qrt-root .rtitle input{width:100%;border:none;background:transparent;color:var(--txt);outline:none;
  font-size:18px;font-family:var(--disp);padding:0}
.qrt-root .dock{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:14px;
  background:none;pointer-events:none}
.qrt-root .dock-in{max-width:430px;margin:0 auto;pointer-events:auto;
  display:flex;flex-direction:column;align-items:flex-end;gap:9px}
.qrt-root .fab{border:none;border-radius:14px;padding:11px 15px;font-size:15px;font-weight:800;
  color:#1A1206;background:linear-gradient(145deg,#F2DCA4,var(--gold) 46%,#A9822F);
  box-shadow:0 16px 34px -12px rgba(201,162,75,.55),0 4px 14px -4px rgba(0,0,0,.75),
              inset 0 1px 0 rgba(255,255,255,.5);
  display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap}
.qrt-root .fab.paid{background:linear-gradient(145deg,#243357,var(--ink-blue) 55%,#0B1226);color:var(--txt);
  border:1px solid rgba(201,162,75,.34);box-shadow:0 14px 34px -14px rgba(4,8,22,.9)}
.qrt-root .fab .price{display:inline-flex;align-items:center;gap:4px;background:rgba(26,18,6,.17);
  color:#2A1C08;border-radius:999px;padding:3px 9px;font-size:13px;font-weight:800;
  font-variant-numeric:tabular-nums}
.qrt-root .fab.paid .price{background:rgba(201,162,75,.2);color:var(--gold-hi)}
.qrt-root .fab .price svg{width:12px;height:12px;flex:none}
.qrt-root .scrim{position:fixed;inset:0;z-index:60;background:rgba(3,6,14,.72);backdrop-filter:blur(5px);
  opacity:0;pointer-events:none;transition:opacity .3s ease}
.qrt-root .scrim.on{opacity:1;pointer-events:auto}
.qrt-root .sheet{position:fixed;left:50%;top:50%;z-index:61;width:calc(100% - 34px);max-width:396px;
  --lit:1;
  transform:translate(-50%,-50%) scale(.9);opacity:0;pointer-events:none;
  transition:transform .34s cubic-bezier(.22,1,.36,1),opacity .24s ease;
  background:linear-gradient(168deg,rgba(22,30,58,.96),rgba(9,13,28,.97));
  border:1px solid rgba(217,178,95,.34);border-radius:24px;
  padding:20px 18px calc(18px + env(safe-area-inset-bottom));
  max-height:82vh;overflow-y:auto;
  -webkit-backdrop-filter:blur(28px) saturate(170%);backdrop-filter:blur(28px) saturate(170%);
  box-shadow:0 34px 80px -22px rgba(0,0,0,.92),inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 26px 44px -30px rgba(246,227,172,.34)}
.qrt-root .sheet.on{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}
.qrt-root .sheet-x{position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:999px;
  border:1px solid var(--line-soft);background:rgba(226,234,255,.07);color:var(--dim);
  display:flex;align-items:center;justify-content:center;cursor:pointer}
.qrt-root .sheet-h{display:flex;align-items:baseline;gap:10px;margin:0 40px 16px 0}
.qrt-root .sheet-h h3{margin:0;font-size:24px;font-weight:400;font-family:var(--disp)}
.qrt-root .sheet-h .pos{font-size:15px;color:var(--gold);font-weight:700}
.qrt-root .acc{position:relative;border-radius:17px;margin-bottom:11px;overflow:hidden;
  border:1px solid rgba(var(--tone,198,214,255),.22);
  background:linear-gradient(158deg,rgba(var(--tone,198,214,255),.16),
    rgba(var(--tone,198,214,255),.04) 52%,rgba(255,255,255,.02));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 10px 26px -16px rgba(0,0,0,.7)}
.qrt-root .acc::after{content:"";position:absolute;left:0;right:0;top:0;height:1.5px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(var(--tone,198,214,255),.65),transparent)}
.qrt-root .acc.men{--tone:245,190,90}
.qrt-root .acc.xing{--tone:120,190,245}
.qrt-root .acc.ji{--tone:110,231,183}
.qrt-root .acc.xiong{--tone:252,165,165}
.qrt-root .acc.ping{--tone:203,213,225}
.qrt-root .acc.verdict{animation:qrt_accBreath 5.2s ease-in-out infinite}
@keyframes qrt_accBreath{
  0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 10px 26px -16px rgba(0,0,0,.7),
    0 0 0 0 rgba(var(--tone),0)}
  50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 12px 30px -16px rgba(0,0,0,.7),
    0 0 26px -4px rgba(var(--tone),.34)}}
.qrt-root .acc-h{display:flex;align-items:center;gap:11px;padding:14px;width:100%;background:none;
  border:none;color:var(--txt);text-align:left;font-family:inherit}
.qrt-root .tri{font-size:17px;line-height:1.05;color:var(--dim);letter-spacing:-1px;flex:0 0 auto}
.qrt-root .acc-h .nm{flex:1;min-width:0}
.qrt-root .acc-h .nm .n{font-size:16.5px;font-weight:700;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.qrt-root .acc-h .nm .s{font-size:13px;color:var(--dim-2);margin-top:3px}
.qrt-root .badge{font-size:12.5px;font-weight:800;padding:3px 9px;border-radius:7px;border:1px solid}
.qrt-root .b-men{background:rgba(245,158,11,.16);color:#fbbf24;border-color:rgba(245,158,11,.36)}
.qrt-root .b-xing{background:rgba(56,189,248,.16);color:#7dd3fc;border-color:rgba(56,189,248,.36)}
.qrt-root .b-ji{background:rgba(16,185,129,.16);color:#6ee7b7;border-color:rgba(16,185,129,.38)}
.qrt-root .b-xiong{background:rgba(239,68,68,.16);color:#fca5a5;border-color:rgba(239,68,68,.38)}
.qrt-root .b-ping{background:rgba(148,163,184,.16);color:#cbd5e1;border-color:rgba(148,163,184,.36)}
.qrt-root .chev{transition:transform .32s var(--spring);flex:0 0 auto;color:var(--dim-2)}
.qrt-root .acc.open .chev{transform:rotate(180deg)}
.qrt-root .acc-b{max-height:0;overflow:hidden;transition:max-height .42s cubic-bezier(.22,1,.36,1)}
.qrt-root .acc.open .acc-b{max-height:620px}
.qrt-root .acc-b p{margin:0;padding:0 14px 15px;font-size:15px;line-height:1.85;color:var(--dim)}
.qrt-root .sec-lbl{font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);
  font-weight:700;margin:18px 0 10px}
.qrt-root .dp-jump{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.qrt-root .dp-nav{width:42px;height:42px;flex:0 0 42px;border-radius:13px;border:1px solid var(--line-soft);
  background:rgba(226,234,255,.06);color:var(--txt);display:flex;align-items:center;justify-content:center}
.qrt-root .dp-wheels{flex:1;display:flex;gap:8px}
.qrt-root .wheel{position:relative;flex:1;height:132px;overflow-y:scroll;scroll-snap-type:y mandatory;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;
  border:1px solid rgba(217,178,95,.26);border-radius:15px;background:rgba(217,178,95,.07);
  -webkit-mask:linear-gradient(180deg,transparent,#000 26%,#000 74%,transparent);
          mask:linear-gradient(180deg,transparent,#000 26%,#000 74%,transparent)}
.qrt-root .wheel::-webkit-scrollbar{display:none}
.qrt-root .wlist{padding:44px 0}
.qrt-root .wheel b{display:flex;align-items:center;justify-content:center;height:44px;scroll-snap-align:center;
  font-family:var(--disp);font-size:19px;font-weight:400;color:var(--dim-2);
  font-variant-numeric:lining-nums tabular-nums;transition:color .18s,transform .18s}
.qrt-root .wheel b.on{color:var(--gold-hi);transform:scale(1.14)}
.qrt-root .wlens{position:absolute;left:0;right:0;top:44px;height:44px;pointer-events:none;
  border-top:1px solid rgba(217,178,95,.45);border-bottom:1px solid rgba(217,178,95,.45)}
.qrt-root .dp-wd{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-bottom:5px}
.qrt-root .dp-wd span{text-align:center;font-size:12.5px;font-weight:800;color:var(--gold);
  letter-spacing:.06em;text-transform:uppercase}
.qrt-root .dp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.qrt-root .dp-d{aspect-ratio:1/1;border:none;background:transparent;color:var(--txt);border-radius:12px;
  font-family:var(--disp);font-size:18px;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:1px;cursor:pointer;font-variant-numeric:lining-nums tabular-nums;
  transition:background .16s ease,box-shadow .2s var(--out)}
.qrt-root .dp-d small{font-size:10.5px;font-family:inherit;color:var(--dim-2);font-weight:600}
.qrt-root .dp-d:active{background:rgba(217,178,95,.16)}
.qrt-root .dp-d.pad{opacity:.22;pointer-events:none}
.qrt-root .dp-d.today{box-shadow:inset 0 0 0 1px rgba(217,178,95,.5)}
.qrt-root .dp-d.on{background:linear-gradient(150deg,#F2DCA4,var(--gold) 52%,#A9822F);color:#1A1206}
.qrt-root .dp-d.on small{color:rgba(26,18,6,.62)}
.qrt-root .dp-today{width:100%;margin-top:14px;border:1px solid rgba(217,178,95,.34);
  background:rgba(217,178,95,.12);color:var(--gold-hi);border-radius:15px;padding:14px;
  font-size:15.5px;font-weight:800;font-family:inherit}
.qrt-root .well{position:fixed;inset:0;z-index:80;pointer-events:none}
.qrt-root .well-bg{position:absolute;inset:0;opacity:0;
  background:
    radial-gradient(92% 64% at 50% 44%, #101A45 0%, #080D28 38%, #030514 76%, #01020A 100%),
    #01020A}
.qrt-root .well-neb{position:absolute;inset:0;overflow:hidden;opacity:0}
@media (pointer:fine){
.qrt-root .well-neb i{filter:blur(64px);mix-blend-mode:screen}
}
.qrt-root .well-neb i{position:absolute;border-radius:50%;
  will-change:transform}
@media (pointer:coarse){
.qrt-root .well-neb i{will-change:auto}
}
.qrt-root .well-neb .n1{width:520px;height:520px;left:-170px;top:-8%;opacity:.62;
  background:radial-gradient(circle,#43248A 0%,rgba(67,36,138,0) 70%);
  animation:qrt_nb1 26s ease-in-out infinite}
.qrt-root .well-neb .n2{width:600px;height:600px;right:-240px;top:24%;opacity:.46;
  background:radial-gradient(circle,#13306B 0%,rgba(19,48,107,0) 70%);
  animation:qrt_nb2 32s ease-in-out infinite}
.qrt-root .well-neb .n3{width:420px;height:420px;left:2%;bottom:-16%;opacity:.42;
  background:radial-gradient(circle,#6B1F6E 0%,rgba(107,31,110,0) 72%);
  animation:qrt_nb3 22s ease-in-out infinite}
.qrt-root .well-neb .n4{width:460px;height:460px;right:-140px;bottom:6%;opacity:.34;
  background:radial-gradient(circle,#0E5A78 0%,rgba(14,90,120,0) 72%);
  animation:qrt_nb1 29s ease-in-out infinite}
@keyframes qrt_nb1{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(56px,74px,0) scale(1.16)}}
@keyframes qrt_nb2{0%,100%{transform:translate3d(0,0,0) scale(1.08)}50%{transform:translate3d(-64px,48px,0) scale(.94)}}
@keyframes qrt_nb3{0%,100%{transform:translate3d(0,0,0) scale(.96)}50%{transform:translate3d(48px,-58px,0) scale(1.14)}}
.qrt-root .well-cv{position:absolute;inset:0;width:100%;height:100%;display:block}
.qrt-root .well-read{position:absolute;left:0;right:0;top:0;bottom:8%;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;gap:8px;opacity:0}
.qrt-root .wr-term{font-size:13px;font-weight:800;letter-spacing:.3em;text-transform:uppercase;
  color:var(--gold);animation:qrt_wrIn .5s ease var(--t1,1800ms) backwards}
.qrt-root .wr-zh{font-family:var(--disp);font-size:66px;line-height:1;color:var(--gold-hi);
  animation:qrt_wrIn .46s cubic-bezier(.2,.9,.2,1) var(--t2,2100ms) backwards}
.qrt-root .wr-when{font-size:15px;font-weight:800;color:#D7E0F5;letter-spacing:.04em;
  font-variant-numeric:lining-nums tabular-nums;
  animation:qrt_wrIn .42s ease var(--t2b,2260ms) backwards}
.qrt-root .wr-ju{font-size:14px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;
  color:var(--gold);animation:qrt_wrIn .44s ease var(--t3,2400ms) backwards}
@keyframes qrt_wrIn{from{transform:translateY(6px)}to{transform:none}}
@media(prefers-reduced-motion:reduce){
.qrt-root .wr-zh{animation-duration:.34s}
}
.qrt-root .beat{animation:qrt_beatIn .72s cubic-bezier(.22,1,.36,1) backwards;
  animation-delay:calc(var(--beat,0) * var(--gap,110ms))}
@keyframes qrt_beatIn{
  from{transform:translateY(26px) scale(.985)}
  to{transform:none}}
.qrt-root .fly{animation:qrt_flyIn var(--fdur,240ms) cubic-bezier(.22,.61,.28,1) var(--fd,0ms) backwards;
  will-change:transform}
@keyframes qrt_flyIn{
  0%{transform:translate3d(var(--fx,0px),var(--fy,0px),0)}
  
  86%{transform:translate3d(0px,var(--fo,0px),0)}
  100%{transform:none}}
.qrt-root .grid.landed .fly{will-change:auto}
.qrt-root .rake{position:absolute;inset:0;pointer-events:none;z-index:26;overflow:hidden;
  border-radius:4px}
.qrt-root .rake i{position:absolute;top:-12%;bottom:-12%;width:62%;left:-70%;
  background:linear-gradient(100deg,transparent,rgba(246,227,172,.42),transparent);
  animation:qrt_rakeGo .5s linear var(--rd,0ms) both}
@keyframes qrt_rakeGo{from{transform:translateX(0)}to{transform:translateX(280%)}}
.qrt-root .reveal{animation:qrt_beatIn .72s cubic-bezier(.22,1,.36,1) backwards}
.qrt-root .ceremony{--gap:300ms}
.qrt-root #result{--gap:110ms}
.qrt-root .plate.seq .r3 .stems{animation:qrt_sky .34s var(--out) calc(var(--sd,0ms) + 0ms) backwards}
.qrt-root .plate.seq .g-god,.qrt-root .plate.seq .r1 .empty-o{animation:qrt_sky .3s var(--out) calc(var(--sd,0ms) + .58s) backwards}
.qrt-root .plate.seq .r2 .stems,.qrt-root .plate.seq .g-star{animation:qrt_sky .34s var(--out) calc(var(--sd,0ms) + .34s) backwards}
.qrt-root .plate.seq .g-door,.qrt-root .plate.seq .door-po{animation:qrt_sky .3s var(--out) calc(var(--sd,0ms) + .46s) backwards}
.qrt-root .plate.seq .horse,.qrt-root .plate.seq .hs,.qrt-root .plate.seq .ringv,.qrt-root .plate.seq .ringh{
  animation:qrt_sky .34s var(--out) calc(var(--sd,0ms) + .70s) backwards}
@keyframes qrt_sky{from{opacity:0}to{opacity:1}}
.qrt-root .plate.seq .cell.duty{animation:qrt_duty 1.1s var(--out) calc(var(--sd,0ms) + .1s) both}
@keyframes qrt_duty{
  0%{box-shadow:inset 0 0 0 0 rgba(217,178,95,0)}
  22%{box-shadow:inset 0 0 0 2px rgba(217,178,95,.95)}
  100%{box-shadow:inset 0 0 0 2px rgba(217,178,95,0)}}
.qrt-root .sweep{position:absolute;inset:-10px -14px;border-radius:12px;pointer-events:none;z-index:24;
  overflow:hidden;animation:qrt_swfade 1.5s linear calc(var(--sd,0ms) + .05s) both}
.qrt-root .sweep i{position:absolute;top:-20%;bottom:-20%;left:-70%;width:64%;
  background:linear-gradient(100deg,transparent,rgba(246,227,172,.42),rgba(255,255,255,.62),
    rgba(246,227,172,.42),transparent);
  animation:qrt_swmove .95s cubic-bezier(.4,0,.25,1) calc(var(--sd,0ms) + .05s) both}
@keyframes qrt_swmove{from{transform:translateX(0)}to{transform:translateX(276%)}}
@keyframes qrt_swfade{0%{opacity:0}10%{opacity:1}80%{opacity:1}100%{opacity:0}}
.qrt-root .turn{position:absolute;inset:-3px -7px;border-radius:8px;pointer-events:none;z-index:22;
  animation:qrt_turnfade 1.3s linear calc(var(--sd,0ms) + .1s) both}
.qrt-root .turn i{position:absolute;left:50%;top:50%;width:2px;height:46%;margin-left:-1px;
  transform-origin:50% 100%;background:linear-gradient(180deg,rgba(246,227,172,0),var(--gold-hi));
  border-radius:2px}
.qrt-root .turn-spin{animation:qrt_turnspin .82s cubic-bezier(.32,.94,.28,1) calc(var(--sd,0ms) + .1s) both;
  position:absolute;inset:0;transform-origin:50% 50%}
@keyframes qrt_turnspin{from{transform:rotate(0deg)}to{transform:rotate(var(--turn,225deg))}}
@keyframes qrt_turnfade{0%{opacity:0}18%{opacity:1}72%{opacity:1}100%{opacity:0}}
@media (pointer:fine){
.qrt-root .tablet.lit{animation:qrt_breathe 7s ease-in-out infinite}
}
@keyframes qrt_breathe{
  0%,100%{box-shadow:0 30px 60px -22px rgba(0,0,0,.75),0 0 0 1px rgba(201,162,75,.28),
    0 0 34px -6px rgba(201,162,75,.16),inset 0 1px 0 rgba(255,255,255,.9)}
  50%{box-shadow:0 34px 68px -22px rgba(0,0,0,.8),0 0 0 1px rgba(201,162,75,.45),
    0 0 60px -4px rgba(201,162,75,.34),inset 0 1px 0 rgba(255,255,255,.95)}}
@media (pointer:fine){
.qrt-root .lg.sheng{animation:qrt_pillBreath 4.2s ease-in-out infinite}
}
@media (pointer:fine){
.qrt-root .lg.ke{animation:qrt_pillBreathKe 4.2s ease-in-out infinite}
}
@keyframes qrt_pillBreath{0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}
  50%{box-shadow:0 0 14px -2px rgba(16,185,129,.5)}}
@keyframes qrt_pillBreathKe{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}
  50%{box-shadow:0 0 14px -2px rgba(239,68,68,.45)}}
.qrt-root .cell.flag::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 50% 120%,var(--flag) 0%,transparent 65%);
  opacity:.16;animation:qrt_flagPulse 5.5s ease-in-out infinite;animation-delay:var(--fd,0s)}
@keyframes qrt_flagPulse{0%,100%{opacity:.06}50%{opacity:.3}}
.qrt-root .horse{text-shadow:0 0 5px rgba(239,68,68,.35)}
.qrt-root .horse::after{content:"马";position:absolute;left:0;top:0;pointer-events:none;
  text-shadow:0 0 15px rgba(239,68,68,.75);
  opacity:0;animation:qrt_ember 4.2s ease-in-out infinite}
@keyframes qrt_ember{0%,100%{opacity:0}50%{opacity:1}}
.qrt-root .ai{position:fixed;inset:0;z-index:70;display:flex;flex-direction:column;pointer-events:none;
  background:radial-gradient(125% 68% at 50% -6%,#16224F 0%,#0B1231 42%,#05081C 100%),#05081C;
  transform:translateY(100%);transition:transform .44s cubic-bezier(.22,1,.36,1);visibility:hidden}
.qrt-root .ai.on{transform:none;visibility:visible;pointer-events:auto}
.qrt-root .ai::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(58% 34% at 50% 0%,rgba(201,162,75,.14),transparent 70%)}
.qrt-root .ai-top{position:relative;z-index:2;flex:0 0 auto;display:flex;align-items:center;gap:11px;
  padding:12px 14px;border-bottom:1px solid rgba(201,162,75,.2)}
.qrt-root .ai-back{width:37px;height:37px;flex:0 0 auto;border-radius:50%;border:1px solid rgba(201,162,75,.3);
  background:rgba(255,255,255,.06);color:var(--gold-hi);display:flex;align-items:center;justify-content:center}
.qrt-root .ai-ttl{flex:1;min-width:0}
.qrt-root .ai-ttl b{display:block;font-family:var(--disp);font-size:19px;font-weight:400;line-height:1.2}
.qrt-root .ai-ttl s{display:block;text-decoration:none;font-size:12.5px;color:var(--gold);
  letter-spacing:.13em;font-weight:800;margin-top:1px}
.qrt-root .ai-lang{flex:0 0 auto;display:flex;align-items:center;gap:5px;height:31px;padding:0 11px;
  border-radius:999px;border:1px solid rgba(201,162,75,.30);background:rgba(255,255,255,.06);
  color:var(--gold-hi);font-size:11.5px;font-weight:800;letter-spacing:.06em}
.qrt-root .ai-lang .cv{opacity:.6;font-weight:700}
.qrt-root .ai-lang svg{opacity:.85}
.qrt-root .ai-body{position:relative;z-index:1;flex:1;min-height:0;overflow-y:auto;
  overscroll-behavior:contain;padding:14px 14px 10px}
.qrt-root .ai-body.intro{display:flex;flex-direction:column;justify-content:center}
.qrt-root .ai-wrap{max-width:362px;margin:0 auto}
.qrt-root .ai-hero{text-align:center;padding:0 4px 14px}
.qrt-root .ai-seal{position:relative;width:78px;height:78px;margin:0 auto 11px;border-radius:50%;
  overflow:hidden;background:#0D1330;
  box-shadow:0 24px 50px -20px rgba(0,0,0,.92),0 0 0 1px rgba(201,162,75,.6),
             0 0 0 8px rgba(201,162,75,.07),inset 0 1px 0 rgba(246,227,172,.3)}
.qrt-root .ai-seal img{width:100%;height:100%;object-fit:cover;display:block;
  
  filter:saturate(.94) contrast(1.04) brightness(1.02)}
.qrt-root .ai-seal::after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 50% 116%,rgba(11,18,38,.8),transparent 56%)}
.qrt-root .ai-hero h3{margin:0 0 5px;font-family:var(--disp);font-size:21px;font-weight:400;line-height:1.14}
.qrt-root .ai-hero p{margin:0 auto;max-width:272px;font-size:12.8px;line-height:1.5;color:var(--dim-2);
  text-wrap:balance}
.qrt-root .ai-quota{display:flex;align-items:center;justify-content:center;gap:9px;
  margin:13px auto 0;padding:7px 14px;width:max-content;max-width:100%;border-radius:999px;
  background:linear-gradient(150deg,rgba(246,227,172,.13),rgba(201,162,75,.045));
  border:1px solid rgba(201,162,75,.3)}
.qrt-root .ai-quota .pips{display:flex;gap:4px;flex:0 0 auto;align-items:center}
.qrt-root .ai-quota .pip{display:block;width:15px;height:15px;flex:0 0 auto;
  filter:drop-shadow(0 0 6px rgba(220,182,94,.55))}
.qrt-root .ai-quota .pip.spent{filter:grayscale(1) brightness(.62);opacity:.45}
.qrt-root .ai-quota .lbl{font-size:12.2px;font-weight:700;color:var(--gold-hi);white-space:nowrap;
  letter-spacing:-.005em}
.qrt-root .wg{display:inline-block;vertical-align:-2px}
.qrt-root .wg.off{filter:grayscale(1) brightness(.62);opacity:.45}
.qrt-root .ai-quota.out{border-color:rgba(201,162,75,.18);background:rgba(255,255,255,.035)}
.qrt-root .ai-quota.out .lbl{color:var(--dim-2);font-weight:600}
.qrt-root .ai-chips{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.qrt-root .ai-chip{position:relative;display:flex;flex-direction:row;align-items:center;gap:9px;
  padding:9px 10px;border-radius:13px;overflow:hidden;color:var(--txt);text-align:left;
  background:linear-gradient(163deg,rgba(255,255,255,.085),rgba(255,255,255,.026));
  border:1px solid rgba(201,162,75,.24);
  box-shadow:0 12px 26px -18px rgba(0,0,0,.9),inset 0 1px 0 rgba(246,227,172,.14);
  transition:box-shadow .16s cubic-bezier(.16,1,.3,1),transform .08s ease,border-color .16s ease}
.qrt-root .ai-chip::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(246,227,172,.5),transparent)}
.qrt-root .ai-chip:active,.qrt-root .ai-chip.on{transform:translateY(1px);border-color:rgba(246,227,172,.75);
  box-shadow:inset 0 0 0 1px rgba(246,227,172,.5),0 0 26px -8px rgba(201,162,75,.55)}
.qrt-root .ai-chip .y{flex:0 0 auto;width:30px;height:30px;color:var(--gold);border-radius:9px;display:flex;
  align-items:center;justify-content:center;font-size:17px;line-height:1;
  background:radial-gradient(circle at 36% 26%,rgba(226,234,255,.10),rgba(6,10,26,.6));
  box-shadow:inset 0 0 0 1px rgba(201,162,75,.28),inset 0 1px 0 rgba(246,227,172,.16)}
.qrt-root .ai-chip .nm{flex:1;min-width:0}
.qrt-root .ai-chip .n{display:block;font-size:13.5px;font-weight:800;letter-spacing:-.012em;line-height:1.2;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qrt-root .ai-chip:last-child:nth-child(odd){grid-column:1/-1}
.qrt-root .ai-chip.none .y{color:#6D7896}
.qrt-root .ai-foot{position:relative;z-index:2;flex:0 0 auto;padding:11px 14px calc(11px + env(safe-area-inset-bottom));
  background:linear-gradient(180deg,rgba(8,12,30,0),rgba(6,9,24,.86) 42%,rgba(5,8,22,.97));
  border-top:1px solid rgba(201,162,75,.16)}
/* the ONE hint line above the question box (2 Oct 2026). Quiet, and ONE line at 360px and
   390px in all three languages: the copy is cut to fit and scripts/_ask-check-local.mjs
   measures it. The free check's own box is styled by app-ask-check.js (tyq- prefix). */
.qrt-root .ai-hint{margin:0 auto 8px;max-width:362px;padding:0 6px;font-size:12.5px;line-height:1.4;
  text-align:center;color:#8E99B8}
.qrt-root .ai-hint b{font-weight:800;color:#C9D2EE}
.qrt-root .ai-field{display:flex;align-items:flex-end;gap:9px;max-width:362px;margin:0 auto}
.qrt-root .ai-field .box{flex:1;min-width:0;display:flex;align-items:center;border-radius:22px;
  padding:10px 16px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.17);
  -webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 10px 26px -16px rgba(0,0,0,.9)}
.qrt-root .ai-field textarea{flex:1;min-width:0;border:0;outline:0;resize:none;background:transparent;
  color:#F2F5FF;font-family:inherit;font-size:16px;line-height:1.42;max-height:96px}
.qrt-root .ai-field textarea::placeholder{color:#9AA6C4}
.qrt-root .ai-send{flex:0 0 auto;width:46px;height:46px;border:none;border-radius:50%;color:#150E03;
  background:linear-gradient(150deg,#F5E2AE,var(--gold) 54%,#A9822F);
  box-shadow:0 2px 0 #6E5316,0 12px 24px -12px rgba(0,0,0,.8);
  display:flex;align-items:center;justify-content:center;transition:transform .08s,box-shadow .08s}
.qrt-root .ai-send:active{transform:translateY(2px);box-shadow:0 0 0 #6E5316}
.qrt-root .ai-send[disabled]{opacity:.36;box-shadow:none}
.qrt-root .ai-disc{margin:8px auto 0;max-width:362px;text-align:center;font-size:11.5px;line-height:1.45;
  color:#7E8AA8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qrt-root .ai-q{margin:0 0 14px;display:flex;justify-content:flex-end}
.qrt-root .ai-q span{max-width:84%;border-radius:17px;border-bottom-right-radius:6px;padding:12px 15px;
  font-size:15px;line-height:1.55;color:#EAF0FF;background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.16);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.qrt-root .ai-doc{position:relative;margin:0 0 18px;border-radius:16px;overflow:hidden;
  background:linear-gradient(176deg,#FFFDF7,var(--paper,#FBF8F3) 46%,#F2ECE0);color:#15110E;
  box-shadow:0 30px 64px -28px rgba(0,0,0,.9),0 0 0 1px rgba(201,162,75,.45);
  
  }
.qrt-root .ai-doc:last-child{animation:qrt_beatIn .62s cubic-bezier(.22,1,.36,1) backwards}
.qrt-root .ai-doc .hd{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:13px 16px;background:linear-gradient(180deg,#141C42,#0E1533);color:#F6E3AC}
.qrt-root .ai-doc .hd b{font-family:var(--disp);font-size:17px;font-weight:400}
.qrt-root .ai-doc .hd s{text-decoration:none;font-size:11.5px;font-weight:800;letter-spacing:.14em;
  color:var(--gold);white-space:nowrap}
.qrt-root .ai-doc .bd{padding:17px 17px 15px;font-size:15.5px;line-height:1.74;color:#241E17}
.qrt-root .ai-doc .bd p{margin:0 0 12px}
.qrt-root .ai-doc .cite{margin:0 0 12px;padding:9px 12px;border-radius:10px;background:rgba(201,162,75,.13);
  border-left:3px solid var(--gold);font-size:13.5px;line-height:1.55;color:#4A4236}
.qrt-root .ai-doc .ft{display:flex;align-items:center;gap:9px;padding:11px 16px 13px;
  border-top:1px solid rgba(21,17,14,.10);background:rgba(21,17,14,.028)}
.qrt-root .ai-doc .ft::before{content:"";width:22px;height:1px;flex:0 0 auto;
  background:linear-gradient(90deg,rgba(201,162,75,.75),rgba(201,162,75,0))}
.qrt-root .ai-doc .ft span{font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  color:#8A7C63}
.qrt-root .qswap{display:grid}
.qrt-root .qswap>*{grid-area:1/1;min-width:0}
.qrt-root .qload{transition:opacity .16s ease}
.qrt-root .qswap.done .qload{opacity:0;pointer-events:none}
.qrt-root .qswap.done .qbody{animation:qrt_qbIn .42s cubic-bezier(.22,1,.36,1) .04s backwards}
.qrt-root .qload-top{display:flex;align-items:flex-start;gap:12px;margin:1px 0 16px}
.qrt-root .qload-seal{position:relative;width:32px;height:32px;flex:0 0 auto}
.qrt-root .qload-seal i{position:absolute;inset:0;border-radius:50%;
  border:1.5px solid rgba(201,162,75,.28);border-top-color:var(--gold);
  animation:qrt_qlSpin 1.15s linear infinite}
.qrt-root .qload-seal b{position:absolute;inset:9px;border-radius:50%;background:var(--gold);
  opacity:.18;animation:qrt_qlPulse 1.9s ease-in-out infinite}
.qrt-root .qload-txt{min-width:0}
.qrt-root .qload-step{margin:0;font-size:14px;font-weight:700;color:#3B342A;line-height:1.35;
  text-wrap:balance;transition:opacity .22s ease}
.qrt-root .qload-sub{margin:3px 0 0;font-size:11.5px;font-weight:600;color:#8A7C63;line-height:1.4}
.qrt-root .qload-lines i{display:block;height:10px;margin:0 0 12px;border-radius:5px;
  background:linear-gradient(90deg,rgba(21,17,14,.055) 0%,rgba(21,17,14,.125) 42%,
    rgba(21,17,14,.055) 82%);background-size:280% 100%;
  animation:qrt_qlShim 1.6s ease-in-out infinite}
.qrt-root .qload-lines i:nth-child(2){animation-delay:.13s}
.qrt-root .qload-lines i:nth-child(3){animation-delay:.26s}
.qrt-root .qload-lines i:nth-child(4){animation-delay:.39s;width:72%}
@keyframes qrt_qlSpin{to{transform:rotate(360deg)}}
@keyframes qrt_qlPulse{0%,100%{opacity:.13;transform:scale(.86)}50%{opacity:.34;transform:scale(1)}}
@keyframes qrt_qlShim{0%{background-position:120% 0}100%{background-position:-40% 0}}
@keyframes qrt_qbIn{from{transform:translateY(7px)}to{transform:none}}
.qrt-root .ai-conf{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;
  padding:22px;background:rgba(3,5,14,.76);opacity:0;pointer-events:none;transition:opacity .2s ease;
  -webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}
.qrt-root .ai-conf.on{opacity:1;pointer-events:auto}
.qrt-root .ai-conf .card{width:100%;max-width:330px;border-radius:23px;overflow:hidden;text-align:center;
  background:linear-gradient(178deg,#FFFDF7,var(--paper,#FBF8F3) 52%,#F1EADC);
  box-shadow:0 34px 76px -26px rgba(0,0,0,.9),0 0 0 1.5px rgba(201,162,75,.8);
  transform:translateY(15px) scale(.985);transition:transform .28s cubic-bezier(.22,1,.36,1)}
.qrt-root .ai-conf.on .card{transform:none}
.qrt-root .ai-conf .cap{padding:9px;background:linear-gradient(180deg,#141C42,#0E1533);
  font-size:11.5px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.qrt-root .ai-conf .in{padding:20px 22px 19px}
.qrt-root .ai-conf .gem{width:60px;height:60px;margin:0 auto 13px;border-radius:50%;display:flex;
  align-items:center;justify-content:center;background:radial-gradient(circle at 36% 28%,#3E3018,#150F08);
  box-shadow:0 12px 24px -11px rgba(0,0,0,.65),inset 0 1px 0 rgba(246,227,172,.4),
             0 0 0 1px rgba(201,162,75,.45)}
.qrt-root .ai-conf h4.is-free{font-size:30px;letter-spacing:.02em;color:#1F7A5C}
.qrt-root .ai-conf h4.is-free svg{display:none}
.qrt-root .ai-conf .what .was{display:block;margin-top:3px;text-decoration:none;font-size:12.5px;
  font-weight:600;color:rgba(21,17,14,.45)}
.qrt-root .ai-conf h4{margin:0 0 4px;font-size:31px;font-weight:800;letter-spacing:-.025em;color:#15110E;
  display:flex;align-items:center;justify-content:center;gap:9px;
  font-variant-numeric:lining-nums tabular-nums}
.qrt-root .ai-conf .free-note b{display:block;font-weight:800;text-wrap:balance}
.qrt-root .ai-conf .free-note s{display:block;margin-top:3px;text-decoration:none;font-size:11.5px;
  font-weight:600;opacity:.72;text-wrap:balance}
.qrt-root .ai-conf .what{margin:0 0 14px;font-size:14.5px;font-weight:800;color:var(--brand,#B01820)}
.qrt-root .ai-conf .gets{margin:0 0 14px;text-align:left;display:flex;flex-direction:column;gap:7px}
.qrt-root .ai-conf .gets i{display:flex;align-items:flex-start;gap:8px;font-style:normal;
  font-size:13.5px;line-height:1.45;color:#4A4236}
.qrt-root .ai-conf .gets i::before{content:"";flex:0 0 auto;width:6px;height:6px;margin-top:6px;
  border-radius:50%;background:var(--gold)}
.qrt-root .ai-conf .free-note{margin:0 0 12px;padding:8px 10px;border-radius:9px;font-size:13px;font-weight:800;
  color:#0B6B47;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.32)}
.qrt-root .ai-conf .bal{margin:0 0 16px;font-size:13.5px;color:#6B6255;display:flex;align-items:center;
  justify-content:center;gap:6px;font-variant-numeric:lining-nums tabular-nums}
.qrt-root .ai-conf .go{width:100%;border:none;border-radius:14px;padding:16px;font-size:17px;font-weight:800;
  color:#FFF3D8;background:linear-gradient(150deg,#C8232C,var(--brand,#B01820) 62%,#8E141B);
  box-shadow:0 2px 0 #6B0D13,0 14px 26px -13px rgba(0,0,0,.6);transition:transform .08s,box-shadow .08s}
.qrt-root .ai-conf .go:active{transform:translateY(2px);box-shadow:0 0 0 #6B0D13}
.qrt-root .ai-conf .no{width:100%;margin-top:9px;border-radius:14px;padding:14px;font-size:15.5px;font-weight:700;
  color:#5A5248;background:transparent;border:1px solid rgba(21,17,14,.17)}
.qrt-root .hide{display:none!important}
@media(prefers-reduced-motion:reduce){
.qrt-root .blob,.qrt-root .arcs,.qrt-root .dial-spin,.qrt-root .tablet.lit,.qrt-root .lg.sheng,.qrt-root .horse::after,.qrt-root .lg.ke,.qrt-root .acc.verdict{animation:none!important}
.qrt-root .well-neb i{animation:none!important}
.qrt-root .cell.flag::after{animation:none!important;opacity:.16}
.qrt-root .cast .sheen{display:none}
.qrt-root .qload-seal i{animation:none!important;
    border-color:rgba(201,162,75,.55)}
.qrt-root .qload-seal b{animation:none!important;opacity:.22}
.qrt-root .qload-lines i{animation:none!important;
    background:rgba(21,17,14,.085)}
.qrt-root .qswap.done .qbody{animation:none!important}
.qrt-root .turn{display:none}
.qrt-root .beat{animation-duration:.3s!important}
.qrt-root .fly{--fx:0px!important;--fy:0px!important;--fo:0px!important;
    animation-duration:.17s!important}
.qrt-root .rake i{animation-duration:.34s!important}
.qrt-root .plate.seq .r3 .stems,.qrt-root .plate.seq .r2 .stems,.qrt-root .plate.seq .g-star,.qrt-root .plate.seq .g-door,.qrt-root .plate.seq .door-po,.qrt-root .plate.seq .g-god,.qrt-root .plate.seq .r1 .empty-o,.qrt-root .plate.seq .horse,.qrt-root .plate.seq .hs,.qrt-root .plate.seq .ringv,.qrt-root .plate.seq .ringh{animation-duration:.22s!important}
.qrt-root .plate.seq .cell.duty{animation-duration:.5s!important}
}
.qrt-root .hist-screen{background:var(--hist-ground);color:var(--txt);min-height:100vh}
.qrt-root .hist-head{position:relative;padding:44px 18px 18px;
  background:radial-gradient(120% 100% at 50% -20%,#1B2757 0%,#101838 46%,#080D22 100%),#080D22;
  border-bottom:1px solid rgba(201,162,75,.22)}
.qrt-root .hist-head-row{display:flex;align-items:center;gap:12px}
.qrt-root .hist-back{width:37px;height:37px;flex:0 0 auto;border-radius:50%;
  border:1px solid rgba(201,162,75,.3);background:rgba(255,255,255,.06);
  color:var(--gold-hi);display:flex;align-items:center;justify-content:center}
.qrt-root .hist-ttl{flex:1;min-width:0;margin:0;font-family:var(--disp);font-size:20px;font-weight:400;
  line-height:1.2;color:var(--txt);letter-spacing:.01em}
.qrt-root .hist-act{flex:0 0 auto;display:flex;align-items:center;gap:5px;border-radius:999px;
  padding:7px 12px;font-size:12.5px;font-weight:700;font-family:inherit;
  border:1px solid rgba(201,162,75,.34);background:rgba(201,162,75,.12);color:var(--gold-hi)}
.qrt-root .hist-act.icon{width:36px;height:36px;padding:0;justify-content:center}
.qrt-root .hist-act.danger{border-color:rgba(217,90,84,.5);background:rgba(217,90,84,.16);color:#FFC9C4}
.qrt-root .hist-act[disabled],.qrt-root .hist-act.off{opacity:.45}
.qrt-root .hist-body{padding:14px 14px 26px}
.qrt-root .hist-list{display:flex;flex-direction:column;gap:9px}
.qrt-root .hist-card{position:relative;border-radius:15px;padding:12px 13px;cursor:pointer;text-align:left;
  background:linear-gradient(163deg,rgba(255,255,255,.085),rgba(255,255,255,.026));
  border:1px solid rgba(201,162,75,.22);
  box-shadow:0 14px 30px -20px rgba(0,0,0,.9),inset 0 1px 0 rgba(246,227,172,.12)}
.qrt-root .hist-card.sel{border-color:rgba(246,227,172,.75);
  box-shadow:inset 0 0 0 1px rgba(246,227,172,.45),0 0 24px -8px rgba(201,162,75,.5)}
.qrt-root .hist-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:7px}
.qrt-root .hist-id{display:flex;align-items:center;gap:8px;min-width:0;flex:1}
.qrt-root .hist-name{font-size:13.5px;font-weight:700;margin:0;min-width:0;color:var(--txt);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qrt-root .hist-tools{display:flex;align-items:center;gap:2px;flex-shrink:0}
.qrt-root .hist-tool{width:29px;height:29px;border:none;background:transparent;display:flex;
  align-items:center;justify-content:center;flex-shrink:0;color:var(--dim-2);border-radius:8px}
.qrt-root .hist-tool.del{color:#E08A84}
.qrt-root .hist-tool:active{background:rgba(255,255,255,.07)}
.qrt-root .hist-box{width:18px;height:18px;border-radius:5px;flex-shrink:0;display:flex;
  align-items:center;justify-content:center;border:1.5px solid rgba(201,162,75,.45);
  background:rgba(255,255,255,.05);color:#0B1231}
.qrt-root .hist-box.on{border-color:var(--gold);background:linear-gradient(150deg,#FCEFC8,#DCB65E)}
.qrt-root .hist-snip{font-size:12.8px;color:var(--dim-2);margin:0 0 8px;line-height:1.5;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.qrt-root .hist-topic{display:inline-block;padding:3px 9px;font-size:11.5px;font-weight:700;border-radius:999px;
  margin-bottom:8px;background:rgba(201,162,75,.14);color:var(--gold-hi);
  border:1px solid rgba(201,162,75,.28)}
.qrt-root .hist-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;
  font-size:12.2px;color:var(--dim-2);padding-top:8px;
  border-top:1px solid rgba(198,214,255,.09);font-variant-numeric:lining-nums tabular-nums}
.qrt-root .hist-count{display:flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;
  background:rgba(255,255,255,.06)}
.qrt-root .hist-edit{display:flex;align-items:center;gap:8px}
.qrt-root .hist-in{flex:1;min-width:0;font-size:14px;font-family:inherit;border-radius:9px;padding:9px 11px;
  border:1px solid rgba(201,162,75,.4);background:rgba(255,255,255,.07);color:var(--txt);outline:none}
.qrt-root .hist-in:focus{border-color:rgba(246,227,172,.75);background:rgba(201,162,75,.1)}
.qrt-root .hist-empty{display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:60px 24px;color:var(--dim-2)}
.qrt-root .hist-empty p{font-size:13.5px;margin:13px 0 0}
.qrt-root .hist-empty .hist-act{margin-top:15px}
@media (pointer:coarse){
.qrt-root .arcs{display:none}
.qrt-root .blob{display:none}
.qrt-root .cast .sheen{display:none}
.qrt-root, .qrt-root *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.qrt-root .turn{display:none}
.qrt-root .cast{animation:none}
.qrt-root .horse::after{animation:none;opacity:0}
.qrt-root .arcs{animation:none}
.qrt-root .dial-spin{animation:none}
.qrt-root .blob{animation:none}
.qrt-root .room::after{display:none}
.qrt-root .acc.verdict{animation:none}
}
html.qrt-lite .qrt-root .room{display:none!important}
html.qrt-lite .qrt-root .cast .sheen,html.qrt-lite .qrt-root .turn,html.qrt-lite .qrt-root .sweep,html.qrt-lite .qrt-root .rake{display:none!important}
html.qrt-lite .qrt-root *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  animation-iteration-count:1!important}
/* ══ app integration — the sandbox is a page, the app is a column in a frame ══════════
   Nothing below changes a colour, a size or a motion. It re-homes the design's
   full-viewport layers onto the app's frame, which is the only structural difference
   between the two. */

/* .device is NOT a containing block for position:fixed (overflow:hidden alone does not
   make one), so a fixed overlay anchors to the WINDOW and flies out of the centred 430px
   card on desktop. Every full-frame layer in this design is therefore absolute inside
   #sspLayer / #sspRoom, both of which are inset:0 children of .device. */
.qrt-root .room, .qrt-root .dock, .qrt-root .scrim, .qrt-root .sheet,
.qrt-root .well, .qrt-root .ai, .qrt-root .ai-conf{ position:absolute; }

/* the aurora rides its own non-scrolling layer under the screens; the screen itself is
   transparent so it shows through, and paints nothing of its own. */
#sspRoom{ position:absolute; inset:0; z-index:0; pointer-events:none; overflow:hidden; }
#s-shishipan.qrt-root{ background:transparent; }
#sspLayer.qrt-root{ background:transparent; color:var(--txt); }

/* the sheet's 82vh was measured against a phone viewport; inside the frame the layer IS
   the viewport, so a percentage is the same number on mobile and the right one on desktop
   (where .device caps at 900px and 82vh would overflow the card). */
.qrt-root .sheet{ max-height:82%; }

/* the global tab bar sits at bottom:14px and is 73px tall. The dock has to clear it, and
   the scroll has to clear the dock — .wrap already reserves 210px for exactly that. */
.qrt-root .dock{ bottom:92px; }

/* the app's shell owns the language switch (Akaun) and the history entry point, so the
   design's language pill is replaced in place by 历史记录 rather than adding a control. */

/* ⚠️ NO SCROLLBARS, AND THESE RULES MUST LIVE HERE, NOT IN THE DESIGN.
   Written in the sandbox they already carried .qrt-root, and scopeSelector prefixes every
   selector it emits — so they shipped as `.qrt-root .qrt-root ::-webkit-scrollbar`, which
   can never match, and Jim kept seeing the bar through two rounds of me "fixing" it.
   The TAIL is emitted after scoping, so what is written here is what ships.
   ⚠️ And the gate that passed the whole time measured offsetWidth - clientWidth. Chrome's
   OVERLAY scrollbars take ZERO width, so it was asserting "the bar steals no layout" while
   the bar was painted right there in the screenshot. */
/* the AI FAB's price chip wears the app's BALANCE PILL (#energyChip, app-wallet.js): dark glass,
   a thin gold rim, bold gold figures, the faceted #wgem — one look for Tenaga everywhere
   (Jim, 28 Sep: "use the diamond logo and style like the one above"). */
.qrt-root .fab.paid .price{ background:rgba(18,12,9,.62); border:1px solid rgba(214,178,95,.48);
  color:#F4D58E; padding:4px 12px 4px 7px; gap:6px; font-weight:800;
  box-shadow:0 6px 16px -6px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.08); }
.qrt-root .fab .price svg.wg{ width:15px; height:15px; }
.qrt-root, .qrt-root *{ scrollbar-width:none; -ms-overflow-style:none; }
.qrt-root::-webkit-scrollbar, .qrt-root *::-webkit-scrollbar{ width:0; height:0; display:none; }