.elementor-27078 .elementor-element.elementor-element-476b515{--display:flex;--overlay-opacity:0.5;--margin-top:3%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-27078 .elementor-element.elementor-element-476b515:not(.elementor-motion-effects-element-type-background), .elementor-27078 .elementor-element.elementor-element-476b515 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.teamtogetherstore.com/wp-content/uploads/2024/09/gf65ae32467997f994fee8fcb8b28f409db2c87a30097f21b5c309b8e40937e1e858034845f79a651df23d020712344fb7cd28f16c464e64fd46f6465a7eb5be2_1280-5905903.jpg");}.elementor-27078 .elementor-element.elementor-element-476b515::before, .elementor-27078 .elementor-element.elementor-element-476b515 > .elementor-background-video-container::before, .elementor-27078 .elementor-element.elementor-element-476b515 > .e-con-inner > .elementor-background-video-container::before, .elementor-27078 .elementor-element.elementor-element-476b515 > .elementor-background-slideshow::before, .elementor-27078 .elementor-element.elementor-element-476b515 > .e-con-inner > .elementor-background-slideshow::before, .elementor-27078 .elementor-element.elementor-element-476b515 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-27078 .elementor-element.elementor-element-c0afbfe{text-align:center;}.elementor-27078 .elementor-element.elementor-element-c0afbfe .elementor-heading-title{color:var( --e-global-color-astglobalcolor1 );}.elementor-27078 .elementor-element.elementor-element-16b18f0{--display:flex;--padding-top:10%;--padding-bottom:10%;--padding-left:10%;--padding-right:10%;}.elementor-27078 .elementor-element.elementor-element-c93b071 > .elementor-widget-container{padding:0% 0% 5% 0%;}.elementor-27078 .elementor-element.elementor-element-c93b071 .elementor-menu-toggle{margin:0 auto;}.elementor-27078 .elementor-element.elementor-element-c93b071{--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:solid;--e-nav-menu-divider-width:1px;--e-nav-menu-divider-color:var( --e-global-color-text );}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-9549e0a *//* 建議：貼到 WordPress 時，整段外面包一個專用容器，避免 CSS 汙染全站 */
        .tt-card-oracle-root {
            --card-size: 150px;
            --card-gap:  20px;
            font-family: 'Microsoft JhengHei', 'PingFang TC', 'Noto Sans TC', sans-serif;
        }

        .tt-card-oracle-root *,
        .tt-card-oracle-root *::before,
        .tt-card-oracle-root *::after {
            box-sizing: border-box;
        }

        .tt-card-oracle-root {
            min-height: 100vh;
            background: linear-gradient(160deg, #0f0524 0%, #1e0a4a 50%, #0f0524 100%);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            color: #f0e6ff;
            overflow-x: hidden;
            padding: 40px 16px;
            border-radius: 20px;
        }

        .tt-card-oracle-root::before {
            content: '';
            position: fixed; inset: 0;
            background-image:
                radial-gradient(1px 1px at 20% 30%, rgba(255,255,255,.35) 0%, transparent 100%),
                radial-gradient(1px 1px at 60% 15%, rgba(255,255,255,.25) 0%, transparent 100%),
                radial-gradient(1.5px 1.5px at 80% 60%, rgba(255,255,255,.3) 0%, transparent 100%),
                radial-gradient(1px 1px at 40% 80%, rgba(255,255,255,.2) 0%, transparent 100%),
                radial-gradient(1px 1px at 10% 70%, rgba(255,255,255,.28) 0%, transparent 100%);
            pointer-events: none;
            z-index: 0;
        }

        .tt-co-screen {
            position: relative; z-index: 1;
            width: 100%; max-width: 720px;
            padding: 24px 12px;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        #tt-co-intro-screen { display: flex; }
        #tt-co-card-screen  { display: none; }

        .tt-co-intro-logo {
            font-size: 3em;
            letter-spacing: 6px;
            font-weight: 700;
            margin-bottom: 10px;
            text-align: center;
            text-shadow: 0 0 30px rgba(180,120,255,.9);
        }

        .tt-co-intro-sub {
            font-size: 1.2em;
            line-height: 3em;
            color: #9b86cc;
            letter-spacing: 3px;
            text-align: center;
            margin-bottom: 32px;
        }

        .tt-co-focus-box {
            width: 100%;
            max-width: 600px;
            padding: 24px 24px;
            border: 1px solid rgba(180,120,255,.3);
            border-radius: 20px;
            background: rgba(255,255,255,.04);
            backdrop-filter: blur(8px);
            text-align: center;
            line-height: 2.1;
            font-size: 1.5em;
            color: #ddd0f5;
            margin-bottom: 32px;
        }
        .tt-co-focus-box strong { color: #e8d5ff; font-size: 1.15rem; }
        .tt-co-focus-hint  { font-size: .88rem; color: #9b86cc; margin-top: 8px; display:block; }

        .tt-co-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            padding: 11px 26px;
            border: none;
            border-radius: 999px;
            color: #fff;
            font-size: 1em;
            cursor: pointer;
            transition: transform .25s, box-shadow .25s, background .25s;
            letter-spacing: 2px;
            font-weight: 600;
            text-decoration: none;
            white-space: nowrap;
        }
        .tt-co-btn:active { transform: scale(.96) !important; }

        .tt-co-btn-primary {
            background: linear-gradient(135deg, #fff, #fdaba8);
            color: #fff;
            box-shadow: 0 4px 22px rgba(124,58,237,.55);
        }
        .tt-co-btn-primary:hover { transform: translateY(-3px); box-shadow: 0 8px 32px rgba(124,58,237,.75); }

        .tt-co-btn-ghost {
            background: transparent;
            color: #c4aef0;
            border: 1.5px solid rgba(196,174,240,.45);
        }
        .tt-co-btn-ghost:hover { background: rgba(196,174,240,.08); border-color: #c4aef0; transform: translateY(-2px); }

        .tt-co-btn-facebook { background: #1877f2; color: #fff; box-shadow: 0 4px 16px rgba(24,119,242,.4); }
        .tt-co-btn-facebook:hover { background: #1464d6; transform: translateY(-2px); }

        .tt-co-btn-line { background: #06c755; color: #fff; box-shadow: 0 4px 16px rgba(6,199,85,.4); }
        .tt-co-btn-line:hover { background: #04ad49; transform: translateY(-2px); }

        .tt-co-btn-group {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            justify-content: center;
            margin-top: 24px;
        }

        .tt-co-screen-title {
            font-size: 1.2em;
            letter-spacing: 3px;
            color: #c4aef0;
            margin-bottom: 24px;
            min-height: 1.5em;
            text-align: center;
        }

        .tt-co-cards-container {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            gap: var(--card-gap);
            flex-wrap: nowrap;
            overflow-x: auto;
            padding: 8px 4px;
        }

        .tt-co-card-wrapper {
            width: var(--card-size);
            height: var(--card-size);
            perspective: 1200px;
            opacity: 0;
            transform: translateY(28px) scale(.92);
            transition: opacity .45s ease, transform .45s ease;
            flex: 0 0 auto;
        }
        .tt-co-card-wrapper.tt-visible {
            opacity: 1;
            transform: translateY(0) scale(1);
        }

        .tt-co-card-inner {
            width: 100%; height: 100%;
            position: relative;
            transform-style: preserve-3d;
            transition: transform .85s cubic-bezier(.4,0,.2,1);
        }
        .tt-co-card-wrapper.tt-flipped .tt-co-card-inner { transform: rotateY(180deg); }

        .tt-co-card-back,
        .tt-co-card-front {
            position: absolute; inset: 0;
            backface-visibility: hidden;
            -webkit-backface-visibility: hidden;
            border-radius: 50%;
            overflow: hidden;
            box-shadow: 0 6px 28px rgba(0,0,0,.55), 0 0 0 2px rgba(180,120,255,.35);
        }

        .tt-co-card-back {
            background: linear-gradient(135deg, #3b1075 0%, #6d28d9 100%);
            display: flex; align-items: center; justify-content: center;
            font-size: calc(var(--card-size) * .35);
        }

        .tt-co-card-front { transform: rotateY(180deg); background: #1a0533; }

        .tt-co-card-back img,
        .tt-co-card-front img {
            width: 100%; height: 100%;
            object-fit: cover;
            border-radius: 50%;
            display: block;
        }

        @keyframes tt-fadeUp {
            from { opacity: 0; transform: translateY(18px); }
            to   { opacity: 1; transform: translateY(0); }
        }

        .tt-co-sparkle {
            position: fixed;
            pointer-events: none;
            z-index: 9999;
            animation: tt-sparkle-anim 1.4s ease-in-out forwards;
        }
        @keyframes tt-sparkle-anim {
            0%   { opacity: 0; transform: scale(0) rotate(0deg); }
            40%  { opacity: 1; transform: scale(1.2) rotate(15deg); }
            100% { opacity: 0; transform: scale(.4) rotate(30deg) translateY(-50px); }
        }

        .tt-co-dot-anim::after {
            content: '';
            animation: tt-dotDot 1.6s steps(4,end) infinite;
        }
        @keyframes tt-dotDot {
            0%  { content: ''; }
            25% { content: '·'; }
            50% { content: '··'; }
            75% { content: '···'; }
        }

    @media (max-width: 1100px) {
    .tt-card-oracle-root {
        --card-size: 118px;
        --card-gap:  12px;
        padding: 32px 8px;
    }
    .tt-co-intro-logo { font-size: 2.5em; }
    .tt-co-btn { padding: 9px 18px; font-size: 1em; }

    /* ★ 手機：改成直向排版，一張一行 */
    .tt-co-cards-container {
        flex-direction: column;
        align-items: center;       /* 置中 */
        overflow-x: hidden;        /* 不需要橫向捲動 */
        overflow-y: visible;
    }

    .tt-co-card-wrapper {
        width: 100px;           
        max-width: 280px;          /* 上限寬，可自行調整 */
        height: auto;              /* 用 padding 技巧維持正方形 */
        position: relative;
    }
    .tt-co-card-wrapper::before {
        content: '';
        display: block;
        padding-top: 100%;         /* 高度 = 寬度，維持正方形 */
    }
    .tt-co-card-inner {
        position: absolute;
        inset: 0;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-16b18f0 *//* 表格基礎樣式：全寬、合併邊框、陰影 */
table {
 border-collapse: collapse;
 width: 100%;
 margin: 1.5em 0;
 font-size: 16px;
 background-color: #fff;
 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

/* 儲存格樣式：邊框、內距、對齊 */
th, td {
 border: 1px solid #ddd;
 padding: 12px 15px;
}

/* 表頭樣式：灰底加粗 */
th {
 background-color: #fcfcfc;
 font-weight: bold;
 color: #333;
 text-align: center;
}

/* 隔行變色（偶數行淺灰） */
tr:nth-child(even) {
 background-color: #fcfcfc;
}

/* 手機版響應式：縮小字體、可左右滑動 */
@media screen and (max-width: 768px) {
 table {
 font-size: 14px;
 display: block;
 overflow-x: auto;
 white-space: nowrap;
 }
}/* End custom CSS */