.cj-package-page { --pkg-ink:#203c33; --pkg-paper:#faf9f5; --pkg-line:#e3dfd5; --pkg-serif:"CJ Package Serif","Noto Serif SC",SimSun,Georgia,serif; background:var(--pkg-paper); color:var(--pkg-ink); }
.cj-package-page * { letter-spacing:0; }
.cj-package-page #page,.cj-package-page .site-content,.cj-package-page .content-area,.cj-package-page #primary.cj-packages { width:100%; max-width:none; margin:0; padding:0; display:block; }
.cj-packages,.cj-package-footer { font-family:var(--pkg-serif); }
.cj-package-wrap { width:calc(100% - 86px); max-width:1320px; margin-inline:auto; }
.cj-package-page .cj-global-header { position:relative; background:#fcfbf8; border-bottom:1px solid var(--pkg-line); }
.cj-package-page .cj-global-header__inner { width:calc(100% - 86px); max-width:1320px; height:52px; min-height:52px; gap:22px; }
.cj-package-page .cj-global-brand { font-family:var(--pkg-serif); font-size:21px; font-weight:500; gap:10px; }
.cj-package-page .cj-global-brand__seal { width:31px; height:31px; flex-basis:31px; font-size:16px; }
.cj-package-page .cj-global-brand small { font-size:8px; }
.cj-package-page .cj-global-nav { gap:27px; }
.cj-package-page .cj-nav-products[data-escape-closed] .cj-nav-products__menu { opacity:0; visibility:hidden; pointer-events:none; }
.cj-package-page .cj-global-header { font-family:var(--pkg-serif); }
.cj-package-page .cj-global-nav a { font-size:13px; }
.cj-package-page .cj-global-header__actions { gap:17px; }
.cj-package-page .cj-language-switcher { border:0; font-size:12px; padding:0; }
.cj-package-page .cj-experience-advisor { display:inline-flex; align-items:center; border:1px solid #937052; border-radius:24px; color:#3e3a32; font-size:12px; padding:6px 20px; text-decoration:none; }
.cj-package-page .cj-experience-advisor img { display:none; }
.cj-package-hero { background:#213e34; color:#f8f7f1; padding-top:24px; }
.cj-package-breadcrumb { font-size:12px; color:#d3d9d3; margin-bottom:12px; }
.cj-package-breadcrumb a { color:inherit; text-decoration:none; }
.cj-package-heading { display:grid; grid-template-columns:1.25fr 1fr; gap:30px; align-items:center; padding-bottom:12px; }
.cj-package-heading h1 { font:600 62px/1.16 var(--pkg-serif); margin:0 0 6px; color:inherit; }
.cj-package-heading p { margin:0; font-size:22px; line-height:1.4; }
.cj-package-heading h2 { font:400 27px/1.5 var(--pkg-serif); margin:0; color:inherit; }
.cj-package-heading>div:last-child p { font-size:18px; }
.cj-package-tabs { border-top:1px solid #99aaa0; display:flex; justify-content:center; gap:0; min-height:52px; align-items:center; flex-wrap:wrap; }
.cj-package-tabs a { color:#e1e6e0; text-decoration:none; font-size:16px; line-height:1.8; position:relative; margin-inline:24px; padding-block:5px; }
.cj-package-tabs a+a:before { content:"/"; position:absolute; left:-26px; opacity:.75; }
.cj-package-tabs a[aria-current=true]:after { content:""; height:2px; background:currentColor; position:absolute; bottom:0; left:0; right:0; }
.cj-package-filters { display:flex; align-items:center; gap:12px; padding:16px 0 12px; margin:0; border-bottom:1px solid var(--pkg-line); font-size:14px; }
.cj-package-filters strong { font-size:16px; margin-right:10px; }
.cj-package-filters label { margin:0; }
.cj-package-filters select { border:1px solid #c9c7be; border-radius:10px; background:transparent; color:#263c34; font:inherit; min-height:34px; min-width:124px; padding:5px 30px 5px 13px; }
.cj-package-filters>a { margin-left:auto; color:#65716a; text-underline-offset:3px; font-size:12px; }
.cj-package-filters>[data-package-total] { border-left:1px solid #bbbcb5; padding-left:12px; color:#676d67; font-size:12px; }
.cj-package-status:has(span:empty):not(:has(button:not([hidden]))) { display:none; }
.cj-package-status { font-size:14px; }
.cj-package-status:not(:has(button:not([hidden]))) { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.cj-package-page [data-packages][data-ready] .cj-package-apply { display:none; }
.cj-package-row { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,.74fr) 120px; gap:24px; padding:16px 0 13px; border-bottom:1px solid var(--pkg-line); align-items:stretch; }
.cj-package-photo { display:block; overflow:hidden; aspect-ratio:2.02; align-self:start; }
.cj-package-photo img { width:100%; height:100%; object-fit:cover; display:block; transition:transform 700ms cubic-bezier(.2,.7,.3,1); }
.cj-package-image-region { display:block; position:relative; width:100%; height:100%; overflow:hidden; transition:transform 700ms cubic-bezier(.2,.7,.3,1); }
.cj-package-photo .cj-package-image-region img { position:absolute; max-width:none; width:var(--crop-width); height:var(--crop-height); left:var(--crop-left); top:var(--crop-top); object-fit:fill; }
.cj-package-row:hover .cj-package-photo .cj-package-image-region img { transform:none; }
.cj-package-row:hover .cj-package-image-region { transform:scale(1.035); }
.cj-package-row:hover .cj-package-photo img { transform:scale(1.035); }
.cj-package-copy { padding:9px 0 12px; display:flex; flex-direction:column; min-width:0; margin-right:-20px; }
.cj-package-kicker { color:#835c3d; font-size:14px; margin:0 0 8px; }
.cj-package-copy h2 { font:600 26px/1.32 var(--pkg-serif); color:#141d18; margin:0 0 13px; text-wrap:pretty; }
.cj-package-copy h2 a { text-decoration:none; color:inherit; transition:color 200ms ease-out; }
.cj-package-summary { font-size:15px; line-height:1.65; color:#666a60; margin:0 0 10px; }
.cj-package-copy ul { margin:auto 0 0; list-style:none; display:flex; flex-wrap:wrap; gap:7px; padding:0; }
.cj-package-copy li { padding:2px 13px; border-radius:20px; background:#ece7db; color:#3d473b; font-size:13px; line-height:1.65; }
.cj-package-days { border-left:1px solid #e3d9c5; margin-block:24px; padding-left:28px; display:flex; flex-direction:column; justify-content:space-between; }
.cj-package-days p { margin:0; display:flex; align-items:baseline; gap:5px; }
.cj-package-days strong { font:400 80px/1 Georgia,serif; }
.cj-package-days p span { font-size:20px; }
.cj-package-days>a { font-size:15px; color:var(--pkg-ink); border-bottom:1px solid #768b7c; text-decoration:none; white-space:nowrap; padding-bottom:3px; display:flex; justify-content:space-between; gap:12px; }
.cj-package-days>a span,.cj-package-consult>a span { transition:transform 220ms ease-out; }
.cj-package-row:hover h2 a { color:#8b633e; }
.cj-package-days>a:hover span,.cj-package-consult>a:hover span { transform:translateX(4px); }
.cj-package-empty { padding:70px 20px; text-align:center; }
.cj-package-pagination { display:flex; justify-content:center; gap:16px; padding:18px 0; }
.cj-package-pagination a { padding:6px 12px; color:var(--pkg-ink); }
.cj-package-pagination [aria-current=page] { background:var(--pkg-ink); color:white; }
.cj-package-consult { background:#f2eee4; border-radius:4px; margin:22px 0 18px; padding:23px 30px; display:flex; gap:24px; align-items:center; justify-content:space-between; }
.cj-package-consult h2 { font:600 20px/1.5 var(--pkg-serif); margin:0; color:var(--pkg-ink); }
.cj-package-consult p { font-size:14px; line-height:1.7; color:#73766c; margin:0; }
.cj-package-consult>a { color:#fff; background:#ae2634; border-radius:24px; padding:9px 30px; display:inline-flex; align-items:center; gap:18px; white-space:nowrap; font-size:14px; text-decoration:none; transition:background 220ms ease-out; }
.cj-package-consult>a:hover { background:#8f1d28; }
.cj-package-footer { background:#213e34; color:#d2d9d1; padding:28px 0 20px; font-size:12px; }
.cj-package-footer__grid { display:grid; grid-template-columns:1.65fr .9fr 1.5fr 1fr; gap:45px; }
.cj-package-footer .cj-global-brand { color:#f1f2e9; }
.cj-package-footer p { margin:14px 0 40px; font-size:13px; }
.cj-package-footer small { font-size:10px; }
.cj-package-footer h2 { font:600 14px/1.6 var(--pkg-serif); color:white; margin:0 0 10px; }
.cj-package-footer__grid>div>a:not(.cj-global-brand),.cj-package-footer__cities a { display:block; color:inherit; text-decoration:none; line-height:2; }
.cj-package-footer__cities { display:grid; grid-template-columns:1fr 1fr; column-gap:20px; }
.cj-package-page a:focus-visible,.cj-package-page button:focus-visible,.cj-package-page select:focus-visible { outline:2px solid #b97a39; outline-offset:4px; }
.cj-package-footer a:hover { color:white; text-decoration:underline; }
@media(min-width:801px) and (max-width:1199px) { .cj-package-heading h2 { font-size:25px; } .cj-packages[data-lang=zh] .cj-package-heading h2 { white-space:nowrap; } .cj-package-heading { padding-bottom:12px; } .cj-package-copy h2 { font-size:25px; line-height:1.3; margin-bottom:12px; } .cj-package-tabs { min-height:49px; } }
@media(max-width:800px) { .cj-package-copy { margin-right:0; } }
@media(min-width:1200px) { .cj-package-heading h1 { font-size:72px; } .cj-package-heading { padding-block:12px 24px; } .cj-package-copy h2 { font-size:30px; } .cj-package-row { grid-template-columns:minmax(0,1.12fr) minmax(0,.74fr) 135px; } }
@media(max-width:800px) { .cj-package-wrap,.cj-package-page .cj-global-header__inner { width:calc(100% - 40px); } .cj-package-heading { grid-template-columns:1fr; gap:14px; } .cj-package-heading h1 { font-size:48px; } .cj-package-heading h2 { font-size:21px; } .cj-package-heading p { font-size:18px; } .cj-package-heading>div:last-child p { font-size:15px; } .cj-package-tabs a { margin-inline:16px; font-size:14px; } .cj-package-tabs a+a:before { left:-18px; } .cj-package-filters { flex-wrap:wrap; gap:10px; } .cj-package-filters strong { width:100%; } .cj-package-filters>a { margin-left:0; } .cj-package-filters>[data-package-total] { margin-left:auto; } .cj-package-row { grid-template-columns:minmax(0,1fr) 85px; gap:15px; padding-block:20px; } .cj-package-photo { grid-column:1/-1; width:100%; } .cj-package-copy h2 { font-size:24px; } .cj-package-copy { padding:0; } .cj-package-summary { font-size:15px; } .cj-package-days { padding-left:14px; margin:8px 0; } .cj-package-days strong { font-size:56px; } .cj-package-days p span { font-size:14px; } .cj-package-days>a { font-size:12px; gap:4px; white-space:normal; } .cj-package-copy li { font-size:12px; padding-inline:10px; } .cj-package-consult { flex-direction:column; align-items:flex-start; padding:22px; } .cj-package-footer__grid { grid-template-columns:1fr 1fr; gap:24px; } .cj-package-footer__grid>div:first-child { grid-column:1/-1; } .cj-package-footer p { margin-bottom:15px; } .cj-package-page .cj-global-header__actions>.cj-experience-advisor { display:none; } }
@media(prefers-reduced-motion:reduce) { .cj-package-page *, .cj-package-page *:before,.cj-package-page *:after { transition:none!important; } .cj-package-row:hover .cj-package-photo img,.cj-package-row:hover .cj-package-image-region { transform:none; } }
