/* Reading-first homepage, using the mobile directory's typography and palette. */
body:has(.homepage){background:#fff;}
#wrapper.homepage{padding:32px 0 52px;font-family:"Microsoft YaHei","Segoe UI",sans-serif;color:#59697d;}
.homepage,.homepage *{box-sizing:border-box;}
.homepage .home-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:36px;align-items:start;}
.homepage .home-content{grid-column:2;grid-row:1;min-width:0;display:grid;gap:34px;}
.homepage #sidebar.news-sidebar{grid-column:1;grid-row:1;width:100%;min-width:0;}
.homepage .home-content a{color:#36475c;text-decoration:none;}
.homepage .home-content a:hover{color:var(--site-primary,#ff5000);}
.homepage .home-section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:34px;margin:0 0 20px;padding:0 0 10px;border-bottom:1px solid #edf0f3;}
.homepage .home-section-heading h2{margin:0;color:#29394c;font-size:17px;font-weight:500;line-height:24px;}
.homepage .home-section-heading>a{flex:none;color:#9ba4b0;font-size:11px;line-height:20px;}
.homepage .home-section-heading>a:hover{color:var(--site-primary,#ff5000);}
.homepage .home-content time{color:#a0a9b5;font-size:10px;line-height:20px;font-variant-numeric:tabular-nums;}
.homepage .home-latest-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin:0;padding:0;list-style:none;}
.homepage .home-latest .home-section-heading{margin-bottom:5px;}
.homepage .home-latest-list li{display:flex;align-items:baseline;gap:16px;min-width:0;padding:12px 0;}
.homepage .home-latest-list li>a{display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:22px;}
.homepage .home-latest-list time{flex:none;}
.homepage .home-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 32px;}
.homepage .home-topic{min-width:0;}
.homepage .home-topic .home-section-heading{margin-bottom:16px;}
.homepage .home-topic-lead h3{margin:0 0 9px;font-size:15px;font-weight:500;line-height:25px;}
.homepage .home-topic-lead p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:44px;margin:0 0 12px;color:#939ca8;font-size:12px;line-height:22px;}
.homepage .home-topic ul{margin:0;padding:0;list-style:none;}
.homepage .home-topic li{padding:8px 0;}
.homepage .home-topic li>a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:400;line-height:22px;}
.homepage a:focus-visible,.homepage button:focus-visible{outline:2px solid #ffb28e;outline-offset:4px;}
@media(max-width:1150px){.homepage .home-layout{grid-template-columns:250px minmax(0,1fr);gap:28px;}.homepage .home-latest-list time{display:none;}}
@media(max-width:960px){.homepage .home-layout{grid-template-columns:minmax(0,1fr);gap:38px;}.homepage .home-content{grid-column:1;grid-row:1;}.homepage #sidebar.news-sidebar{grid-column:1;grid-row:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;}.homepage #sidebar>.box{margin:0;}}
@media(max-width:640px){#wrapper.homepage{padding:24px 0 36px;}.homepage .home-content{gap:28px;}.homepage .home-latest-list,.homepage .home-topics{grid-template-columns:minmax(0,1fr);}.homepage .home-latest-list time{display:block;}.homepage .home-topics{gap:28px;}.homepage .home-topic-lead p{min-height:0;}.homepage #sidebar.news-sidebar{display:block;}.homepage #sidebar>.box{margin-bottom:30px;}}

.homepage .home-spotlight[hidden]{display:none;}
.homepage .home-thumbnail-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:20px 0 0;padding:0;list-style:none;}
.homepage .home-thumbnail-row li{min-width:0;}
.homepage .home-thumbnail-row a{display:block;}
.homepage .home-thumbnail-row img{display:block;width:100%;height:auto;aspect-ratio:1.8;object-fit:cover;border-radius:2px;}
.homepage .home-thumbnail-row span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:9px;font-size:12px;line-height:21px;}
@media(max-width:640px){.homepage .home-thumbnail-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px;}}

/* Standard image-only carousel: a stable frame with controls over the image. */
.homepage .home-carousel{position:relative;overflow:hidden;border-radius:2px;background:#f6f7f9;}
.homepage .home-carousel-slides{height:100%;aspect-ratio:1.7;}
.homepage .home-spotlight{height:100%;margin:0;}
.homepage .home-spotlight-image{display:block;width:100%;height:100%;overflow:hidden;}
.homepage .home-spotlight-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
.homepage .home-carousel-controls{position:absolute;inset:0;pointer-events:none;}
.homepage .home-carousel-controls button{pointer-events:auto;cursor:pointer;}
.homepage .home-carousel-dots{position:absolute;left:50%;bottom:12px;display:flex;gap:5px;transform:translateX(-50%);}
.homepage .home-carousel-dots button{position:relative;width:22px;height:24px;padding:0;border:0;background:none;}
.homepage .home-carousel-dots button::after{content:"";position:absolute;left:7px;top:8px;width:8px;height:8px;border-radius:50%;background:#ffffff80;box-shadow:0 1px 3px #0003;}
.homepage .home-carousel-dots button[aria-pressed="true"]::after{background:var(--site-primary,#ff5000);}
.homepage .home-carousel-actions [data-home-prev],.homepage .home-carousel-actions [data-home-next]{position:absolute;top:50%;display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin-top:-18px;padding:11px;border:0;border-radius:50%;background:#0004;color:#fff;--swiper-navigation-size:36px;}
.homepage .home-carousel-actions [data-home-prev]{left:14px;}
.homepage .home-carousel-actions [data-home-next]{right:14px;}
.homepage .home-carousel-actions [data-home-prev]:hover,.homepage .home-carousel-actions [data-home-next]:hover{background:#0006;}
@media(max-width:640px){.homepage .home-carousel-slides{aspect-ratio:1.7;}.homepage .home-carousel-actions [data-home-prev]{left:8px;}.homepage .home-carousel-actions [data-home-next]{right:8px;}}

.homepage .home-focus-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1.85fr);gap:24px;align-items:stretch;}
.homepage .home-focus-news{display:flex;flex-direction:column;min-width:0;}
.homepage .home-focus-news h3{margin:0 0 4px;padding:0 0 10px;border-bottom:1px solid #edf0f3;color:#29394c;font-size:16px;font-weight:500;line-height:24px;}
.homepage .home-focus-news ul{display:flex;flex:1;flex-direction:column;justify-content:space-between;margin:0;padding:0;list-style:none;}
.homepage .home-focus-news li{display:flex;align-items:center;gap:12px;min-width:0;min-height:36px;}
.homepage .home-focus-news li>a{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:22px;}
.homepage .home-focus-news time{flex:none;font-size:10px;}
@media(max-width:1150px){.homepage .home-focus-layout{grid-template-columns:minmax(0,1fr);gap:24px;}.homepage .home-carousel-slides{height:auto;aspect-ratio:1.9;}.homepage .home-focus-news ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;}.homepage .home-focus-news time{display:none;}}
@media(max-width:640px){.homepage .home-focus-news ul{grid-template-columns:minmax(0,1fr);}.homepage .home-focus-news time{display:block;}.homepage .home-carousel-slides{aspect-ratio:1.7;}}

/* Swiper owns slide positioning, transitions and pagination. */
.homepage .home-carousel.swiper{width:100%;min-width:0;max-width:100%;aspect-ratio:1.7;--swiper-theme-color:#ff5000;}
.homepage .home-carousel .home-carousel-slides{height:100%;aspect-ratio:auto;}
.homepage .home-carousel .home-spotlight{height:100%;}
.homepage .home-carousel:not(.swiper-initialized) .home-spotlight:not(:first-child){visibility:hidden;}
.homepage .home-carousel-dots{width:auto;z-index:2;bottom:12px;gap:5px;align-items:center;padding:5px 9px;border-radius:18px;background:rgb(0 0 0 / 24%);}
.homepage .home-carousel-dots .swiper-pagination-bullet{display:block;flex:0 0 7px;width:7px;height:7px;margin:0;padding:0;border:0;border-radius:50%;background:#fff;opacity:0.35;box-shadow:none;}
.homepage .home-carousel-dots .swiper-pagination-bullet::after{content:none;}
.homepage .home-carousel-dots .swiper-pagination-bullet-active{background:var(--site-primary, #b73e07);opacity:1;}
.homepage .home-carousel-actions button{z-index:2;}
@media(max-width:1150px){.homepage .home-carousel.swiper{aspect-ratio:1.9;}}
@media(max-width:640px){.homepage .home-carousel.swiper{aspect-ratio:1.7;}}
.homepage .home-carousel-actions [data-home-prev],.homepage .home-carousel-actions [data-home-next]{opacity:0;pointer-events:none;transition:transform .25s ease,opacity .25s ease;}
.homepage .home-carousel-actions [data-home-prev]{transform:translateX(-50px);}
.homepage .home-carousel-actions [data-home-next]{transform:translateX(50px);}
.homepage .home-carousel:hover .home-carousel-actions button,.homepage .home-carousel:focus-within .home-carousel-actions button{opacity:1;transform:translateX(0);pointer-events:auto;}
@media(prefers-reduced-motion:reduce){.homepage .home-carousel-actions [data-home-prev],.homepage .home-carousel-actions [data-home-next]{transition:none;}}
@media(min-width:1151px){
  .homepage #sidebar>.sidebar-phone-ranking{display:flex;flex-direction:column;height:var(--home-carousel-height,368px);}
  .homepage #sidebar .sidebar-phone-ranking .sidebar-section-title{flex:none;margin-bottom:10px;}
  .homepage .sidebar-phone-list{display:grid;flex:1;min-height:0;grid-template-rows:repeat(5,minmax(0,1fr));}
  .homepage .sidebar-phone-item{gap:11px;padding:0;min-height:0;}
  .homepage .phone-ranking-image{flex-basis:44px;height:52px;}
  .homepage .phone-ranking-image img{width:40px;height:50px;}
  .homepage .phone-ranking-info{gap:5px;}
}

/* One shared grid lets the thumbnail strip span the full content width. */
.homepage .home-layout{row-gap:20px;}
.homepage .home-content,.homepage #sidebar.news-sidebar{display:contents;}
.homepage .home-focus{grid-column:2;grid-row:1;min-width:0;}
.homepage #sidebar>.sidebar-phone-ranking{grid-column:1;grid-row:1;margin:0;}
.homepage .home-thumbnail-row{grid-column:1 / -1;grid-row:2;grid-template-columns:repeat(6,minmax(0,1fr));margin:0;gap:18px;}
.homepage .home-articles{grid-column:2;grid-row:3;display:grid;gap:34px;min-width:0;margin-top:14px;}
.homepage #sidebar>.sidebar-ranking{grid-column:1;grid-row:3;margin:14px 0 0;}
@media(max-width:960px){
  .homepage .home-focus{grid-column:1;grid-row:1;}
  .homepage .home-articles{grid-column:1;grid-row:3;}
  .homepage #sidebar>.sidebar-phone-ranking{grid-column:1;grid-row:4;}
  .homepage #sidebar>.sidebar-ranking{grid-column:1;grid-row:5;}
}
@media(max-width:960px){.homepage .home-thumbnail-row{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media(max-width:640px){.homepage .home-thumbnail-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px;}.homepage .home-articles{gap:28px;}}

.homepage .home-phones{grid-column:1 / -1;grid-row:2;margin:8px 0 6px;min-width:0;}
.homepage .home-phone-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:18px;}
.homepage .home-phone-card{min-width:0;}
.homepage .home-phone-image{position:relative;display:flex;align-items:center;justify-content:center;height:148px;margin-bottom:14px;}
.homepage .home-phone-image>img{display:block;width:100%;height:140px;object-fit:contain;}
.homepage .home-phones .phone-card-badge{position:absolute;top:5px;left:8px;display:inline-flex;padding:2px 7px;border-radius:4px;color:#fff;font-size:11px;font-weight:400;line-height:17px;letter-spacing:.5px;}
.homepage .home-phones .phone-card-badge.is-popular{background:#ff702f;}
.homepage .home-phones .phone-card-badge.is-recommended{background:#52657d;}
.homepage .home-phone-card h3{margin:0;font-size:14px;font-weight:500;line-height:24px;}
.homepage .home-phone-specs{overflow:hidden;margin:5px 0 10px;color:#929ba7;font-size:11px;line-height:20px;text-overflow:ellipsis;white-space:nowrap;}
.homepage .home-phone-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.homepage .home-phone-actions>span{color:#36475c;font-size:15px;line-height:26px;white-space:nowrap;}
.homepage .home-phone-actions>button{padding:2px 8px;border:1px solid #dce3eb;border-radius:3px;background:#fff;color:#8b97a7;font:11px/20px "Microsoft YaHei",sans-serif;cursor:pointer;white-space:nowrap;}
.homepage .home-phone-actions>button:hover,.homepage .home-phone-actions>button[aria-pressed="true"]{border-color:#ffb48f;color:var(--site-primary,#ff5000);}
.homepage .home-thumbnail-row{grid-row:3;margin-top:8px;}
.homepage .home-articles,.homepage #sidebar>.sidebar-ranking{grid-row:4;}
@media(max-width:960px){.homepage .home-phone-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px;}.homepage #sidebar>.sidebar-phone-ranking{grid-row:5;}.homepage #sidebar>.sidebar-ranking{grid-row:6;}}
@media(max-width:640px){.homepage .home-phone-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;}.homepage .home-phone-image{height:132px;}.homepage .home-phone-image>img{height:124px;}}

/* Compact text columns aligned with the neighboring article ranking. */
.homepage .home-articles{display:block;}
.homepage .home-topics{gap:22px 32px;}
.homepage .home-topic{display:flex;flex-direction:column;}
.homepage .home-topic .home-section-heading{margin-bottom:10px;}
.homepage .home-topic-lead h3{display:block;overflow:hidden;margin:0 0 5px;font-size:13px;font-weight:500;line-height:24px;text-overflow:ellipsis;white-space:nowrap;}
.homepage .home-topic ul{display:flex;flex:1;flex-direction:column;justify-content:space-between;}
.homepage .home-topic li{padding:4px 0;}
@media(min-width:961px){.homepage .home-articles{height:var(--home-news-ranking-height,438px);}.homepage .home-articles .home-topics{height:100%;grid-template-rows:repeat(2,minmax(0,1fr));}}
.homepage .home-topic-lead,.homepage .home-topic li{display:flex;align-items:baseline;gap:16px;min-width:0;}
.homepage .home-topic-lead{margin-bottom:5px;}
.homepage .home-topic-lead h3{flex:1;min-width:0;margin-bottom:0;}
.homepage .home-topic li>a{flex:1;min-width:0;}
.homepage .home-topic time{flex:none;white-space:nowrap;color:#a0a9b5;font-size:10px;font-weight:400;line-height:22px;font-variant-numeric:tabular-nums;}

/* Editorial thumbnails close the homepage, below both article columns. */
.homepage .home-articles,.homepage #sidebar>.sidebar-ranking{grid-row:3;}
.homepage .home-thumbnail-row{grid-row:4;margin-top:8px;}
@media(max-width:960px){.homepage .home-articles{grid-row:3;}.homepage #sidebar>.sidebar-phone-ranking{grid-row:4;}.homepage #sidebar>.sidebar-ranking{grid-row:5;}.homepage .home-thumbnail-row{grid-row:6;}}

.homepage .home-featured-section{grid-column:1 / -1;grid-row:4;min-width:0;margin-top:8px;}
.homepage .home-featured-section .home-thumbnail-row{margin:0;}
@media(max-width:960px){.homepage .home-featured-section{grid-row:6;}}

.homepage .home-thumbnail-image{display:block;overflow:hidden;aspect-ratio:1.8;border-radius:2px;}
@media(hover:hover) and (pointer:fine){
  .homepage .home-thumbnail-image img{transition:transform .28s ease;}
  .homepage .home-thumbnail-image:hover img{transform:scale(1.06);}
}
@media(prefers-reduced-motion:reduce){.homepage .home-thumbnail-image img{transition:none;}}

@media(hover:hover) and (pointer:fine){
  .homepage .home-phone-image>img{transition:transform .28s ease;}
  .homepage .home-phone-image:hover>img{transform:scale(1.06);}
}
@media(prefers-reduced-motion:reduce){.homepage .home-phone-image>img{transition:none;}}

.homepage .home-latest-intro{display:none;}
@media(min-width:769px){
  .homepage .home-focus-news li:first-child{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:5px 0;}
  .homepage .home-latest-intro{display:block;position:relative;grid-column:1 / -1;margin:0;color:#939ca8;font-size:12px;line-height:22px;}
  .homepage .home-latest-intro>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;box-sizing:border-box;min-height:44px;max-height:44px;padding-right:42px;overflow:hidden;}
  .homepage .home-latest-intro>a{position:absolute;right:0;bottom:0;background:#fff;color:#7b899b;font-size:12px;line-height:22px;}
  .homepage .home-latest-intro>a:hover{color:var(--site-primary);}
}

/* Homepage phone ranking categories. */
.homepage #sidebar .sidebar-phone-ranking .sidebar-section-title{margin-bottom:8px;}
.homepage .phone-sales-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;flex:none;border-bottom:1px solid #e9edf1;}
.homepage .phone-sales-tabs button{position:relative;min-width:0;height:36px;padding:0 2px;border:0;background:#fff;color:#999;font:12px "Microsoft YaHei",sans-serif;white-space:nowrap;cursor:pointer;}
.homepage .phone-sales-tabs button[aria-selected="true"]{color:#333;font-weight:600;}
.homepage .phone-sales-tabs button[aria-selected="true"]:after{position:absolute;right:8px;bottom:-1px;left:8px;height:2px;background:var(--site-primary);content:"";}
.homepage .phone-sales-panel{display:flex;flex:1;flex-direction:column;min-height:0;padding-top:9px;}
.homepage .phone-sales-panel[hidden]{display:none!important;}
.homepage .phone-sales-panel .sidebar-phone-list{height:100%;}
.homepage .phone-sales-note{margin:0 0 6px;color:#999;font-size:10px;line-height:18px;}
.homepage .phone-sales-chart{display:grid;flex:1;grid-template-rows:repeat(5,minmax(0,1fr));margin:0;padding:0;counter-reset:phone-sales;list-style:none;}
.homepage .phone-sales-chart li{display:grid;grid-template-columns:17px 52px minmax(0,1fr) 34px;gap:6px;align-items:center;min-height:35px;color:#666;font-size:11px;counter-increment:phone-sales;}
.homepage .phone-sales-chart li:before{content:counter(phone-sales,decimal-leading-zero);color:#aaa;font-size:10px;}
.homepage .phone-sales-chart li:first-child:before{color:var(--site-primary);}
.homepage .phone-sales-chart li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.homepage .phone-sales-chart li b{height:7px;border-radius:6px;background:#e9e9e9;overflow:hidden;}
.homepage .phone-sales-chart li b:before{display:block;width:var(--rank-width);height:100%;border-radius:6px;background:#c9ced4;content:"";}
.homepage .phone-sales-chart li:nth-child(1) b:before{background:#ff5000;}
.homepage .phone-sales-chart li:nth-child(2) b:before{background:#ff813d;}
.homepage .phone-sales-chart li:nth-child(3) b:before{background:#f6aa71;}
.homepage .phone-sales-chart li:nth-child(4) b:before{background:#f2c9a2;}
.homepage .phone-sales-chart li:nth-child(5) b:before{background:#c2bab0;}
.homepage .phone-sales-chart li strong{text-align:right;color:#333;font-size:10px;font-weight:600;white-space:nowrap;}
.homepage .phone-sales-source{align-self:flex-start;margin-top:7px;color:#888;font-size:10px;line-height:18px;}
.homepage .phone-sales-source:hover{color:var(--site-primary);}
@media(max-width:1150px){.homepage .phone-sales-chart{grid-template-rows:none;}.homepage .phone-sales-chart li{min-height:39px;}}

/* The finder shares the directory's quiet controls and navigation accent. */
.homepage .home-phone-finder{display:flex;flex-direction:column;min-width:0;padding:2px 0;}
.homepage .home-phone-finder h3{margin:0;color:#29394c;font-size:19px;font-weight:500;line-height:28px;}
.homepage .home-phone-finder header p{margin:4px 0 19px;color:#98a1ad;font-size:12px;line-height:20px;}
.homepage .home-phone-finder-form{display:grid;flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 14px;align-content:start;}
.homepage .home-finder-field{display:flex;flex-direction:column;gap:5px;min-width:0;}
.homepage .home-finder-field>label{color:#68788c;font-size:11px;font-weight:500;line-height:18px;}
.homepage .home-phone-finder-form select{box-sizing:border-box;width:100%;height:35px;margin:0;padding:0 9px;border:1px solid #dce3ec;border-radius:0;background:#fff;color:#888;font:12px "Microsoft YaHei",sans-serif;cursor:pointer;box-shadow:none;}
.homepage .home-finder-native[hidden]{display:none!important;}
.homepage .home-finder-select{position:relative;min-width:0;}
.homepage .home-finder-select.is-open{z-index:60;}
.homepage .home-finder-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;box-sizing:border-box;width:100%;height:35px;margin:0;padding:0 9px;border:1px solid #dce3ec;border-radius:0;background:#fff;color:#7d8896;font:12px "Microsoft YaHei",sans-serif;text-align:left;cursor:pointer;box-shadow:none;}
.homepage .home-finder-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.homepage .home-finder-trigger::after{content:"";flex:0 0 14px;width:14px;height:14px;background:url("../images/device-chevron-down.svg") center/contain no-repeat;opacity:.6;}
.homepage .home-finder-trigger[aria-expanded="true"]::after{transform:rotate(180deg);}
.homepage .home-finder-trigger:hover{background:#fafbfc;}
.homepage .home-phone-finder-form select:focus-visible,.homepage .home-finder-trigger:focus-visible{outline:2px solid #ffb28e;outline-offset:2px;}
.homepage .home-finder-menu{position:absolute;top:calc(100% + 5px);right:0;left:0;z-index:60;box-sizing:border-box;max-height:240px;overflow-y:auto;margin:0;padding:4px;border:0;border-radius:4px;background:#fff;box-shadow:0 5px 20px #23364f24;scrollbar-width:thin;scrollbar-color:#d5dae0 transparent;overscroll-behavior:contain;}
.homepage .home-finder-menu[hidden]{display:none;}
.homepage .home-finder-select.opens-up .home-finder-menu{top:auto;bottom:calc(100% + 5px);}
.homepage .home-finder-option{display:block;padding:8px 9px;border:0;border-radius:2px;background:#fff;color:#68788c;font:12px/1.5 "Microsoft YaHei",sans-serif;cursor:pointer;overflow-wrap:anywhere;}
.homepage .home-finder-option.is-active{background:#f6f7f9;}
.homepage .home-finder-option[aria-selected="true"]{background:#fff2eb;color:var(--site-primary,#ff5000);}
.homepage .home-phone-finder-form>button{display:flex;grid-column:1 / -1;align-items:center;justify-content:space-between;width:100%;height:39px;margin:3px 0 0;padding:0 13px;border:0;border-radius:3px;background:var(--site-primary,#ff5000);color:#fff;font:500 12px "Microsoft YaHei",sans-serif;cursor:pointer;}
.homepage .home-phone-finder-form>button:hover{background:var(--site-primary-hover,#e94900);}
.homepage .home-phone-finder-form>button span{font-size:19px;font-weight:400;}
@media(min-width:641px) and (max-width:1150px){.homepage .home-phone-finder-form{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:640px){.homepage .home-phone-finder h3{font-size:18px;}.homepage .home-phone-finder header p{margin-bottom:16px;}.homepage .home-phone-finder-form{gap:12px 14px;}.homepage .home-phone-finder-form select,.homepage .home-finder-trigger{height:36px;font-size:12px;}}

.homepage .phone-sales-chart.phone-model-ranking li{grid-template-columns:17px minmax(0,1fr);}

.homepage .phone-quarter-quantity li{grid-template-columns:17px 45px minmax(0,1fr) 42px;}

.homepage .phone-sales-chart.phone-model-ranking li{grid-template-columns:17px minmax(0,1fr) 46px;}
.homepage .phone-model-ranking .phone-model-unpublished{color:#98a2af;font-weight:400;}