@font-face{font-family:Laiti;src:url('/assets/laiti-regular.woff2') format('woff2');font-display:swap}
:root{--ink:#4d4267;--muted:#7d7488;--lav:#9275d2;--lav2:#c8b4ed;--line:rgba(117,87,174,.20);--paper:rgba(255,255,255,.82);--serif:Laiti,"Noto Serif TC","Songti TC",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:linear-gradient(180deg,#faf8fc 0%,#f4eef9 58%,#fbf8f5 100%);font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;min-height:100vh}.fortune-bg{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.orbit{position:absolute;border:1px solid rgba(157,126,213,.12);border-radius:50%}.orbit-a{width:520px;height:520px;right:-220px;top:-210px}.orbit-b{width:360px;height:360px;left:-180px;bottom:-120px}.spark{position:absolute;color:#d4b980}.spark-a{top:12%;left:8%;font-size:17px}.spark-b{top:27%;right:10%;font-size:24px}.spark-c{bottom:14%;left:15%;font-size:13px}.fortune-header{width:min(1180px,calc(100% - 36px));margin:0 auto;min-height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(112,88,160,.10)}.fortune-brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.fortune-brand img{width:54px;height:54px;border-radius:50%;object-fit:cover}.fortune-brand span{display:grid}.fortune-brand strong{font-family:var(--serif);font-size:21px;font-weight:500;letter-spacing:.08em}.fortune-brand small{font-size:7px;letter-spacing:.18em;color:#9c90a6;margin-top:4px}.back-home{font-family:var(--serif);font-size:14px;letter-spacing:.08em;color:#7b68ad;text-decoration:none}.fortune-shell{width:min(920px,calc(100% - 36px));margin:0 auto;padding:58px 0 86px}.fortune-panel{display:none;position:relative;padding:clamp(34px,6vw,64px);border:1px solid var(--line);border-radius:26px;background:var(--paper);box-shadow:0 24px 70px rgba(74,55,112,.08);backdrop-filter:blur(16px)}.fortune-panel.is-active{display:block;animation:panelIn .5s ease both}@keyframes panelIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.intro-panel{text-align:center;padding-top:72px;padding-bottom:72px}.eyebrow{margin:0 0 14px;font-size:11px;letter-spacing:.22em;color:#9b82cf;font-weight:700}.sample-badge{display:inline-flex;padding:7px 13px;border:1px solid rgba(147,116,211,.23);border-radius:999px;background:#f4effb;color:#856cad;font-size:11px;letter-spacing:.08em}.intro-panel h1{margin:26px 0 14px;font-family:var(--serif);font-weight:400;font-size:clamp(38px,7vw,62px);letter-spacing:.08em}.intro-lead{font-family:var(--serif);font-size:20px;letter-spacing:.05em}.intro-copy{max-width:650px;margin:18px auto 0;color:var(--muted);font-size:14px;line-height:2}.ritual-note{max-width:650px;margin:28px auto 34px;padding:17px 20px;display:flex;gap:13px;align-items:flex-start;text-align:left;border:1px solid rgba(137,109,195,.14);border-radius:15px;background:linear-gradient(135deg,#fbf9fd,#f7f2fb)}.ritual-note span{color:#c6a66f}.ritual-note p{margin:0;font-size:13px;line-height:1.85;color:#746a7d}.fortune-btn{min-height:46px;padding:0 24px;border-radius:999px;border:1px solid transparent;font-family:var(--serif);font-size:14px;letter-spacing:.06em;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:.2s ease}.fortune-btn.primary{color:#fff;background:linear-gradient(135deg,#9d82d9,#8061c4);box-shadow:0 12px 28px rgba(115,85,181,.20)}.fortune-btn.primary:hover{transform:translateY(-1px)}.fortune-btn.primary:disabled{opacity:.38;cursor:not-allowed;box-shadow:none;transform:none}.fortune-btn.ghost{border-color:rgba(116,91,168,.25);background:#fff;color:#745da6}.fortune-btn.line{background:#fff;border-color:rgba(116,91,168,.26);color:#6e579f}.step-head{display:flex;align-items:center;gap:18px;margin-bottom:8px}.step-head>span{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#f7f2ff,#ece3fa);font-family:var(--serif);font-size:20px;color:#8a6bc2}.step-head small{font-size:10px;letter-spacing:.18em;color:#a28abf}.step-head h2{margin:3px 0 0;font-family:var(--serif);font-weight:400;font-size:clamp(27px,4vw,39px);letter-spacing:.05em}.step-copy{margin:16px 0 28px;color:var(--muted);font-size:13px;line-height:1.9}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.choice-card{min-height:76px;padding:16px 18px;display:flex;align-items:center;gap:13px;text-align:left;border:1px solid rgba(132,101,190,.18);border-radius:15px;background:rgba(255,255,255,.84);color:#5c4d75;cursor:pointer;transition:.18s ease}.choice-card:hover{border-color:rgba(132,101,190,.42);transform:translateY(-1px)}.choice-card.is-selected{border-color:#a388dc;background:linear-gradient(135deg,#f6f0ff,#fbf8ff);box-shadow:0 8px 22px rgba(100,72,158,.08)}.choice-card b{min-width:28px;color:#b399d8;font-family:var(--serif);font-weight:400}.choice-card span{font-family:var(--serif);font-size:17px;line-height:1.5}.choice-card.wide{grid-column:1/-1}.relation-grid .choice-card{justify-content:center;text-align:center}.panel-actions{margin-top:34px;display:flex;justify-content:space-between;gap:12px}.centered{justify-content:center;text-align:left}.breath-panel{text-align:center}.breath-copy{color:var(--muted);line-height:2;font-size:14px}.breath-orbs{display:flex;justify-content:center;gap:28px;margin:38px 0 24px}.breath-orb{width:154px;height:154px;border-radius:50%;border:1px solid rgba(143,111,204,.24);background:radial-gradient(circle at 36% 28%,#fff,#f4eefc 68%,#e9ddf8);box-shadow:0 18px 44px rgba(94,68,145,.07);color:#6f589f;cursor:pointer;transition:.35s ease}.breath-orb span,.breath-orb small{display:block}.breath-orb span{font-family:var(--serif);font-size:25px}.breath-orb small{margin-top:7px;color:#9687a4;font-size:11px;letter-spacing:.08em}.breath-orb:disabled{opacity:.36;cursor:not-allowed}.breath-orb.is-lit{transform:scale(1.04);border-color:#b49ae3;box-shadow:0 0 0 12px rgba(171,145,221,.08),0 18px 44px rgba(94,68,145,.13);background:radial-gradient(circle at center,#fff 0%,#f0e7ff 54%,#dfcff5 100%)}.breath-message{min-height:26px;font-family:var(--serif);color:#8872b0}.centered-actions{justify-content:center}.draw-panel{text-align:center}.draw-panel h2{font-family:var(--serif);font-size:clamp(31px,5vw,46px);font-weight:400;letter-spacing:.06em}.draw-copy{color:var(--muted);line-height:1.9}.lot-stage{position:relative;height:295px;margin:8px auto 0;display:grid;place-items:center}.halo{position:absolute;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(215,198,243,.34),rgba(215,198,243,0) 68%)}.lot-tube{position:relative;width:135px;height:225px;transform-origin:50% 80%}.lot-tube.is-shaking{animation:shake .14s linear infinite}@keyframes shake{0%,100%{transform:rotate(0)}25%{transform:rotate(-2.2deg)}75%{transform:rotate(2.2deg)}}.tube-body{position:absolute;left:17px;right:17px;bottom:0;height:142px;border-radius:12px 12px 35px 35px;border:1px solid rgba(141,106,187,.22);background:linear-gradient(180deg,#f5effa,#ddcfef);box-shadow:0 18px 35px rgba(82,62,113,.14);display:flex;flex-direction:column;justify-content:center;align-items:center}.tube-body span{font-family:var(--serif);font-size:25px;letter-spacing:.12em}.tube-body small{font-size:9px;letter-spacing:.18em;margin-top:8px;color:#9685aa}.stick{position:absolute;bottom:120px;width:8px;height:112px;border-radius:6px;background:linear-gradient(90deg,#d4bd92,#f0ddb7,#caa977);transform-origin:bottom;box-shadow:0 3px 5px rgba(70,50,30,.08)}.s1{left:42px;transform:rotate(-10deg)}.s2{left:57px;transform:rotate(-4deg)}.s3{left:70px;transform:rotate(3deg)}.s4{left:84px;transform:rotate(10deg)}.s5{left:96px;transform:rotate(16deg)}.hold-draw{position:relative;width:min(330px,90%);height:70px;overflow:hidden;border:1px solid rgba(132,100,190,.30);border-radius:999px;background:#fff;color:#6b529b;cursor:pointer;touch-action:none}.hold-progress{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,rgba(181,151,229,.18),rgba(143,107,206,.28));transition:width .05s linear}.hold-draw.is-holding{box-shadow:0 0 0 8px rgba(154,125,211,.08)}.hold-label,.hold-draw small{position:relative;z-index:1;display:block}.hold-label{font-family:var(--serif);font-size:20px;letter-spacing:.08em}.hold-draw small{margin-top:3px;font-size:10px;color:#9a8aa5}.hold-hint{font-size:12px;color:#978b9f}.only-back{margin-top:12px}.result-panel{padding-top:54px}.reveal-stage{min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.reveal-line{width:1px;height:110px;background:linear-gradient(180deg,transparent,#bd9cdc,transparent);animation:revealPulse 1.4s ease infinite}@keyframes revealPulse{50%{height:145px;opacity:.6}}.reveal-stage p{font-family:var(--serif);font-size:25px;letter-spacing:.12em}.result-content{text-align:center}.lot-number{font-family:var(--serif);font-size:16px;color:#9a7cc8;letter-spacing:.18em}.result-content>h2{margin:10px 0 9px;font-family:var(--serif);font-size:clamp(40px,7vw,58px);font-weight:400;letter-spacing:.08em}.fortune-level{display:inline-block;padding:6px 15px;border:1px solid rgba(187,158,96,.34);border-radius:999px;color:#ad8a4f;background:#fffaf0;font-family:var(--serif)}.poem-card{max-width:600px;margin:26px auto 12px;padding:28px 26px;border-top:1px solid rgba(130,103,179,.18);border-bottom:1px solid rgba(130,103,179,.18);font-family:var(--serif);font-size:22px;line-height:2.05;letter-spacing:.11em}.fortune-disclaimer{max-width:620px;margin:0 auto 32px;font-size:11px;line-height:1.8;color:#9b91a2}.result-block{margin:18px 0;padding:25px 28px;text-align:left;border:1px solid rgba(131,102,187,.15);border-radius:17px;background:rgba(255,255,255,.76)}.result-kicker{font-size:10px;letter-spacing:.16em;color:#9c80c8}.result-block h3{margin:6px 0 12px;font-family:var(--serif);font-weight:400;font-size:23px}.result-block p{margin:0;color:#6f6676;font-size:14px;line-height:2}.context-block{background:linear-gradient(135deg,rgba(249,244,255,.92),rgba(255,255,255,.86))}.result-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.result-block.mini{margin:0}.result-block.warning{background:#fffaf7}.teacher-box{position:relative;margin-top:30px;padding:32px;border:1px solid rgba(136,105,193,.22);border-radius:20px;background:linear-gradient(135deg,#f6f0ff,#fff 55%,#fbf7f2);text-align:center}.teacher-star{color:#c3a56e}.teacher-box h3{font-family:var(--serif);font-size:25px;font-weight:400;line-height:1.6}.teacher-box>p{max-width:650px;margin:0 auto 18px;color:#6f6676;line-height:1.9;font-size:13px}.teacher-box .copy-warning{color:#bc4545;font-size:16px;font-weight:800;line-height:1.7}.teacher-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.copy-feedback{min-height:22px!important;margin-top:13px!important;color:#7d65ad!important}.demo-reset{margin-top:26px;text-align:center}.demo-reset button{border:0;background:none;color:#8067af;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.demo-reset small{display:block;margin-top:9px;color:#a296a8}.fortune-footer{padding:24px;text-align:center;color:#7c7186}.fortune-footer span,.fortune-footer small{display:block}.fortune-footer span{font-family:var(--serif);letter-spacing:.1em}.fortune-footer small{font-size:8px;letter-spacing:.18em;margin-top:5px}.music-toggle{position:fixed;right:18px;bottom:18px;z-index:60;display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 14px;border:1px solid rgba(111,88,178,.28);border-radius:999px;color:#6d5a9e;background:rgba(255,255,255,.88);box-shadow:0 10px 24px rgba(85,67,120,.12);backdrop-filter:blur(12px);cursor:pointer}.music-toggle.is-playing{background:rgba(241,236,251,.94)}.music-label{font-size:12px}
@media(max-width:720px){.fortune-header{min-height:74px}.fortune-brand img{width:46px;height:46px}.fortune-brand strong{font-size:18px}.back-home{font-size:12px}.fortune-shell{width:min(100% - 24px,920px);padding:28px 0 62px}.fortune-panel{padding:30px 20px;border-radius:20px}.intro-panel{padding-top:48px;padding-bottom:48px}.choice-grid{grid-template-columns:1fr}.choice-card.wide{grid-column:auto}.breath-orbs{gap:9px}.breath-orb{width:96px;height:96px}.breath-orb span{font-size:20px}.breath-orb small{font-size:9px}.result-two-col{grid-template-columns:1fr}.teacher-actions .fortune-btn{width:100%}.poem-card{font-size:18px;line-height:2}.music-toggle{width:42px;height:42px;padding:0;justify-content:center}.music-label{display:none}}


/* ===== A版｜淡紫療癒系籤詩卡 ===== */
.result-panel{padding:34px 18px;background:transparent;border:0;box-shadow:none;backdrop-filter:none}
.result-content{max-width:790px;margin:0 auto}
.oracle-slip{position:relative;overflow:hidden;padding:34px 38px 40px;border:1px solid rgba(122,91,180,.45);border-radius:5px;background:
  radial-gradient(circle at 12% 5%,rgba(236,225,252,.78),transparent 28%),
  radial-gradient(circle at 95% 72%,rgba(233,224,251,.68),transparent 31%),
  linear-gradient(180deg,rgba(255,255,255,.97),rgba(250,247,255,.98));
  box-shadow:0 22px 64px rgba(78,58,116,.14),inset 0 0 0 7px rgba(151,121,207,.045)}
.oracle-slip:before{content:"";position:absolute;inset:11px;pointer-events:none;border:1px solid rgba(135,102,193,.24);border-radius:3px}
.oracle-slip:after{content:"";position:absolute;inset:20px;pointer-events:none;border-top:1px solid rgba(192,162,108,.22);border-bottom:1px solid rgba(192,162,108,.18)}
.slip-ornament{position:absolute;width:220px;height:220px;z-index:0;opacity:.36;background:url('/relationship-fortune/lotus-ornament.svg') center/contain no-repeat;pointer-events:none}
.ornament-tl{top:-58px;left:-54px;transform:rotate(-7deg)}
.ornament-br{right:-58px;bottom:-48px;transform:rotate(171deg)}
.slip-header,.slip-core,.fortune-disclaimer,.result-block,.result-two-col,.teacher-box{position:relative;z-index:2}
.slip-header{text-align:center;padding:8px 0 23px;border-bottom:1px solid rgba(125,93,183,.18)}
.slip-brand-mark{width:32px;height:32px;margin:0 auto 6px;display:grid;place-items:center;border:1px solid rgba(139,105,197,.25);border-radius:50%;color:#9a7ac9;font-size:13px;background:rgba(255,255,255,.72)}
.slip-header>p{margin:0;color:#70548f;font-family:var(--serif);font-size:16px;letter-spacing:.18em}
.slip-headline{margin-top:15px;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.slip-headline strong{font-family:var(--serif);font-size:clamp(33px,6vw,49px);font-weight:400;letter-spacing:.09em;color:#49365f}
.fortune-level{padding:7px 16px;border-color:rgba(171,135,73,.34);background:rgba(255,250,239,.82);color:#ad823f;font-size:15px;letter-spacing:.12em}
.fortune-level[data-level="警示"]{color:#a95757;border-color:rgba(169,87,87,.28);background:#fff7f7}
.fortune-level[data-level="小阻"]{color:#9a6a60;border-color:rgba(159,111,99,.28);background:#fff9f5}
.fortune-level[data-level="上吉"]{color:#9f782f;background:#fffaf0}
.slip-core{min-height:405px;margin:28px 0 22px;padding:24px 20px;display:grid;grid-template-columns:145px minmax(0,1fr);gap:22px;border:1px solid rgba(131,99,190,.20);background:rgba(255,255,255,.62)}
.slip-aside{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid rgba(183,153,108,.32);padding-right:16px}
.slip-seal{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#8a6ac3,#aa8ad9);color:white;font-family:var(--serif);font-size:14px;letter-spacing:.12em;box-shadow:0 8px 22px rgba(116,86,173,.16)}
.slip-aside h2{margin:21px 0 13px;font-family:var(--serif);font-size:25px;font-weight:400;letter-spacing:.14em;writing-mode:vertical-rl;text-orientation:upright;line-height:1.25;max-height:180px}
.slip-aside p{margin:0;color:#8b759e;font-size:11px;line-height:1.7;letter-spacing:.08em;text-align:center}
.poem-zone{display:flex;align-items:center;justify-content:center;min-width:0}
.poem-card{width:100%;max-width:none;margin:0;padding:18px 6px;border:0;display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;gap:clamp(14px,4vw,32px);min-height:310px;font-family:var(--serif);font-size:clamp(22px,3.4vw,31px);line-height:1.6;letter-spacing:.12em}
.poem-line{writing-mode:vertical-rl;text-orientation:upright;min-height:245px;white-space:nowrap;color:#3f3155;animation:poemIn .5s ease both;animation-delay:calc(var(--i) * 80ms)}
@keyframes poemIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.fortune-disclaimer{margin:0 auto 24px;max-width:630px;color:#9e94a5;font-size:10px;line-height:1.8;text-align:center}
.result-block{border-radius:0;border-width:0 0 1px 0;border-color:rgba(126,95,184,.16);background:transparent;padding:24px 14px;margin:0;text-align:left}
.result-block h3{font-size:22px;margin:7px 0 10px;color:#4f3c69}
.result-block p{font-size:14px;line-height:2;color:#685e71}
.result-kicker{display:inline-flex;align-items:center;padding:5px 13px;border-radius:999px;background:linear-gradient(90deg,#8263b8,#c3abe7);color:#fff;font-size:11px;letter-spacing:.12em}
.context-block{background:transparent}
.result-two-col{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid rgba(126,95,184,.16)}
.result-two-col .result-block{border-bottom:0}
.result-two-col .result-block:first-child{border-right:1px solid rgba(126,95,184,.16)}
.result-block.warning{background:transparent}
.action-card .result-kicker{background:linear-gradient(90deg,#8263b8,#b89ddd)}
.avoid-card .result-kicker{background:linear-gradient(90deg,#8d6fbe,#d0bce8)}
.teacher-box{margin:28px 0 2px;padding:27px 25px;border:1px solid rgba(136,105,193,.16);border-radius:15px;background:linear-gradient(135deg,rgba(242,235,252,.92),rgba(255,255,255,.9));box-shadow:none}
.teacher-star{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ede4fa;color:#8a6cc0}
.teacher-box h3{max-width:640px;margin:13px auto 12px;color:#55416d;font-size:21px;line-height:1.75}
.teacher-box>p{font-size:13px;line-height:2;color:#6f6577}
.teacher-box .copy-warning{font-size:17px;color:#c23e49;font-weight:800}
.teacher-actions .fortune-btn{min-width:210px}
.demo-reset{margin-top:22px}
.demo-reset small{max-width:600px;margin:9px auto 0;line-height:1.7}

@media(max-width:720px){
  .result-panel{padding:8px 0;background:transparent}
  .oracle-slip{padding:24px 16px 28px;border-radius:3px}
  .oracle-slip:before{inset:7px}.oracle-slip:after{inset:13px}
  .slip-ornament{width:150px;height:150px;opacity:.27}
  .slip-header{padding-top:4px}.slip-header>p{font-size:13px;letter-spacing:.12em}
  .slip-headline{gap:9px}.slip-headline strong{font-size:34px}.fortune-level{font-size:12px}
  .slip-core{min-height:330px;margin:20px 0 16px;padding:17px 10px;grid-template-columns:82px minmax(0,1fr);gap:8px}
  .slip-aside{padding-right:8px}.slip-seal{width:44px;height:44px;font-size:12px}.slip-aside h2{font-size:20px;margin:13px 0 10px;max-height:150px}.slip-aside p{font-size:9px}
  .poem-card{min-height:270px;padding:10px 0;gap:8px;font-size:18px;line-height:1.35;letter-spacing:.06em}
  .poem-line{min-height:220px}
  .result-block{padding:20px 8px}.result-block h3{font-size:20px}.result-block p{font-size:13px}
  .result-two-col{grid-template-columns:1fr}.result-two-col .result-block:first-child{border-right:0;border-bottom:1px solid rgba(126,95,184,.16)}
  .teacher-box{padding:23px 15px}.teacher-box h3{font-size:19px}.teacher-box .copy-warning{font-size:16px}
}

/* v44 — decorative fortune-slip result, inspired by a refined lavender temple-fortune card */
.result-panel{padding:28px 8px 36px!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
.result-content{max-width:820px!important;margin:0 auto!important}
.oracle-slip{
  --frame:#7f62bb;
  --frame-soft:#c7b5e7;
  --gold:#cfad71;
  --paper:#fffdfd;
  position:relative!important;
  overflow:hidden!important;
  padding:42px 48px 46px!important;
  border:0!important;
  border-radius:0!important;
  background:
    radial-gradient(circle at 18% 6%,rgba(222,208,247,.38),transparent 20%),
    radial-gradient(circle at 87% 26%,rgba(231,220,249,.28),transparent 24%),
    radial-gradient(circle at 8% 80%,rgba(239,229,250,.42),transparent 28%),
    linear-gradient(180deg,#fffefe 0%,#fdfaff 55%,#fffdfd 100%)!important;
  box-shadow:0 28px 76px rgba(77,56,115,.17)!important;
  clip-path:polygon(26px 0,calc(100% - 26px) 0,100% 26px,100% calc(100% - 26px),calc(100% - 26px) 100%,26px 100%,0 calc(100% - 26px),0 26px)!important;
}
.oracle-slip:before{
  content:""!important;position:absolute!important;inset:10px!important;z-index:1!important;pointer-events:none!important;
  border:2px solid var(--frame)!important;border-radius:0!important;
  clip-path:polygon(20px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px),0 20px)!important;
  opacity:.9!important;
}
.oracle-slip:after{
  content:""!important;position:absolute!important;inset:18px!important;z-index:1!important;pointer-events:none!important;
  border:1px solid rgba(127,98,187,.55)!important;border-radius:0!important;
  clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px),0 15px)!important;
}
.frame-floral{position:absolute;z-index:0;width:250px;height:250px;opacity:.31;background:url('/relationship-fortune/lotus-ornament.svg') center/contain no-repeat;pointer-events:none;filter:saturate(.8)}
.frame-floral-left{left:-58px;bottom:190px;transform:rotate(-8deg) scale(1.04)}
.frame-floral-right{right:-56px;top:165px;transform:rotate(168deg) scale(.98)}
.frame-cloud{position:absolute;z-index:0;width:180px;height:48px;opacity:.22;pointer-events:none}
.frame-cloud:before,.frame-cloud:after{content:"";position:absolute;border:2px solid #9d84cf;border-color:#9d84cf transparent transparent #9d84cf;border-radius:60px 0 0 0;transform:skewX(-15deg)}
.frame-cloud:before{width:108px;height:28px;left:0;top:15px}
.frame-cloud:after{width:82px;height:22px;left:72px;top:2px}
.frame-cloud-a{top:92px;left:35px}
.frame-cloud-b{right:18px;bottom:278px;transform:scaleX(-1)}
.frame-star{position:absolute;z-index:0;color:var(--gold);opacity:.62;pointer-events:none}
.star-one{top:58px;right:118px;font-size:17px}.star-two{top:330px;right:42px;font-size:21px}.star-three{bottom:152px;left:52px;font-size:13px}
.slip-header,.slip-core,.fortune-disclaimer,.result-block,.result-two-col,.teacher-box{position:relative!important;z-index:2!important}
.slip-header{padding:0 0 28px!important;border:0!important;text-align:center!important}
.slip-brand-lockup{position:absolute;right:2px;top:-18px;display:grid;grid-template-columns:28px auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;color:#775aa6;font-family:var(--serif)}
.slip-brand-lockup .brand-lotus{grid-row:1/3;width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(127,98,187,.34);border-radius:50%;font-size:20px;transform:rotate(180deg)}
.slip-brand-lockup span:not(.brand-lotus){font-size:15px;letter-spacing:.12em;line-height:1}
.slip-brand-lockup small{font-family:Georgia,serif;font-size:8px;letter-spacing:.08em;color:#a18cbf;margin-top:2px}
.lot-plaque{position:relative;width:min(330px,70%);min-height:116px;margin:0 auto;padding:24px 30px 16px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;background:rgba(255,255,255,.72);border:2px solid var(--frame);clip-path:polygon(28px 0,calc(100% - 28px) 0,100% 50%,calc(100% - 28px) 100%,28px 100%,0 50%);box-shadow:inset 0 0 0 6px rgba(171,146,217,.09)}
.lot-plaque:before,.lot-plaque:after{content:"";position:absolute;left:18%;right:18%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.lot-plaque:before{top:12px}.lot-plaque:after{bottom:12px}
.lot-plaque strong{font-family:var(--serif);font-size:clamp(38px,6vw,52px);font-weight:400;letter-spacing:.09em;color:#49375f;line-height:1}
.plaque-spark{color:var(--gold);font-size:13px;opacity:.8}
.lot-plaque .fortune-level{flex-basis:100%;justify-self:center;width:max-content;margin:0 auto;padding:5px 17px!important;border:0!important;border-radius:999px!important;background:linear-gradient(90deg,#eee5fb,#dfcff4,#eee5fb)!important;color:#60477e!important;font-size:14px!important;letter-spacing:.18em!important;line-height:1.2!important}
.slip-core{min-height:430px!important;margin:0 0 20px!important;padding:32px 26px 28px!important;display:grid!important;grid-template-columns:78px 180px minmax(0,1fr)!important;gap:18px!important;border:1px solid rgba(128,99,187,.32)!important;border-radius:0!important;background:rgba(255,255,255,.67)!important;box-shadow:inset 0 0 0 5px rgba(163,138,209,.035)!important}
.interpret-column{display:flex;flex-direction:column;align-items:center;gap:15px;padding-right:12px;border-right:1px solid rgba(202,169,112,.48)}
.interpret-seal{width:48px;min-height:82px;display:grid;place-items:center;padding:8px 0;border-radius:999px;background:linear-gradient(180deg,#8063b8,#a486d4);color:white;font-family:var(--serif);font-size:17px;line-height:1.35;box-shadow:0 8px 20px rgba(108,78,163,.15)}
.theme-vertical{margin:0!important;writing-mode:vertical-rl;text-orientation:upright;font-family:var(--serif);font-size:15px!important;letter-spacing:.12em!important;line-height:1.8!important;color:#4b3b62!important;max-height:275px}
.quick-reading-column{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;padding-right:12px;border-right:1px solid rgba(202,169,112,.48)}
.mini-plaque{display:inline-flex;padding:5px 13px;margin:0 auto 12px;border:1px solid rgba(207,173,113,.55);border-radius:999px;background:#fffaf2;color:#6e568e;font-family:var(--serif);font-size:14px;letter-spacing:.12em}
.quick-reading{height:300px;max-width:160px;margin:0!important;overflow:hidden;writing-mode:vertical-rl;text-orientation:upright;font-family:var(--serif)!important;font-size:15px!important;line-height:2.05!important;letter-spacing:.08em!important;color:#504263!important;text-align:left!important}
.poem-zone{display:flex!important;flex-direction:column;align-items:stretch!important;justify-content:flex-start!important;min-width:0!important;padding-left:2px}
.poem-title-rule{display:flex;align-items:center;gap:12px;margin-bottom:10px;color:#765b9e;font-family:var(--serif);font-size:14px;letter-spacing:.14em}
.poem-title-rule:before,.poem-title-rule:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(204,170,110,.45))}.poem-title-rule:after{background:linear-gradient(90deg,rgba(204,170,110,.45),transparent)}
.poem-card{width:100%!important;max-width:none!important;margin:0!important;padding:4px 6px 0!important;border:0!important;display:flex!important;flex-direction:row-reverse!important;align-items:flex-start!important;justify-content:center!important;gap:clamp(18px,3vw,30px)!important;min-height:328px!important;font-family:var(--serif)!important;font-size:clamp(25px,3.6vw,34px)!important;line-height:1.5!important;letter-spacing:.13em!important}
.poem-line{writing-mode:vertical-rl!important;text-orientation:upright!important;min-height:280px!important;white-space:nowrap!important;color:#342844!important;font-weight:400!important}
.fortune-disclaimer{max-width:620px!important;margin:0 auto 18px!important;padding:0 20px!important;color:#a198a7!important;font-size:10px!important;line-height:1.7!important;text-align:center!important}
.result-block{margin:0!important;padding:23px 20px!important;border:0!important;border-bottom:1px solid rgba(126,95,184,.18)!important;border-radius:0!important;background:transparent!important;text-align:left!important}
.result-block h3{margin:7px 0 10px!important;color:#4d3b66!important;font-family:var(--serif)!important;font-size:21px!important;font-weight:400!important}
.result-block p{margin:0!important;color:#64596e!important;font-size:14px!important;line-height:2!important}
.result-kicker{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:6px 15px!important;border-radius:999px!important;background:linear-gradient(90deg,#7d5fb4,#b59bdd)!important;color:#fff!important;font-size:12px!important;letter-spacing:.1em!important}
.result-kicker b{font-size:15px;font-weight:400}
.context-block{background:rgba(248,244,253,.42)!important}
.result-two-col{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;border-bottom:1px solid rgba(126,95,184,.18)!important}
.result-two-col .result-block{border-bottom:0!important}
.result-two-col .result-block:first-child{border-right:1px solid rgba(126,95,184,.18)!important}
.action-card .result-kicker{background:linear-gradient(90deg,#6e58aa,#b39cdc)!important}.avoid-card .result-kicker{background:linear-gradient(90deg,#8168b9,#c5b2e5)!important}
.teacher-box{display:grid!important;grid-template-columns:48px 1fr!important;gap:10px 16px!important;align-items:start!important;margin:26px 0 3px!important;padding:22px 24px 20px!important;border:1px solid rgba(131,100,189,.14)!important;border-radius:24px!important;background:linear-gradient(135deg,rgba(235,226,249,.85),rgba(255,255,255,.92))!important;text-align:left!important}
.teacher-lotus{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(120,90,176,.3);border-radius:50%;color:#7457a7;font-size:26px;transform:rotate(180deg)}
.teacher-box h3{max-width:none!important;margin:0 0 10px!important;color:#594271!important;font-family:var(--serif)!important;font-size:18px!important;font-weight:400!important;line-height:1.7!important}
.teacher-box>div>p{margin:0!important;color:#6a6073!important;font-size:13px!important;line-height:1.9!important}
.teacher-box .copy-warning{grid-column:1/-1;margin:8px 0 0!important;color:#c3404b!important;font-size:16px!important;font-weight:800!important;line-height:1.75!important;text-align:center!important}
.teacher-actions{grid-column:1/-1;display:flex!important;justify-content:center!important;gap:12px!important;flex-wrap:wrap!important;margin-top:2px}
.teacher-actions .fortune-btn{min-width:220px!important}.copy-feedback{grid-column:1/-1;text-align:center!important}
.demo-reset{margin-top:22px!important}

@media(max-width:720px){
  .result-panel{padding:8px 0 28px!important}.result-content{width:100%!important}.oracle-slip{padding:28px 18px 32px!important;clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px)!important}
  .oracle-slip:before{inset:6px!important;border-width:1.5px!important}.oracle-slip:after{inset:12px!important}.frame-floral{width:170px;height:170px;opacity:.22}.frame-floral-left{left:-55px;bottom:220px}.frame-floral-right{right:-62px;top:165px}.frame-cloud{transform:scale(.72);opacity:.16}.frame-cloud-a{left:-12px;top:78px}.frame-cloud-b{right:-42px;bottom:280px;transform:scaleX(-1) scale(.72)}
  .slip-brand-lockup{position:static!important;display:flex!important;justify-content:center!important;gap:6px!important;margin-bottom:14px!important}.slip-brand-lockup .brand-lotus{grid-row:auto;width:24px;height:24px;font-size:16px}.slip-brand-lockup span:not(.brand-lotus){font-size:13px}.slip-brand-lockup small{display:none}
  .lot-plaque{width:88%!important;min-height:92px!important;padding:18px 20px 12px!important}.lot-plaque strong{font-size:36px!important}.lot-plaque .fortune-level{font-size:12px!important}
  .slip-core{min-height:365px!important;margin:0 0 16px!important;padding:18px 10px 17px!important;grid-template-columns:52px 98px minmax(0,1fr)!important;gap:7px!important}
  .interpret-column{gap:10px;padding-right:6px}.interpret-seal{width:38px;min-height:68px;font-size:14px}.theme-vertical{font-size:11px!important;line-height:1.5!important;max-height:240px}
  .quick-reading-column{padding-right:6px}.mini-plaque{padding:4px 8px;margin-bottom:8px;font-size:11px}.quick-reading{height:245px;max-width:84px;font-size:11px!important;line-height:1.65!important;letter-spacing:.03em!important}
  .poem-title-rule{font-size:11px;gap:5px;margin-bottom:7px}.poem-card{min-height:275px!important;padding:3px 0!important;gap:6px!important;font-size:clamp(18px,5.1vw,22px)!important;line-height:1.28!important;letter-spacing:.035em!important}.poem-line{min-height:242px!important}
  .fortune-disclaimer{font-size:9px!important;margin-bottom:10px!important;padding:0 10px!important}.result-block{padding:19px 8px!important}.result-block h3{font-size:18px!important}.result-block p{font-size:13px!important}.result-kicker{font-size:11px!important;padding:5px 11px!important}
  .result-two-col{grid-template-columns:1fr!important}.result-two-col .result-block:first-child{border-right:0!important;border-bottom:1px solid rgba(126,95,184,.18)!important}
  .teacher-box{grid-template-columns:36px 1fr!important;padding:19px 13px 17px!important;border-radius:18px!important}.teacher-lotus{width:34px;height:34px;font-size:21px}.teacher-box h3{font-size:16px!important}.teacher-box>div>p{font-size:12px!important}.teacher-box .copy-warning{font-size:15px!important}.teacher-actions .fortune-btn{width:100%!important;min-width:0!important}
}
.frame-ornament-overlay{position:absolute;inset:10px;z-index:1;pointer-events:none;background:url('/relationship-fortune/frame-ornament.svg') center/100% 100% no-repeat;opacity:.82}
@media(max-width:720px){.frame-ornament-overlay{inset:5px;opacity:.74}}

/* v45: result reveal reliability + lot name */
.lot-name{margin:14px auto 0!important;color:#71558f!important;font-family:var(--serif)!important;font-size:clamp(20px,3vw,28px)!important;font-weight:400!important;letter-spacing:.16em!important;line-height:1.4!important}
.result-content[hidden]{display:none!important}
@media (max-width:640px){.lot-name{margin-top:11px!important;font-size:20px!important;letter-spacing:.12em!important}}