/* ========================= THEME TOKENS ========================= */ :root{ --bg: #f6f7fb; --card: rgba(255,255,255,.74); --card2: rgba(255,255,255,.62); --stroke: rgba(16,24,40,.12); --text: rgba(14,18,30,.92); --muted: rgba(14,18,30,.70); --muted2: rgba(14,18,30,.55); --gold: #d8b45a; --gold2:#f3d585; --shadow: 0 18px 50px rgba(16,24,40,.12); --shadow2: 0 10px 30px rgba(16,24,40,.10); --r: 22px; --r2: 16px; --max: 1100px; --fz: clamp(16px, 1.15vw, 18px); --h1: clamp(30px, 4.3vw, 54px); --h2: clamp(20px, 2.2vw, 30px); --h3: clamp(18px, 1.7vw, 22px); --pad: clamp(16px, 2.2vw, 26px); --pad2: clamp(14px, 1.8vw, 20px); } html.dark-mode, body.dark-mode{ --bg: #0b1020; --card: rgba(255,255,255,.08); --card2: rgba(255,255,255,.06); --stroke: rgba(255,255,255,.14); --text: rgba(255,255,255,.92); --muted: rgba(255,255,255,.70); --muted2: rgba(255,255,255,.55); --shadow: 0 18px 50px rgba(0,0,0,.45); --shadow2: 0 10px 30px rgba(0,0,0,.35); } *{ box-sizing: border-box; } body{ margin:0; font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Helvetica Neue", sans-serif; font-size: var(--fz); line-height: 1.55; color: var(--text); background: radial-gradient(900px 600px at 18% 8%, rgba(216,180,90,.22), transparent 55%), radial-gradient(800px 500px at 85% 18%, rgba(120,170,255,.18), transparent 60%), radial-gradient(900px 700px at 50% 110%, rgba(255,255,255,.10), transparent 55%), var(--bg); } html.dark-mode body, body.dark-mode{ background: radial-gradient(900px 600px at 18% 8%, rgba(216,180,90,.22), transparent 55%), radial-gradient(800px 500px at 85% 18%, rgba(120,170,255,.18), transparent 60%), radial-gradient(900px 700px at 50% 110%, rgba(255,255,255,.10), transparent 55%), var(--bg); } a{ color: inherit; text-decoration: none; } .wrap{ max-width: var(--max); margin: 0 auto; padding: clamp(18px, 3.2vw, 36px) 14px 60px; min-height: 100vh; display: flex; flex-direction: column; justify-content: center; } .topbar{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom: 16px; } .crumbs{ display:flex; flex-wrap:wrap; gap:8px; color: var(--muted2); font-size: 13px; } .crumbs a{ color: var(--muted); } .dot{ opacity:.55; } .btn{ display:inline-flex; align-items:center; justify-content:center; gap:10px; padding: 12px 14px; border-radius: 14px; border: 1px solid rgba(16,24,40,.14); background: linear-gradient(180deg, rgba(255,255,255,.80), rgba(255,255,255,.58)); color: rgba(14,18,30,.92); box-shadow: 0 14px 34px rgba(16,24,40,.10); transition: transform .15s ease, filter .15s ease, border-color .15s ease, box-shadow .15s ease; will-change: transform; } .btn:hover{ transform: translateY(-1px); filter: brightness(1.03); } .btn:active{ transform: translateY(0px) scale(.99); } .btnGold{ border-color: rgba(216,180,90,.42); background: linear-gradient(180deg, rgba(243,213,133,.58), rgba(216,180,90,.30)); } html.dark-mode .btn, body.dark-mode .btn{ border: 1px solid rgba(255,255,255,.18); background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.08)); color: rgba(255,255,255,.92); box-shadow: 0 12px 30px rgba(0,0,0,.22); } html.dark-mode .btnGold, body.dark-mode .btnGold{ border-color: rgba(216,180,90,.40); background: linear-gradient(180deg, rgba(243,213,133,.28), rgba(216,180,90,.18)); } .btn:focus-visible, .miniLinks a:focus-visible, .crumbs a:focus-visible, summary:focus-visible{ outline: 2px solid rgba(216,180,90,.65); outline-offset: 3px; border-radius: 14px; } /* Footer */ .footer{ margin-top: 36px; color: var(--muted2); font-size: 13px; display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:space-between; padding: 12px 0 0; } .miniLinks{ display:flex; gap:10px; flex-wrap:wrap; } .miniLinks a{ padding: 8px 10px; border-radius: 999px; border: 1px solid var(--stroke); background: rgba(255,255,255,.55); transition: transform .15s ease, filter .15s ease, border-color .15s ease; } .miniLinks a:hover{ transform: translateY(-1px); } html.dark-mode .miniLinks a, body.dark-mode .miniLinks a{ background: rgba(0,0,0,.06); } /* Reduce motion */ @media (prefers-reduced-motion: reduce){ *{ scroll-behavior:auto !important; transition:none !important; animation:none !important; } } /* ========================================================= ✅ STATIC PANEL — BASE TOKENS ========================================================= */ .elp-contact-static{ --primary:#0d3b66; --accent:#2a8bc9; --gold:#c2a06b; --panelRadius:34px; --cardRadius:20px; width:100%; max-width:760px; margin:22px auto; padding:0; box-sizing:border-box; /* sizes */ --ico:46px; --icoR:16px; --titleSz:26px; --subSz:15.5px; --padX:22px; --padY:20px; /* focus */ --focus: rgba(42,139,201,.26); } .elp-contact-static, .elp-contact-static *{box-sizing:border-box} /* ========================================================= ✅ THEME VARIABLES ========================================================= */ /* LIGHT THEME */ .elp-contact-static:not(.elp-is-dark){ --panelBg1: rgba(255,255,255,.90); --panelBg2: rgba(246,249,255,.64); --panelBd: rgba(13,59,102,.12); --panelSh: 0 30px 95px rgba(0,0,0,.16); --panelGlowA: rgba(194,160,107,.18); --panelGlowB: rgba(13,59,102,.14); --panelGlowC: rgba(255,255,255,.60); --glassA: rgba(255,255,255,.78); --glassB: rgba(246,249,255,.56); --glassBd: rgba(13,59,102,.12); --glassSh: 0 18px 54px rgba(0,0,0,.14); --noteA: rgba(255,255,255,.82); --noteB: rgba(250,250,252,.62); --noteBd: rgba(0,0,0,.10); --noteSh: 0 12px 30px rgba(0,0,0,.10); --cardA: rgba(255,255,255,.78); --cardB: rgba(246,249,255,.56); --cardBd: rgba(0,0,0,.10); --cardSh: 0 18px 54px rgba(0,0,0,.14); --pillA: rgba(255,255,255,.74); --pillB: rgba(248,250,255,.54); --pillBd: rgba(0,0,0,.10); --icoA: rgba(255,255,255,.62); --icoB: rgba(246,249,255,.44); --icoBd: rgba(13,59,102,.14); --icoSh: 0 10px 18px rgba(0,0,0,.06); --txtTitle: var(--primary); --txtMain: rgba(10,12,18,.92); --txtSub: rgba(10,12,18,.82); --txtMuted: rgba(10,12,18,.70); --txtPill: rgba(13,59,102,.92); --hintBg1: rgba(255,255,255,.84); --hintBg2: rgba(248,248,252,.60); --hintBd: rgba(13,59,102,.18); --hintTxt: rgba(10,12,18,.78); } /* DARK THEME */ .elp-contact-static.elp-is-dark{ --panelBg1: rgba(6,8,12,.82); --panelBg2: rgba(6,8,12,.58); --panelBd: rgba(255,255,255,.14); --panelSh: 0 44px 110px rgba(0,0,0,.62); --panelGlowA: rgba(244,228,188,.16); --panelGlowB: rgba(42,139,201,.18); --panelGlowC: rgba(255,255,255,.08); --glassA: rgba(255,255,255,.10); --glassB: rgba(255,255,255,.06); --glassBd: rgba(255,255,255,.12); --glassSh: 0 18px 54px rgba(0,0,0,.22); --noteA: rgba(0,0,0,.26); --noteB: rgba(0,0,0,.16); --noteBd: rgba(255,255,255,.12); --noteSh: 0 10px 26px rgba(0,0,0,.18); --cardA: rgba(255,255,255,.10); --cardB: rgba(255,255,255,.06); --cardBd: rgba(255,255,255,.12); --cardSh: 0 18px 54px rgba(0,0,0,.22); --pillA: rgba(0,0,0,.20); --pillB: rgba(0,0,0,.12); --pillBd: rgba(255,255,255,.12); --icoA: rgba(8,10,14,.58); --icoB: rgba(8,10,14,.30); --icoBd: rgba(255,255,255,.12); --icoSh: 0 12px 30px rgba(0,0,0,.18); --txtTitle: rgba(255,255,255,.98); --txtMain: rgba(255,255,255,.94); --txtSub: rgba(255,255,255,.90); --txtMuted: rgba(255,255,255,.84); --txtPill: rgba(255,255,255,.92); --hintBg1: rgba(0,0,0,.22); --hintBg2: rgba(0,0,0,.14); --hintBd: rgba(255,255,255,.18); --hintTxt: rgba(255,255,255,.84); } /* ========================================================= ✅ PANEL ========================================================= */ .elp-contact-static .panel{ position:relative; border-radius:var(--panelRadius); overflow:hidden; background:linear-gradient(180deg, var(--panelBg1), var(--panelBg2)); border:1px solid var(--panelBd); box-shadow: var(--panelSh), inset 0 1px 0 rgba(255,255,255,.10); } .elp-contact-static .panel::before{ content:""; position:absolute; inset:-1px; pointer-events:none; border-radius:var(--panelRadius); background: radial-gradient(900px 280px at 18% 0%, var(--panelGlowA), transparent 62%), radial-gradient(760px 280px at 82% 0%, var(--panelGlowB), transparent 62%), radial-gradient(560px 260px at 50% -10%, var(--panelGlowC), transparent 70%); opacity:.90; } .elp-contact-static .panel::after{ content:""; position:absolute; inset:0; pointer-events:none; border-radius:var(--panelRadius); background: linear-gradient(135deg, rgba(255,255,255,.12), transparent 44%, rgba(255,255,255,.06) 72%, transparent), radial-gradient(1200px 460px at 50% 0%, rgba(255,255,255,.06), transparent 60%); opacity:.50; } .elp-contact-static:not(.elp-is-dark) .panel::after{ mix-blend-mode:normal; opacity:.44; } .elp-contact-static.elp-is-dark .panel::after{ mix-blend-mode:screen; opacity:.55; } @supports ((backdrop-filter: blur(18px)) or (-webkit-backdrop-filter: blur(18px))){ .elp-contact-static .panel{ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); } } .elp-contact-static .pad{ padding: var(--padY) var(--padX) 22px; } /* ========================================================= ✅ HEADER (glass) ========================================================= */ .elp-contact-static .headwrap{ margin:2px 0 12px; padding:6px 6px 14px; border-radius:6px; border:1px solid var(--glassBd); background:linear-gradient(180deg, var(--glassA), var(--glassB)); box-shadow: var(--glassSh), inset 0 1px 0 rgba(255,255,255,.10); position:relative; overflow:hidden; } .elp-contact-static .headwrap::before{ content:""; position:absolute; inset:0; pointer-events:none; border-radius:26px; background: radial-gradient(520px 170px at 12% 0%, rgba(42,139,201,.18), transparent 70%), linear-gradient(140deg, rgba(255,255,255,.14), transparent 52%); opacity:.85; } @supports ((backdrop-filter: blur(16px)) or (-webkit-backdrop-filter: blur(16px))){ .elp-contact-static .headwrap{ backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(16px); } } .elp-contact-static .title{ margin:0; font-size:var(--titleSz); line-height:1.15; letter-spacing:.2px; color:var(--txtTitle); text-shadow: 0 2px 12px rgba(0,0,0,.18); position:relative; z-index:1; } .elp-contact-static:not(.elp-is-dark) .title{ text-shadow:none; } .elp-contact-static .subtitle{ margin:10px 0 0; color:var(--txtSub); font-size:var(--subSz); line-height:1.62; text-shadow: 0 1px 10px rgba(0,0,0,.12); position:relative; z-index:1; } .elp-contact-static:not(.elp-is-dark) .subtitle{ text-shadow:none; } /* ========================================================= ✅ NOTE ========================================================= */ .elp-contact-static .note{ margin-top:12px; padding:12px 12px; border-radius:18px; border:1px solid var(--noteBd); background:linear-gradient(180deg, var(--noteA), var(--noteB)); box-shadow: var(--noteSh), inset 0 1px 0 rgba(255,255,255,.08); color:var(--txtMain); font-size:13.8px; line-height:1.58; position:relative; overflow:hidden; } .elp-contact-static:not(.elp-is-dark) .note{ border-left:3px solid rgba(194,160,107,.60); } .elp-contact-static .note::before{ content:""; position:absolute; inset:0; pointer-events:none; border-radius:18px; background: linear-gradient(135deg, rgba(255,255,255,.14), transparent 48%), radial-gradient(520px 170px at 20% 0%, rgba(194,160,107,.16), transparent 70%); opacity:.86; } @supports ((backdrop-filter: blur(14px)) or (-webkit-backdrop-filter: blur(14px))){ .elp-contact-static .note{ backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); } } /* ========================================================= ✅ GRID ========================================================= */ .elp-contact-static .grid{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px; margin-top:14px; } /* ========================================================= ✅ CARD ========================================================= */ .elp-contact-static .card{ position:relative; display:flex; align-items:center; gap:12px; padding:14px 14px; border-radius:var(--cardRadius); border:1px solid var(--cardBd); background:linear-gradient(180deg, var(--cardA), var(--cardB)); box-shadow: var(--cardSh), inset 0 1px 0 rgba(255,255,255,.08); color:var(--txtMain); text-decoration:none; overflow:hidden; cursor:pointer; transition: transform .22s ease, filter .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease; } .elp-contact-static .card::before{ content:""; position:absolute; inset:0; pointer-events:none; border-radius:var(--cardRadius); background: linear-gradient(140deg, rgba(255,255,255,.18), transparent 48%), radial-gradient(520px 170px at 18% 0%, rgba(42,139,201,.16), transparent 70%); opacity:.88; } .elp-contact-static .card:hover{ transform:translateY(-2px); filter:brightness(1.06); border-color:rgba(244,228,188,.32); background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.08)); box-shadow: 0 22px 70px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.12); } .elp-contact-static.elp-is-dark .card:hover{ box-shadow: 0 22px 70px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.12); } .elp-contact-static .card:active{transform:translateY(1px) scale(.995);} @supports ((backdrop-filter: blur(16px)) or (-webkit-backdrop-filter: blur(16px))){ .elp-contact-static .card{ backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); } } .elp-contact-static .card:focus-visible{ outline:3px solid var(--focus); outline-offset:2px; } /* ========================================================= ✅ ICON ========================================================= */ .elp-contact-static .ico{ width:var(--ico); height:var(--ico); border-radius:var(--icoR); display:flex; align-items:center; justify-content:center; flex:0 0 auto; border:1px solid var(--icoBd); background:linear-gradient(180deg, var(--icoA), var(--icoB)); box-shadow: var(--icoSh), inset 0 1px 0 rgba(255,255,255,.12); position:relative; overflow:hidden; } .elp-contact-static .ico::before{ content:""; position:absolute; inset:0; pointer-events:none; border-radius:inherit; background: linear-gradient(140deg, rgba(255,255,255,.18), transparent 52%), radial-gradient(360px 120px at 18% 0%, rgba(42,139,201,.18), transparent 70%); opacity:.86; } @supports ((backdrop-filter: blur(14px)) or (-webkit-backdrop-filter: blur(14px))){ .elp-contact-static .ico{ backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); } } .elp-contact-static .ico svg{ width:24px; height:24px; position:relative; z-index:1; } .elp-contact-static.elp-is-dark .ico svg{ fill: rgba(255,255,255,.95); } .elp-contact-static:not(.elp-is-dark) .ico svg{ fill: rgba(0,0,0,.92); } .elp-contact-static:not(.elp-is-dark) .card:nth-child(1) .ico svg{ fill:#25D366; } /* WhatsApp */ .elp-contact-static:not(.elp-is-dark) .card:nth-child(2) .ico svg{ fill:#7360F2; } /* Viber */ .elp-contact-static:not(.elp-is-dark) .card:nth-child(3) .ico svg{ fill:#0088cc; } /* Telegram */ .elp-contact-static:not(.elp-is-dark) .card:nth-child(4) .ico svg{ fill:#0d3b66; } /* Phone */ .elp-contact-static:not(.elp-is-dark) .card:nth-child(5) .ico svg{ fill:#EA4335; } /* Email */ /* ========================================================= ✅ CARD TEXT ========================================================= */ .elp-contact-static .meta{min-width:0; position:relative; z-index:1;} .elp-contact-static .t{ font-weight:950; letter-spacing:.25px; font-size:14.2px; margin:0; color:inherit; } .elp-contact-static .s{ margin:6px 0 0; font-size:13.4px; line-height:1.25; color:var(--txtMuted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } /* ========================================================= ✅ FIX: PHONE + EMAIL — show full text (no ellipsis) ========================================================= */ .elp-contact-static .card:nth-child(4) .s, .elp-contact-static .card:nth-child(5) .s{ white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere; word-break:break-word; } @media (min-width: 769px){ .elp-contact-static .card:nth-child(5) .s{ font-size:13px; } } /* ========================================================= ✅ PILL ========================================================= */ .elp-contact-static .pill{ margin-left:auto; font-size:12px; font-weight:900; padding:8px 10px; border-radius:999px; flex:0 0 auto; border:1px solid var(--pillBd); background:linear-gradient(180deg, var(--pillA), var(--pillB)); box-shadow: inset 0 1px 0 rgba(255,255,255,.10); color:var(--txtPill); position:relative; z-index:1; } @supports ((backdrop-filter: blur(12px)) or (-webkit-backdrop-filter: blur(12px))){ .elp-contact-static .pill{ backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); } } /* ========================================================= ✅ VIBER HINT ========================================================= */ .elp-contact-static .hint{ margin-top:10px; padding:10px 12px; border-radius:16px; display:none; border:1px dashed var(--hintBd); background:linear-gradient(180deg, var(--hintBg1), var(--hintBg2)); box-shadow: 0 10px 22px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.08); color:var(--hintTxt); font-size:13px; line-height:1.48; position:relative; overflow:hidden; } .elp-contact-static .hint::before{ content:""; position:absolute; inset:0; pointer-events:none; border-radius:16px; background:linear-gradient(140deg, rgba(255,255,255,.14), transparent 55%); opacity:.84; } @supports ((backdrop-filter: blur(14px)) or (-webkit-backdrop-filter: blur(14px))){ .elp-contact-static .hint{ backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); } } /* ========================================================= ✅ RESPONSIVE ========================================================= */ @media (min-width: 769px){ .elp-contact-static{ --ico:52px; --icoR:18px; } .elp-contact-static .ico svg{ width:26px; height:26px; filter:drop-shadow(0 6px 16px rgba(0,0,0,.22)); } } @media (max-width: 768px) { .elp-contact-static { width: 100% !important; max-width: none !important; margin: 12px 0 !important; padding: 0 8px !important; box-sizing: border-box; --padX: 10px; --padY: 18px; --titleSz: 23.5px; --subSz: 15.2px; } .elp-contact-static .pad { padding: var(--padY) var(--padX) 24px !important; } .elp-contact-static .headwrap { padding: 16px 12px 14px !important; border-radius: 24px; } .elp-contact-static .note { padding: 14px 12px !important; border-radius: 20px; } .elp-contact-static .card { padding: 14px 12px !important; } @media (max-width: 620px) { .elp-contact-static .grid { grid-template-columns: 1fr; } } } /* ========================================================= ✅ FULL WIDTH FIX ========================================================= */ @media (max-width: 768px) { body, #page, #content, .site-content, .container, .wrapper, .main, .content-area, .entry-content, article, section, .post, .page-content { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } .elp-contact-static, .elp-contact-static .panel, .elp-contact-static .pad { width: 100% !important; max-width: none !important; margin: 12px 0 !important; padding: 0 6px !important; } .elp-contact-static .headwrap, .elp-contact-static .note, .elp-contact-static .card { padding-left: 10px !important; padding-right: 10px !important; } } @media (max-width: 768px) { .container, .content_section.container, .header_bottom.container, .footer .container, .row { width: 100% !important; max-width: none !important; padding-left: 8px !important; padding-right: 8px !important; margin-left: 0 !important; margin-right: 0 !important; } .elp-contact-static { width: 100% !important; max-width: none !important; margin: 12px 0 !important; padding: 0 !important; } .elp-contact-static .panel { width: 100% !important; margin: 0 auto !important; border-radius: 24px; } .elp-contact-static .pad { padding-left: 10px !important; padding-right: 10px !important; } .elp-contact-static .headwrap, .elp-contact-static .note, .elp-contact-static .card { padding-left: 12px !important; padding-right: 12px !important; } } @media (max-width: 768px) { .content_section.container-fluid, .container-fluid { padding-left: 0 !important; padding-right: 0 !important; } .content_section.container-fluid .row, .container-fluid .row { margin-left: 0 !important; margin-right: 0 !important; } .elp-contact-static { width: 100% !important; max-width: none !important; margin: 12px 0 !important; padding: 0 6px !important; } .elp-contact-static .panel { width: 100% !important; border-radius: 24px; } .elp-contact-static .pad, .elp-contact-static .headwrap, .elp-contact-static .note, .elp-contact-static .card { padding-left: 10px !important; padding-right: 10px !important; } } 首页 • 联系方式 价格与联系方式 为了给您准确的报价,请告诉我: 您一行有多少人 (儿童也计入), 什么时候到达 (至少告知月份),以及 您对哪条行程感兴趣 ——或者直接告诉我您想看些什么。 点击下面的按钮,即可直接开始聊天 — 无需把我加入通讯录 就能通过 WhatsApp、Viber 或 Telegram 联系我。如果您更习惯发邮件或打电话,我同样乐意回复。 WhatsApp +30 694 860 6677 发消息 Viber +30 694 860 6677 打开 Telegram t.me/elpiadis 打开 打电话 +30 694 860 6677 打电话 电子邮件 Адрес электронной почты защищен от спам-ботов. Для просмотра адреса в вашем браузере должен быть включен Javascript. 发送 电脑版 Viber 有时无法通过按钮直接打开。号码已为您复制 — 直接粘贴到聊天软件里即可: +30 694 860 6677 .tours-backdrop{position:fixed;inset:0;background:transparent;opacity:0;pointer-events:none;transition:opacity .25s;z-index:10010} .tours-backdrop.is-on{opacity:1;pointer-events:auto} .tours-fab{position:fixed;left:10px;top:50%;transform:translateY(-50%);z-index:10020;display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 10px;border-radius:999px;border:1px solid rgba(216,180,90,.28);background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(255,255,255,.56));box-shadow:0 18px 50px rgba(16,24,40,.16);color:var(--text);cursor:pointer;min-width:54px} html.dark-mode .tours-fab{border-color:rgba(77,171,247,.35);background:#0d0d1a;box-shadow:0 0 25px rgba(77,171,247,.15),0 0 50px rgba(77,171,247,.08)} .tours-fab.bounce{animation:toursBounce .5s cubic-bezier(.68,-.55,.27,1.55)} @keyframes toursBounce{0%{transform:translateY(-50%) scale(1)}30%{transform:translateY(-50%) scale(1.3)}60%{transform:translateY(-50%) scale(0.9)}100%{transform:translateY(-50%) scale(1)}} .tours-fab svg{width:18px;height:18px;opacity:.95;stroke:currentColor;fill:none;stroke-width:2.6} .tours-label{display:flex;flex-direction:column;align-items:center;gap:12px} .tours-word{writing-mode:vertical-rl;text-orientation:upright;font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;opacity:.92} .mini-tours{position:fixed;left:14px;top:50%;right:auto;width:min(92vw,340px);max-height:82vh;transform:translate(-120%,-50%);transition:transform .32s cubic-bezier(.2,.8,.2,1);z-index:10030;border:1px solid rgba(255,255,255,.10);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.62));box-shadow:0 22px 70px rgba(16,24,40,.24);overflow:hidden;display:flex;flex-direction:column;backdrop-filter:blur(16px)} html.dark-mode .mini-tours{border-color:rgba(77,171,247,.35);background:#0d0d1a;box-shadow:0 0 40px rgba(77,171,247,.2),0 0 80px rgba(77,171,247,.1),0 25px 60px rgba(0,0,0,.6)} html.dark-mode .mini-tours::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(77,171,247,.8),transparent);z-index:5} .mini-tours.is-open{transform:translate(0,-50%)} .tours-top{position:sticky;top:0;z-index:2;background:transparent;border-bottom:1px solid rgba(127,127,127,.14)} .tours-grip{width:44px;height:5px;border-radius:999px;background:rgba(127,127,127,.28);margin:10px auto 0} .tours-head{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:10px 12px 12px} .tours-title{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted2);font-weight:900} .tours-title-wrap{display:flex;align-items:center;gap:8px;justify-content:center;width:100%}.tours-icon{width:20px;height:20px;stroke:#996515;flex-shrink:0}.tours-title-text{display:flex;flex-direction:column;align-items:center}.tours-title-wrap .tours-title{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:900;white-space:nowrap;background:linear-gradient(135deg,#8b5a10,#a06b1a);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tours-subtitle{font-size:9px;color:#666;margin-top:3px;letter-spacing:.03em;white-space:nowrap}.tours-title-line{height:1px;margin:12px 0 0;width:100%;background:linear-gradient(90deg,transparent 5%,#996515 50%,transparent 95%)} html.dark-mode .tours-icon{stroke:#4dabf7} html.dark-mode .tours-title-wrap .tours-title{background:linear-gradient(90deg,#4dabf7,#7dd3fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent} html.dark-mode .tours-title{background:linear-gradient(90deg,#4dabf7,#7dd3fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent} .tours-close{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;border:1px solid rgba(127,127,127,.16);background:rgba(255,255,255,.55);cursor:pointer;transition:all .15s} html.dark-mode .tours-close{border-color:rgba(77,171,247,.25);background:rgba(77,171,247,.08)} .tours-close svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.6} .tours-content{padding:10px;overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:calc(82vh - 80px)} .elpiadis-tours-container{all:initial !important;display:block !important} .elpiadis-tours-container{--elpiadis-clr-primary:#3b82f6;--elpiadis-clr-secondary:#9333ea;--elpiadis-radius:16px;box-sizing:border-box !important;width:100% !important;font-family:'Playfair Display',serif,-apple-system,BlinkMacSystemFont,sans-serif !important;background:transparent !important;display:block !important;color:#111827 !important} html.dark-mode .elpiadis-tours-container{color:#f0f0f0 !important} .elpiadis-section-category{margin-top:20px !important} .elpiadis-section-category:first-child{margin-top:0 !important} .elpiadis-category-title{font-size:13px !important;font-weight:700 !important;text-align:center !important;margin:0 0 15px !important;padding-top:15px !important;text-transform:uppercase !important;letter-spacing:1px !important;color:#111827 !important;position:relative !important;font-family:'Playfair Display',serif !important} html.dark-mode .elpiadis-category-title{color:#f0f0f0 !important} .elpiadis-category-title::after{content:'' !important;display:block !important;width:60px !important;height:2px !important;margin:10px auto 0 !important;background:linear-gradient(90deg,var(--elpiadis-clr-primary),var(--elpiadis-clr-secondary)) !important;border-radius:2px !important} html.dark-mode .elpiadis-category-title::after{background:linear-gradient(90deg,#4dabf7,#9333ea) !important} .elpiadis-tour-card{background:rgba(255,255,255,.92) !important;border-radius:var(--elpiadis-radius) !important;padding:12px 10px !important;text-align:center !important;margin-bottom:12px !important;transition:all .3s ease !important;border:1px solid rgba(59,130,246,.1) !important;display:block !important} html.dark-mode .elpiadis-tour-card{background:rgba(30,30,40,.92) !important;border-color:rgba(77,171,247,.25) !important} .elpiadis-tour-card:hover{transform:translateY(-3px) !important;box-shadow:0 15px 40px rgba(0,0,0,.15) !important} html.dark-mode .elpiadis-tour-card:hover{box-shadow:0 0 30px rgba(77,171,247,.2),0 15px 40px rgba(0,0,0,.5) !important} .elpiadis-tour-card img{border-radius:8px !important;max-width:100% !important;height:auto !important;margin:12px auto 15px !important;box-shadow:0 20px 50px rgba(15,23,42,0.5) !important;display:block !important;border:none !important;outline:none !important;filter:brightness(1.03) contrast(1.02) !important;transform:scale(1.05) !important;transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s cubic-bezier(.2,.8,.2,1) !important} html.dark-mode .elpiadis-tour-card img{box-shadow:0 10px 30px rgba(0,0,0,.5) !important} .elpiadis-tour-card h3{font-size:14px !important;font-weight:600 !important;margin:0 0 4px !important;font-family:'Playfair Display',serif !important} .elpiadis-tour-card h3 a{color:#111827 !important;text-decoration:none !important} html.dark-mode .elpiadis-tour-card h3 a{color:#f0f0f0 !important} .elpiadis-tour-card h3 a:hover{color:#3b82f6 !important} html.dark-mode .elpiadis-tour-card h3 a:hover{color:#6bc0ff !important} .elpiadis-tour-short{font-size:11px !important;line-height:1.3 !important;color:#4b5563 !important;margin-bottom:6px !important;font-family:'Playfair Display',serif !important} html.dark-mode .elpiadis-tour-short{color:#b0b0c0 !important} .elpiadis-duration{display:inline-flex !important;align-items:center !important;gap:4px !important;padding:5px 10px !important;border-radius:20px !important;font-weight:600 !important;font-size:11px !important;background:rgba(255,255,255,.7) !important;color:#2563eb !important;box-shadow:inset 0 0 0 1px rgba(52,152,219,0.2) !important;margin:8px 0 !important;font-family:'Playfair Display',serif !important} html.dark-mode .elpiadis-duration{background:rgba(40,40,60,.8) !important;color:#6bc0ff !important} .elpiadis-transport{font-size:11px !important;opacity:.9 !important;color:#111827 !important;font-family:'Playfair Display',serif !important} html.dark-mode .elpiadis-transport{color:#d0d0e0 !important} @media(max-width:720px){.tours-fab{left:6px;padding:10px 8px;min-width:50px}.mini-tours{left:10px;right:10px;bottom:calc(env(safe-area-inset-bottom) + 10px);top:auto;width:auto;max-height:min(62vh,calc(100vh - 24px));transform:translateY(120%)}.mini-tours.is-open{transform:translateY(0)}.tour-title,.elpiadis-tour-short,.elpiadis-duration,.elpiadis-transport{text-align:center !important}.elpiadis-tour-card a{display:block !important;text-align:center !important}.elpiadis-tour-card img{margin-left:auto !important;margin-right:auto !important}} 行程 菜单 行程菜单选择您的行程 行程菜单 雅典卫城 一切开始的地方 1.5–2 小时 步行游览 雅典卫城与市区游 一场跨越 2500 年的行程 4–4.5 小时 乘车 + 步行 傍晚的雅典 雅典里维埃拉海岸与苏尼翁的日落 4–6 小时 乘车 / 步行 科林西亚的美景 科林斯运河与希腊南部最美的风景 4–5 小时 乘车 / 步行 一日游 希腊黄金环线 内容最全面的一日游 8–9 小时 乘车 / 步行 德尔斐 大地的肚脐与神谕之地 8–9 小时 乘车 / 步行 阿哈伊亚的美景 梅加斯皮莱奥修道院、卡拉夫里塔与齿轨小火车 7–8 小时 乘车 / 火车 迈泰奥拉 希腊最美的地方 10–11 小时 乘车 / 步行 奥林匹亚 奥林匹克运动会的诞生地 10–11 小时 乘车 / 步行 游艇天堂之旅(一日) 航行到无人小岛,在天堂般的海水里畅游 8–9 小时 游艇 一日游轮 一天三岛:伊兹拉、波罗斯、埃伊纳 11–12 小时 游轮 多日游 德尔斐 — 迈泰奥拉 两日游 一次行程,游览希腊两大标志性景点 2 天 乘车 / 含住宿 希腊黄金大环线 涵盖希腊主要景点最完整的行程 4 天 乘车 / 含数晚住宿