:root{--primary: #c45a2e;--primary-light: #df7a4c;--primary-dark: #8f3d22;--bg-main: #f8efe3;--bg-card: rgba(255, 251, 246, .92);--bg-muted: #f1e4d3;--border-soft: rgba(88, 51, 24, .12);--border-strong: rgba(88, 51, 24, .2);--text-primary: #2d1b0e;--text-secondary: #6b5744;--text-muted: #8f7c6c;--shadow-sm: 0 8px 18px rgba(45, 27, 14, .06);--shadow-md: 0 18px 42px rgba(45, 27, 14, .12);--shadow-lg: 0 28px 62px rgba(45, 27, 14, .16);--radius-md: 18px;--radius-lg: 28px;--header-height: 76px;--page-max-width: 1180px}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--border-soft);background:#f8efe3e0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-header__inner,.app-footer,.page{width:min(100% - 24px,var(--page-max-width));margin:0 auto}.app-header__inner{display:flex;flex-direction:column;gap:12px;padding:16px 0}.app-logo{font-size:clamp(1.4rem,2vw,1.85rem);font-weight:800;letter-spacing:.02em}.app-tagline{margin:0;color:var(--text-secondary)}.app-footer{padding:0 0 32px;color:var(--text-secondary);font-size:.95rem}.page{flex:1;padding:24px 0 56px}.page-state{width:min(100% - 24px,860px);margin:0 auto;padding:48px 0 72px}.page-state-card{padding:32px;border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-md);text-align:center}.hero,.city-header,.detail-header,.detail-section,.detail-grid{border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-sm)}.city-grid,.restaurant-grid{display:grid;gap:16px}.restaurant-grid{grid-template-columns:1fr}.tag-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:.82rem;line-height:1;border:1px solid transparent;background:var(--bg-muted);color:var(--text-primary)}.tag-old{background:#aa4e2b1a;border-color:#aa4e2b29}.tag-driver{background:#d792381f;border-color:#d792382e}.tag-local{background:#3e79681f;border-color:#3e79682e}.tag-community{background:#5767b51f;border-color:#5767b52e}.tag-warn{background:#b7402f1f;border-color:#b7402f2e}.tag-program,.tag-allpraise{background:#7849b41f;border-color:#7849b42e}.search-box{display:flex;width:100%;gap:10px}.search-input{width:100%;min-height:44px;padding:0 14px;border:1px solid var(--border-soft);border-radius:999px;background:#ffffffad;color:var(--text-primary)}.search-submit{min-height:44px;padding:0 16px;border:0;border-radius:999px;background:var(--primary);color:#fff8f0;cursor:pointer}@media(min-width:768px){.app-header__inner{flex-direction:row;align-items:center;justify-content:space-between}.page{padding-top:40px}.search-box{max-width:380px}.restaurant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1100px){.restaurant-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.page-home{display:flex;flex-direction:column;gap:24px}.hero{position:relative;overflow:hidden;padding:28px 22px;background:radial-gradient(circle at top right,rgba(255,175,120,.32),transparent 28%),linear-gradient(135deg,#fffaf4f0,#f8e8d4fa)}.hero:after{content:"";position:absolute;inset:auto -40px -60px auto;width:180px;height:180px;border-radius:999px;background:#c45a2e1a;filter:blur(10px)}.hero-kicker{display:inline-block;margin-bottom:10px;padding:6px 10px;border-radius:999px;background:#c45a2e1a;color:var(--primary-dark);font-size:.82rem;font-weight:700;letter-spacing:.04em}.hero-title{margin:0;max-width:10ch;font-size:clamp(2.1rem,5vw,4rem);line-height:.98;letter-spacing:-.03em}.hero-desc{margin:14px 0 0;max-width:34rem;color:var(--text-secondary);font-size:1rem}.hero-note{margin:20px 0 0;color:var(--text-muted);font-size:.92rem}.city-grid{grid-template-columns:1fr}.city-card{display:flex;flex-direction:column;gap:12px;min-height:220px;padding:20px;border:1px solid var(--border-soft);border-radius:24px;background:var(--bg-card);box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.city-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.city-card__head,.city-card__footer{display:flex;align-items:center;justify-content:space-between}.city-emoji{font-size:1.6rem}.city-name{font-size:1.4rem;font-weight:800}.city-tag{color:var(--primary-dark);font-size:.92rem;font-weight:700}.city-desc{margin:0;color:var(--text-secondary);line-height:1.6}.city-count{font-weight:700}.city-verified{padding:4px 8px;border-radius:999px;font-size:.8rem;background:#427e681a}.city-verified.is-unverified{background:#b876481a}.city-arrow{color:var(--primary);font-size:1.1rem}@media(min-width:768px){.hero{padding:40px 36px}.city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1100px){.city-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.page-city{display:flex;flex-direction:column;gap:20px}.city-header{padding:24px 22px}.city-header__top{display:flex;align-items:center;gap:12px}.city-header__emoji{font-size:1.7rem}.city-header h1{margin:0;font-size:clamp(1.8rem,3vw,2.8rem)}.city-header p{margin:12px 0 0;max-width:54rem;color:var(--text-secondary)}.filter-bar{display:flex;flex-direction:column;gap:14px;padding:18px;border:1px solid var(--border-soft);border-radius:24px;background:#fffbf6bd}.filter-group{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.filter-label{min-width:40px;color:var(--text-secondary);font-size:.86rem;font-weight:700}.filter-pill,.filter-clear{padding:8px 12px;border:1px solid var(--border-soft);border-radius:999px;background:var(--bg-card);color:var(--text-primary);cursor:pointer}.filter-pill.is-active{border-color:#c45a2e4d;background:#c45a2e1f;color:var(--primary-dark)}.filter-summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;color:var(--text-secondary)}.city-cuisine-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.city-cuisine-pill{padding:7px 12px;border-radius:999px;background:var(--bg-muted);color:var(--text-secondary);font-size:.86rem}.restaurant-card{display:flex;flex-direction:column;gap:14px;padding:18px;border:1px solid var(--border-soft);border-radius:24px;background:var(--bg-card);box-shadow:var(--shadow-sm);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.restaurant-card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.rest-top{display:flex;flex-direction:column;gap:12px}.rest-name{font-size:1.12rem;font-weight:800}.rest-tags{display:flex;flex-wrap:wrap;gap:8px}.rest-meta{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--text-secondary);font-size:.92rem}.rest-meta-dot{width:4px;height:4px;border-radius:999px;background:#6b57446b}.rest-dishes{display:flex;flex-wrap:wrap;gap:8px}.dish-tag{padding:7px 10px;border-radius:999px;background:#c45a2e14;color:var(--primary-dark);font-size:.84rem}.rest-quote{margin:0;color:var(--text-secondary);line-height:1.6}.rest-quote-source{display:block;margin-top:6px;color:var(--text-muted);font-size:.84rem}.page-search{display:flex;flex-direction:column;gap:18px}.search-header{padding:24px 22px;border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-sm)}.search-header h1{margin:0;font-size:clamp(1.8rem,3vw,2.8rem)}.search-header p{margin:10px 0 0;color:var(--text-secondary)}@media(min-width:900px){.rest-top{min-height:86px}}.page-detail{display:flex;flex-direction:column;gap:20px}.detail-header{padding:28px 22px;background:radial-gradient(circle at top left,rgba(255,188,146,.3),transparent 30%),linear-gradient(135deg,#fffaf4f5,#f4e8d8fa)}.detail-overline{margin:0 0 10px;color:var(--primary-dark);font-size:.86rem;font-weight:700;letter-spacing:.04em}.detail-header h1{margin:0;font-size:clamp(2rem,4vw,3.3rem);line-height:1.02}.detail-subtitle{margin:12px 0 0;color:var(--text-secondary)}.detail-grid{display:grid;gap:18px;padding:20px 22px}.detail-section{padding:22px}.detail-section h2{margin:0 0 14px;font-size:1.1rem}.detail-dishes{display:flex;flex-wrap:wrap;gap:10px}.detail-dish{padding:9px 12px;border-radius:14px;background:#c45a2e14;color:var(--primary-dark)}.detail-quote{margin:0;color:var(--text-secondary);line-height:1.7}.detail-meta-list,.detail-tip-list{margin:0;padding-left:18px;color:var(--text-secondary);line-height:1.7}.detail-source-list{display:flex;flex-wrap:wrap;gap:10px}.detail-source-link{display:inline-flex;align-items:center;gap:6px;padding:10px 12px;border-radius:14px;background:var(--bg-muted);color:var(--text-primary);font-size:.88rem}@media(min-width:900px){.detail-grid{grid-template-columns:1.2fr .8fr}}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at top left,rgba(247,193,120,.35),transparent 32%),linear-gradient(180deg,#fbf5ed,#f4e7d6);color:var(--text-primary);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.5;font-weight:400}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}