/* Desktop prototype refinement: industry -> category -> merchants. */
.home-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:34px;margin:30px 0 22px;min-height:295px}.intro-copy{padding:28px 0 16px}.intro-eyebrow,.home-kicker,.industry-overline{color:var(--orange);font-size:11px;font-weight:700;letter-spacing:1.5px}.home-intro h1{font:800 40px/1.36 "Microsoft YaHei",sans-serif;letter-spacing:-1.5px;margin:14px 0}.home-intro h1 em{font-style:normal;color:var(--orange)}.home-intro p{color:#626873;max-width:550px;margin:0 0 25px;font-size:14px}.intro-shortcut{display:flex;align-items:center;gap:12px;font-size:12px}.intro-shortcut span{color:var(--muted)}.intro-shortcut a{display:inline-block;padding:7px 15px;background:white;border:1px solid var(--line);border-radius:4px}.intro-shortcut a:hover{border-color:var(--orange);color:var(--orange)}.intro-feature{position:relative;overflow:hidden;background:#f9e9d7;border-radius:9px;min-height:280px}.feature-orb{position:absolute;width:280px;height:280px;border-radius:50%;background:#f6d3ae;right:-18px;top:-95px}.feature-ring{position:absolute;width:170px;height:170px;border:26px solid #da9e5b;border-radius:50%;right:48px;bottom:-53px;transform:rotate(25deg);box-shadow:17px -12px 0 0 #efc58f}.feature-type{position:absolute;top:34px;left:33px;z-index:2;color:#764b2b}.feature-type small{display:block;font-size:10px;letter-spacing:1.8px}.feature-type strong{display:block;font-size:32px;line-height:1.4;margin:18px 0 10px}.feature-type span{font-size:12px}.feature-mark{position:absolute;right:25px;top:25px;writing-mode:vertical-rl;border:1px solid #b47542;padding:10px 6px;color:#b47542;font-size:12px;letter-spacing:3px}.home-industry-directory{display:grid;grid-template-columns:215px 1fr;gap:25px;padding:20px 24px;background:white;border:1px solid var(--line);border-radius:8px;align-items:center;margin-bottom:38px}.home-industry-directory h2{font-size:21px;margin:3px 0}.home-industry-directory p{font-size:11px;color:var(--muted);margin:0}.industry-quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.industry-quick-links a{display:grid;grid-template-columns:39px 1fr 18px;grid-template-rows:1fr 1fr;align-items:center;column-gap:10px;background:#f8f9fa;border:1px solid #f1f1f1;padding:12px;border-radius:6px}.industry-quick-links a:hover{border-color:#f2ac80;background:#fff9f3}.quick-symbol{grid-row:1/3;width:37px;height:37px;border-radius:6px;background:#ffede2;color:#df6f2d;display:grid;place-items:center;font-size:19px;font-weight:700}.industry-quick-links strong{font-size:15px;line-height:1.3}.industry-quick-links small{font-size:10px;color:var(--muted);line-height:1.3}.quick-arrow{grid-column:3;grid-row:1/3;color:var(--orange)}.home-industry{margin:0 0 44px;scroll-margin-top:20px}.industry-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:13px}.industry-title-lockup{display:flex;align-items:center;gap:13px}.industry-symbol{display:grid;place-items:center;width:48px;height:48px;color:white;background:#f37b35;border-radius:8px;font-size:24px;font-weight:700}.home-industry:nth-of-type(3) .industry-symbol{background:#77976f}.home-industry:nth-of-type(4) .industry-symbol{background:#b78457}.industry-overline{font-size:10px;color:#aa8d77}.industry-title-row h2{font-size:26px;line-height:1.2;margin:4px 0}.industry-title-row h2 small{font-size:14px;color:#90949a;margin-left:13px;font-weight:400}.industry-all{font-size:12px;color:#e46e30;white-space:nowrap}.industry-description{color:#697079;font-size:12px;margin:0 0 15px}.industry-description span{float:right;color:#92989f}.rankings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ranking-card{background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden;min-width:0;transition:box-shadow .2s,transform .2s}.ranking-card:hover{box-shadow:0 8px 30px rgba(51,48,43,.07);transform:translateY(-2px)}.ranking-card-head{padding:16px 18px 0;display:flex;justify-content:space-between;align-items:center;gap:7px}.category-label{font-size:11px;color:#cd6937;background:#fff1e6;padding:2px 9px;border-radius:3px}.card-index{color:#abb0b5;font-size:10px}.ranking-card h3{font-size:20px;line-height:1.4;margin:13px 18px 2px}.ranking-card h3 span{color:#e47b44;font-size:14px}.ranking-intro{font-size:11px;color:#92979e;margin:0 18px 13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.merchant-list{list-style:none;margin:0;padding:0 18px}.merchant-row{display:flex;gap:11px;align-items:center;border-top:1px solid #eff0f1;min-height:58px}.merchant-rank{font:italic 23px Georgia,serif;color:#ef7a3d;width:27px}.merchant-row:nth-child(3) .merchant-rank{color:#b7bdc5}.merchant-info{flex:1;min-width:0}.merchant-info strong{display:block;font-size:13px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.merchant-info small{display:block;color:#9a9da3;font-size:10px;line-height:1.5}.merchant-arrow{color:#bec2c8}.ranking-more{display:flex;justify-content:space-between;padding:11px 18px;background:#fcfcfc;border-top:1px solid #eff0f1;color:#dc6e35;font-size:11px;font-weight:700}.home-areas,.home-guides{margin:20px 0 42px}.home-areas h2,.home-guides h2{font-size:25px;margin:4px 0}.home-guides .industry-title-row p{font-size:12px;color:var(--muted);margin:3px 0}.home-area-links{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.home-area-links a{display:grid;grid-template-columns:1fr 16px;background:white;border:1px solid var(--line);padding:17px 21px;border-radius:7px}.home-area-links b{font-size:17px}.home-area-links span{font-size:11px;color:var(--muted)}.home-area-links i{grid-column:2;grid-row:1/3;font-style:normal;color:#e4773b}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.guide-card{background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden;display:block}.guide-thumb{height:104px;display:flex;align-items:flex-end;padding:13px 18px;background:#f2e1d5;position:relative;overflow:hidden}.guide-thumb:after{content:"";position:absolute;width:130px;height:130px;border:20px solid rgba(202,131,79,.2);border-radius:50%;right:-25px;top:-65px}.guide-thumb b{font-size:26px;color:#b77140;position:relative;z-index:1}.guide-wellness{background:#e5ece4}.guide-wellness b{color:#6e956d}.guide-tea{background:#eae7db}.guide-tea b{color:#8b785c}.guide-content{display:block;padding:17px 19px 20px}.guide-category{display:block;font-size:10px;color:var(--orange);margin-bottom:9px}.guide-content strong{font-size:17px;line-height:1.5;min-height:51px;display:block}.guide-content small{display:block;margin-top:10px;color:#91969c;font-size:11px;min-height:34px}.guide-content em{font-style:normal;display:block;margin-top:13px;font-size:11px;color:#db7338}.rank-detail-hero{background:white;border-radius:8px;padding:30px;margin:23px 0 18px}.rank-detail-hero h1{font-size:31px;margin:5px 0}.rank-detail-hero p{font-size:13px;color:#777d83;margin:0}.rank-detail-disclaimer{font-size:11px;color:#bf763e;background:#fff6ed;border:1px solid #ffe5d1;padding:10px 13px;margin-top:20px}.rank-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:18px}.rank-detail-list,.rank-detail-aside{background:white;border-radius:8px;padding:23px}.rank-detail-header{display:flex;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--line)}.rank-detail-header span{color:var(--muted);font-size:12px}.rank-detail-row{display:grid;grid-template-columns:55px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid var(--line)}.rank-detail-no{font:italic 31px Georgia,serif;color:var(--orange)}.rank-detail-row h2{font-size:19px;margin:6px 0}.rank-detail-row p{font-size:12px;color:#777;margin:5px 0 13px}.rank-detail-fields{display:flex;gap:8px}.rank-detail-fields span{background:#f5f6f8;padding:4px 8px;font-size:11px;color:#92979d}.rank-detail-aside{align-self:start}.rank-detail-aside strong{font-size:17px}.rank-detail-aside p{font-size:12px;color:#797e84}.rank-detail-aside a{font-size:12px;color:var(--orange)}.guide-list{background:white;border-radius:8px;padding:12px 24px}.guide-list-row{display:grid;grid-template-columns:80px 1fr 25px;gap:5px 20px;padding:22px 0;border-bottom:1px solid var(--line)}.guide-list-row span{grid-row:1/3;color:var(--orange);font-size:12px}.guide-list-row strong{font-size:17px}.guide-list-row small{font-size:12px;color:var(--muted)}.guide-list-row i{grid-column:3;grid-row:1/3;font-style:normal;color:var(--orange)}.standalone-guide{max-width:850px;margin:25px auto}.standalone-guide h1{font-size:30px;line-height:1.5}
@media(max-width:900px){.home-industry-directory{grid-template-columns:1fr}.home-intro{grid-template-columns:1fr 1fr}.rankings-grid{grid-template-columns:repeat(2,1fr)}.guide-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.home-intro{grid-template-columns:1fr}.home-intro h1{font-size:32px}.intro-feature{min-height:180px}.industry-quick-links,.rankings-grid,.home-area-links,.guide-grid,.rank-detail-layout{grid-template-columns:1fr}.home-industry-directory{padding:18px}.industry-description span{float:none;display:block;margin-top:5px}.industry-title-row h2{font-size:22px}.industry-all{white-space:normal}.guide-content strong{min-height:0}.rank-detail-fields{flex-wrap:wrap}}
/* Updated desktop guide composition: two featured stories, then three concise reads. */
.header-partner{font-size:12px;color:#a95e32;border:1px solid #f0d4bd;border-radius:4px;padding:7px 13px;background:#fff9f4;white-space:nowrap}.header-partner span{margin-left:5px}.header-partner:hover{background:#fff0e2;border-color:#df9c6d}
.guide-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}
.guide-card:nth-child(-n+2){grid-column:span 3;display:flex;min-height:208px}
.guide-card:nth-child(-n+2) .guide-thumb{width:35%;height:auto;flex:none;align-items:center}
.guide-card:nth-child(-n+2) .guide-thumb b{font-size:42px}
.guide-card:nth-child(-n+2) .guide-content{flex:1;display:flex;flex-direction:column;justify-content:center;padding:22px}
.guide-card:nth-child(-n+2) .guide-content strong{font-size:19px;min-height:0}
.guide-card:nth-child(-n+2) .guide-content small{min-height:0}
.guide-card:nth-child(n+3){grid-column:span 2}
.rank-detail-fields a{background:#fff4eb;color:#d66a32;padding:4px 8px;font-size:11px}
.rank-detail-row h2 a:hover{color:var(--orange)}
.rank-detail-row[id]{scroll-margin-top:24px}
@media(max-width:900px){.guide-card:nth-child(-n+2){grid-column:span 3}.guide-card:nth-child(n+3){grid-column:span 3}}

/* Content-led editorial guides: one lead story and four scannable reads. */
.guide-editorial{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;align-items:stretch}
.guide-feature-card,.guide-compact-card{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.guide-feature-card:hover,.guide-compact-card:hover{border-color:#eab08c;box-shadow:0 8px 24px rgba(70,45,24,.08)}
.guide-feature-card{display:flex;flex-direction:column;min-width:0}
.guide-feature-card>img{display:block;width:100%;height:322px;object-fit:cover;object-position:center 52%}
.guide-card-copy{display:block;min-width:0}
.guide-feature-card .guide-card-copy{padding:21px 23px 22px;flex:1;display:flex;flex-direction:column}
.guide-category{font-size:11px;font-weight:700;color:#d46b2e;letter-spacing:.2px}
.guide-feature-card strong{font-size:21px;line-height:1.5;display:block;margin-top:10px;color:#292d30}
.guide-feature-card small{font-size:12px;line-height:1.7;display:block;color:#747b82;margin-top:10px}
.guide-card-copy em{font-size:12px;font-style:normal;font-weight:700;color:#d97037;display:block;margin-top:auto;padding-top:15px}
.guide-side-list{display:grid;grid-template-rows:repeat(4,minmax(0,1fr));gap:12px;min-width:0}
.guide-compact-card{display:grid;grid-template-columns:147px minmax(0,1fr);min-height:119px}
.guide-compact-card>img{display:block;width:147px;height:100%;min-height:119px;object-fit:cover}
.guide-compact-card .guide-card-copy{display:flex;flex-direction:column;padding:13px 18px 11px}
.guide-compact-card strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:15px;line-height:1.45;color:#292d30;margin-top:5px}
.guide-compact-card small{font-size:11px;color:#7b828a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px}
.guide-compact-card em{padding-top:4px;font-size:10px}
.guide-list{padding:6px 24px}
.guide-list-row{display:grid;grid-template-columns:174px minmax(0,1fr) 20px;align-items:center;gap:20px;padding:17px 0}
.guide-list-row img{width:174px;height:108px;object-fit:cover;border-radius:5px}
.guide-list-row span{display:flex;flex-direction:column;gap:6px;grid-row:auto;min-width:0}
.guide-list-row span em{font-style:normal;font-size:11px;font-weight:700;color:#d46b2e}
.guide-list-row strong{font-size:18px;line-height:1.4}
.guide-list-row small{font-size:12px;color:#777f87}
.guide-list-row i{grid-column:3;grid-row:auto}
.guide-deck{font-size:15px;color:#6c737b;line-height:1.7;margin:8px 0}
.guide-hero-media{margin:23px 0 27px}
.guide-hero-media img{display:block;width:100%;max-height:470px;object-fit:cover;border-radius:7px}
.guide-hero-media figcaption{text-align:right;font-size:11px;color:#92979c;padding-top:7px}
.standalone-guide section:not(.answer){margin-top:31px}
.standalone-guide section:not(.answer) h2{font-size:22px;margin-bottom:9px}
.standalone-guide section:not(.answer) p{font-size:15px;line-height:1.9;color:#555e65}
.guide-note{padding:13px 16px;background:#f7f7f5;color:#747b81;font-size:12px;margin:30px 0 22px}
@media(max-width:900px){.guide-editorial{grid-template-columns:1fr}.guide-side-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}.guide-compact-card{grid-template-columns:110px minmax(0,1fr)}.guide-compact-card>img{width:110px}}
@media(max-width:700px){.guide-side-list{grid-template-columns:1fr}.guide-list-row{grid-template-columns:94px minmax(0,1fr) 14px;gap:10px}.guide-list-row img{width:94px;height:85px}.guide-list-row strong{font-size:14px}.guide-list-row small{display:none}}

/* Chengdu visual system for the desktop homepage. */
:root{--paper:#f4f5f3;--ink:#293438;--line:#e4e8e5;--orange:#d96632;--muted:#7d8583}
body{background:var(--paper)}
header{border-bottom:1px solid #e7e8e3;box-shadow:0 2px 18px rgba(36,54,57,.035)}
.head{height:78px}
.brand{gap:12px}
.brand-logo{width:46px;height:46px;display:grid;place-items:center;background:#e66f37;border-radius:11px;box-shadow:0 5px 12px rgba(223,107,53,.18)}
.brand-logo svg{width:34px;height:34px;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.brand b{font-size:24px;letter-spacing:.4px}
.brand small{font-size:10px;color:#81908a;letter-spacing:.8px}
nav{gap:35px;font-size:13px}
nav a{padding:25px 0 22px}
nav a:hover{color:var(--orange)}
.header-partner{border-radius:5px;color:#b9552a;background:#fff8f2;font-weight:700}
.city-strip{background:#243c43;color:#dce4df;font-size:11px;letter-spacing:.2px}
.city-strip-inner{display:flex;align-items:center;gap:25px;min-height:34px}
.city-strip-place{color:#ffd3a8;font-weight:800;letter-spacing:1.1px}
.city-strip-copy{border-left:1px solid rgba(255,255,255,.22);padding-left:24px}
.city-strip-topics{margin-left:auto;color:#adbeb9}
.home-intro{position:relative;display:flex;align-items:center;isolation:isolate;min-height:400px;padding:42px 48px;margin:24px 0 22px;border-radius:12px;overflow:hidden;color:#fff;background:#21363e url("assets/city/chengdu-jinjiang-evening.png") center 53%/cover no-repeat;box-shadow:0 14px 34px rgba(27,46,48,.12)}
.home-intro:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,37,44,.94) 0%,rgba(21,41,48,.84) 34%,rgba(21,41,48,.32) 68%,rgba(15,32,38,.15) 100%);z-index:-1}
.home-intro:after{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.15);border-radius:5px;pointer-events:none}
.intro-copy{position:relative;z-index:1;padding:0;max-width:670px}
.intro-eyebrow{font-size:11px;color:#f6c798;letter-spacing:1.1px;display:inline-flex;align-items:center;gap:11px}
.intro-eyebrow i{width:3px;height:3px;border-radius:50%;background:#e8b683}
.home-intro h1{font-size:44px;line-height:1.35;letter-spacing:-.9px;margin:18px 0 14px;color:#fff}
.home-intro h1 em{color:#ffd2a6}
.home-intro p{font-size:13px;line-height:1.85;color:#d8e2e0;max-width:500px;margin-bottom:26px}
.intro-shortcut{gap:9px;color:#fff}
.intro-shortcut>span{color:#c1cdca;margin-right:6px}
.intro-shortcut a{border:1px solid rgba(255,255,255,.32);border-radius:4px;background:rgba(255,255,255,.12);color:#fff;padding:7px 12px;backdrop-filter:blur(3px);font-weight:700}
.intro-shortcut a:hover{background:#fff;color:#24414a;border-color:#fff}
.intro-shortcut b{font-size:10px;margin-left:9px;font-weight:400;opacity:.7}
.hero-city-note{position:absolute;right:39px;bottom:34px;display:flex;flex-direction:column;gap:3px;align-items:flex-end;z-index:1;text-align:right;text-shadow:0 2px 10px rgba(0,0,0,.45)}
.hero-city-note span{font-size:11px;letter-spacing:2px;color:#ffe0b9}
.hero-city-note strong{font:700 20px/1.4 "Songti SC","SimSun",serif;color:#fff}
.hero-city-note small{font-size:9px;letter-spacing:1.7px;color:#d8e3e0}
.home-industry-directory{grid-template-columns:250px 1fr;padding:23px 26px;margin-bottom:24px;border-radius:10px;border-color:#e5e9e5;box-shadow:0 4px 20px rgba(38,50,42,.035)}
.home-industry-directory h2{font-size:20px;margin:6px 0}
.home-industry-directory p{font-size:11px}
.industry-quick-links a{background:#f8faf9;border-color:#e9ede9;padding:12px 14px;transition:background .2s,border-color .2s,transform .2s}
.industry-quick-links a:hover{transform:translateY(-2px);border-color:#e1ad8d;background:#fff8f2}
.quick-symbol,.industry-symbol{border-radius:8px}
.quick-symbol{background:#fff0e6;color:#c76634}
.quick-symbol svg,.industry-symbol svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.industry-quick-links a:nth-child(2) .quick-symbol{background:#eaf1ec;color:#64836e}
.industry-quick-links a:nth-child(3) .quick-symbol{background:#f2ede5;color:#926c45}
.home-industry{position:relative;padding:25px 25px 23px;margin-bottom:20px;border:1px solid #e8e7e1;border-radius:11px;background:linear-gradient(180deg,#fff9f3 0,#f7f7f4 142px,#f7f7f4 100%)}
#industry-wellness{background:linear-gradient(180deg,#f5faf5 0,#f7f8f6 142px,#f7f8f6 100%)}
#industry-tea{background:linear-gradient(180deg,#faf7f0 0,#f8f8f5 142px,#f8f8f5 100%)}
.industry-symbol{width:47px;height:47px;background:#db7542}
#industry-jewelry .industry-symbol{background:#db7542}
#industry-wellness .industry-symbol{background:#729075}
#industry-tea .industry-symbol{background:#a58259}
.industry-title-row h2{font-size:23px}
.industry-title-row h2 small{font-size:12px}
.industry-description{color:#6d7778;margin-bottom:17px}
.industry-description span{color:#9b9f9e}
.ranking-card{box-shadow:0 3px 13px rgba(37,52,47,.035)}
.ranking-card:hover{box-shadow:0 9px 24px rgba(37,52,47,.09)}
.home-areas{position:relative;overflow:hidden;padding:27px 29px 30px;border-radius:11px;background:#253c40;margin:31px 0 39px;color:#fff}
.home-areas:before{content:"";position:absolute;width:530px;height:530px;border:1px solid rgba(255,255,255,.09);border-radius:50%;right:-60px;top:-360px;box-shadow:0 0 0 90px rgba(255,255,255,.025),0 0 0 190px rgba(255,255,255,.018);pointer-events:none}
.home-areas .industry-title-row{position:relative;margin-bottom:20px}
.home-areas .home-kicker{color:#e9ad81}
.home-areas h2{font-size:24px;color:#fff}
.home-areas .industry-title-row p{font-size:11px;color:#c5d3d0;margin:4px 0 0}
.home-areas .industry-all{color:#ffd5ad}
.home-area-links{position:relative}
.home-area-links a{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:128px;padding:18px 20px;background:#f9faf8;border-color:rgba(255,255,255,.2);border-radius:7px;transition:transform .2s,background .2s}
.home-area-links a:hover{transform:translateY(-3px);background:#fff}
.home-area-links small{font-size:10px;color:#ad714b;font-weight:700;letter-spacing:.3px}
.home-area-links b{font-size:19px;color:#2b3b3d;margin:7px 0 1px}
.home-area-links span{font-size:11px;color:#7c8987}
.home-area-links i{position:absolute;right:18px;top:17px;color:#bf7444}
.home-guides{margin-top:35px}
.site-footer{background:#23373b;color:#c3d0cb;border:0;margin-top:60px;padding:29px 0}
.site-footer .foot{align-items:center}
.foot-brand{display:flex;flex-direction:column;gap:4px}
.foot-brand strong{font-size:18px;color:#fff}
.foot-brand span{font-size:11px}
.foot-links{text-align:right}
.foot-links a{font-size:12px;color:#ebeee9;margin-left:20px}
.foot-links a:hover{color:#ffd3a8}
.foot-links small{display:block;font-size:10px;color:#96aaa5;margin-top:10px}
@media(max-width:900px){.city-strip-topics{display:none}.home-intro{min-height:370px;padding:34px}.home-intro h1{font-size:38px}.home-industry-directory{grid-template-columns:1fr}}
@media(max-width:700px){.city-strip-copy{display:none}.home-intro{min-height:420px;padding:30px 25px}.home-intro h1{font-size:31px}.intro-shortcut{flex-wrap:wrap}.hero-city-note{display:none}.home-industry{padding:19px}.home-areas{padding:22px}.foot-links{text-align:left}.foot-links a{margin:0 15px 0 0}}

/* Full-width city banner and soft photographic industry bands. */
.home-intro{width:100vw;max-width:none;margin:0 0 25px calc(50% - 50vw);padding:0;min-height:570px;border-radius:0;box-shadow:none;background-position:center 51%}
.home-intro:before{z-index:0;background:linear-gradient(90deg,rgba(13,31,39,.92) 0%,rgba(16,35,43,.76) 33%,rgba(17,35,42,.25) 70%,rgba(17,34,40,.12) 100%)}
.home-intro:after{display:none}
.hero-inner{position:relative;z-index:1;width:min(calc(100% - 72px),1168px);min-height:570px;margin:0 auto;display:flex;align-items:center}
.home-intro h1{font-size:clamp(48px,4vw,66px);line-height:1.28;margin:18px 0}
.home-intro p{font-size:15px;line-height:1.9;max-width:590px}
.hero-city-note{right:0;bottom:42px}
.home-industry{width:100vw;max-width:none;margin:0 0 0 calc(50% - 50vw);padding:46px max(36px,calc((100vw - 1168px)/2)) 55px;border:0;border-radius:0;background:#f8f6f3;overflow:hidden;isolation:isolate}
.home-industry:before{content:"";position:absolute;z-index:0;inset:-25px;background-size:cover;background-position:center;filter:blur(14px);opacity:.75;transform:scale(1.035)}
.home-industry:after{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(90deg,rgba(250,248,244,.88),rgba(250,248,244,.70) 48%,rgba(250,248,244,.52));pointer-events:none}
.home-industry>*,.home-industry .rankings-grid{position:relative;z-index:1}
#industry-jewelry{background:#f9f6f1}
#industry-jewelry:before{background-image:url("assets/guides/gold-fees.png");background-position:center 46%}
#industry-wellness{background:#f4f7f4}
#industry-wellness:before{background-image:url("assets/guides/wellness-services.png");background-position:center 45%}
#industry-wellness:after{background:linear-gradient(90deg,rgba(245,249,245,.88),rgba(245,249,245,.70) 48%,rgba(245,249,245,.52))}
#industry-tea{background:#f9f7f2}
#industry-tea:before{background-image:url("assets/guides/tea-business.png");background-position:center 48%}
#industry-tea:after{background:linear-gradient(90deg,rgba(249,247,242,.88),rgba(249,247,242,.70) 48%,rgba(249,247,242,.52))}
.home-industry .industry-all{padding:6px 10px;border-radius:4px;background:rgba(255,255,255,.78);font-weight:700}
.home-industry .industry-title-row{margin-bottom:10px}
.home-industry .industry-description{margin:0 0 23px}
.ranking-card-heading{min-height:91px;padding:19px 19px 14px;border-bottom:1px solid #edf0ee}
.ranking-card h3{margin:0;font-size:20px;line-height:1.35}
.ranking-card h3 a:hover{color:var(--orange)}
.ranking-intro{margin:6px 0 0;font-size:11px;white-space:normal;line-height:1.5}
.merchant-list{padding:0 17px}
.merchant-row{min-height:63px;gap:12px}
.merchant-rank{display:grid;place-items:center;flex:none;width:33px;height:33px;border-radius:7px;background:#f1f3f2;color:#697470;font:700 13px/1 Georgia,serif}
.merchant-list li:first-child .merchant-rank{background:#bd7443;color:#fff;box-shadow:0 3px 7px rgba(183,104,54,.18)}
.merchant-list li:nth-child(2) .merchant-rank{background:#e9edec;color:#60706c}
.merchant-list li:nth-child(3) .merchant-rank{background:#f1eee9;color:#927766}
.merchant-row:hover .merchant-info strong{color:var(--orange)}
.ranking-more{display:block;text-align:center;padding:13px 18px;background:#fbfcfb;color:#b45e32;font-size:12px}
.ranking-more:hover{background:#fff2e7}
@media(max-width:900px){.home-intro,.hero-inner{min-height:480px}.home-industry{padding:35px 36px 40px}}
@media(max-width:700px){.home-intro,.hero-inner{min-height:420px}.hero-inner{width:calc(100% - 40px)}.home-intro h1{font-size:37px}.home-industry{padding:24px 20px 30px}}
body{overflow-x:clip}

/* Continuous page background: photo bands, a dark neighborhood chapter, and a warm reading chapter. */
body{background:#eeeae4}
.home-industry-directory{margin-top:25px;margin-bottom:25px}
.home-areas{width:100vw;max-width:none;margin:0 0 0 calc(50% - 50vw);padding:52px max(36px,calc((100vw - 1168px)/2)) 58px;border-radius:0;background:#20383d;isolation:isolate}
.home-areas:before{content:"";position:absolute;z-index:0;inset:-25px;width:auto;height:auto;border:0;border-radius:0;box-shadow:none;background:url("assets/city/chengdu-jinjiang-evening.png") center 55%/cover no-repeat;filter:blur(12px);opacity:.28}
.home-areas:after{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(90deg,rgba(21,50,55,.91),rgba(21,50,55,.82) 55%,rgba(21,50,55,.68));pointer-events:none}
.home-areas>*{position:relative;z-index:1}
.home-areas .industry-title-row{margin-bottom:24px}
.home-area-links a{min-height:148px}
.home-guides{position:relative;isolation:isolate;overflow:hidden;width:100vw;max-width:none;margin:0 0 0 calc(50% - 50vw);padding:54px max(36px,calc((100vw - 1168px)/2)) 70px;background:#e7e1d6}
.home-guides:before{content:"";position:absolute;z-index:0;inset:-30px;background:url("assets/guides/tea-first.png") center 44%/cover no-repeat;filter:blur(28px);opacity:.24;transform:scale(1.03)}
.home-guides:after{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(90deg,rgba(242,238,231,.83),rgba(242,238,231,.76) 50%,rgba(242,238,231,.68));pointer-events:none}
.home-guides>*{position:relative;z-index:1}
.home-guides .industry-title-row{margin-bottom:19px}
.site-footer{margin-top:0}
@media(max-width:900px){.home-areas,.home-guides{padding-left:36px;padding-right:36px}}
@media(max-width:700px){.home-areas,.home-guides{padding-left:20px;padding-right:20px}}

/* Calm editorial canvas: one paper tone and restrained monochrome photo texture. */
body{background:#f5f2ed}
.home-intro{margin-bottom:0}
.home-intro:after{display:none}
.hero-city-note{bottom:42px}
.home-industry-directory{position:relative;z-index:1;margin-top:30px;margin-bottom:18px}
.home-industry,#industry-jewelry,#industry-wellness,#industry-tea{background:#f5f2ed}
.home-industry{padding-top:54px;padding-bottom:64px}
.home-industry:before{inset:0;opacity:.17;filter:grayscale(1) blur(24px);transform:none}
.home-industry:after,#industry-wellness:after,#industry-tea:after{background:rgba(245,242,237,.6)}
.home-areas{margin-top:18px;padding-top:70px;padding-bottom:74px;background:#243a3c}
.home-areas:before{inset:0;opacity:.16;filter:grayscale(1) blur(16px)}
.home-areas:after{background:rgba(25,53,56,.68)}
.home-guides{padding-top:72px;padding-bottom:82px;background:#f5f2ed}
.home-guides:before{inset:0;opacity:.12;filter:grayscale(1) blur(26px);transform:none}
.home-guides:after{background:rgba(245,242,237,.76)}
.site-footer{background:#243a3c}
@media(max-width:700px){.home-industry{padding-top:38px;padding-bottom:46px}.home-areas{padding-top:48px;padding-bottom:54px}.home-guides{padding-top:52px;padding-bottom:60px}}

/* Chengdu line-art watermarks replace the blurred photo textures. */
body{background:#f6f3ee}
.home-industry,#industry-jewelry,#industry-wellness,#industry-tea,.home-guides{background:#f6f3ee}
.home-industry:before{inset:auto;top:50%;left:max(24px,calc((100vw - 1168px)/2 - 440px));width:min(35vw,600px);height:min(35vw,600px);background-repeat:no-repeat;background-position:center;background-size:contain;filter:none;opacity:.16;transform:translateY(-50%)}
#industry-jewelry:before{background-image:url("assets/watermarks/hibiscus.svg")}
#industry-wellness:before{left:auto;right:max(24px,calc((100vw - 1168px)/2 - 440px));background-image:url("assets/watermarks/panda.svg");opacity:.14}
#industry-tea:before{background-image:url("assets/watermarks/opera-mask.svg?v=4");opacity:.14}
.home-industry:after,#industry-wellness:after,#industry-tea:after{display:none}
/* A quiet rule sits inside the content margins between the three industry chapters. */
#industry-wellness:after,#industry-tea:after{display:block;inset:auto;top:0;left:max(20px,calc((100vw - 1100px)/2));right:max(20px,calc((100vw - 1100px)/2));height:1px;background:linear-gradient(90deg,transparent,#dcd5cb 8%,#dcd5cb 92%,transparent);opacity:1;pointer-events:none}
.home-areas{background:#20393c}
.home-areas:before{inset:auto;top:0;right:max(16px,calc((100vw - 1168px)/2 - 430px));width:min(48vw,860px);height:100%;background:url("assets/watermarks/chengdu-bridge.svg") center/contain no-repeat;filter:none;opacity:.22;transform:none}
.home-areas:after{display:none}
.home-guides:before{inset:auto;top:50%;left:max(24px,calc((100vw - 1168px)/2 - 440px));width:min(35vw,600px);height:min(35vw,600px);background:url("assets/watermarks/hotpot.svg") center/contain no-repeat;filter:none;opacity:.14;transform:translateY(-50%)}
.home-guides:after{display:none}
