@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');
:root{--ink:#20262e;--muted:#747b82;--line:#e5e0d7;--paper:#f7f4ed;--cream:#fbf9f3;--coral:#ed6c58;--coral-dark:#c94e40;--teal:#83c2b7;--yellow:#f8d26b;--blue:#b3d8e7;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;opacity:.18;pointer-events:none;background-image:radial-gradient(#8e8272 0.45px,transparent .45px);background-size:6px 6px;z-index:10;mix-blend-mode:multiply}.ambient{position:absolute;border-radius:50%;filter:blur(60px);opacity:.35;pointer-events:none}.ambient-one{width:35vw;height:35vw;top:-15vw;right:-10vw;background:#f5cf9a}.ambient-two{width:30vw;height:30vw;top:1000px;left:-15vw;background:#9ed8cd}.site-header,.section-wrap,.site-footer,.trust-strip{position:relative;z-index:1}.site-header{height:88px;max-width:1220px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:var(--ink)}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:var(--coral);color:white;font-family:var(--serif);font-size:21px;box-shadow:3px 3px 0 #f1aa84}.brand strong{display:block;font-size:15px;letter-spacing:.03em}.brand small{display:block;color:var(--muted);font-family:var(--mono);font-size:9px;letter-spacing:.06em;margin-top:2px}.nav-links{display:flex;gap:30px;margin-left:70px}.nav-links a,.footer-links a{font-size:12px;color:var(--muted);text-decoration:none}.nav-links a:hover,.footer-links a:hover{color:var(--coral)}.header-actions{display:flex;align-items:center;gap:12px}.language-toggle{border:1px solid var(--line);background:transparent;border-radius:20px;padding:8px 13px;color:var(--muted);font:11px var(--mono);cursor:pointer}.language-toggle span{color:var(--ink);font-weight:500}.profile-dot{border:0;width:33px;height:33px;border-radius:50%;background:#20262e;color:white;font:12px var(--mono)}.hero{min-height:620px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:68px 30px 90px}.eyebrow{font:10px var(--mono);letter-spacing:.11em;color:var(--coral-dark);margin:0 0 20px}.live-dot{display:inline-block;width:7px;height:7px;background:#59ad90;border-radius:50%;margin-right:7px;box-shadow:0 0 0 4px #dcefe9}.hero h1,.section-heading h2,.community-copy h2{font:700 clamp(48px,5.9vw,78px)/.99 var(--serif);letter-spacing:-.04em;margin:0}.hero h1 em,.section-heading h2 em,.community-copy h2 em{color:var(--coral);font-style:italic}.hero-lead{color:var(--muted);font-size:15px;line-height:1.8;max-width:450px;margin:25px 0 28px}.hero-actions{display:flex;align-items:center;gap:24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:44px;padding:0 18px;border-radius:4px;text-decoration:none;border:1px solid transparent;font:11px var(--mono);letter-spacing:.04em;cursor:pointer;transition:.2s}.button span{font-size:16px}.button-primary{color:white;background:var(--coral);box-shadow:4px 4px 0 #f2b69f}.button-primary:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #f2b69f}.button-outline{border-color:#cec8bb;background:transparent;color:var(--ink)}.button-outline:hover{border-color:var(--coral);color:var(--coral)}.button-dark{background:var(--ink);color:white}.text-button,.mini-link{border:0;background:none;color:var(--ink);font:11px var(--mono);cursor:pointer}.text-button{padding:10px 0}.text-button span{color:var(--coral);font-size:16px;margin-left:5px}.hero-proof{display:flex;align-items:center;gap:13px;margin-top:42px;color:var(--muted);font:10px/1.5 var(--mono)}.hero-proof b{color:var(--ink);font-weight:500}.avatar-stack{display:flex}.avatar-stack span{display:grid;place-items:center;width:23px;height:23px;margin-left:-5px;border:2px solid var(--paper);border-radius:50%;background:#e9a791;color:#693a2f;font:9px var(--mono)}.avatar-stack span:nth-child(2){background:#b5d7d1}.avatar-stack span:nth-child(3){background:#f5d48b}.avatar-stack span:last-child{background:#20262e;color:white}.hero-art{height:470px;position:relative;overflow:hidden;border-radius:52% 48% 45% 55%/36% 39% 61% 64%;background:linear-gradient(180deg,#f5cc8d 0%,#e4a477 45%,#405a68 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4),12px 14px 0 rgba(238,164,130,.35)}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.28),transparent 45%)}.sun{position:absolute;right:73px;top:50px;width:92px;height:92px;border-radius:50%;background:#fbe4a6;box-shadow:0 0 0 14px rgba(251,228,166,.16),0 0 0 28px rgba(251,228,166,.09)}.moon-text{position:absolute;top:73px;left:67px;color:rgba(255,249,225,.76);font:34px/1.1 var(--serif);letter-spacing:.12em}.moon-text small{font:9px var(--mono);letter-spacing:.24em}.skyline{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:flex-end;gap:7px}.skyline i{display:block;width:45px;background:#2a414e;opacity:.64}.skyline-back{bottom:60px;justify-content:space-around;opacity:.6}.skyline-back i:nth-child(1){height:150px}.skyline-back i:nth-child(2){height:90px}.skyline-back i:nth-child(3){height:185px}.skyline-back i:nth-child(4){height:110px}.skyline-back i:nth-child(5){height:130px}.skyline-back i:nth-child(6){height:210px;width:24px}.skyline-front{gap:0}.skyline-front i{width:20%;background:#263b47;opacity:.9}.skyline-front i:nth-child(1){height:100px}.skyline-front i:nth-child(2){height:130px}.skyline-front i:nth-child(3){height:83px}.skyline-front i:nth-child(4){height:160px}.skyline-front i:nth-child(5){height:117px}.food-card{position:absolute;z-index:2;left:28px;bottom:35px;display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:12px;background:rgba(255,250,239,.93);box-shadow:0 10px 24px #263b4733}.food-emoji{font-size:26px}.food-card strong{display:block;font:14px var(--serif)}.food-card small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.food-price{margin-left:16px;font:12px var(--mono);color:var(--coral-dark)}.location-pin{position:absolute;z-index:2;right:30px;bottom:104px;color:#fff6dc;font:12px var(--mono)}.location-pin span{font-size:9px;opacity:.8;margin-left:3px}.stamp{position:absolute;z-index:2;right:32px;top:180px;width:62px;height:62px;border:1px solid rgba(255,246,220,.6);border-radius:50%;display:grid;place-items:center;color:#fff6dc;text-align:center;font:20px var(--serif);transform:rotate(10deg)}.stamp small{font:7px var(--mono);letter-spacing:.09em}.trust-strip{max-width:1160px;margin:0 auto 100px;padding:22px 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.trust-strip>div{display:flex;align-items:center;gap:12px}.trust-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e9e5db;color:var(--coral);font-size:16px}.trust-strip b{display:block;font-size:12px}.trust-strip small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.section-wrap{max-width:1160px;margin:0 auto;padding:0 30px 120px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:42px}.section-heading h2,.community-copy h2{font-size:50px}.section-note{max-width:255px;color:var(--muted);font-size:12px;line-height:1.8;margin:0 0 4px}.planner-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:18px}.card-surface{background:rgba(255,252,245,.75);border:1px solid #e8e1d5;border-radius:9px;box-shadow:0 12px 32px rgba(71,55,38,.05)}.planner-card{padding:24px}.step-row{display:flex;align-items:center;gap:10px;color:var(--muted);font:10px var(--mono);margin-bottom:19px}.step-number{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--coral);color:white;font-size:9px}.step-line{height:1px;background:var(--line);flex:1}.step-count{color:#aaa}.mood-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mood{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:103px;text-align:left;border:1px solid var(--line);background:#fbf9f3;border-radius:6px;padding:12px;cursor:pointer;transition:.18s}.mood:hover,.mood.active{border-color:var(--coral);background:#fff7ee;box-shadow:inset 3px 0 var(--coral)}.mood span{font-size:21px}.mood strong{font-size:12px}.mood small{font-size:10px;color:var(--muted)}.planner-controls{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;margin-top:20px}.planner-controls label{color:var(--muted);font:9px var(--mono)}select{display:block;width:100%;margin-top:7px;padding:10px 9px;border:1px solid var(--line);border-radius:4px;background:var(--cream);color:var(--ink);font:11px var(--sans)}.planner-controls .button{height:39px;padding:0 14px}.route-card{min-height:330px;padding:24px}.route-empty{height:100%;min-height:280px;display:grid;place-items:center;align-content:center;text-align:center;color:var(--muted)}.route-spark{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#f8d89d;color:#a36847;font-size:22px;margin-bottom:14px}.route-empty h3{margin:0 0 8px;font:24px var(--serif);color:var(--ink)}.route-empty p{max-width:210px;font-size:11px;line-height:1.7;margin:0 0 15px}.route-content .route-header{display:flex;justify-content:space-between;align-items:start}.route-content h3{font:28px var(--serif);margin:5px 0}.route-content .route-meta{color:var(--muted);font:10px var(--mono)}.route-badge{padding:6px 9px;border-radius:3px;background:#e4f2ec;color:#408168;font:9px var(--mono)}.route-stop{display:flex;gap:12px;margin-top:18px;position:relative}.route-stop:not(:last-child):after{content:"";position:absolute;left:11px;top:27px;height:37px;border-left:1px dashed #cfc6b8}.stop-dot{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#f8d89d;color:#9b684a;font:11px var(--mono);z-index:1}.route-stop h4{margin:0;font-size:12px}.route-stop p{margin:3px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.route-stop time{margin-left:auto;color:var(--coral-dark);font:10px var(--mono)}.menu-section{padding-top:5px}.menu-demo-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}.menu-photo{position:relative;min-height:460px;background:linear-gradient(135deg,#cadbd4,#95bbaf);display:grid;place-items:center;overflow:hidden}.menu-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.25),transparent 55%)}.menu-paper{position:relative;width:240px;min-height:360px;padding:25px 22px;background:#fbf3df;color:#493d32;box-shadow:8px 10px 0 rgba(67,79,70,.18);transform:rotate(-5deg)}.menu-title-cn{text-align:center;font:26px var(--serif);letter-spacing:.15em}.menu-title-en{text-align:center;font:7px var(--mono);color:#a06348;margin:6px 0 14px}.menu-rule{border-top:1px solid #cda88b;margin-bottom:14px}.menu-item-cn{display:flex;justify-content:space-between;margin:16px 0 2px;font:16px var(--serif)}.menu-item-en{color:#9a7563;font:8px var(--mono)}.menu-chop{position:absolute;right:19px;bottom:16px;width:35px;height:35px;border:2px solid #bd6c53;color:#bd6c53;display:grid;place-items:center;font:18px var(--serif);transform:rotate(-12deg)}.scan-corner{position:absolute;width:30px;height:30px;border-color:white;border-style:solid;z-index:2}.corner-tl{top:28px;left:28px;border-width:2px 0 0 2px}.corner-tr{top:28px;right:28px;border-width:2px 2px 0 0}.corner-bl{bottom:28px;left:28px;border-width:0 0 2px 2px}.corner-br{bottom:28px;right:28px;border-width:0 2px 2px 0}.scan-label{position:absolute;bottom:18px;left:20px;color:white;font:9px var(--mono);background:rgba(33,61,59,.6);padding:8px 10px;border-radius:3px}.scan-dot{display:inline-block;width:6px;height:6px;background:#a7e6c7;border-radius:50%;margin-right:6px}.dish-result{padding:25px}.result-top{display:flex;justify-content:space-between}.result-tag,.confidence{font:9px var(--mono);letter-spacing:.08em;color:var(--coral-dark)}.confidence{color:#4b947c}.dish-heading{display:flex;align-items:center;gap:12px;margin:27px 0 14px}.dish-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fae3a9;font-size:25px}.dish-heading h3{font:24px var(--serif);margin:0}.dish-heading p{margin:3px 0 0;color:var(--muted);font-size:10px}.dish-price{margin-left:auto;font:12px var(--mono);color:var(--coral-dark)}.taste-row{display:flex;gap:6px;flex-wrap:wrap}.taste-row span{padding:5px 8px;border-radius:3px;background:#edf1eb;color:#50836d;font:9px var(--mono)}.dish-explainer{font-size:12px;line-height:1.75;margin:20px 0;color:#555b5f}.allergy-note{display:flex;gap:10px;padding:11px;background:#fff2e8;border-left:3px solid var(--coral);margin-bottom:15px}.allergy-note>span{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--coral);color:white;font:bold 11px var(--mono)}.allergy-note b{display:block;font-size:10px}.allergy-note small{display:block;color:var(--muted);font-size:10px;line-height:1.5;margin-top:3px}.say-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 13px 13px 15px;background:#f0f3eb;border:1px solid #dbe6d9;border-radius:5px;margin-bottom:13px}.say-label{font:8px var(--mono);color:#4b947c;letter-spacing:.1em}.say-card p{font-size:12px;line-height:1.55;margin:6px 0 0}.say-card small{font-size:10px;color:var(--muted)}.play-button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:#4b947c;color:white;cursor:pointer}.full-width{width:100%}.culture-grid{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:1fr 1fr;gap:18px}.culture-card{border:1px solid #e8e1d5;background:#fffaf2;border-radius:9px;overflow:hidden}.culture-main{grid-row:span 2;display:grid;grid-template-rows:245px 1fr}.culture-image{position:relative;overflow:hidden}.bund-image{background:linear-gradient(165deg,#e8b172 0%,#c27668 45%,#293e4a 100%)}.bund-image:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 17%,rgba(35,54,65,.8) 17% 21%,transparent 21% 32%,rgba(35,54,65,.9) 32% 39%,transparent 39% 50%,rgba(35,54,65,.8) 50% 54%,transparent 54% 68%,rgba(35,54,65,.85) 68% 73%,transparent 73%);clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%)}.bund-image:after{content:"";position:absolute;bottom:26px;left:0;right:0;height:2px;background:#e9c48e;box-shadow:0 8px 0 #e9c48e33}.culture-chip{position:absolute;top:18px;left:18px;padding:6px 8px;background:rgba(255,248,220,.78);font:9px var(--mono);color:#814d3b}.culture-orbit{position:absolute;right:38px;top:34px;color:#fff2c5;font-size:35px}.culture-copy{padding:22px}.culture-copy h3{font:27px/1.15 var(--serif);max-width:400px;margin:0 0 12px}.culture-copy p:not(.eyebrow){font-size:11px;line-height:1.7;color:var(--muted);max-width:440px}.poem{display:flex;flex-direction:column;gap:4px;border-left:2px solid var(--coral);padding-left:12px;margin-top:18px}.poem span{font:18px var(--serif);color:var(--coral-dark)}.poem small{font-size:9px;color:var(--muted)}.culture-small{display:grid;grid-template-columns:.9fr 1.1fr;min-height:173px}.small-image{display:grid;place-items:center;font:25px var(--serif);color:#fff6df}.shikumen-card .small-image{background:linear-gradient(145deg,#7d9d9a,#314b55)}.breakfast-card .small-image{background:linear-gradient(145deg,#e4a268,#d45f50)}.small-copy{padding:18px 16px}.small-copy .eyebrow{margin-bottom:11px}.small-copy h3{font:19px/1.2 var(--serif);margin:0 0 16px}.community-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;align-items:center;padding-bottom:130px}.community-copy>p:not(.eyebrow){color:var(--muted);font-size:12px;line-height:1.8;max-width:260px;margin:25px 0}.note-wall{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;transform:rotate(2deg)}.travel-note{padding:18px;border-radius:4px;box-shadow:5px 7px 0 rgba(87,67,47,.12);min-height:145px}.travel-note:nth-child(3){grid-column:span 2;max-width:55%;margin:0 auto;transform:rotate(-5deg)}.note-yellow{background:#f8e4a7}.note-blue{background:#c2dfea}.note-coral{background:#f3b09b}.note-meta,.note-footer{display:flex;align-items:center;gap:7px;font:9px var(--mono);color:#6a665d}.note-meta span:last-child{margin-left:auto;opacity:.65}.note-avatar{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#fff8dd;color:#694f38}.travel-note p{font:16px/1.35 var(--serif);margin:17px 0}.note-footer{border-top:1px solid #7e705932;padding-top:10px}.site-footer{max-width:1160px;margin:auto;padding:30px 30px 45px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:start}.footer-brand{display:flex;gap:10px}.footer-links{display:flex;gap:23px}.footer-caption{text-align:right;color:var(--muted);font:9px/1.6 var(--mono)}.footer-caption b{color:var(--ink);font-weight:500}.toast{position:fixed;z-index:20;left:50%;bottom:25px;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:12px 16px;border-radius:4px;font:11px var(--mono);opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:850px){.nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:35px}.hero-art{height:380px;max-width:550px;width:100%;margin:0 auto}.section-heading{display:block}.section-note{margin-top:18px}.planner-grid,.menu-demo-grid,.community-section{grid-template-columns:1fr}.culture-grid{grid-template-columns:1fr;grid-template-rows:auto}.culture-main{grid-row:auto}.culture-small{min-height:145px}.trust-strip{grid-template-columns:1fr;gap:16px;margin-bottom:70px}.site-footer{gap:25px;flex-wrap:wrap}.footer-caption{text-align:left}.planner-controls{grid-template-columns:1fr 1fr}.planner-controls .button{grid-column:span 2}.note-wall{transform:none}}@media(max-width:520px){.site-header{height:70px;padding:0 18px}.hero,.section-wrap{padding-left:18px;padding-right:18px}.hero h1{font-size:51px}.hero-art{height:320px}.hero-copy{padding-top:15px}.hero-actions{gap:14px}.button{padding:0 14px}.section-heading h2,.community-copy h2{font-size:39px}.trust-strip{margin-left:18px;margin-right:18px;padding-left:0;padding-right:0}.mood-grid{grid-template-columns:1fr}.planner-controls{grid-template-columns:1fr}.planner-controls .button{grid-column:auto}.culture-main{grid-template-rows:190px 1fr}.culture-small{grid-template-columns:1fr}.small-image{min-height:100px}.note-wall{grid-template-columns:1fr}.travel-note:nth-child(3){grid-column:auto;max-width:100%;margin:0}.footer-links{width:100%;order:3}.menu-paper{transform:rotate(-3deg) scale(.88)}}