@charset "utf-8";
  /* ===== Scoped Apple-like styles + AI 光圈 (只影響 .ai-inquiry) ===== */
  :root{
    --ai-card-bg: #ffffff;
    --ai-border: #e6e6ea;
    --ai-text: #111;
    --ai-muted: #6b6b75;
    --ai-accent: #007aff;
    --ai-radius: 16px;
    --ai-ring: rgba(0,122,255,0.12);
  }

.two_aibox{width:100%; padding:10px; max-width:1200px; margin:10px auto; display:flex; gap:8px 35px}
.ff1{flex:1}
.orgmail{margin:10px 0}
.orgmail li{font-size:14px; gap:10px;display:grid;grid-template-columns:90px 1fr; align-items:center; padding:5px 0; border-bottom:1px solid #e3e1e15c}
.orgmail li span{padding:5px; background: #e3e1e16e}
.orgmail li span::before{padding:0 3px 0 0}
.two-col img{vertical-align:middle}
.two_aibox iframe{border:1px solid #B1B1B1; border-radius:10px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);}
.inpot::after{content:'*'; color:#AD0306; font-size:12px}
  .ai-inquiry{font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Arial, sans-serif; color:var(--ai-text);}
  .ai-inquiry .cardai{width:100%;padding:20px 15px;position:relative;overflow:visible}

  /* AI 光圈：放在卡片右上方，淡淡脈動 */
  .ai-inquiry .ai-ring{
    position:absolute;right:18px;top:-36px;width:96px;height:96px;border-radius:50%;pointer-events:none;z-index:0;
    background: radial-gradient(circle at 35% 35%, rgba(0,122,255,0.18) 0%, rgba(123,91,255,0.08) 30%, rgba(255,255,255,0) 60%);
    filter: blur(10px);
    transition: transform .35s ease, opacity .35s ease;
    opacity:0.95;
    box-shadow: 0 8px 30px rgba(0,122,255,0.08), inset 0 0 30px rgba(123,91,255,0.04);
    transform: translateY(4px);
  }
  .ai-inquiry .ai-ring.pulse{animation: aiPulse 3.6s ease-in-out infinite}
  @keyframes aiPulse{0%{transform:scale(0.96)}50%{transform:scale(1.07)}100%{transform:scale(0.96)}}

  .aih2{position:relative;z-index:2;margin:0 0 8px;font-size:20px;font-weight:600;color:var(--ai-text)}
  .subtitle{font-size:13px;color:var(--ai-muted);margin-bottom:18px}

  label{display:block;margin-top:14px;font-size:13px;color:var(--ai-muted);font-weight:500}
  input,select,textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--ai-border);background:#fbfbfd;color:var(--ai-text);margin-top:8px;font-size:15px;box-sizing:border-box}
  textarea{min-height:110px;resize:vertical}

  /* focus：Apple-like ring + subtle elevation */
  input:focus,select:focus,textarea:focus{outline:none;border-color:var(--ai-accent);box-shadow:0 6px 18px rgba(0,122,255,0.08), 0 0 0 6px var(--ai-ring);background:#fff}

  .two-col{display:flex;gap:12px}
  .two-col > *{flex:1}
.aibtnbg{text-align: center; color:#CD0E11}
  .aibtn{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;padding:12px 24px;border-radius:12px;border:none;background:linear-gradient(180deg,#0a84ff,#007aff);color:#fff;font-weight:600;cursor:pointer;font-size:15px;box-shadow:0 8px 24px rgba(10,132,255,0.14);}
  .aibtn:active{transform:translateY(1px)}
.aibtn:hover{transform:translateY(2px)}
  /* 小型說明與隱私文字 */
  .note{font-size:12px;color:var(--ai-muted);margin-top:10px}

  /* accessibility: reduce motion */
  @media (prefers-reduced-motion: reduce){.ai-inquiry .ai-ring{animation:none} }

  /* responsive tweak */
  @media(max-width:760px){
	.ai-inquiry .card{padding:20px}.ai-inquiry .ai-ring{right:12px;top:-28px;width:72px;height:72px}
  .two_aibox{flex-direction:column-reverse}
  .mobtwo-col{flex-direction:column}
}