:root{--color-primary:#8b5cf6;--color-primary-dark:#6d28d9;--color-primary-light:#a78bfa;--color-primary-glow:rgba(139, 92, 246, 0.4);--color-accent:#f472b6;--color-accent-light:#f9a8d4;--color-gold:#fbbf24;--color-gold-light:#fde68a;--color-success:#10b981;--color-success-hover:#34d399;--color-success-glow:rgba(16, 185, 129, 0.3);--color-warning:#f59e0b;--color-warning-hover:#fbbf24;--color-warning-glow:rgba(245, 158, 11, 0.3);--color-neutral:#64748b;--color-neutral-hover:#94a3b8;--color-text-primary:#f8fafc;--color-text-secondary:#e2e8f0;--color-text-muted:#94a3b8;--color-text-dark:#1e293b;--color-border:rgba(255, 255, 255, 0.2);--color-border-light:rgba(255, 255, 255, 0.1);--color-surface:rgba(255, 255, 255, 0.1);--color-surface-solid:rgba(15, 23, 42, 0.8);--gradient-main:linear-gradient(
    135deg,
    #0f0c29 0%,
    #302b63 50%,
    #24243e 100%
  );--gradient-card:linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.15) 0%,
    rgba(255, 255, 255, 0.05) 100%
  );--gradient-button:linear-gradient(
    135deg,
    var(--color-primary) 0%,
    var(--color-primary-dark) 100%
  );--gradient-gold:linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--font-sans:'Noto Sans TC',-apple-system,BlinkMacSystemFont,sans-serif;--font-serif:'Noto Serif TC',Georgia,serif;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--spacing-3xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.15);--shadow-md:0 4px 16px rgba(0, 0, 0, 0.2);--shadow-lg:0 8px 32px rgba(0, 0, 0, 0.3);--shadow-glow:0 0 20px var(--color-primary-glow);--shadow-card:0 8px 32px rgba(0, 0, 0, 0.4),0 0 0 1px rgba(255, 255, 255, 0.1);--transition-fast:0.15s cubic-bezier(0.4, 0, 0.2, 1);--transition-normal:0.3s cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:0.5s cubic-bezier(0.4, 0, 0.2, 1)}*,::after,::before{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--gradient-main);background-attachment:fixed;margin:0;padding:var(--spacing-xl);min-height:100vh;text-align:center;line-height:1.6;color:var(--color-text-primary);font-family:var(--font-sans);position:relative;overflow-x:auto}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.4),transparent),radial-gradient(2px 2px at 130px 80px,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 160px 120px,rgba(255,255,255,.3),transparent);background-size:200px 200px;animation:twinkle 8s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes twinkle{0%,100%{opacity:.5}50%{opacity:1}}body>*{position:relative;z-index:1}img{max-width:100%;height:auto}h1{font-family:var(--font-serif);font-size:clamp(2rem, 5vw, 3rem);font-weight:700;margin:0;background:linear-gradient(135deg,#f9a8d4 0,#a78bfa 50%,#67e8f9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;letter-spacing:.05em;animation:shimmer 3s ease-in-out infinite;background-size:200% 100%}@keyframes shimmer{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.site-header{display:flex;align-items:center;flex-wrap:wrap;width:100%;max-width:1400px;margin:0 auto var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl);gap:var(--spacing-md);background:var(--gradient-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.logo-title{display:flex;align-items:center;gap:var(--spacing-md)}.site-logo{height:60px;width:auto;filter:drop-shadow(0 4px 8px rgba(0, 0, 0, .3));transition:transform var(--transition-normal)}.site-logo:hover{transform:scale(1.1) rotate(-5deg)}.site-title{display:flex;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.brand-link{font-family:var(--font-sans);font-size:1rem;font-weight:500;color:var(--color-accent);text-decoration:none;padding:var(--spacing-xs) var(--spacing-md);background:rgba(244,114,182,.15);border:1px solid rgba(244,114,182,.3);border-radius:var(--radius-full);transition:all var(--transition-normal)}.brand-link:focus,.brand-link:hover{color:#fff;background:var(--color-accent);border-color:var(--color-accent);box-shadow:0 0 20px rgba(244,114,182,.5);transform:translateY(-2px)}.update-header{margin-left:auto;font-family:var(--font-sans);font-size:.85rem;color:var(--color-text-muted);background:rgba(255,255,255,.05);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full)}.control-bar{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xl);width:100%;max-width:1400px;margin:0 auto var(--spacing-md);padding:var(--spacing-2xl);background:var(--gradient-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.control-group{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:nowrap;justify-content:center;width:100%;max-width:550px;margin:0 auto}.control-bar label{font-family:var(--font-sans);font-size:1.2rem;font-weight:500;color:var(--color-text-secondary);text-shadow:0 2px 4px rgba(0,0,0,.3);width:120px;min-width:120px;text-align:right;flex-shrink:0}.control-bar select{font-family:var(--font-sans);font-size:1.1rem;padding:12px 20px;padding-right:40px;color:var(--color-text-primary);background:rgba(255,255,255,.1);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:0;cursor:pointer;transition:all var(--transition-normal);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23a78bfa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;width:auto;flex:1;max-width:none}.control-bar select:hover{background-color:rgba(255,255,255,.15);border-color:var(--color-primary-light)}.control-bar select:focus{border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.control-bar select option{background:#1e1b4b;color:var(--color-text-primary);padding:12px}#questionInput{font-family:var(--font-sans);font-size:1.1rem;padding:12px 20px;color:var(--color-text-primary);background:rgba(255,255,255,.1);border:1px solid var(--color-border);border-radius:var(--radius-md);width:auto;flex:1;max-width:none;outline:0;transition:all var(--transition-normal)}#questionInput::placeholder{color:var(--color-text-muted)}#questionInput:hover{background:rgba(255,255,255,.15);border-color:var(--color-primary-light)}#questionInput:focus{border-color:var(--color-primary);box-shadow:var(--shadow-glow);background:rgba(255,255,255,.12)}.btn{font-family:var(--font-sans);font-size:1.2rem;font-weight:600;padding:14px 28px;color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;position:relative;overflow:hidden;transition:all var(--transition-normal);text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn:hover::before{left:100%}.btn:hover{transform:translateY(-3px)}.btn:active{transform:translateY(-1px)}.btn:focus{outline:0;box-shadow:0 0 0 3px rgba(255,255,255,.3)}#drawBtn,.btn-draw{background:linear-gradient(135deg,#10b981 0,#059669 100%);box-shadow:0 4px 15px var(--color-success-glow)}#drawBtn:hover,.btn-draw:hover{background:linear-gradient(135deg,#34d399 0,#10b981 100%);box-shadow:0 6px 25px rgba(16,185,129,.5)}#shuffleBtn,.btn-shuffle{background:linear-gradient(135deg,#f59e0b 0,#d97706 100%);box-shadow:0 4px 15px var(--color-warning-glow)}#shuffleBtn:hover,.btn-shuffle:hover{background:linear-gradient(135deg,#fbbf24 0,#f59e0b 100%);box-shadow:0 6px 25px rgba(245,158,11,.5)}#saveBtn,.btn-save{background:linear-gradient(135deg,#8b5cf6 0,#6d28d9 100%);box-shadow:0 4px 15px var(--color-primary-glow)}#saveBtn:hover,.btn-save:hover{background:linear-gradient(135deg,#a78bfa 0,#8b5cf6 100%);box-shadow:0 6px 25px rgba(139,92,246,.5)}.btn-disabled,.btn:disabled{background:linear-gradient(135deg,#64748b 0,#475569 100%)!important;box-shadow:none!important;cursor:not-allowed!important;opacity:.6;transform:none!important}.btn-disabled:hover,.btn:disabled:hover{transform:none!important;box-shadow:none!important}.btn-disabled::before,.btn:disabled::before{display:none}.divider{margin:0 var(--spacing-sm);font-size:1.5rem;color:rgba(255,255,255,.2);user-select:none}.card-wrapper{display:flex;flex-direction:column;align-items:center;margin-top:0}.card-wrapper img{max-width:300px;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card-wrapper img:hover{transform:scale(1.02);box-shadow:0 12px 40px rgba(0,0,0,.5),0 0 30px var(--color-primary-glow)}.card-wrapper .card-title{font-family:var(--font-serif);font-size:1.5rem;font-weight:700;margin:16px 0 8px;color:var(--color-text-primary);text-shadow:0 2px 4px rgba(0,0,0,.3)}.card-wrapper .card-sub{font-family:var(--font-sans);font-size:1.1rem;color:var(--color-text-secondary)}.draw-time{display:block;width:100%;max-width:1400px;margin:var(--spacing-xs) auto var(--spacing-xs);padding:var(--spacing-md) var(--spacing-xl);font-size:1.3rem;font-weight:600;color:var(--color-gold);background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.3);border-radius:var(--radius-full);text-shadow:0 0 10px rgba(251,191,36,.5);box-sizing:border-box}.card{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;text-align:center;transition:transform var(--transition-normal)}.card:hover{transform:translateY(-5px)}.card p{text-align:center;margin:12px 0 0;font-size:1.4rem;font-weight:500;white-space:pre-line;color:var(--color-text-primary);text-shadow:0 2px 4px rgba(0,0,0,.3)}.card img{width:150px;height:auto;display:block;margin:0 auto;border:2px solid rgba(255,255,255,.2);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:all var(--transition-normal)}.card img:hover{border-color:var(--color-primary-light);box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 20px var(--color-primary-glow)}#cardContainer{position:relative;width:auto;height:auto;margin:0 auto;display:flex;flex-wrap:wrap;gap:var(--spacing-xl);margin-top:var(--spacing-sm);padding:var(--spacing-3xl);background:var(--gradient-card);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:var(--radius-xl)}#cardContainer .card{text-align:center;margin:0 var(--spacing-md)}#cardContainer.basicThree,#cardContainer.single,#cardContainer.two{display:flex;align-items:center;justify-content:center}#cardContainer.basicThree p,#cardContainer.single p,#cardContainer.two p{font-size:1.6rem}#cardContainer.single .card img{width:350px}#cardContainer.two{flex-wrap:nowrap!important}#cardContainer.two .card{flex:1;min-width:0;margin:0 var(--spacing-sm)}#cardContainer.two .card img{width:100%;max-width:300px;min-width:0}#cardContainer.basicThree{flex-wrap:nowrap}#cardContainer.basicThree .card img{width:100%;max-width:250px;min-width:0}#cardContainer.basicThree .card{flex:1;min-width:0;margin:0 var(--spacing-sm)}#cardContainer.opposition{display:flex;justify-content:center;align-items:center}#cardContainer.opposition .group1,#cardContainer.opposition .group2,#cardContainer.opposition .life{display:flex;flex-direction:row;gap:80px}#cardContainer.opposition p{font-size:1.6rem}#cardContainer.threeFour{display:grid;width:100%;max-width:1200px;margin:0 auto;padding:4%;box-sizing:border-box;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto auto;grid-template-areas:'.       top     life' 'left    .       right' '.       bottom  .';gap:var(--spacing-2xl);justify-items:center;align-items:center;justify-content:center;overflow:hidden;container-type:inline-size}#cardContainer.threeFour p{font-size:2.5cqw}#cardContainer.threeFour .group-top{grid-area:top;display:flex;gap:var(--spacing-md);width:100%;max-width:none;flex-shrink:0}#cardContainer.threeFour .group-bottom{grid-area:bottom;display:flex;gap:var(--spacing-md);width:100%;max-width:none;flex-shrink:0}#cardContainer.threeFour .group-left{grid-area:left;display:flex;gap:var(--spacing-md);width:100%;max-width:none;flex-shrink:0}#cardContainer.threeFour .group-right{grid-area:right;display:flex;gap:var(--spacing-md);width:100%;max-width:none;flex-shrink:0}#cardContainer.threeFour .group-life{grid-area:life;display:flex;justify-content:center;width:calc(50% - var(--spacing-md)/ 2);margin:0 auto;max-width:none;flex-shrink:0}#cardContainer.threeFour .card{min-width:0;flex:1;flex-shrink:0}#cardContainer.threeFour .card img{width:100%!important;height:auto;min-width:0;max-width:none;flex-shrink:0}#twelveContainer.twelve{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,auto);gap:0;width:100%;max-width:1400px;min-width:1200px;margin:60px auto 0;background:linear-gradient(145deg,rgba(15,12,41,.95) 0,rgba(48,43,99,.95) 50%,rgba(36,36,62,.95) 100%);border:3px solid rgba(139,92,246,.5);border-radius:var(--radius-xl);box-shadow:0 0 40px rgba(139,92,246,.3),inset 0 0 60px rgba(0,0,0,.3);overflow:visible;position:relative}#twelveContainer.twelve::before{content:'紫微斗數大牌陣';position:absolute;top:-50px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,rgba(139,92,246,.95) 0,rgba(244,114,182,.95) 100%);padding:10px 28px;font-size:1.3rem;font-weight:700;color:#fff;border-radius:var(--radius-lg);box-shadow:0 4px 20px rgba(139,92,246,.5);z-index:100}#twelveContainer.twelve .group-pos,.palace-cell{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:20px 12px;min-height:220px;border:1px solid rgba(139,92,246,.35);background:rgba(255,255,255,.03);transition:all var(--transition-normal)}#twelveContainer.twelve .group-pos:hover,.palace-cell:hover{background:rgba(139,92,246,.12);box-shadow:inset 0 0 30px rgba(139,92,246,.15)}.branch-label{position:absolute;bottom:8px;right:14px;font-size:2.2rem;font-weight:700;color:rgba(251,191,36,.9);text-shadow:0 0 12px rgba(251,191,36,.5);font-family:var(--font-serif);pointer-events:none}.palace-label{position:absolute;bottom:55px;right:14px;font-size:2.2rem;font-weight:700;color:#60a5fa;text-shadow:0 0 15px rgba(96,165,250,.6),0 2px 4px rgba(0,0,0,.4);font-family:var(--font-serif);pointer-events:none}.center-area{grid-column:2/4;grid-row:2/4;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:50px;padding:30px;min-height:400px;background:radial-gradient(ellipse at center,rgba(139,92,246,.18) 0,transparent 70%);border:2px solid rgba(139,92,246,.45);position:relative}.center-area::before{content:'';position:absolute;top:50%;left:50%;width:250px;height:250px;background:radial-gradient(circle,rgba(139,92,246,.25) 0,transparent 70%);transform:translate(-50%,-50%);animation:centerGlow 4s ease-in-out infinite;pointer-events:none}@keyframes centerGlow{0%,100%{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}}#twelveContainer.twelve .center-life,#twelveContainer.twelve .center-main,.center-life,.center-main{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;z-index:2;transform:none}#twelveContainer.twelve .center-life img,#twelveContainer.twelve .center-main img,.center-life img,.center-main img{width:150px;border:2px solid rgba(255,255,255,.35);border-radius:var(--radius-md);box-shadow:0 8px 32px rgba(0,0,0,.45),0 0 25px var(--color-primary-glow);transition:all var(--transition-normal)}#twelveContainer.twelve .center-life img:hover,#twelveContainer.twelve .center-main img:hover,.center-life img:hover,.center-main img:hover{transform:scale(1.08);box-shadow:0 12px 40px rgba(0,0,0,.5),0 0 35px var(--color-primary-glow)}#twelveContainer.twelve .center-life p,#twelveContainer.twelve .center-main p,.center-life p,.center-main p{text-align:center;margin:10px 0 0;font-size:1.5rem;font-weight:600;white-space:pre-line;color:var(--color-text-primary);text-shadow:0 2px 5px rgba(0,0,0,.45)}.center-label{position:absolute;bottom:0;font-size:1rem;font-weight:500;color:var(--color-text-muted);background:rgba(0,0,0,.35);padding:5px 14px;border-radius:var(--radius-full)}#twelveContainer.twelve .group-pos .card,.palace-cell .card{margin:0;flex:0 0 auto}#twelveContainer.twelve .group-pos img,#twelveContainer.twelve img,.palace-cell .card img{width:105px;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-sm);box-shadow:0 4px 16px rgba(0,0,0,.35)}#twelveContainer.twelve .group-pos p,.palace-cell .card p{font-size:1.05rem;margin-top:8px;color:var(--color-text-primary)}@media (max-width:1200px){#twelveContainer.twelve{max-width:100%}#twelveContainer.twelve .group-pos,.palace-cell{min-height:180px;padding:16px 10px}#twelveContainer.twelve .group-pos img,#twelveContainer.twelve img,.palace-cell .card img{width:85px}#twelveContainer.twelve .center-life img,#twelveContainer.twelve .center-main img,.center-life img,.center-main img{width:120px}.branch-label{font-size:1.7rem}.palace-label{font-size:1.7rem}}.blocks-area{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--spacing-2xl);margin:var(--spacing-2xl) auto;padding:var(--spacing-2xl);max-width:600px;background:var(--gradient-card);backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.block-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.block-label{font-family:var(--font-serif);font-size:1.6rem;font-weight:700;color:var(--color-gold);text-shadow:0 0 12px rgba(251,191,36,.5);min-height:2rem}.block-img{width:180px;margin:var(--spacing-md);filter:drop-shadow(0 8px 16px rgba(0, 0, 0, .4));transition:transform var(--transition-normal)}.block-img:hover{transform:scale(1.05) rotate(5deg)}.blocks-result{width:100%;margin-top:var(--spacing-lg);text-align:center;font-size:1.8rem;line-height:1.5;white-space:pre-line;font-family:var(--font-serif);font-weight:700;color:var(--color-gold);text-shadow:0 0 15px rgba(251,191,36,.5)}@keyframes shuffleAnim{0%{transform:translate3d(0,0,0) rotate(0)}25%{transform:translate3d(-15px,0,0) rotate(-8deg)}50%{transform:translate3d(15px,0,0) rotate(8deg)}75%{transform:translate3d(-15px,0,0) rotate(-8deg)}100%{transform:translate3d(0,0,0) rotate(0)}}.shuffling .card,.shuffling img{animation:shuffleAnim .5s ease-in-out;will-change:transform}@keyframes blockThrow{0%{transform:translateY(-100px) rotate(0);opacity:0}50%{transform:translateY(10px) rotate(180deg);opacity:1}70%{transform:translateY(-20px) rotate(270deg)}100%{transform:translateY(0) rotate(360deg)}}.block-img{animation:blockThrow .8s ease-out forwards}.block-img:nth-child(2){animation-delay:.15s}@keyframes cardFlip{0%{transform:perspective(800px) rotateY(0) scale(1)}40%{transform:perspective(800px) rotateY(-90deg) scale(1.05)}60%{transform:perspective(800px) rotateY(-90deg) scale(1.05)}100%{transform:perspective(800px) rotateY(0) scale(1)}}.flipping{perspective:800px}.flipping .card,.flipping .card img,.flipping img{animation:cardFlip .6s ease-in-out;transform-style:preserve-3d}.hidden{display:none!important}.hint{font-size:.85rem;color:var(--color-text-muted);margin-left:var(--spacing-sm)}.cards-container{display:flex;justify-content:center;gap:var(--spacing-2xl);margin:var(--spacing-2xl) 0;flex-wrap:wrap}.cards-container .card{width:200px;height:300px;background-size:cover;background-position:center;border:2px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}@media (max-width:768px){body{padding:var(--spacing-md)}.site-header{flex-direction:column;text-align:center;padding:var(--spacing-md);gap:var(--spacing-sm)}.update-header{margin-left:0;margin-top:var(--spacing-sm)}.control-bar{padding:var(--spacing-lg)}.control-group{flex-direction:row;align-items:center;width:100%;gap:8px}.control-bar label{min-width:96px;width:96px;font-size:1rem;white-space:nowrap;margin-bottom:0;text-align:right;flex-shrink:0}#questionInput,.control-bar select{flex:1;width:auto;min-width:0;max-width:none;font-size:1rem;padding:10px}.control-group.btn-group{flex-direction:row;flex-wrap:nowrap;justify-content:center;width:100%}#questionInput{max-width:100%}.btn{padding:12px 20px;font-size:.95rem;white-space:nowrap;flex:1;min-width:0;padding:12px 4px}.divider{display:flex;margin:0 2px}#cardContainer{padding:var(--spacing-xl)}#cardContainer.single .card img{width:200px}#cardContainer.two{flex-wrap:nowrap;gap:var(--spacing-md);padding:var(--spacing-md);align-items:flex-start}#cardContainer.two .card{flex:1;margin:0;min-width:0;width:48%}#cardContainer.two .card img{width:100%;height:auto;max-width:none}#cardContainer.two .card p,#cardContainer.two .card p2{font-size:1rem;white-space:nowrap;margin-top:8px;display:block}#cardContainer.basicThree{flex-wrap:nowrap;gap:6px;padding:var(--spacing-md);align-items:flex-start}#cardContainer.basicThree .card{flex:1;margin:0;min-width:0;width:32%}#cardContainer.basicThree .card img{width:100%;height:auto;max-width:none}#cardContainer.basicThree .card p,#cardContainer.basicThree .card p2{font-size:.9rem;white-space:nowrap;margin-top:6px;display:block}#cardContainer.opposition{flex-direction:row;flex-wrap:nowrap!important;gap:6px;padding:var(--spacing-md);justify-content:center;align-items:center}#cardContainer.opposition .group-life,#cardContainer.opposition .group-main,#cardContainer.opposition .group-support{flex:1;flex-direction:row;gap:4px;min-width:0;flex-shrink:1}#cardContainer.opposition .card{flex:1;margin:0;min-width:0}#cardContainer.opposition .card img{width:100%;height:auto;max-width:none}#cardContainer.opposition .card p,#cardContainer.opposition .card p2{font-size:.9rem;white-space:nowrap;margin-top:6px;display:block}#cardContainer.threeFour{grid-template-columns:repeat(6,1fr);grid-template-rows:auto auto auto;grid-template-areas:'.     .     top    top    life  life' 'left  left  .      .      right right' '.     .     bottom bottom .     .';gap:var(--spacing-xs);padding:var(--spacing-md)}#cardContainer.threeFour .group-top{justify-self:center}#cardContainer.threeFour .group-life{justify-self:center}#cardContainer.threeFour .group-left{justify-self:center}#cardContainer.threeFour .group-right{justify-self:center}#cardContainer.threeFour .group-bottom{justify-self:center}#cardContainer.threeFour .group-bottom,#cardContainer.threeFour .group-left,#cardContainer.threeFour .group-life,#cardContainer.threeFour .group-right,#cardContainer.threeFour .group-top{flex-direction:row;gap:2px}#cardContainer.threeFour .card img{width:55px}#cardContainer.threeFour .card p,#cardContainer.threeFour .card p2{font-size:.7rem;white-space:nowrap}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}.ai-analysis-area{width:auto;margin:var(--spacing-xl) auto;padding:var(--spacing-3xl);background:linear-gradient(135deg,rgba(139,92,246,.15) 0,rgba(59,130,246,.1) 50%,rgba(139,92,246,.15) 100%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(139,92,246,.3);border-radius:var(--radius-xl);box-shadow:0 8px 32px rgba(139,92,246,.2),inset 0 1px 0 rgba(255,255,255,.1);text-align:left}.ai-analysis-title{font-family:var(--font-serif);font-size:1.5rem;font-weight:700;color:var(--color-gold);margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md);border-bottom:1px solid rgba(251,191,36,.3);text-shadow:0 0 20px rgba(251,191,36,.5)}.ai-analysis-beta{font-size:.75rem;font-weight:400;color:var(--color-text-muted);text-shadow:none;margin-left:var(--spacing-sm)}.ai-analysis-content{font-family:var(--font-sans);font-size:1.1rem;line-height:1.8;color:var(--color-text-secondary);white-space:pre-wrap;word-wrap:break-word}.ai-analysis-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-2xl);color:var(--color-text-muted)}.ai-analysis-loading::before{content:'';width:40px;height:40px;border:3px solid rgba(139,92,246,.2);border-top-color:var(--color-primary);border-radius:50%;animation:ai-spin 1s linear infinite}@keyframes ai-spin{to{transform:rotate(360deg)}}.ai-analysis-error{padding:var(--spacing-lg);background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#fca5a5;text-align:center}.ai-analysis-content b,.ai-analysis-content strong{color:var(--color-gold)}.ai-analysis-content em,.ai-analysis-content i{color:var(--color-accent-light)}@media (max-width:768px){.ai-analysis-area{padding:var(--spacing-xl)}.ai-analysis-title{font-size:1.25rem}.ai-analysis-content{font-size:1rem}}.ai-analysis-time{font-size:.8rem;font-weight:400;color:var(--color-text-muted);text-shadow:none;margin-left:var(--spacing-xs)}.ai-analysis-body{line-height:1.8}.ai-analysis-body h2,.ai-analysis-body h3,.ai-analysis-body h4{font-family:var(--font-serif);color:var(--color-gold);margin:var(--spacing-xl) 0 var(--spacing-md) 0;text-shadow:0 0 10px rgba(251,191,36,.3)}.ai-analysis-body h2{font-size:1.4rem;margin-top:var(--spacing-2xl)}.ai-analysis-body h3{font-size:1.25rem;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px dashed rgba(255,255,255,.1)}.ai-analysis-body h4{font-size:1.2rem;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-sm);color:var(--color-gold);border-left:3px solid var(--color-gold);padding-left:var(--spacing-md)}.ai-analysis-body h4:first-child{margin-top:0}.ai-analysis-body h4 .num-label{color:var(--color-primary-light);font-weight:700;margin-right:var(--spacing-xs)}.ai-analysis-body h5{font-size:1.1rem;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);color:var(--color-accent-light);font-weight:600}.ai-analysis-body p{margin:var(--spacing-lg) 0;color:var(--color-text-secondary);line-height:1.9}.ai-analysis-body ul{margin:var(--spacing-md) 0;padding-left:var(--spacing-xl);list-style:none}.ai-analysis-body li{position:relative;margin:var(--spacing-md) 0;padding-left:var(--spacing-xl)}.ai-analysis-body li::before{content:'•';position:absolute;left:0;color:var(--color-primary-light);font-weight:700}.ai-analysis-body .nested-list{margin:var(--spacing-sm) 0;padding-left:var(--spacing-lg);border-left:2px solid rgba(139,92,246,.3)}.ai-analysis-body .nested-list li{margin:var(--spacing-md) 0}.ai-analysis-body .nested-list li::before{content:'◦';color:var(--color-accent-light)}.ai-analysis-body strong{color:var(--color-gold);font-weight:600}.ai-analysis-body em{color:var(--color-accent-light);font-style:italic}.ai-analysis-body .sub-item-title{display:block;color:var(--color-gold);font-weight:600;font-size:1.05rem;margin-bottom:var(--spacing-xs)}.ai-analysis-body .sub-item-content{display:block;color:var(--color-text-secondary);line-height:1.8;margin-top:var(--spacing-xs)}.card-qa-section{width:100%;max-width:800px;margin:var(--spacing-lg) auto;padding:var(--spacing-2xl);background:var(--gradient-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);text-align:center}.card-qa-title{font-family:var(--font-serif);font-size:1.4rem;font-weight:700;color:var(--color-gold);margin:0 0 var(--spacing-xl) 0;text-shadow:0 0 15px rgba(251,191,36,.4)}.card-qa-inputs{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.card-qa-group{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}.card-qa-group label{font-family:var(--font-sans);font-size:1.1rem;font-weight:500;color:var(--color-text-secondary);min-width:80px;text-align:right}.card-qa-group select{font-family:var(--font-sans);font-size:1rem;padding:10px 16px;color:var(--color-text-primary);background:rgba(255,255,255,.1);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:0;cursor:pointer;transition:all var(--transition-normal);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23a78bfa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;padding-right:36px}.card-qa-group select:first-of-type{min-width:160px}.card-qa-group select.status-select{min-width:90px}.card-qa-group select:hover{background-color:rgba(255,255,255,.15);border-color:var(--color-primary-light)}.card-qa-group select:focus{border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.card-qa-group select option{background:#1e1b4b;color:var(--color-text-primary)}.card-qa-display{display:flex;flex-wrap:nowrap;justify-content:center;align-items:flex-start;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);background:var(--gradient-card);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.card-qa-card{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;min-width:0}.card-qa-card img{width:100%;max-width:200px;height:auto;border:2px solid rgba(255,255,255,.2);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:all var(--transition-normal)}.card-qa-card img:hover{border-color:var(--color-primary-light);box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 20px var(--color-primary-glow);transform:scale(1.02)}.card-qa-card p{font-size:1.4rem;font-weight:500;color:var(--color-text-primary);margin:var(--spacing-md) 0 var(--spacing-xs) 0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.card-qa-card p:last-of-type{font-size:1.1rem;color:var(--color-text-secondary);margin:0 0 var(--spacing-md) 0}.card-qa-selectors{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%;max-width:180px}.card-qa-selectors select{width:100%;font-family:var(--font-sans);font-size:1rem;padding:10px 16px;color:var(--color-text-primary);background:rgba(255,255,255,.1);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:0;cursor:pointer;transition:all var(--transition-normal);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23a78bfa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;padding-right:36px}.card-qa-selectors select:hover{background-color:rgba(255,255,255,.15);border-color:var(--color-primary-light)}.card-qa-selectors select:focus{border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.card-qa-selectors select option{background:#1e1b4b;color:var(--color-text-primary)}.ai-trigger-section{width:100%;max-width:800px;margin:var(--spacing-lg) auto;text-align:center}.btn-ai{font-family:var(--font-sans);font-size:1.3rem;font-weight:600;padding:16px 40px;color:#fff;background:linear-gradient(135deg,#8b5cf6 0,#6d28d9 50%,#7c3aed 100%);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);cursor:pointer;position:relative;overflow:hidden;transition:all var(--transition-normal);text-shadow:0 2px 4px rgba(0,0,0,.3);box-shadow:0 4px 20px rgba(139,92,246,.4),0 0 40px rgba(139,92,246,.2)}.btn-ai::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}.btn-ai:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px rgba(139,92,246,.6),0 0 60px rgba(139,92,246,.3)}.btn-ai:hover::before{left:100%}.btn-ai:active{transform:translateY(-1px)}.btn-ai:focus{outline:0;box-shadow:0 0 0 3px rgba(139,92,246,.5),0 4px 20px rgba(139,92,246,.4)}@media (max-width:768px){.card-qa-section{margin:var(--spacing-md);padding:var(--spacing-lg)}.card-qa-title{font-size:1.2rem}.card-qa-display{flex-wrap:nowrap;gap:var(--spacing-md);padding:var(--spacing-md)}.card-qa-card img{max-width:none;width:100%}.card-qa-card p{font-size:1rem;white-space:nowrap}.card-qa-card p:last-of-type{font-size:.9rem}.card-qa-selectors{max-width:none}.card-qa-selectors select{font-size:.85rem;padding:8px 10px;padding-right:28px}.card-qa-group{flex-direction:column;align-items:stretch}.card-qa-group label{text-align:center;min-width:auto}.card-qa-group select{width:100%}.card-qa-group select.status-select,.card-qa-group select:first-of-type{min-width:auto}.btn-ai{font-size:1.1rem;padding:14px 32px;width:100%;max-width:300px}.ai-trigger-section{margin:var(--spacing-md)}}.site-footer{text-align:center;margin-top:var(--spacing-3xl);margin-bottom:var(--spacing-xl);color:var(--color-text-muted);font-size:.9rem}.version-info{display:inline-block;padding:4px 12px;background:rgba(255,255,255,.05);border-radius:var(--radius-full);border:1px solid var(--color-border-light);font-family:var(--font-sans);letter-spacing:.05em;transition:all var(--transition-normal)}.version-info:hover{background:rgba(255,255,255,.1);border-color:var(--color-primary-light);color:var(--color-text-primary);transform:translateY(-2px)}.feedback-link{margin-top:var(--spacing-sm)}.feedback-link a{display:inline-block;padding:6px 16px;color:var(--color-accent);text-decoration:none;border-radius:var(--radius-full);border:1px solid rgba(244,114,182,.3);background:rgba(244,114,182,.1);transition:all var(--transition-normal);font-size:.9rem;font-weight:500}.feedback-link a:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent);box-shadow:0 0 15px rgba(244,114,182,.4);transform:translateY(-2px)}