:root{--brand:#8a5a35;--brand-dark:#56351f;--restaurant:#f28c38;--mall:#2bae8a;--parking:#2f80ed;--paper:#fff8f0;--surface:#ffffff;--soft:#f7efe5;--line:#eadfd2;--text:#25211d;--muted:#6f6257;--pink:#ef7aa3;--yellow:#ffd166}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans TC,Microsoft JhengHei,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.hero{min-height:92vh;display:grid;grid-template-rows:auto 1fr;background:linear-gradient(90deg,rgba(37,33,29,.92),rgba(37,33,29,.45),rgba(37,33,29,.12)),url(/hero_concepts_v0.1.png) 50% /cover no-repeat;color:#fffdf8}.siteHeader{width:min(1180px,calc(100% - 32px));min-height:72px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px}.siteHeader.compact{border-bottom:1px solid var(--line);color:var(--text)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:900}.brand img{width:38px;height:38px;border-radius:8px;background:#fff}.desktopNav,.headerActions,.heroActions,.inlineActions{display:flex;align-items:center;gap:10px}.desktopNav a{color:inherit;font-weight:800}.button,.iconButton{min-height:44px;border:1px solid transparent;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:900}.button{padding:10px 16px}.button.small{min-height:38px;padding:8px 13px}.button.full{width:100%}.button.primary{background:var(--brand);border-color:var(--brand);color:#fff}.button.secondary,.iconButton{background:#fff8f0;border-color:var(--line);color:var(--brand-dark)}.iconButton{width:44px}.mobileOnly{display:none}.heroContent{width:min(620px,calc(100% - 44px));margin:auto auto 96px max(22px,calc((100vw - 1180px) / 2))}.eyebrow{display:block;color:var(--muted);font-size:12px;font-weight:900}.eyebrow.light{color:#fff0dc}.hero h1{margin:14px 0 12px;font-size:clamp(38px,7vw,72px);line-height:1.03;letter-spacing:0}.hero p,.lead{color:#fff0dc;font-size:18px;line-height:1.6}.lead{color:var(--muted)}.band{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:60px 0}.band.soft{width:100%;padding-inline:max(16px,calc((100vw - 1180px) / 2));background:var(--soft)}.sectionHeader{margin-bottom:22px}.sectionHeader.split{display:flex;justify-content:space-between;gap:16px;align-items:flex-end}.appTopbar h1,.authPanel h2,.detailPanel h2,.panel h2,.plainPage h1,.sectionHeader h2{margin:0;line-height:1.2;letter-spacing:0}.sectionHeader h2{font-size:clamp(28px,4vw,44px)}.featureGrid,.placeGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.placeGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.detailPanel,.featureItem,.panel,.placeCard,.textArticle{border:1px solid var(--line);border-radius:8px;background:var(--surface)}.featureItem{padding:18px}.featureIcon{width:44px;height:44px;display:grid;place-items:center;border-radius:8px;background:var(--soft);color:var(--brand)}.featureItem h3,.placeCard h3,.textArticle h2{margin:14px 0 8px}.dataMeta,.disclaimer,.emptyState,.featureItem p,.hint,.mapState,.muted,.placeCard p,.textArticle p{color:var(--muted);line-height:1.55}.errorText{color:#9c2f2f;font-weight:800}.policyList{display:grid;grid-gap:10px;gap:10px}.policyList p{margin:0;min-height:54px;display:flex;align-items:center;padding:14px;border-left:4px solid var(--brand);background:rgba(255,255,255,.72);color:var(--brand-dark);font-weight:800}.placeCard{padding:16px;overflow:hidden;--place-accent:var(--brand)}.placeCard.compact .placeSummary,.placeCard.compact .placeVisual{display:none}.placeVisual{position:relative;min-height:132px;margin:-16px -16px 14px;display:flex;align-items:flex-end;padding:16px;background:linear-gradient(180deg,rgba(37,33,29,0),rgba(37,33,29,.72)),linear-gradient(135deg,color-mix(in srgb,var(--place-accent) 80%,#000 4%),color-mix(in srgb,var(--place-accent) 30%,#fff 70%)),linear-gradient(90deg,rgba(255,255,255,.24) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:auto,28px 28px,28px 28px;color:#fff}.placeVisual.noPhoto{background:linear-gradient(180deg,rgba(37,33,29,.04),rgba(37,33,29,.16)),linear-gradient(135deg,color-mix(in srgb,var(--place-accent) 22%,#fff 78%),#f9f6f0);color:var(--brand-dark)}.placeVisual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.placeVisual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(37,33,29,.02),rgba(37,33,29,.7)),linear-gradient(90deg,color-mix(in srgb,var(--place-accent) 42%,transparent),transparent 52%)}.placeVisual.noPhoto:after{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.52)),linear-gradient(90deg,color-mix(in srgb,var(--place-accent) 20%,transparent),transparent 52%)}.placeVisualOverlay{position:relative;z-index:1;min-width:0;display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.5);border-radius:999px;padding:5px 8px;background:rgba(37,33,29,.32);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.placeVisual.noPhoto .placeVisualOverlay{border-color:rgba(74,58,44,.18);background:rgba(255,255,255,.72);color:var(--brand-dark)}.imageNote{position:absolute;right:12px;top:12px;z-index:1;min-height:26px;display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.56);border-radius:999px;padding:4px 9px;background:rgba(37,33,29,.42);color:#fff;font-size:12px;font-weight:900;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.placeVisualOverlay span{display:inline;font-size:11px;font-weight:900}.cardLink,.miniFacts,.placeCardActions,.placeCardTop,.tagRow{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.placeCardTop{justify-content:space-between}.placeAddress{display:flex;align-items:flex-start;gap:6px}.placeAddress svg{margin-top:3px;flex:0 0 auto}.placeSummary{margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.55}.statusBadge,.typeBadge{min-height:26px;border-radius:999px;display:inline-flex;align-items:center;padding:4px 9px;font-size:12px;font-weight:900}.typeBadge.restaurant{color:#914600;background:rgba(242,140,56,.16)}.statusBadge.ok,.typeBadge.mall{color:#10684f;background:rgba(43,174,138,.16)}.statusBadge.warn{color:#7a5300;background:rgba(255,209,102,.3)}.miniFacts span,.tagRow span{min-height:28px;display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 9px;background:var(--soft);color:var(--brand-dark);font-size:12px;font-weight:800}.cardLink,.textLink{color:var(--brand);font-weight:900}.placeCardActions{margin-top:14px}.cardAction,.cardLink{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:8px;padding:7px 10px;background:#fff;font-size:13px}.cardAction.primary{border-color:var(--brand);background:var(--brand);color:#fff}.guideShell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:40px 0 76px}.guideHero{display:grid;grid-template-columns:minmax(0,1fr) 330px;grid-gap:18px;gap:18px;align-items:stretch;margin-bottom:18px}.guideHero h1{margin:8px 0 12px;font-size:clamp(34px,5vw,58px);line-height:1.08;letter-spacing:0}.districtSourceStrip,.sourcePanel,.trustBand{border:1px solid var(--line);border-radius:8px;background:#fff}.sourcePanel{display:grid;align-content:center;grid-gap:8px;gap:8px;padding:18px}.sourcePanel svg{color:var(--mall)}.districtSourceStrip b,.sourcePanel b,.trustBand b{color:var(--brand-dark)}.districtSourceStrip span,.sourcePanel a,.sourcePanel span,.trustBand p{color:var(--muted);line-height:1.5}.districtSourceStrip a,.sourcePanel a{color:var(--brand);font-weight:900}.guideControls{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-gap:12px;gap:12px;align-items:stretch;margin:18px 0 12px}.guideSearch{min-height:56px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:0 14px;background:#fff;color:var(--muted)}.guideSearch input{width:100%;min-height:50px;border:0;padding:0}.guideStats{min-width:118px;min-height:56px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.guideStats b{color:var(--brand-dark);font-size:24px;line-height:1}.guideStats span{color:var(--muted);font-size:12px;font-weight:900}.guideClearButton{min-width:72px;min-height:56px;border:1px solid var(--line);border-radius:8px;padding:0 14px;background:#fff;color:var(--brand-dark);font-weight:900}.districtRail{display:flex;gap:8px;overflow-x:auto;padding:2px 0 14px;margin-bottom:6px}.districtRail button{flex:0 0 auto;min-height:42px;border:1px solid var(--line);border-radius:8px;padding:8px 12px;background:#fff;color:var(--brand-dark);font-weight:900}.districtRail span{color:var(--muted);font-size:12px}.districtRail .active{border-color:var(--brand);background:var(--brand);color:#fff}.districtRail .active span{color:#fff8f0}.trustBand{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1px;gap:1px;overflow:hidden;margin:8px 0 18px;background:var(--line)}.trustBand div{padding:16px;background:#fff}.trustBand p{margin:6px 0 0}.guideGrid{align-items:start}.guideFooterActions,.loadMoreRow{justify-content:center;margin-top:20px}.districtSourceStrip{display:grid;grid-template-columns:minmax(0,1fr) 150px auto;grid-gap:12px;gap:12px;align-items:center;margin:22px 0;padding:14px}.districtSourceStrip b,.districtSourceStrip span{display:block}.plainPage{width:min(960px,calc(100% - 32px));margin:0 auto;padding:48px 0 80px}.plainPage h1{margin-top:8px;font-size:clamp(34px,5vw,58px)}.articleList{display:grid;grid-gap:12px;gap:12px;margin-top:24px}.textArticle{padding:16px}.statsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin:24px 0}.statItem{min-height:92px;display:grid;align-content:center;grid-gap:6px;gap:6px;border:1px solid var(--line);border-radius:8px;padding:16px;background:#fff}.reportTable th,.statItem span{color:var(--muted);font-size:12px;font-weight:900}.statItem b{color:var(--brand-dark);font-size:30px;line-height:1}.reportTable{width:100%;border-collapse:collapse}.reportTable td,.reportTable th{border-bottom:1px solid var(--line);padding:10px 0;text-align:left}.reportTable td:last-child,.reportTable th:last-child{text-align:right}.warningList{margin:0;padding-left:18px;color:var(--muted);line-height:1.7}.districtGrid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:10px;gap:10px;margin:24px 0}.districtGrid a{min-height:52px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--brand-dark);font-weight:900}.webApp{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;background:var(--paper)}.authApp{grid-template-columns:minmax(0,1fr) 420px;grid-template-rows:1fr}.authHero{display:grid;align-content:end;min-height:100vh;padding:48px;background:linear-gradient(90deg,rgba(37,33,29,.92),rgba(37,33,29,.36)),url(/hero_concepts_v0.1.png) 50% /cover no-repeat;color:#fff}.authHero img{width:72px;height:72px;border-radius:12px;background:#fff}.authHero h1{max-width:560px;margin:18px 0 10px;font-size:clamp(42px,7vw,76px);line-height:1.02;letter-spacing:0}.authPanel{align-self:center;margin:24px;padding:22px;border:1px solid var(--line);border-radius:8px;background:#fff}.field{display:grid;grid-gap:8px;gap:8px;margin:14px 0;color:var(--muted);font-weight:800}.field input,.field select,.searchInput input,textarea{min-height:44px;width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#fff;color:var(--text)}.appTopbar{position:-webkit-sticky;position:sticky;top:0;z-index:5;min-height:74px;padding:12px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:rgba(255,248,240,.94);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topIconRow{display:flex;gap:8px}.avatarButton,.memberRail span,.petAvatar{border:0;background:var(--brand);color:#fff;font-weight:900}.avatarButton{width:44px;height:44px;border-radius:50%}.appContent{width:min(1180px,100%);margin:0 auto;padding:16px 16px 98px}.filters{display:grid;grid-template-columns:minmax(220px,1fr) auto;grid-gap:10px;gap:10px;align-items:center;margin-bottom:14px}.searchInput{display:flex;align-items:center;gap:8px;min-height:48px;border:1px solid var(--line);border-radius:8px;padding:0 12px;background:#fff;color:var(--muted)}.searchInput input{min-height:44px;border:0;padding-inline:0}.chipRow{display:flex;gap:8px;flex-wrap:wrap}.chipRow button{min-height:42px;border:1px solid var(--line);border-radius:8px;padding:8px 12px;background:#fff;color:var(--brand-dark);font-weight:900}.chipRow .active{border-color:var(--brand);background:var(--brand);color:#fff}.mapLayout{display:grid;grid-template-columns:minmax(0,1fr) 390px;grid-gap:14px;gap:14px;align-items:start}.mockMap{position:relative;min-height:620px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:linear-gradient(90deg,rgba(47,128,237,.1) 1px,transparent 0),linear-gradient(0deg,rgba(47,128,237,.1) 1px,transparent 0),linear-gradient(135deg,#eef7f2,#fff8f0 42%,#f7efe5);background-size:54px 54px,54px 54px,auto}.dataMeta{margin:-4px 0 12px;font-size:13px}.mapState{position:absolute;left:18px;top:18px;z-index:1;max-width:calc(100% - 36px);margin:0;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:rgba(255,255,255,.88);font-weight:800}.mockMap:after,.mockMap:before{content:"";position:absolute;background:rgba(47,128,237,.16)}.mockMap:before{inset:46% 0 auto;height:16px}.mockMap:after{inset:0 auto 0 58%;width:18px}.mockMap.realMap{background:#eef7f2}.mockMap.realMap:after,.mockMap.realMap:before{display:none}.realMapCanvas{position:absolute;inset:0}.mapPin{position:absolute;width:48px;height:48px;border:3px solid #fff;border-radius:50% 50% 50% 12px;transform:translate(-50%,-50%) rotate(-45deg);color:#fff;font-weight:900;box-shadow:0 8px 20px rgba(37,33,29,.18)}.mapPin.restaurant{background:var(--restaurant)}.mapPin.mall{background:var(--mall)}.mapPin.selected{outline:4px solid rgba(138,90,53,.32)}.mapPin span{position:absolute;right:-10px;top:-8px;min-width:22px;height:22px;display:grid;place-items:center;border-radius:999px;background:var(--brand);transform:rotate(45deg);font-size:12px}.detailPanel,.panel{padding:18px}.detailHeader{display:flex;justify-content:space-between;gap:12px}.detailHeader h2{margin:8px 0 6px;font-size:24px}.detailHeader p{margin:0;color:var(--muted);line-height:1.45}.factGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin:16px 0}.factItem{min-height:82px;padding:12px;border-radius:8px;background:var(--soft)}.factItem span{display:block;color:var(--muted);font-size:12px;font-weight:900}.factItem b{display:block;margin-top:6px;color:var(--brand-dark);line-height:1.3}.actionGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-top:14px}.appList{display:grid;grid-gap:10px;gap:10px}.listItem{width:100%;min-height:94px;display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;padding:14px;background:#fff;color:var(--text);text-align:left}.listItem h2{margin:8px 0 4px;font-size:20px}.listItem p{margin:0;color:var(--muted)}.memberRail,.sectionTitle{margin-bottom:16px}.memberRail{display:flex;align-items:center;gap:8px}.memberRail span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%}.messageItem{border:1px solid var(--line);border-radius:8px;padding:12px;margin-top:10px}.messageItem p{color:var(--muted)}.profileBlock{display:flex;align-items:center;gap:14px}.petAvatar{width:76px;height:76px;display:grid;place-items:center;border-radius:50%;font-size:28px}.settingsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:20px}.settingsGrid a,.settingsGrid button{min-height:58px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:0 14px;background:var(--soft);color:var(--brand-dark);font-weight:900}textarea{min-height:160px;resize:vertical;margin-bottom:12px}.appNav{position:fixed;left:50%;bottom:14px;z-index:7;transform:translateX(-50%);width:min(560px,calc(100% - 24px));min-height:66px;display:grid;grid-template-columns:repeat(5,1fr);grid-gap:4px;gap:4px;padding:6px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.96);box-shadow:0 14px 40px rgba(86,53,31,.16)}.appNav button{min-height:52px;display:grid;place-items:center;grid-gap:2px;gap:2px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:12px;font-weight:900}.appNav .active{color:#fff;background:var(--brand)}@media (max-width:900px){.desktopNav{display:none}.mobileOnly{display:inline-flex}.authApp,.districtGrid,.districtSourceStrip,.featureGrid,.guideControls,.guideHero,.mapLayout,.placeGrid,.statsGrid,.trustBand{grid-template-columns:1fr}.guideShell{padding-top:28px}.sourcePanel{align-content:start}.authHero{min-height:56vh}.authPanel{margin:16px}.filters{grid-template-columns:1fr}.mockMap{min-height:340px}}@media (max-width:560px){.heroContent{width:calc(100% - 32px);margin:auto 16px 72px}.actionGrid,.factGrid,.heroActions,.inlineActions,.settingsGrid{display:grid;grid-template-columns:1fr}.detailHeader,.sectionHeader.split{display:grid}}