:root{--ink: #28231d;--muted: #706558;--cream: #fff9ee;--paper: #fffdf8;--yellow: #f8ba43;--yellow-soft: #fff0c5;--blue-soft: #e8f5fc;--green-soft: #dff5e5;--border: #e1d7c8;--ease: cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at 8% 0%,rgba(248,186,67,.18),transparent 28%),radial-gradient(circle at 94% 18%,rgba(139,200,234,.14),transparent 26%),radial-gradient(rgba(82,61,34,.04) .7px,transparent .7px),var(--cream);background-size:auto,auto,13px 13px,auto;font-family:Nunito,Noto Sans SC,ui-rounded,SF Pro Rounded,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit}.travel-main{padding-bottom:96px}[id]{scroll-margin-top:92px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;padding-top:30px;color:var(--muted);font-size:13px;font-weight:800}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.travel-hero{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:48px;min-height:500px;padding:58px 0 72px;animation:rise-in .6s var(--ease) both}.travel-hero h1,.travel-hero p,.phrase-section h2,.related h2,.app-cta h2{text-wrap:balance}.travel-hero h1{max-width:820px;margin:0;font-size:clamp(46px,6.5vw,78px);line-height:.99;letter-spacing:-.06em}.eyebrow,.section-label,.answer-label,.guide-eyebrow{margin:0 0 10px;color:#825000;font-size:13px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.travel-hero .intro{max-width:720px;margin:24px 0 0;color:var(--muted);font-size:20px}.travel-hero img{width:100%;max-height:410px;object-fit:contain;filter:drop-shadow(0 22px 24px rgba(80,55,30,.12));animation:gentle-float 5s ease-in-out infinite}.guide-list{border-top:2px solid var(--ink)}.guide-link{display:grid;grid-template-columns:150px minmax(0,1fr) 180px 120px;gap:24px;align-items:center;padding:30px 4px;border-bottom:1px solid var(--border);text-decoration:none;transition:padding .2s var(--ease),background .2s var(--ease)}.guide-link:hover,.guide-link:focus-visible{padding-right:18px;padding-left:18px;background:#ffffff9e}.guide-link h2{margin:0;font-size:clamp(24px,3vw,36px);line-height:1.08;letter-spacing:-.035em}.guide-eyebrow{margin:0}.guide-preview{font-size:27px;font-weight:900}.guide-action{text-align:right;font-weight:900}.direct-answer{position:relative;padding:46px;overflow:hidden;border:2px solid var(--ink);border-radius:32px;background:linear-gradient(145deg,#ffd66d,#ffbd4a);box-shadow:0 8px 0 var(--ink)}.direct-answer:after{content:"";position:absolute;right:-100px;bottom:-130px;width:330px;height:330px;border-radius:50%;background:#ffffff38}.answer-chinese{position:relative;z-index:1;margin:0;font-size:clamp(58px,9vw,96px);font-weight:900;line-height:1;overflow-wrap:anywhere}.answer-sound-cue{position:relative;z-index:1;margin:14px 0 5px;font-size:25px;font-weight:900}.answer-pinyin-details{position:relative;z-index:1;margin-bottom:20px}.answer-pinyin{margin:7px 0 0;color:#6d461c;font-size:20px;font-weight:900}.answer-english{margin:0 0 26px;font-size:20px}.phrase-section,.related,.app-cta{margin-top:90px}.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:end;margin-bottom:28px}.section-intro h2,.related h2,.app-cta h2{margin:0;font-size:clamp(34px,4.5vw,52px);line-height:1.02;letter-spacing:-.045em}.section-intro>p{margin:0;color:var(--muted);font-size:17px}.pronunciation-note{margin:-10px 0 22px;color:var(--muted);font-size:14px}.pronunciation-note a{color:#825000;font-weight:800}.phrase-list{border-top:2px solid var(--ink)}.phrase-row{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(280px,1fr) 142px;gap:28px;align-items:center;padding:28px 4px;border-bottom:1px solid var(--border);animation:row-in .45s var(--ease) both;animation-delay:calc(var(--row-index) * 45ms)}.phrase-main p{margin:0}.chinese{font-size:32px;font-weight:900;line-height:1.15}.sound-cue{margin-top:7px!important}.sound-cue-text{color:#28231d;font-size:19px;font-weight:900;line-height:1.25}.pinyin-details{margin-top:7px;color:var(--muted);font-size:13px}.pinyin-details summary{width:fit-content;color:#825000;font-weight:800;cursor:pointer}.pinyin{margin:6px 0 0!important;color:#825000;font-weight:800}.english{margin-top:3px!important;color:var(--muted)}.usage{margin:0;color:#51483c}.listen-button,.primary-button{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border:2px solid var(--ink);border-radius:50px;color:var(--ink);background:#fff;box-shadow:0 4px 0 var(--ink);font:inherit;font-size:13px;font-weight:900;text-decoration:none;cursor:pointer;transition:transform .18s var(--ease),box-shadow .18s var(--ease)}.listen-button:hover,.listen-button:focus-visible,.primary-button:hover,.primary-button:focus-visible{transform:translateY(-2px);box-shadow:0 6px 0 var(--ink)}.listen-button{background:var(--yellow-soft)}.answer-listen-button{position:relative;z-index:1}.listen-dialog{position:fixed;width:min(440px,calc(100% - 32px));max-width:none;padding:38px;border:2px solid var(--ink);border-radius:28px;color:var(--ink);background:var(--paper);box-shadow:0 12px 0 var(--ink)}.listen-dialog[open]{animation:rise-in .22s var(--ease) both}.listen-dialog::backdrop{background:#28231d8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.listen-dialog h2{margin:0;font-size:clamp(28px,6vw,38px);line-height:1.05;letter-spacing:-.04em}.listen-dialog p:not(.section-label){margin:14px 0 24px;color:var(--muted)}.dialog-close{position:absolute;top:12px;right:14px;width:38px;height:38px;border:0;border-radius:50%;background:var(--yellow-soft);font-size:25px;cursor:pointer}.dialog-dismiss{display:block;margin:18px auto 0;padding:8px;border:0;color:var(--muted);background:transparent;font:inherit;cursor:pointer}.related-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}.related-links a{display:grid;gap:7px;min-height:150px;padding:26px;border:2px solid var(--ink);border-radius:24px;background:var(--blue-soft);box-shadow:0 5px 0 var(--ink);font-size:21px;font-weight:900;line-height:1.15;text-decoration:none;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.related-links a:nth-child(2n){background:var(--green-soft)}.related-links a:hover{transform:translateY(-3px);box-shadow:0 8px 0 var(--ink)}.related-links span{color:var(--muted);font-size:12px;letter-spacing:.1em;text-transform:uppercase}.app-cta{display:grid;grid-template-columns:.72fr 1.28fr;gap:42px;align-items:center;padding:42px;overflow:hidden;border:2px solid var(--ink);border-radius:32px;background:var(--yellow-soft);box-shadow:0 7px 0 var(--ink)}.app-cta img{width:100%;max-height:300px;object-fit:contain}.app-cta p:not(.section-label){max-width:590px;margin:16px 0 24px;color:var(--muted);font-size:17px}.primary-button{background:var(--yellow)}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes row-in{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(max-width:840px){.travel-hero{grid-template-columns:1fr;text-align:center}.travel-hero .intro{margin-right:auto;margin-left:auto}.travel-hero img{max-height:300px}.guide-link{grid-template-columns:120px minmax(0,1fr) 120px}.guide-preview{display:none}.phrase-row{grid-template-columns:1fr 142px}.usage{grid-column:1}.listen-button{grid-column:2;grid-row:1 / span 2}}@media(max-width:620px){.travel-main{padding-bottom:72px}.breadcrumbs{padding-top:18px}.travel-hero{display:block;min-height:0;padding:32px 0 38px;text-align:left}.travel-hero h1{font-size:clamp(36px,11vw,48px);line-height:1.02}.travel-hero .intro{margin-top:18px;font-size:17px}.travel-hero img{display:none}.guide-link{grid-template-columns:1fr;gap:9px;padding:25px 4px}.guide-action{text-align:left}.direct-answer{padding:26px 20px;border-radius:25px}.answer-chinese{font-size:clamp(46px,17vw,66px)}.answer-sound-cue{font-size:22px}.answer-pinyin{font-size:18px}.section-intro{grid-template-columns:1fr;gap:16px}.phrase-section,.related,.app-cta{margin-top:48px}.section-intro h2,.related h2,.app-cta h2{font-size:clamp(30px,9vw,40px)}.phrase-row{grid-template-columns:1fr;gap:13px;padding:22px 3px}.chinese{font-size:29px}.usage,.listen-button{grid-column:1;grid-row:auto}.listen-button{width:100%}.listen-dialog{padding:34px 24px 26px;border-radius:24px}.pronunciation-note{margin-top:-4px}.related-links{grid-template-columns:1fr}.related-links a{min-height:0;padding:22px 20px}.app-cta{grid-template-columns:1fr;gap:22px;padding:24px 20px;text-align:center}.app-cta img{max-height:230px}.primary-button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}