/* PC Trending page stylesheet: trends.css */
/* =========================================================
   PC Trending - Trend NOW Premium UI 2026-08-18
========================================================= */
.TrendNowPage{
  --tn-ink:#0f172a;
  --tn-muted:#64748b;
  --tn-line:#e5eaf1;
  --tn-blue:#1268f3;
  --tn-blue-dark:#0b4fc4;
  --tn-soft-blue:#edf5ff;
  --tn-green:#0b9f6e;
  --tn-soft-green:#ecfbf5;
  --tn-amber:#e78a13;
  --tn-soft-amber:#fff8e9;
  background:linear-gradient(180deg,#f7faff 0,#fff 520px);
  color:var(--tn-ink);
}
.TrendNowHero{position:relative;overflow:hidden;border:1px solid #dfe7f3;border-radius:30px;background:linear-gradient(135deg,#fff 0%,#f7faff 52%,#edf4ff 100%);box-shadow:0 20px 55px rgba(37,68,112,.09);padding:clamp(24px,4vw,54px)}
.TrendNowHeroGlow{position:absolute;border-radius:999px;filter:blur(2px);pointer-events:none}.TrendNowHeroGlow--one{width:330px;height:330px;right:-100px;top:-180px;background:rgba(33,112,255,.11)}.TrendNowHeroGlow--two{width:260px;height:260px;left:38%;bottom:-220px;background:rgba(42,187,255,.09)}
.TrendNowHeroCopy{display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1;padding:4px 0}
.TrendNowEyebrow,.TrendNowMicroLabel{font-size:.72rem;font-weight:800;letter-spacing:.12em;color:var(--tn-blue)}.TrendNowEyebrow{display:flex;align-items:center;gap:8px;margin-bottom:18px}.TrendNowLiveDot{width:8px;height:8px;border-radius:50%;background:#17b77f;box-shadow:0 0 0 5px rgba(23,183,127,.12)}
.TrendNowHeroTitle{font-size:clamp(2.25rem,4.4vw,4.35rem);font-weight:850;line-height:1.06;letter-spacing:-.055em;margin:0 0 22px;color:#111827}.TrendNowHeroDesc{font-size:clamp(.98rem,1.25vw,1.1rem);line-height:1.8;color:var(--tn-muted);max-width:690px;margin:0 0 28px}
.TrendNowHeroActions{display:flex;flex-wrap:wrap;gap:10px}.TrendNowPrimaryBtn,.TrendNowDarkBtn{border-radius:999px;padding:12px 20px;font-weight:750;display:inline-flex;align-items:center;gap:8px}.TrendNowPrimaryBtn{background:linear-gradient(135deg,#1575ff,#0759db);color:#fff;border:0;box-shadow:0 10px 24px rgba(18,104,243,.25)}.TrendNowPrimaryBtn:hover{color:#fff;transform:translateY(-1px)}.TrendNowDarkBtn{background:#171b22;color:#fff;border:1px solid #171b22}.TrendNowDarkBtn:hover{background:#000;color:#fff}
.TrendNowHeroMeta{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px;color:#7b8798;font-size:.78rem}.TrendNowHeroMeta span{display:flex;align-items:center;gap:6px}
.TrendNowPulsePanel{position:relative;z-index:1;background:rgba(255,255,255,.8);border:1px solid rgba(210,222,239,.95);border-radius:24px;padding:22px;box-shadow:0 12px 30px rgba(54,79,116,.07);backdrop-filter:blur(10px)}.TrendNowPulseHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.TrendNowPulseHeader h2{font-size:1.22rem;font-weight:800;letter-spacing:-.03em;margin:5px 0 0}.TrendNowPulseIcon{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:#edf4ff;color:var(--tn-blue);font-size:1.1rem}.TrendNowMetricGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.TrendNowMetricCard{min-height:128px;border:1px solid #e7ecf3;border-radius:17px;padding:15px;background:#fff;display:flex;flex-direction:column}.TrendNowMetricCard--blue{background:#f4f8ff;border-color:#dce8ff}.TrendNowMetricCard--amber{background:#fffaf0;border-color:#f9e7bd}.TrendNowMetricLabel{font-size:.73rem;font-weight:750;color:#708096}.TrendNowMetricCard strong{font-size:1.8rem;line-height:1.1;margin:10px 0 6px;letter-spacing:-.04em}.TrendNowMetricCard strong small{font-size:.8rem;margin-left:2px}.TrendNowMetricCard>span:last-child{font-size:.72rem;color:#8994a4;line-height:1.4}
.TrendNowSpotlight{border:1px solid var(--tn-line);background:#fff;border-radius:24px;padding:22px 24px;box-shadow:0 10px 30px rgba(15,23,42,.045);position:relative}.TrendNowSpotlightLabel{position:absolute;top:0;right:24px;transform:translateY(-50%);font-size:.66rem;font-weight:800;letter-spacing:.12em;color:#fff;background:#111827;border-radius:999px;padding:7px 11px}.TrendNowSpotlightImage{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;border:1px solid #e8edf3;border-radius:18px;background:#fbfcfe;padding:10px;overflow:hidden}.TrendNowSpotlightImage img{width:100%;height:100%;object-fit:contain}.TrendNowSpotlightTopline{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:8px}.TrendNowCategoryPill{padding:5px 9px;border-radius:999px;background:#edf4ff;color:var(--tn-blue);font-size:.72rem;font-weight:800}.TrendNowSpotlightNote{font-size:.78rem;color:#7a8798}.TrendNowSpotlightBody h2{font-size:clamp(1.15rem,2vw,1.55rem);font-weight:800;letter-spacing:-.035em;margin:0 0 14px}.TrendNowSpotlightStats{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.TrendNowSpotlightStats span{display:flex;align-items:baseline;gap:6px;border:1px solid #e8edf3;background:#fbfcfe;border-radius:10px;padding:7px 10px}.TrendNowSpotlightStats small{color:#8490a0;font-size:.7rem}.TrendNowSpotlightStats strong{font-size:.9rem}.TrendNowTextLink{font-size:.8rem;font-weight:750;text-decoration:none;color:#284056}.TrendNowTextLink:hover{color:var(--tn-blue)}
.TrendNowAd{min-height:100px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.TrendNowAd .adsbygoogle{width:100%;max-width:100%}
.TrendNowDecisionSection{border:1px solid var(--tn-line);border-radius:28px;padding:clamp(20px,3vw,34px);background:#fff}.TrendNowDecisionSection--buy{background:linear-gradient(180deg,#f8fffc,#fff 260px);border-color:#d9efe6}.TrendNowDecisionSection--wait{background:linear-gradient(180deg,#fffcf6,#fff 260px);border-color:#f3e7cc}.TrendNowSectionHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:28px}.TrendNowSectionHeader h2{font-size:clamp(1.45rem,2.4vw,2rem);font-weight:850;letter-spacing:-.045em;margin:6px 0 7px}.TrendNowSectionHeader p{margin:0;color:#7a8796;font-size:.88rem}.TrendNowSectionKicker{font-size:.7rem;letter-spacing:.11em;font-weight:850;color:var(--tn-green)}.TrendNowDecisionSection--wait .TrendNowSectionKicker{color:var(--tn-amber)}.TrendNowSectionCount{min-width:86px;border-radius:18px;background:#fff;border:1px solid #e6ecef;text-align:center;padding:10px 14px;box-shadow:0 8px 20px rgba(15,23,42,.04)}.TrendNowSectionCount strong{font-size:1.45rem;display:block;line-height:1.1}.TrendNowSectionCount span{font-size:.67rem;color:#8490a0}.TrendNowTypeBlock+.TrendNowTypeBlock{margin-top:32px;padding-top:26px;border-top:1px solid rgba(222,229,236,.8)}.TrendNowTypeHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.TrendNowTypeHeader h3{font-size:1rem;font-weight:850;margin:0}.TrendNowTypeHeader span{font-size:.7rem;color:#8a96a5}
.TrendNowPartCard{border:1px solid #e4eaf0;border-radius:20px;background:#fff;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;box-shadow:0 7px 20px rgba(15,23,42,.035)}.TrendNowPartCard:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(15,23,42,.09)}.TrendNowPartCard--buy:hover{border-color:#b8e6d5}.TrendNowPartCard--wait:hover{border-color:#ecd7a8}.TrendNowPartImage{position:relative;display:flex;align-items:center;justify-content:center;height:180px;background:linear-gradient(180deg,#fff,#f9fbfd);padding:18px;text-decoration:none}.TrendNowPartImage img{width:100%;height:100%;object-fit:contain}.TrendNowSignalBadge{position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:6px 9px;font-size:.65rem;font-weight:850;letter-spacing:.04em}.TrendNowSignalBadge--buy{background:#e8fbf3;color:#07865d}.TrendNowSignalBadge--wait{background:#fff5df;color:#c2760f}.TrendNowPartBody{padding:17px}.TrendNowPartBody h4{font-size:.9rem;line-height:1.45;font-weight:750;min-height:2.65em;margin:0 0 9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.TrendNowCurrentPrice{font-size:1.12rem;font-weight:850;letter-spacing:-.025em;margin-bottom:7px}.TrendNowCurrentPrice small{font-size:.72rem;margin-left:2px}.TrendNowPartSignal{border-radius:10px;padding:8px 9px;font-size:.75rem;margin-bottom:10px}.TrendNowPartSignal--buy{background:var(--tn-soft-green);color:#087c59}.TrendNowPartSignal--wait{background:var(--tn-soft-amber);color:#b2690b}.TrendNowScoreRow{display:flex;justify-content:space-between;align-items:center;color:#8390a0;font-size:.72rem;padding:4px 0 13px}.TrendNowScoreRow strong{color:#425066}.TrendNowCardLink{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf0f4;padding-top:12px;color:#334155;font-size:.76rem;font-weight:750;text-decoration:none}.TrendNowCardLink:hover{color:var(--tn-blue)}
.TrendNowMethod,.TrendNowChanges{border:1px solid var(--tn-line);border-radius:25px;background:#fff;padding:24px;box-shadow:0 10px 28px rgba(15,23,42,.04)}.TrendNowMethod h2,.TrendNowChanges h2{font-size:1.35rem;font-weight:850;letter-spacing:-.035em;margin:7px 0}.TrendNowMethodIntro{font-size:.82rem;color:#7c8898;line-height:1.65;margin-bottom:20px}.TrendNowMethodList{display:flex;flex-direction:column;gap:9px}.TrendNowMethodItem{display:flex;gap:12px;padding:12px;border-radius:14px;background:#f8fafc}.TrendNowMethodItem>span{flex:0 0 29px;width:29px;height:29px;border-radius:9px;background:#eaf2ff;color:var(--tn-blue);display:grid;place-items:center;font-size:.65rem;font-weight:850}.TrendNowMethodItem strong{display:block;font-size:.8rem;margin-bottom:2px}.TrendNowMethodItem p{font-size:.72rem;color:#7d8998;margin:0;line-height:1.55}.TrendNowMethodFoot{font-size:.7rem;color:#8b96a5;margin-top:17px;display:flex;gap:7px;align-items:flex-start}.TrendNowSectionHeader--compact{margin-bottom:13px}.TrendNowChangeCount{width:38px;height:38px;border-radius:13px;background:#f1f5f9;display:grid;place-items:center;font-weight:850;color:#475569}.TrendNowChangeList{display:flex;flex-direction:column}.TrendNowChangeItemNew{display:flex;align-items:center;gap:12px;padding:12px 2px;border-top:1px solid #edf0f3;text-decoration:none;color:inherit}.TrendNowChangeItemNew:first-child{border-top:0}.TrendNowChangeItemNew:hover .TrendNowChangeContent>strong{color:var(--tn-blue)}.TrendNowChangeThumbNew{width:54px;height:54px;flex:0 0 54px;border:1px solid #e8edf2;border-radius:13px;padding:5px;background:#fff}.TrendNowChangeThumbNew img{width:100%;height:100%;object-fit:contain}.TrendNowChangeContent{min-width:0;flex:1;display:flex;flex-direction:column}.TrendNowChangeMeta{font-size:.65rem;font-weight:750;color:#8b96a6;margin-bottom:1px}.TrendNowChangeContent>strong{font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s}.TrendNowChangeDescNew{font-size:.7rem;color:#7a8797;margin-top:4px;display:flex;align-items:center;gap:6px;line-height:1.4}.TrendNowChangeItemNew>i{color:#a7b0bd;font-size:.8rem}

@media (max-width:991.98px){.TrendNowHero{border-radius:24px;padding:25px}.TrendNowHeroTitle br{display:none!important}.TrendNowDecisionSection{border-radius:23px}.TrendNowPartImage{height:170px}.TrendNowMethod,.TrendNowChanges{border-radius:22px}}
@media (max-width:575.98px){.TrendNowPage>.container{padding-left:14px;padding-right:14px}.TrendNowHero{padding:21px 18px;border-radius:21px}.TrendNowHeroTitle{font-size:2.15rem}.TrendNowHeroDesc{font-size:.91rem;line-height:1.7}.TrendNowHeroActions .btn{flex:1 1 auto;justify-content:center;padding:11px 13px;font-size:.82rem}.TrendNowHeroMeta{gap:9px;flex-direction:column}.TrendNowPulsePanel{padding:16px;border-radius:19px}.TrendNowMetricGrid{gap:8px}.TrendNowMetricCard{min-height:112px;padding:12px}.TrendNowMetricCard strong{font-size:1.5rem}.TrendNowSpotlight{padding:18px 15px;border-radius:20px}.TrendNowSpotlightLabel{right:14px}.TrendNowSpotlightImage{border-radius:14px;padding:6px}.TrendNowSpotlightTopline{gap:6px}.TrendNowSpotlightNote{width:100%}.TrendNowSpotlightBody h2{font-size:1rem;line-height:1.4}.TrendNowSpotlightStats{gap:5px}.TrendNowSpotlightStats span{padding:6px 8px}.TrendNowDecisionSection{padding:19px 14px;border-radius:21px}.TrendNowSectionHeader{margin-bottom:22px}.TrendNowSectionCount{min-width:68px;padding:8px}.TrendNowSectionCount strong{font-size:1.25rem}.TrendNowSectionHeader h2{font-size:1.4rem}.TrendNowSectionHeader p{font-size:.78rem;line-height:1.55}.TrendNowPartImage{height:190px}.TrendNowPartBody h4{min-height:auto}.TrendNowMethod,.TrendNowChanges{padding:18px 15px;border-radius:20px}.TrendNowChangeThumbNew{width:48px;height:48px;flex-basis:48px}.TrendNowChangeDescNew{align-items:flex-start;flex-wrap:wrap}.TrendNowChangeContent>strong{font-size:.78rem}}


/* Trend NOW deep-link anchor offset */
.TrendNowAnchorSection,
.TrendNowAnchorTarget{
  scroll-margin-top: 96px;
}
.TrendNowAnchorTarget{
  position: relative;
  height: 0;
  pointer-events: none;
}
@media (max-width: 1399.98px){
  .TrendNowAnchorSection,
  .TrendNowAnchorTarget{
    scroll-margin-top: 82px;
  }
}


/* =========================================================
   AdSense alignment - desktop / mobile
   Keep Google-rendered ad dimensions intact; only center wrappers.
   ========================================================= */
.PcAdCenter {
    width: 100%;
    min-width: 0;
    display: flex !important;
    flex-direction: column;
    align-items: center !important;
    justify-content: center !important;
    text-align: center;
}

.PcAdCenter > .adsbygoogle,
.PcAdCenter .adsbygoogle {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100%;
}

.AdArea.PcAdCenter > .row,
.PcAdCenter > .row {
    width: 100%;
    min-height: inherit;
    margin-left: 0;
    margin-right: 0;
    align-items: center !important;
    justify-content: center !important;
}

.AdArea.PcAdCenter > .row > *,
.PcAdCenter > .row > * {
    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

@media (max-width: 767.98px) {
    .PcAdCenter {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    .PcAdCenter > .adsbygoogle,
    .PcAdCenter .adsbygoogle {
        max-width: 100% !important;
    }
}

/* =========================================================
   AdSense slot width hotfix - 2026-08-18
   Responsive AdSense must see a non-zero available width when
   adsbygoogle.push() runs. Keep wrapper centering, but stretch
   the <ins> slot to the full wrapper width before Google measures it.
   ========================================================= */
.PcAdCenter > ins.adsbygoogle,
.PcAdCenter ins.adsbygoogle {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    align-self: stretch !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center !important;
}

/* Do not allow a flex/grid child around an ad slot to shrink to content width. */
.PcAdCenter > .row,
.PcAdCenter > .row > *,
.AdArea.PcAdCenter > .row,
.AdArea.PcAdCenter > .row > * {
    flex: 0 0 100%;
    max-width: 100%;
}

@media (max-width: 767.98px) {
    .PcAdCenter {
        /* clipping can interfere with responsive creative expansion */
        overflow: visible;
    }

    .PcAdCenter > ins.adsbygoogle,
    .PcAdCenter ins.adsbygoogle {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }
}


/* =========================================================
   Recommend side AdSense centering - 2026-08-18
   Center the Google ad SLOT inside the visible side-ad panel.
   The creative layout inside Google's cross-origin iframe cannot
   and should not be repositioned by site CSS.
   ========================================================= */
@media (min-width: 768px) {
    .PcAdSide {
        min-height: 600px;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        display: flex !important;
        flex-direction: column;
        align-items: center !important;
        justify-content: center !important;
    }

    .PcAdSide > .row {
        width: 100%;
        min-height: 576px;
        height: 100%;
        margin: 0 !important;
        display: flex;
        align-items: center !important;
        justify-content: center !important;
    }

    .PcAdSide > .row > * {
        width: 100%;
        min-height: 0;
        display: flex;
        flex-direction: column;
        align-items: center !important;
        justify-content: center !important;
    }

    .PcAdSide ins.adsbygoogle {
        width: 100% !important;
        max-width: 100% !important;
        align-self: center !important;
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
}

@media (max-width: 767.98px) {
    .PcAdSide {
        min-height: 0;
    }
}

/* =========================================================
   PC TRENDING PREMIUM TREND UI / FAMILY SERVICE
   2026-08-18
   ========================================================= */

/* Chart dashboard */
.TrendDashboardPage{
  min-height:100vh;
  padding:32px 0 60px;
  background:
    radial-gradient(circle at 7% 3%,rgba(38,113,255,.08),transparent 30%),
    linear-gradient(180deg,#f7f9fc 0%,#fff 38%,#f7f9fc 100%);
}
.TrendDashboardContainer{
  max-width:1420px;
}
.TrendDashboardHero{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(290px,.55fr);
  gap:28px;
  padding:38px 40px;
  border:1px solid #dce4ef;
  border-radius:28px;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(244,248,255,.96));
  box-shadow:0 18px 48px rgba(30,49,77,.08);
}
.TrendDashboardHero:after{
  content:"";
  position:absolute;
  width:310px;
  height:310px;
  right:-105px;
  top:-130px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(38,113,255,.16),rgba(38,113,255,0) 70%);
  pointer-events:none;
}
.TrendDashboardPage-focus .TrendDashboardHero:after{background:radial-gradient(circle,rgba(99,102,241,.17),rgba(99,102,241,0) 70%)}
.TrendDashboardPage-sell .TrendDashboardHero:after{background:radial-gradient(circle,rgba(16,185,129,.17),rgba(16,185,129,0) 70%)}
.TrendDashboardHeroMain,
.TrendDashboardHeroSide{position:relative;z-index:1}
.TrendDashboardKicker{
  display:inline-flex;
  align-items:center;
  gap:.42rem;
  margin-bottom:12px;
  color:#1767eb;
  font-size:.75rem;
  font-weight:800;
  letter-spacing:.11em;
}
.TrendDashboardPage-focus .TrendDashboardKicker{color:#5558d9}
.TrendDashboardPage-sell .TrendDashboardKicker{color:#0b8a69}
.TrendDashboardHero h1{
  margin:0 0 12px;
  color:#182231;
  font-size:clamp(2rem,3.4vw,3.4rem);
  font-weight:800;
  letter-spacing:-.055em;
}
.TrendDashboardHero p{
  max-width:760px;
  margin:0;
  color:#6c7889;
  font-size:1rem;
  line-height:1.7;
}
.TrendDashboardCurrent{
  display:flex;
  align-items:center;
  gap:.7rem;
  margin-top:24px;
}
.TrendDashboardCurrent span{
  color:#8390a0;
  font-size:.76rem;
  font-weight:700;
}
.TrendDashboardCurrent strong{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 .85rem;
  border-radius:999px;
  background:#1d6ff2;
  color:#fff;
  font-size:.88rem;
}
.TrendDashboardCurrent em{
  color:#8b97a6;
  font-size:.72rem;
  font-style:normal;
}
.TrendDashboardHeroSide{
  align-self:center;
  padding:20px;
  border:1px solid #e2e8f0;
  border-radius:20px;
  background:rgba(255,255,255,.8);
  box-shadow:0 10px 26px rgba(35,51,77,.05);
}
.TrendDashboardDateLabel{
  display:flex;
  align-items:center;
  gap:.4rem;
  margin-bottom:9px;
  color:#475569;
  font-size:.78rem;
  font-weight:700;
}
.TrendDashboardDate{
  min-height:48px;
  border-color:#dce4ef !important;
  border-radius:13px !important;
  background:#fff;
  font-weight:700;
  box-shadow:none !important;
}
.TrendDashboardHeroSide small{
  display:block;
  margin-top:8px;
  color:#94a0af;
  font-size:.69rem;
  line-height:1.5;
}
.TrendDashboardNavigator{
  margin-top:18px;
  padding:16px;
  border:1px solid #e0e7f0;
  border-radius:22px;
  background:rgba(255,255,255,.94);
  box-shadow:0 10px 28px rgba(30,49,77,.055);
}
.TrendDashboardTabs{
  display:flex;
  gap:8px;
  margin-bottom:13px;
}
.TrendDashboardTabs a{
  min-width:112px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.42rem;
  padding:.68rem .9rem;
  border:1px solid #e1e8f1;
  border-radius:12px;
  background:#f8fafc;
  color:#536174;
  font-size:.83rem;
  font-weight:700;
  text-decoration:none;
  transition:.18s ease;
}
.TrendDashboardTabs a:hover{border-color:#bfd2f2;color:#1767eb;background:#f5f9ff}
.TrendDashboardTabs a.active{
  border-color:#1d6ff2;
  background:#1d6ff2;
  color:#fff;
  box-shadow:0 8px 18px rgba(29,111,242,.18);
}
.TrendDashboardCategories{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.TrendDashboardCategories a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 .82rem;
  border:1px solid transparent;
  border-radius:999px;
  background:#f3f6fa;
  color:#617083;
  font-size:.74rem;
  font-weight:700;
  text-decoration:none;
}
.TrendDashboardCategories a:hover{color:#1767eb;background:#edf4ff}
.TrendDashboardCategories a.active{border-color:#bcd1f5;background:#edf4ff;color:#1767eb}
.TrendDashboardBody{padding-top:24px}
.TrendDashboardSide{top:88px !important}
.TrendDashboardSideCard,
.TrendDashboardCompare,
.TrendDashboardAd{
  margin-bottom:16px;
  border:1px solid #e0e6ef;
  border-radius:20px;
  background:#fff;
  box-shadow:0 10px 28px rgba(30,49,77,.055);
}
.TrendDashboardSideCard{padding:20px}
.TrendDashboardSideKicker{
  color:#1767eb;
  font-size:.65rem;
  font-weight:800;
  letter-spacing:.12em;
}
.TrendDashboardSideCard h2{
  margin:7px 0 16px;
  color:#243042;
  font-size:1.05rem;
  font-weight:800;
  line-height:1.45;
}
.TrendDashboardSideCard > a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.7rem;
  min-height:48px;
  margin-top:8px;
  padding:0 13px;
  border:1px solid #e4eaf2;
  border-radius:12px;
  color:#364457;
  font-size:.78rem;
  font-weight:700;
  text-decoration:none;
  transition:.18s ease;
}
.TrendDashboardSideCard > a:hover{border-color:#bfd2f2;background:#f6f9ff;color:#1767eb}
.TrendDashboardSideCard > a span{display:flex;align-items:center;gap:.55rem}
.TrendDashboardCompare{padding:14px}
.TrendDashboardCompareTitle{
  display:flex;
  align-items:center;
  gap:.4rem;
  padding-bottom:10px;
  margin-bottom:10px;
  border-bottom:1px solid #edf0f4;
  color:#435168;
  font-size:.76rem;
  font-weight:800;
}
.TrendDashboardAd{min-height:260px;padding:12px}
.TrendDashboardChartHead{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:16px;
  margin-bottom:13px;
  padding:0 2px;
}
.TrendDashboardChartHead span{
  color:#1767eb;
  font-size:.65rem;
  font-weight:800;
  letter-spacing:.12em;
}
.TrendDashboardChartHead h2{
  margin:3px 0 0;
  color:#202c3b;
  font-size:1.35rem;
  font-weight:800;
  letter-spacing:-.035em;
}
.TrendDashboardLegend{color:#8693a2;font-size:.72rem;white-space:nowrap}
.TrendDashboardChartEntry{
  min-height:500px;
  padding:14px;
  border:1px solid #e1e7ef;
  border-radius:22px;
  background:#fff;
  box-shadow:0 12px 34px rgba(30,49,77,.06);
}
.TrendDashboardMobileCompare{
  left:10px !important;
  right:10px !important;
  bottom:10px !important;
  padding:13px !important;
  border:1px solid #dbe3ed;
  border-radius:18px;
  background:rgba(255,255,255,.97) !important;
  box-shadow:0 15px 40px rgba(20,35,58,.18);
  backdrop-filter:blur(14px);
  z-index:1040;
}

/* Ranking */
.TrendRankingPage{max-width:1420px}
.TrendRankingHero{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);
  gap:30px;
  margin-bottom:26px;
  padding:38px 40px;
  border:1px solid #dde5ef;
  border-radius:28px;
  background:linear-gradient(135deg,#fff 0%,#f5f8ff 100%);
  box-shadow:0 18px 48px rgba(30,49,77,.08);
}
.TrendRankingHero:after{
  content:"";
  position:absolute;
  right:-90px;
  top:-110px;
  width:300px;
  height:300px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(37,99,235,.15),transparent 68%);
}
.TrendRankingHero-gpu:after{background:radial-gradient(circle,rgba(124,58,237,.15),transparent 68%)}
.TrendRankingHeroMain,.TrendRankingHeroStats{position:relative;z-index:1}
.TrendRankingKicker{
  display:flex;
  align-items:center;
  gap:.42rem;
  margin-bottom:10px;
  color:#1d6ff2;
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.11em;
}
.TrendRankingHero h1{
  margin:0 0 10px;
  color:#192434;
  font-size:clamp(2rem,3.2vw,3.15rem);
  font-weight:800;
  letter-spacing:-.055em;
}
.TrendRankingHero p{max-width:720px;margin:0;color:#6e7a8a;line-height:1.7}
.TrendRankingSwitch{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.TrendRankingSwitch a{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  min-height:40px;
  padding:0 .88rem;
  border:1px solid #dfe6ef;
  border-radius:11px;
  background:#fff;
  color:#526174;
  font-size:.78rem;
  font-weight:700;
  text-decoration:none;
}
.TrendRankingSwitch a:hover{color:#1767eb;border-color:#bfd2f2;background:#f7faff}
.TrendRankingSwitch a.active{color:#fff;border-color:#1d6ff2;background:#1d6ff2;box-shadow:0 8px 18px rgba(29,111,242,.18)}
.TrendRankingHeroStats{
  align-self:center;
  display:grid;
  gap:9px;
}
.TrendRankingHeroStats > div{
  padding:13px 15px;
  border:1px solid #e1e7ef;
  border-radius:14px;
  background:rgba(255,255,255,.84);
}
.TrendRankingHeroStats span{display:block;margin-bottom:4px;color:#8b97a6;font-size:.66rem;font-weight:700}
.TrendRankingHeroStats strong{display:block;color:#29374a;font-size:.86rem;font-weight:800;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.TrendRankingSectionIntro{margin:0 0 14px;padding:0 2px}
.TrendRankingSectionIntro span,
.TrendRankingListHead span{color:#1d6ff2;font-size:.64rem;font-weight:800;letter-spacing:.12em}
.TrendRankingSectionIntro h2,
.TrendRankingListHead h2{margin:3px 0 4px;color:#202c3b;font-size:1.35rem;font-weight:800;letter-spacing:-.035em}
.TrendRankingSectionIntro p,
.TrendRankingListHead p{margin:0;color:#8995a4;font-size:.74rem}
.TrendRankingPriceSection,
.TrendRankingSummary,
.TrendRankingMovement{
  padding:22px;
  border:1px solid #e1e7ef;
  border-radius:22px;
  background:#fff;
  box-shadow:0 10px 28px rgba(30,49,77,.05);
}
.TrendRankingPage .TrendRankingPriceSection .border.rounded,
.TrendRankingPage .TrendRankingSummary .border,
.TrendRankingPage .TrendRankingMovement .border{
  border-color:#e3e9f1 !important;
  border-radius:15px !important;
  background:#f9fbfd !important;
  box-shadow:none !important;
}
.TrendRankingPage .TrendRankingPriceSection a .border.rounded:hover{
  border-color:#c4d7f5 !important;
  background:#fff !important;
  box-shadow:0 8px 18px rgba(30,49,77,.06) !important;
}
.TrendRankingListHead{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:18px;
  margin:28px 0 13px;
}
.TrendRankingCard{
  overflow:hidden;
  border:1px solid #e0e7ef !important;
  border-radius:20px !important;
  background:#fff;
  box-shadow:0 8px 24px rgba(30,49,77,.055) !important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.TrendRankingCard:hover{
  transform:translateY(-4px);
  border-color:#c7d8f2 !important;
  box-shadow:0 16px 36px rgba(30,49,77,.10) !important;
}
.TrendRankingCard .position-absolute.top-0.start-0{
  top:12px !important;
  left:12px !important;
  border-radius:999px;
  background:rgba(25,35,50,.92) !important;
  box-shadow:0 4px 12px rgba(20,30,45,.12);
}
.TrendRankingCard .card-img-top{
  height:190px !important;
  padding:20px !important;
  border-bottom:1px solid #eef2f6;
  background:linear-gradient(180deg,#fff,#fbfcfe) !important;
}
.TrendRankingCard .card-body{display:flex;flex-direction:column;padding:18px}
.TrendRankingCard h6{min-height:2.8em;color:#273447;font-size:.94rem;line-height:1.4}
.TrendRankingDetailBtn{
  margin-top:auto;
  min-height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.42rem;
  border-radius:11px !important;
  font-weight:700;
}
.TrendRankingPage > .PcAdCenter,
.TrendRankingGrid > .PcAdCenter{
  border:1px solid #e4e9f0;
  border-radius:20px;
  background:#fbfcfe;
}
.TrendRankingPage > .mt-5{
  padding:20px 22px;
  border:1px solid #e1e7ef;
  border-radius:20px;
  background:#fff;
}
.TrendRankingPage > .mt-5 ul{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:0}
.TrendRankingPage > .mt-5 li a{
  display:inline-flex;
  padding:.55rem .75rem;
  border-radius:10px;
  background:#f2f6fb;
  color:#526174;
  font-size:.75rem;
  font-weight:700;
  text-decoration:none;
}
.TrendRankingPage > .mt-5 li a:hover{background:#eaf2ff;color:#1767eb}

@media (max-width:1399.98px){
}

@media (max-width:991.98px){
  .TrendDashboardPage{padding-top:18px}
  .TrendDashboardHero,
  .TrendRankingHero{grid-template-columns:1fr;padding:28px;border-radius:24px}
  .TrendDashboardHeroSide{max-width:none}
  .TrendDashboardNavigator{padding:13px}
  .TrendDashboardTabs{overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
  .TrendDashboardTabs::-webkit-scrollbar{display:none}
  .TrendDashboardTabs a{flex:0 0 auto}
  .TrendDashboardChartEntry{padding:10px;border-radius:18px}
  .TrendRankingHeroStats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .TrendRankingHeroStats > div{min-width:0}
}

@media (max-width:575.98px){
  .TrendDashboardPage{padding:12px 0 38px}
  .TrendDashboardContainer,
  .TrendRankingPage{padding-left:12px !important;padding-right:12px !important}
  .TrendDashboardHero,
  .TrendRankingHero{gap:18px;padding:21px 18px;border-radius:20px}
  .TrendDashboardHero h1,
  .TrendRankingHero h1{font-size:1.9rem;line-height:1.12}
  .TrendDashboardHero p,
  .TrendRankingHero p{font-size:.82rem;line-height:1.62}
  .TrendDashboardCurrent{flex-wrap:wrap;gap:.45rem;margin-top:18px}
  .TrendDashboardHeroSide{padding:14px;border-radius:15px}
  .TrendDashboardNavigator{margin-top:12px;padding:10px;border-radius:17px}
  .TrendDashboardTabs{gap:6px;margin-bottom:10px}
  .TrendDashboardTabs a{min-width:98px;min-height:42px;padding:.55rem .7rem}
  .TrendDashboardCategories{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}
  .TrendDashboardCategories::-webkit-scrollbar{display:none}
  .TrendDashboardCategories a{flex:0 0 auto;min-height:32px;padding:0 .7rem}
  .TrendDashboardBody{padding-top:18px}
  .TrendDashboardChartHead{align-items:flex-start;flex-direction:column;gap:5px}
  .TrendDashboardLegend{white-space:normal}
  .TrendDashboardChartEntry{margin-left:0;margin-right:0}
  .TrendRankingHeroStats{grid-template-columns:1fr;gap:7px}
  .TrendRankingHeroStats > div{padding:11px 12px}
  .TrendRankingSwitch{display:grid;grid-template-columns:1fr 1fr}
  .TrendRankingSwitch a{justify-content:center}
  .TrendRankingSwitch a:last-child{grid-column:1 / -1}
  .TrendRankingSectionIntro{margin-top:4px}
  .TrendRankingPriceSection,
  .TrendRankingSummary,
  .TrendRankingMovement{padding:15px;border-radius:18px}
  .TrendRankingListHead{align-items:flex-start;flex-direction:column;gap:4px;margin-top:22px}
  .TrendRankingCard .card-img-top{height:175px !important;padding:16px !important}
  .TrendRankingCard .card-body{padding:15px}
  .TrendRankingPage > .mt-5{padding:16px;border-radius:17px}
  .TrendRankingPage > .mt-5 ul{display:grid;grid-template-columns:1fr 1fr}
  .TrendRankingPage > .mt-5 li a{height:100%;align-items:center}
}
.TrendDashboardPartnerBar{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:14px;
  margin-top:14px;
  padding:10px 14px;
  border:1px solid #e3e9f1;
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 22px rgba(30,49,77,.04);
}
.TrendDashboardPartnerBar > span{
  color:#8b97a6;
  font-size:.66rem;
  font-weight:800;
  white-space:nowrap;
}
.TrendDashboardPartnerBar > div{min-width:0;overflow:hidden}
@media (max-width:575.98px){
  .TrendDashboardPartnerBar{grid-template-columns:1fr;gap:5px;padding:9px 10px;border-radius:15px}
}

/* =========================================================
   PC TRENDING REPORT PREMIUM UI - 2026-08-18
========================================================= */
.PcReportPage{--report-ink:#0f172a;--report-muted:#64748b;--report-line:#e2e8f0;--report-bg:#f7f9fc;--report-blue:#2563eb;--report-indigo:#4f46e5;background:linear-gradient(180deg,#f8fafc 0,#fff 32rem);min-height:100vh;padding:2rem 0 5rem;color:var(--report-ink)}
.PcReportContainer{max-width:1480px;margin:0 auto;padding-left:clamp(1rem,2.4vw,2.2rem);padding-right:clamp(1rem,2.4vw,2.2rem)}
.PcReportHero{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(148,163,184,.2);border-radius:30px;background:linear-gradient(135deg,#0b1220 0%,#111d36 54%,#1e3a8a 100%);box-shadow:0 26px 70px rgba(15,23,42,.16);color:#fff}
.PcKeywordHero{background:linear-gradient(135deg,#0b1220 0%,#13213c 50%,#334155 100%)}
.PcReportHeroInner{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:3rem;padding:clamp(2rem,4vw,4.25rem)}
.PcReportHeroCopy{max-width:850px}.PcReportEyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.46rem .78rem;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.08);font-size:.72rem;font-weight:800;letter-spacing:.12em;color:#bfdbfe}.PcReportHero h1{margin:.9rem 0 .75rem;font-size:clamp(2rem,4.3vw,4rem);font-weight:850;letter-spacing:-.055em}.PcReportHeroCopy>p{max-width:760px;margin:0;color:#cbd5e1;font-size:clamp(.95rem,1.2vw,1.08rem);line-height:1.8}.PcReportHeroMeta{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.5rem}.PcReportHeroMeta span{display:inline-flex;align-items:center;gap:.42rem;padding:.55rem .75rem;border-radius:11px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.1);font-size:.8rem;color:#dbeafe}.PcReportHeroMeta strong{color:#fff}.PcReportHeroMark{flex:0 0 210px;min-height:200px;display:flex;flex-direction:column;justify-content:center;padding:1.65rem;border:1px solid rgba(255,255,255,.13);border-radius:25px;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.035));box-shadow:inset 0 1px rgba(255,255,255,.14);backdrop-filter:blur(8px)}.PcReportHeroMarkIcon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:1.15rem;border-radius:15px;background:#fff;color:#1d4ed8;font-size:1.35rem;box-shadow:0 12px 26px rgba(0,0,0,.18)}.PcReportHeroMark small{font-weight:800;font-size:.65rem;letter-spacing:.18em;color:#93c5fd}.PcReportHeroMark strong{margin-top:.3rem;font-size:1.5rem;line-height:1.12;letter-spacing:-.03em}.PcReportHeroGlow{position:absolute;border-radius:999px;filter:blur(2px);opacity:.45;z-index:0}.PcReportHeroGlowOne{width:380px;height:380px;right:7%;top:-190px;background:radial-gradient(circle,#3b82f6,transparent 68%)}.PcReportHeroGlowTwo{width:300px;height:300px;left:20%;bottom:-210px;background:radial-gradient(circle,#6366f1,transparent 70%)}
.PcReportTabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin:1.1rem 0 1.5rem;padding:.5rem;border:1px solid var(--report-line);border-radius:20px;background:rgba(255,255,255,.9);box-shadow:0 10px 30px rgba(15,23,42,.055)}.PcReportTab{display:flex;align-items:center;gap:.8rem;padding:.8rem .95rem;border-radius:15px;color:#475569;text-decoration:none;transition:.18s ease}.PcReportTab:hover{background:#f8fafc;color:#0f172a}.PcReportTab.active{background:#eef4ff;color:#1d4ed8;box-shadow:inset 0 0 0 1px #dbeafe}.PcReportTabIcon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:11px;background:#f1f5f9;color:#475569}.PcReportTab.active .PcReportTabIcon{background:#2563eb;color:#fff}.PcReportTab strong,.PcReportTab small{display:block}.PcReportTab strong{font-size:.9rem}.PcReportTab small{margin-top:.08rem;font-size:.72rem;color:#94a3b8}
.PcReportControlGrid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:1rem;margin-bottom:2rem}.PcReportDatePanel,.PcReportAdPanel,.PcKeywordControl,.PcKeywordResultSection,.PcReportContentSection{border:1px solid var(--report-line);border-radius:24px;background:#fff;box-shadow:0 12px 35px rgba(15,23,42,.055)}.PcReportDatePanel{padding:1.35rem}.PcReportSectionHead,.PcKeywordControlHead,.PcReportContentHead,.PcKeywordResultHead{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.PcReportSectionKicker{display:block;margin-bottom:.3rem;font-size:.68rem;font-weight:850;letter-spacing:.12em;color:#2563eb}.PcReportSectionHead h2,.PcReportContentHead h2,.PcKeywordControlHead h2,.PcKeywordResultHead h2{margin:0;font-size:1.18rem;font-weight:800;letter-spacing:-.025em}.PcReportSectionHead p,.PcReportContentHead p,.PcKeywordControlHead p,.PcKeywordResultHead p{margin:.35rem 0 0;color:var(--report-muted);font-size:.82rem;line-height:1.6}.PcReportSectionIcon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#eff6ff;color:#2563eb;font-size:1.05rem}.PcReportDateControl{margin-top:1.15rem;padding:1rem;border-radius:17px;background:#f8fafc}.PcReportDateControl>label{display:block;margin-bottom:.45rem;color:#475569;font-size:.72rem;font-weight:800}.PcReportDateInputWrap{display:flex;align-items:center;gap:.7rem;padding:0 .85rem;border:1px solid #dbe3ee;border-radius:13px;background:#fff;transition:.18s}.PcReportDateInputWrap:focus-within{border-color:#93c5fd;box-shadow:0 0 0 4px rgba(59,130,246,.09)}.PcReportDateInputWrap>i{color:#2563eb}.PcReportDateInputWrap input{width:100%;min-height:48px;border:0;outline:0;background:transparent;color:#0f172a;font-weight:700}.PcReportDateHint{display:flex;gap:.45rem;margin-top:.65rem;color:#94a3b8;font-size:.7rem;line-height:1.5}.PcReportAdPanel{min-height:225px;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:visible}.PcReportAdLabel{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem;padding:0 .2rem;color:#94a3b8}.PcReportAdLabel span{font-size:.62rem;font-weight:850;letter-spacing:.13em}.PcReportAdLabel small{font-size:.68rem}.PcReportAdPanel ins.adsbygoogle{width:100%!important;max-width:100%;margin:auto!important}
.PcReportContentSection{padding:clamp(1rem,2vw,1.5rem)}.PcReportContentHead{align-items:center;margin-bottom:1.1rem;padding:.25rem .25rem .9rem;border-bottom:1px solid #edf2f7}.PcReportCurrentDate{display:inline-flex;align-items:center;gap:.45rem;flex:0 0 auto;padding:.55rem .75rem;border-radius:11px;background:#f8fafc;border:1px solid #e2e8f0;color:#475569;font-size:.75rem;font-weight:700}.PcReportArticle{height:100%;overflow:hidden;border:1px solid #e2e8f0;border-radius:21px;background:#fff;box-shadow:0 8px 25px rgba(15,23,42,.045);transition:transform .2s ease,box-shadow .2s ease}.PcReportArticle:hover{transform:translateY(-2px);box-shadow:0 15px 38px rgba(15,23,42,.085)}.PcReportArticleHeader{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.05rem;border-bottom:1px solid #eef2f7;background:linear-gradient(180deg,#fff,#fbfdff)}.PcReportArticleTitle{display:flex;align-items:center;gap:.75rem;min-width:0}.PcReportCategoryIcon{display:grid;place-items:center;width:43px;height:43px;flex:0 0 43px;border-radius:13px;background:#eff6ff;color:#2563eb;font-size:1.08rem}.PcReportArticleLabel{display:block;font-size:.59rem;font-weight:850;letter-spacing:.12em;color:#94a3b8}.PcReportArticleTitle h3{margin:.12rem 0 0;font-size:1.03rem;font-weight:820}.PcReportArticleActions{display:flex;align-items:center;gap:.5rem;flex:0 0 auto}.PcReportArticleDate{padding:.36rem .55rem;border-radius:9px;background:#f8fafc;color:#64748b;font-size:.67rem;font-weight:700}.PcReportRemakeBtn{display:inline-flex;align-items:center;gap:.3rem;border:0;border-radius:9px;padding:.38rem .55rem;background:#0f172a;color:#fff;font-size:.67rem;font-weight:700}.PcReportArticleMeta{display:flex;flex-wrap:wrap;gap:.8rem;padding:.7rem 1.05rem;border-bottom:1px solid #f1f5f9;background:#fcfdff;color:#94a3b8;font-size:.65rem}.PcReportArticleMeta span{display:inline-flex;align-items:center;gap:.3rem}.PcReportArticleBody{padding:1.15rem 1.2rem 1.35rem}.PcReportArticleBody .report-content{color:#334155;font-size:.9rem;line-height:1.9}.PcReportArticleBody .report-content h1,.PcReportArticleBody .report-content h2,.PcReportArticleBody .report-content h3,.PcReportArticleBody .report-content h4{color:#0f172a;font-weight:800;letter-spacing:-.025em}.PcReportArticleBody .report-content strong{color:#0f172a}.PcReportArticleBody .report-content ul,.PcReportArticleBody .report-content ol{padding-left:1.15rem}.PcReportArticleBody .report-content p:last-child{margin-bottom:0}.PcReportCate-gpu .PcReportCategoryIcon{background:#fff1f2;color:#e11d48}.PcReportCate-cpu .PcReportCategoryIcon{background:#eff6ff;color:#2563eb}.PcReportCate-board .PcReportCategoryIcon{background:#ecfdf5;color:#059669}.PcReportCate-monitor .PcReportCategoryIcon{background:#fff7ed;color:#ea580c}.PcReportCate-hdd .PcReportCategoryIcon{background:#f1f5f9;color:#334155}.PcReportCate-ssd .PcReportCategoryIcon{background:#ecfeff;color:#0891b2}.PcReportCate-memory .PcReportCategoryIcon{background:#f5f3ff;color:#7c3aed}.PcReportCate-power .PcReportCategoryIcon{background:#fffbeb;color:#d97706}.PcReportCate-case .PcReportCategoryIcon{background:#f8fafc;color:#475569}.PcReportEmpty{display:flex;min-height:310px;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2.5rem;border:1px dashed #cbd5e1;border-radius:20px;background:#fbfdff}.PcReportEmptyIcon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:1rem;border-radius:18px;background:#eff6ff;color:#2563eb;font-size:1.5rem}.PcReportEmpty h3{margin:.2rem 0 .45rem;font-size:1.2rem;font-weight:800}.PcReportEmpty p{max-width:520px;margin:0;color:#64748b;font-size:.85rem;line-height:1.7}
.PcKeywordControl{padding:1.35rem;margin-bottom:1.2rem}.PcKeywordResetBtn{display:inline-flex;align-items:center;gap:.4rem;flex:0 0 auto;border:1px solid #e2e8f0;border-radius:11px;background:#fff;color:#64748b;padding:.55rem .7rem;font-size:.75rem;font-weight:750;transition:.18s}.PcKeywordResetBtn:hover{border-color:#cbd5e1;background:#f8fafc;color:#0f172a}.PcKeywordFilterGrid{display:grid;grid-template-columns:1fr 1fr .72fr 1.8fr;gap:.8rem;margin-top:1.15rem}.PcKeywordField{display:block;margin:0}.PcKeywordField>span{display:block;margin:0 0 .4rem .1rem;color:#64748b;font-size:.7rem;font-weight:800}.PcKeywordInput,.PcKeywordSearchInput{display:flex;align-items:center;min-height:50px;border:1px solid #dbe3ee;border-radius:13px;background:#fff;transition:.18s}.PcKeywordInput:focus-within,.PcKeywordSearchInput:focus-within{border-color:#93c5fd;box-shadow:0 0 0 4px rgba(59,130,246,.08)}.PcKeywordInput>i,.PcKeywordSearchInput>i{margin-left:.8rem;color:#94a3b8}.PcKeywordInput input,.PcKeywordInput select,.PcKeywordSearchInput input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#0f172a;padding:.7rem .8rem;font-size:.82rem;font-weight:650}.PcKeywordInput select{cursor:pointer}.PcKeywordSearchInput button{align-self:stretch;flex:0 0 auto;margin:.3rem;border:0;border-radius:10px;padding:0 .9rem;background:#2563eb;color:#fff;font-size:.75rem;font-weight:800;white-space:nowrap}.PcKeywordControlHint{display:flex;gap:.45rem;margin-top:.8rem;color:#94a3b8;font-size:.7rem}.PcKeywordResultSection{padding:1.35rem}.PcKeywordResultHead{align-items:center;margin-bottom:1rem}.PcKeywordLiveBadge{display:inline-flex;align-items:center;gap:.35rem;flex:0 0 auto;padding:.46rem .65rem;border-radius:999px;background:#ecfdf5;color:#047857;font-size:.64rem;font-weight:850;letter-spacing:.05em}.PcKeywordTrendEntry{border:0!important;border-radius:18px!important;background:#f8fafc!important;box-shadow:none!important;padding:1rem!important;min-height:260px}.PcKeywordReady{display:flex;min-height:230px;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#64748b}.PcKeywordReadyIcon{display:grid;place-items:center;width:54px;height:54px;margin-bottom:.9rem;border-radius:17px;background:#fff;border:1px solid #e2e8f0;color:#2563eb;font-size:1.3rem}.PcKeywordReady h3{margin:0 0 .35rem;color:#0f172a;font-size:1.05rem;font-weight:800}.PcKeywordReady p{margin:0;font-size:.8rem}.PcKeywordTrendEntry>.row{--bs-gutter-y:.7rem!important}.PcKeywordTrendEntry .KeywordDataRow>div{height:100%;overflow:hidden;border:1px solid #e2e8f0!important;border-radius:17px!important;background:#fff;box-shadow:0 5px 16px rgba(15,23,42,.04)!important}.PcKeywordTrendEntry .KeywordDataRow>div>.row{min-height:125px;padding:.75rem!important}.PcKeywordTrendEntry .KeywordDataRow .fw-bold.text-primary{font-size:.98rem!important;color:#0f172a!important;letter-spacing:-.02em}.PcKeywordTrendEntry .KeywordDataRow small{display:inline-flex;margin-top:.25rem;padding:.23rem .45rem;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:.65rem;font-weight:800}.PcKeywordTrendEntry .keywordGrap{min-height:100px;padding:.15rem 0!important}.PcKeywordTrendEntry .c3 svg{font-size:10px}.PcKeywordTrendEntry .c3-axis path,.PcKeywordTrendEntry .c3-axis line{stroke:#e2e8f0}.PcKeywordTrendEntry .c3-line{stroke-width:2px}
@media (max-width:1199.98px){.PcReportControlGrid{grid-template-columns:1fr}.PcReportAdPanel{min-height:190px}.PcKeywordFilterGrid{grid-template-columns:1fr 1fr}.PcKeywordSearchField{grid-column:1/-1}}
@media (max-width:767.98px){.PcReportPage{padding:1rem 0 3rem}.PcReportContainer{padding-left:.8rem;padding-right:.8rem}.PcReportHero{border-radius:23px}.PcReportHeroInner{padding:1.55rem 1.25rem}.PcReportHeroMark{display:none}.PcReportHero h1{font-size:2.05rem}.PcReportHeroCopy>p{font-size:.87rem}.PcReportHeroMeta{gap:.45rem;margin-top:1rem}.PcReportHeroMeta span{font-size:.69rem;padding:.46rem .55rem}.PcReportTabs{gap:.45rem;border-radius:16px;padding:.35rem}.PcReportTab{gap:.5rem;padding:.65rem .6rem}.PcReportTabIcon{width:34px;height:34px;flex-basis:34px}.PcReportTab strong{font-size:.75rem}.PcReportTab small{font-size:.63rem}.PcReportDatePanel,.PcReportAdPanel,.PcKeywordControl,.PcKeywordResultSection,.PcReportContentSection{border-radius:19px}.PcReportSectionHead p,.PcReportContentHead p,.PcKeywordControlHead p,.PcKeywordResultHead p{font-size:.75rem}.PcReportContentHead,.PcKeywordResultHead{align-items:flex-start}.PcReportCurrentDate,.PcKeywordLiveBadge{display:none}.PcReportArticleHeader{align-items:flex-start}.PcReportArticleActions{flex-direction:column;align-items:flex-end}.PcReportRemakeBtn span{display:none}.PcReportArticleBody{padding:1rem}.PcReportArticleBody .report-content{font-size:.84rem;line-height:1.85}.PcKeywordFilterGrid{grid-template-columns:1fr}.PcKeywordSearchField{grid-column:auto}.PcKeywordControlHead{align-items:flex-start}.PcKeywordResetBtn span{display:none}.PcKeywordTrendEntry{padding:.55rem!important}.PcKeywordTrendEntry .KeywordDataRow>div>.row{padding:.55rem!important}.PcKeywordTrendEntry .KeywordDataRow .col-12.col-md-3{padding-bottom:.35rem}.PcKeywordControlHint{font-size:.64rem;line-height:1.5}}
@media (max-width:430px){.PcReportHeroInner{padding:1.35rem 1.05rem}.PcReportHero h1{font-size:1.8rem}.PcReportEyebrow{font-size:.61rem}.PcReportHeroMeta span{width:100%;justify-content:flex-start}.PcReportTabs{grid-template-columns:1fr}.PcReportTab{padding:.58rem .65rem}.PcReportArticleHeader{padding:.85rem}.PcReportArticleMeta{gap:.45rem;padding:.6rem .85rem}.PcKeywordSearchInput{flex-wrap:wrap;padding:.2rem}.PcKeywordSearchInput>i{margin-left:.65rem}.PcKeywordSearchInput input{width:calc(100% - 2rem)}.PcKeywordSearchInput button{width:100%;min-height:42px;margin:.15rem}}
/* ========================================================================== */
/* 2026-08-18 Shared premium trend list                                       */
/* Trend chart + main TOP5 use the same DrawStuffList component               */
/* ========================================================================== */
.PcTrendListItem{
  width:100%;
  margin:0 0 12px;
}

.PcTrendItemCard{
  position:relative;
  display:grid;
  grid-template-columns:82px 154px minmax(0,1fr);
  min-height:190px;
  overflow:hidden;
  border:1px solid #e5eaf1;
  border-radius:22px;
  background:#fff;
  box-shadow:0 5px 18px rgba(15,23,42,.045);
  transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease;
}
.PcTrendItemCard:hover{
  transform:translateY(-1px);
  border-color:#d5dde8;
  box-shadow:0 12px 28px rgba(15,23,42,.075);
}
.PcTrendListItem-trend .PcTrendItemCard{--pct-list-accent:#2563eb;--pct-list-soft:#eff6ff;--pct-list-border:#bfdbfe}
.PcTrendListItem-focus .PcTrendItemCard{--pct-list-accent:#7c3aed;--pct-list-soft:#f5f3ff;--pct-list-border:#ddd6fe}
.PcTrendListItem-sell .PcTrendItemCard{--pct-list-accent:#059669;--pct-list-soft:#ecfdf5;--pct-list-border:#a7f3d0}

.PcTrendItemRank{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:1px;
  padding:18px 8px;
  border-right:1px solid #eef2f6;
  background:#fbfcfe;
  color:#475569;
}
.PcTrendItemRankLabel{
  font-size:9px;
  line-height:1;
  font-weight:800;
  letter-spacing:.16em;
  color:#94a3b8;
}
.PcTrendItemRank > strong{
  margin-top:3px;
  font-size:30px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.055em;
  color:#0f172a;
}
.PcTrendItemRank-gold,
.PcTrendItemRank-silver,
.PcTrendItemRank-bronze{
  background:#fbfcfe;
}
.PcTrendItemRank-gold > strong{color:#a16207}
.PcTrendItemRank-silver > strong{color:#475569}
.PcTrendItemRank-bronze > strong{color:#9a5b36}
.PcTrendItemRank-gold > strong,
.PcTrendItemRank-silver > strong,
.PcTrendItemRank-bronze > strong{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  border-radius:15px;
  background:#fff;
  border:1px solid #e8edf3;
  box-shadow:0 3px 10px rgba(15,23,42,.04);
}
.PcTrendItemRank-gold > strong{border-color:#f2dfae;background:#fffdf8}
.PcTrendItemRank-silver > strong{border-color:#dce3eb;background:#fbfcfe}
.PcTrendItemRank-bronze > strong{border-color:#ead8ca;background:#fffaf7}
.PcTrendItemRankMove{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:2px;
  margin-top:9px;
  min-height:24px;
  padding:4px 7px;
  border-radius:999px;
  font-size:10px;
  line-height:1;
  font-style:normal;
  font-weight:800;
  white-space:nowrap;
}
.PcTrendItemRankMove em{font-style:normal}
.PcTrendItemRankMove.is-up{background:#ecfdf5;color:#047857}
.PcTrendItemRankMove.is-down{background:#fff1f2;color:#be123c}
.PcTrendItemRankMove.is-flat{background:#eef2f7;color:#64748b}
.PcTrendItemRankMove.is-new{background:#eff6ff;color:#2563eb}

.PcTrendItemVisual{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px 14px;
  border-right:1px solid #edf1f6;
  background:#fff;
}
.PcTrendItemImageLink{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:132px;
  border-radius:18px;
  background:#fff;
  text-decoration:none;
}
.PcTrendItemImage{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  transition:transform .22s ease;
}
.PcTrendItemCard:hover .PcTrendItemImage{transform:scale(1.035)}
.PcTrendItemType{
  position:absolute;
  left:12px;
  bottom:12px;
  max-width:calc(100% - 24px);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding:5px 9px;
  border:1px solid #e2e8f0;
  border-radius:999px;
  background:rgba(255,255,255,.94);
  box-shadow:0 3px 12px rgba(15,23,42,.06);
  color:#64748b;
  font-size:10px;
  font-weight:800;
}

.PcTrendItemContent{
  min-width:0;
  display:flex;
  flex-direction:column;
  padding:18px 20px 16px;
}
.PcTrendItemTopline{
  display:flex;
  align-items:center;
  min-height:38px;
  margin-bottom:7px;
}
.PcTrendItemScore{
  display:inline-flex;
  align-items:center;
  gap:9px;
  max-width:100%;
}
.PcTrendItemScoreIcon{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 34px;
  width:34px;
  height:34px;
  border:1px solid var(--pct-list-border,#bfdbfe);
  border-radius:11px;
  background:var(--pct-list-soft,#eff6ff);
  color:var(--pct-list-accent,#2563eb);
  font-size:15px;
}
.PcTrendItemScore > span:nth-child(2){
  display:flex;
  align-items:baseline;
  gap:7px;
  min-width:0;
}
.PcTrendItemScore small{
  color:#64748b;
  font-size:11px;
  font-weight:700;
  white-space:nowrap;
}
.PcTrendItemScore strong{
  color:#0f172a;
  font-size:18px;
  font-weight:900;
  letter-spacing:-.03em;
}
.PcTrendItemPointMove{
  display:inline-flex;
  align-items:center;
  gap:2px;
  margin-left:2px;
  padding:4px 7px;
  border-radius:999px;
  font-size:10px;
  line-height:1;
  font-style:normal;
  font-weight:800;
  white-space:nowrap;
}
.PcTrendItemPointMove.is-up{background:#ecfdf5;color:#047857}
.PcTrendItemPointMove.is-down{background:#fff1f2;color:#be123c}
.PcTrendItemPointMove.is-flat{background:#f1f5f9;color:#64748b}

.PcTrendItemTitle{
  display:block;
  width:100%;
  padding:0;
  border:0;
  background:transparent;
  color:#111827;
  text-align:left;
  font-size:17px;
  line-height:1.42;
  font-weight:850;
  letter-spacing:-.025em;
  cursor:pointer;
  transition:color .18s ease;
}
.PcTrendItemTitle:hover{color:var(--pct-list-accent,#2563eb)}
.PcTrendItemDescription{
  display:flex;
  align-items:flex-start;
  gap:8px;
  margin-top:7px;
  min-height:33px;
}
.PcTrendItemDescription .stuff-snippet{
  display:-webkit-box;
  flex:1 1 auto;
  min-width:0;
  margin:0;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  color:#7b8798;
  font-size:11px;
  line-height:1.5;
}
.PcTrendItemDescription .stuff-snippet.expanded{
  display:block;
  overflow:visible;
}
.PcTrendItemDetailToggle{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:3px;
  padding:4px 7px;
  border:1px solid #e2e8f0;
  border-radius:999px;
  background:#fff;
  color:#64748b;
  font-size:10px;
  font-weight:700;
  white-space:nowrap;
}

.PcTrendItemBottom{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin-top:auto;
  padding-top:12px;
  border-top:1px solid #f0f3f7;
}
.PcTrendItemPrice{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  min-width:0;
  padding:0;
  background:transparent;
}
.PcTrendItemPrice small{
  margin-bottom:1px;
  color:#94a3b8;
  font-size:10px;
  font-weight:700;
}
.PcTrendItemPrice strong{
  display:flex;
  align-items:baseline;
  gap:2px;
  color:#0f172a;
  white-space:nowrap;
}
.PcTrendItemPrice .price-value{
  font-size:20px;
  line-height:1.1;
  font-weight:900;
  letter-spacing:-.045em;
}
.PcTrendItemPrice .price-unit{
  font-size:12px;
  font-weight:700;
  color:#475569;
}
.PcTrendItemActions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  min-width:0;
}
.PcTrendItemAction{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:7px 10px;
  border:1px solid #dce4ef;
  border-radius:11px;
  background:#fff;
  color:#475569;
  text-decoration:none;
  font-size:11px;
  line-height:1;
  font-weight:800;
  white-space:nowrap;
  transition:all .18s ease;
}
.PcTrendItemAction:hover{
  border-color:#c4d0df;
  background:#f8fafc;
  color:#0f172a;
}
.PcTrendItemActionCompare{cursor:pointer}
.PcTrendItemActionDetail{
  border-color:var(--pct-list-accent,#2563eb);
  background:var(--pct-list-accent,#2563eb);
  color:#fff;
}
.PcTrendItemActionDetail:hover{
  border-color:var(--pct-list-accent,#2563eb);
  background:var(--pct-list-accent,#2563eb);
  color:#fff;
  filter:brightness(.94);
}

.PcTrendListEmpty{
  display:flex;
  min-height:280px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:40px 20px;
  border:1px dashed #d7deea;
  border-radius:24px;
  background:#fbfcfe;
  color:#64748b;
  text-align:center;
}
.PcTrendListEmpty > span{
  display:flex;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  margin-bottom:12px;
  border-radius:17px;
  background:#eef4ff;
  color:#2563eb;
  font-size:22px;
}
.PcTrendListEmpty strong{color:#1e293b;font-size:16px}
.PcTrendListEmpty p{margin:5px 0 0;font-size:12px}

/* Main TOP5 uses the exact same component, only density changes. */
.MainHome .MainPartList{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.MainHome .MainPartList > .PcTrendListItem{
  width:auto !important;
  margin:0 !important;
}
.MainHome .MainPartList .PcTrendItemCard{
  grid-template-columns:64px 112px minmax(0,1fr);
  min-height:164px;
  height:100%;
  border-radius:20px;
}
.MainHome .MainPartList .PcTrendItemRank{
  padding:13px 6px;
}
.MainHome .MainPartList .PcTrendItemRank > strong{font-size:24px}
.MainHome .MainPartList .PcTrendItemRankMove{
  padding:4px 5px;
}
.MainHome .MainPartList .PcTrendItemRankMove em{display:none}
.MainHome .MainPartList .PcTrendItemVisual{padding:13px 10px}
.MainHome .MainPartList .PcTrendItemImageLink{height:104px}
.MainHome .MainPartList .PcTrendItemType{left:8px;right:8px;bottom:8px;max-width:none;text-align:center}
.MainHome .MainPartList .PcTrendItemContent{padding:14px 14px 12px}
.MainHome .MainPartList .PcTrendItemTopline{min-height:31px;margin-bottom:5px}
.MainHome .MainPartList .PcTrendItemScoreIcon{width:29px;height:29px;flex-basis:29px;border-radius:9px;font-size:13px}
.MainHome .MainPartList .PcTrendItemScore small{font-size:9px}
.MainHome .MainPartList .PcTrendItemScore strong{font-size:15px}
.MainHome .MainPartList .PcTrendItemPointMove{font-size:9px;padding:3px 5px}
.MainHome .MainPartList .PcTrendItemTitle{font-size:14px;line-height:1.38}
.MainHome .MainPartList .PcTrendItemDescription{display:none}
.MainHome .MainPartList .PcTrendItemBottom{gap:8px;padding-top:9px}
.MainHome .MainPartList .PcTrendItemPrice small{display:none}
.MainHome .MainPartList .PcTrendItemPrice .price-value{font-size:16px}
.MainHome .MainPartList .PcTrendItemActions{gap:4px}
.MainHome .MainPartList .PcTrendItemAction{
  min-height:30px;
  padding:6px 8px;
  border-radius:9px;
  font-size:10px;
}
.MainHome .MainPartList .PcTrendItemActionBuy{display:none}

@media (max-width:1199.98px){
  .MainHome .MainPartList{grid-template-columns:1fr}
  .MainHome .MainPartList .PcTrendItemCard{
    grid-template-columns:72px 132px minmax(0,1fr);
  }
  .MainHome .MainPartList .PcTrendItemImageLink{height:116px}
}

@media (max-width:767.98px){
  .PcTrendItemCard{
    grid-template-columns:58px 104px minmax(0,1fr);
    min-height:154px;
    border-radius:19px;
  }
  .PcTrendItemRank{padding:12px 5px}
  .PcTrendItemRankLabel{font-size:7px}
  .PcTrendItemRank > strong{font-size:23px}
  .PcTrendItemRankMove{padding:4px 5px;font-size:9px}
  .PcTrendItemRankMove em{display:none}
  .PcTrendItemVisual{padding:11px 8px}
  .PcTrendItemImageLink{height:94px;border-radius:13px}
  .PcTrendItemType{left:7px;bottom:7px;max-width:calc(100% - 14px);padding:4px 6px;font-size:8px}
  .PcTrendItemContent{padding:12px 11px 10px}
  .PcTrendItemTopline{min-height:29px;margin-bottom:4px}
  .PcTrendItemScore{gap:6px}
  .PcTrendItemScoreIcon{width:27px;height:27px;flex-basis:27px;border-radius:8px;font-size:12px}
  .PcTrendItemScore > span:nth-child(2){gap:4px}
  .PcTrendItemScore small{display:none}
  .PcTrendItemScore strong{font-size:14px}
  .PcTrendItemPointMove{padding:3px 5px;font-size:8px}
  .PcTrendItemTitle{font-size:13px;line-height:1.34}
  .PcTrendItemDescription{display:none}
  .PcTrendItemBottom{align-items:center;gap:7px;padding-top:8px}
  .PcTrendItemPrice small{display:none}
  .PcTrendItemPrice .price-value{font-size:15px}
  .PcTrendItemPrice .price-unit{font-size:10px}
  .PcTrendItemActions{gap:4px}
  .PcTrendItemAction{min-height:29px;padding:6px 7px;border-radius:9px;font-size:9px}
  .PcTrendItemActionBuy{display:none}
  .PcTrendItemActionCompare span{display:none}
  .PcTrendItemActionDetail span{display:none}
  .PcTrendItemActionDetail i{margin:0}

  .MainHome .MainPartList{grid-template-columns:1fr;gap:9px}
  .MainHome .MainPartList .PcTrendItemCard{
    grid-template-columns:58px 104px minmax(0,1fr);
    min-height:154px;
    border-radius:19px;
  }
  .MainHome .MainPartList .PcTrendItemImageLink{height:94px}
  .MainHome .MainPartList .PcTrendItemContent{padding:12px 11px 10px}
}

@media (max-width:419.98px){
  .PcTrendItemCard{
    grid-template-columns:50px 88px minmax(0,1fr);
  }
  .PcTrendItemRank > strong{font-size:20px}
  .PcTrendItemImageLink{height:82px}
  .PcTrendItemContent{padding-left:9px;padding-right:9px}
  .PcTrendItemPointMove{display:none}
  .PcTrendItemTitle{font-size:12px}
  .PcTrendItemAction{padding-left:6px;padding-right:6px}
  .PcTrendItemActionCompare{display:none}

  .MainHome .MainPartList .PcTrendItemCard{
    grid-template-columns:50px 88px minmax(0,1fr);
  }
  .MainHome .MainPartList .PcTrendItemImageLink{height:82px}
}

/* Shared list final compatibility overrides */
.StuffDataRow.PcTrendListItem:hover{filter:none}
.MainHome .MainPartList > .StuffDataRow.PcTrendListItem{
  grid-column:auto !important;
  filter:none;
}

/* 2026-08-18 trend list visual polish */
.PcTrendItemRank::before{display:none!important;}
.MainHome .MainPartList .PcTrendItemRank::before{display:none!important;}


/* =========================================================
   TrendChart AdSense layout isolation V1 - 2026-08-19
   TrendDashboardAd had a higher-specificity desktop grid rule left from an
   older centering pass. Keep this slot in a plain block formatting context so
   AdSense can measure PcAdStage/ins width in the same way as other working ads.
   ========================================================= */
@media (min-width:768px){
  .TrendDashboardAd.PcAdCenter{
    display:block !important;
    place-items:normal !important;
    align-items:normal !important;
    justify-items:normal !important;
    width:100% !important;
  }

  .TrendDashboardAd.PcAdCenter > .PcAdStage{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:0 auto !important;
  }

  .TrendDashboardAd.PcAdCenter > .PcAdStage > ins.adsbygoogle{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}



/* Weekly report content V3 - product-level editorial cards */
.PcReportArticleBody .report-content{display:flex;flex-direction:column;gap:1rem;color:#334155;font-size:.86rem;line-height:1.72}
.PcReportArticleBody .report-content>.mb-5{margin:0!important;padding:1rem 1.05rem;border:1px solid #e8eef5;border-radius:16px;background:#fff}
.PcReportArticleBody .report-content>.mb-5>h4{display:flex;align-items:center;gap:.45rem;margin:0 0 .8rem!important;padding:0 0 .7rem!important;border-bottom:1px solid #eef2f7!important;font-size:1rem!important;line-height:1.35}
.PcReportArticleBody .report-content>.mb-5>p{margin:0!important;font-size:.84rem!important;line-height:1.8!important;color:#475569}
.PcReportArticleBody .report-content>.mb-5 br{content:"";display:block;margin:.36rem 0}
.PcReportArticleBody .report-content .badge{display:inline-flex;align-items:center;vertical-align:baseline;padding:.28rem .46rem!important;border-radius:7px;font-size:.7rem;letter-spacing:-.01em}
.PcReportArticleBody .report-content a{font-weight:760;text-decoration:none!important}
.PcWeeklyInsightGroup{overflow:hidden;border:1px solid #e5ebf2;border-radius:17px;background:#fff}
.PcWeeklyInsightHead{display:flex;align-items:flex-start;gap:.75rem;padding:.95rem 1rem .85rem;background:#fbfdff;border-bottom:1px solid #edf2f7}
.PcWeeklyInsightIcon{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:11px;background:#f1f5f9;color:#475569;font-size:.95rem}
.PcWeeklyInsightKicker{display:block;margin-bottom:.08rem;color:#94a3b8;font-size:.55rem;font-weight:850;letter-spacing:.12em}
.PcWeeklyInsightHead h4{margin:0!important;padding:0!important;border:0!important;color:#0f172a!important;font-size:.98rem!important;font-weight:820;letter-spacing:-.025em}
.PcWeeklyInsightHead p{margin:.2rem 0 0;color:#64748b;font-size:.72rem;line-height:1.5}
.PcWeeklyProductList{display:flex;flex-direction:column;padding:.25rem 1rem}
.PcWeeklyProductItem{padding:.9rem 0;border-bottom:1px solid #f0f3f7}
.PcWeeklyProductItem:last-child{border-bottom:0}
.PcWeeklyProductName{display:inline-block;color:#0f5bd7!important;font-size:.9rem;font-weight:820!important;line-height:1.45;letter-spacing:-.02em}
.PcWeeklyProductName:hover{color:#0848ad!important;text-decoration:underline!important;text-underline-offset:3px}
.PcWeeklyMetricRow{display:flex;flex-wrap:wrap;gap:.38rem;margin:.6rem 0 .55rem}
.PcWeeklyMetric{display:inline-flex;align-items:center;gap:.38rem;padding:.34rem .5rem;border:1px solid #e7edf4;border-radius:9px;background:#f8fafc;color:#334155}
.PcWeeklyMetric small{color:#94a3b8;font-size:.61rem;font-weight:750}
.PcWeeklyMetric strong{font-size:.68rem;font-weight:800;color:#334155!important}
.PcWeeklyMetric i{padding:0 .05rem;color:#94a3b8;font-style:normal;font-weight:500}
.PcWeeklyProductReason{margin:0!important;color:#536175;font-size:.78rem!important;line-height:1.72!important;letter-spacing:-.012em}
.PcWeeklyVerdict{display:inline-flex;margin:.55rem 0 .5rem;padding:.28rem .48rem;border-radius:7px;background:#eff6ff;color:#2563eb;font-size:.64rem;font-weight:800}
.PcWeeklyInsightUp .PcWeeklyInsightIcon{background:#ecfdf5;color:#059669}.PcWeeklyInsightUp .PcWeeklyMetric strong{color:#047857!important}
.PcWeeklyInsightDown .PcWeeklyInsightIcon{background:#fff1f2;color:#e11d48}.PcWeeklyInsightDown .PcWeeklyMetric strong{color:#be123c!important}
.PcWeeklyInsightPick .PcWeeklyInsightIcon{background:#eff6ff;color:#2563eb}.PcWeeklyInsightWatch .PcWeeklyInsightIcon{background:#f8fafc;color:#64748b}
.PcWeeklyWrapUp{display:flex;align-items:flex-start;gap:.7rem;padding:.9rem 1rem;border:1px solid #dbe7f5;border-radius:15px;background:linear-gradient(135deg,#f8fbff,#f4f8ff)}
.PcWeeklyWrapUpIcon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#e8f1ff;color:#2563eb}
.PcWeeklyWrapUp small{display:block;margin-bottom:.15rem;color:#7890ae;font-size:.56rem;font-weight:850;letter-spacing:.11em}.PcWeeklyWrapUp strong{display:block;color:#24344a!important;font-size:.78rem;line-height:1.62;font-weight:720}
@media (max-width:767.98px){.PcWeeklyInsightHead{padding:.85rem}.PcWeeklyProductList{padding:.2rem .85rem}.PcWeeklyProductItem{padding:.8rem 0}.PcWeeklyMetricRow{gap:.3rem}.PcWeeklyMetric{padding:.3rem .42rem}.PcReportArticleBody .report-content>.mb-5{padding:.85rem}.PcWeeklyWrapUp{padding:.8rem .85rem}}


/* Weekly report regenerate feedback */
.PcReportArticle.is-regenerating{position:relative;box-shadow:0 14px 38px rgba(15,23,42,.09)}
.PcReportArticle.is-regenerating .PcReportArticleBody>.report-content{opacity:.36;filter:saturate(.7);pointer-events:none;transition:opacity .2s ease}
.PcReportRemakeBtn:disabled{cursor:wait;opacity:.88}
.PcReportBtnSpinner{width:.78rem;height:.78rem;flex:0 0 .78rem;border:2px solid rgba(255,255,255,.38);border-top-color:#fff;border-radius:50%;animation:PcReportSpin .7s linear infinite}
.PcReportGenerating{display:flex;align-items:center;gap:.9rem;margin-bottom:1rem;padding:.9rem 1rem;border:1px solid #dbeafe;border-radius:14px;background:linear-gradient(135deg,#eff6ff,#f8fbff);color:#1e3a8a;box-shadow:0 8px 22px rgba(37,99,235,.07)}
.PcReportGeneratingSpinner{width:1.35rem;height:1.35rem;flex:0 0 1.35rem;border:3px solid #bfdbfe;border-top-color:#2563eb;border-radius:50%;animation:PcReportSpin .75s linear infinite}
.PcReportGeneratingCopy{display:flex;min-width:0;flex-direction:column;gap:.12rem}
.PcReportGeneratingCopy strong{font-size:.82rem;font-weight:850;color:#1e3a8a}
.PcReportGeneratingCopy span{font-size:.75rem;font-weight:650;color:#475569;line-height:1.5}
.PcReportGeneratingCopy small{font-size:.66rem;color:#94a3b8}
@keyframes PcReportSpin{to{transform:rotate(360deg)}}
@keyframes PcReportDone{0%{box-shadow:0 0 0 0 rgba(37,99,235,.18)}50%{box-shadow:0 0 0 5px rgba(37,99,235,.08)}100%{box-shadow:0 8px 25px rgba(15,23,42,.045)}}
.PcReportArticle.is-regenerated{animation:PcReportDone .75s ease}
@media (max-width:767.98px){
  .PcReportGenerating{align-items:flex-start;padding:.78rem .82rem;gap:.7rem}
  .PcReportGeneratingCopy span{font-size:.7rem}
  .PcReportGeneratingCopy small{font-size:.62rem}
  .PcReportRemakeBtn:disabled span{display:inline}
}


/* PC Buy Timing Index */
.PcBuyIndexPage{background:#f6f8fb;color:#172033;min-height:70vh}.PcBuyIndexHero{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.78fr);gap:28px;align-items:stretch}.PcBuyIndexIntro,.PcBuyIndexGaugeCard,.PcBuyIndexMetric,.PcBuyIndexCategory,.PcBuyIndexMethod{border:1px solid #e1e7ef;background:#fff;border-radius:26px;box-shadow:0 12px 34px rgba(15,23,42,.045)}.PcBuyIndexIntro{padding:clamp(28px,4vw,52px);display:flex;flex-direction:column;justify-content:center}.PcBuyIndexEyebrow{display:inline-flex;align-items:center;gap:8px;color:#2868d8;font-size:.73rem;font-weight:850;letter-spacing:.1em;margin-bottom:18px}.PcBuyIndexIntro h1{font-size:clamp(2rem,3.6vw,3.6rem);font-weight:900;letter-spacing:-.055em;line-height:1.08;margin:0 0 20px}.PcBuyIndexIntro p{font-size:1rem;color:#667386;line-height:1.8;margin:0;max-width:720px}.PcBuyIndexLegendSmall{display:flex;justify-content:space-between;gap:12px;margin-top:28px;padding-top:18px;border-top:1px solid #edf0f4;color:#8490a0;font-size:.72rem;font-weight:700}.PcBuyIndexGaugeCard{padding:28px 28px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.PcBuyIndexGauge{width:min(100%,420px);padding-top:8px}.PcBuyIndexGaugeFace{height:205px;position:relative;overflow:hidden}.PcBuyIndexGaugeFace:before{content:"";position:absolute;left:2%;right:2%;bottom:-196px;height:392px;border-radius:50%;background:conic-gradient(from 270deg,#ef4444 0deg 36deg,#f97316 36deg 72deg,#f2c94c 72deg 108deg,#4fc38b 108deg 144deg,#16a56a 144deg 180deg,#e8edf3 180deg 360deg)}.PcBuyIndexGaugeInner{position:absolute;left:15%;right:15%;bottom:-144px;height:288px;border-radius:50%;background:#fff;z-index:2}.PcBuyIndexNeedle{position:absolute;z-index:4;width:38%;height:4px;left:12%;bottom:12px;transform-origin:100% 50%;transition:transform .7s ease;background:linear-gradient(90deg,transparent 0%,#303947 25%,#111827 100%);border-radius:999px}.PcBuyIndexNeedle span{position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:#111827}.PcBuyIndexHub{position:absolute;z-index:5;left:50%;bottom:3px;transform:translateX(-50%);width:20px;height:20px;border:5px solid #fff;border-radius:50%;background:#111827;box-shadow:0 2px 8px rgba(15,23,42,.25)}.PcBuyIndexScale{display:flex;justify-content:space-between;margin-top:5px;color:#8390a1;font-size:.68rem;font-weight:800}.PcBuyIndexScore{display:flex;align-items:baseline;justify-content:center;line-height:1;margin-top:9px}.PcBuyIndexScore strong{font-size:4rem;font-weight:900;letter-spacing:-.07em}.PcBuyIndexScore span{font-size:.9rem;font-weight:750;color:#8a96a7;margin-left:5px}.PcBuyIndexVerdict{font-size:1.1rem;font-weight:850;margin-top:8px}.PcBuyIndexVerdictDesc{font-size:.78rem!important;line-height:1.65;color:#7b8797;max-width:390px;margin:8px auto 0}.PcBuyIndexMetrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.PcBuyIndexMetric{padding:20px}.PcBuyIndexMetricTop{display:flex;align-items:center;justify-content:space-between}.PcBuyIndexMetricTop span{font-size:.78rem;font-weight:800;color:#465366}.PcBuyIndexMetricTop strong{font-size:1.35rem;font-weight:900}.PcBuyIndexBar,.PcBuyIndexMiniBar{height:7px;background:#edf1f5;border-radius:999px;overflow:hidden}.PcBuyIndexBar{margin:13px 0 9px}.PcBuyIndexBar i,.PcBuyIndexMiniBar i{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#ef5350 0%,#f2c94c 50%,#17a673 100%)}.PcBuyIndexMetric p{margin:0;font-size:.7rem;color:#8a95a4}.PcBuyIndexCategory,.PcBuyIndexMethod{padding:26px}.PcBuyIndexSectionHead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.PcBuyIndexSectionHead>div>span{font-size:.66rem;font-weight:850;letter-spacing:.12em;color:#3472d8}.PcBuyIndexSectionHead h2{font-size:1.45rem;font-weight:880;letter-spacing:-.04em;margin:5px 0 4px}.PcBuyIndexSectionHead p{margin:0;color:#8390a0;font-size:.78rem}.PcBuyIndexSectionHead>a{font-size:.75rem;font-weight:800;color:#315f9e;text-decoration:none}.PcBuyIndexCategoryGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.PcBuyIndexCategoryCard{border:1px solid #e8edf3;border-radius:16px;padding:15px;background:#fbfcfe;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.PcBuyIndexCategoryCard>div:first-child{min-width:0}.PcBuyIndexCategoryCard span{display:block;font-size:.8rem;font-weight:850}.PcBuyIndexCategoryCard small{display:block;color:#929cab;font-size:.63rem;margin-top:3px}.PcBuyIndexCategoryCard>strong{font-size:1.45rem;font-weight:900}.PcBuyIndexMiniBar{grid-column:1/-1;height:5px}.PcBuyIndexMethodGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.PcBuyIndexMethodGrid>div{padding:18px;border:1px solid #e8edf3;border-radius:17px;background:#fafbfd}.PcBuyIndexMethodGrid b{display:block;font-size:1.55rem;color:#2469d8;margin-bottom:8px}.PcBuyIndexMethodGrid strong{display:block;font-size:.82rem;margin-bottom:5px}.PcBuyIndexMethodGrid p{font-size:.71rem;line-height:1.55;color:#7c8898;margin:0}.PcBuyIndexNotice{margin-top:18px;padding-top:16px;border-top:1px solid #edf0f3;display:flex;gap:8px;color:#8994a3;font-size:.68rem;line-height:1.55}.PcBuyIndexTone--verygood .PcBuyIndexVerdict{color:#12835e}.PcBuyIndexTone--good .PcBuyIndexVerdict{color:#239268}.PcBuyIndexTone--normal .PcBuyIndexVerdict{color:#927818}.PcBuyIndexTone--bad .PcBuyIndexVerdict{color:#c36b1e}.PcBuyIndexTone--verybad .PcBuyIndexVerdict{color:#ca3d3d}@media(max-width:991.98px){.PcBuyIndexHero{grid-template-columns:1fr}.PcBuyIndexGaugeCard{min-height:470px}.PcBuyIndexCategoryGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:575.98px){.PcBuyIndexPage{padding-top:16px!important}.PcBuyIndexIntro,.PcBuyIndexGaugeCard,.PcBuyIndexCategory,.PcBuyIndexMethod{border-radius:20px}.PcBuyIndexIntro{padding:24px 19px}.PcBuyIndexIntro h1{font-size:2.05rem}.PcBuyIndexIntro p{font-size:.88rem}.PcBuyIndexLegendSmall{font-size:.62rem}.PcBuyIndexGaugeCard{min-height:auto;padding:22px 14px}.PcBuyIndexGaugeFace{height:165px}.PcBuyIndexGaugeFace:before{bottom:-158px;height:316px}.PcBuyIndexGaugeInner{bottom:-116px;height:232px}.PcBuyIndexNeedle{bottom:10px}.PcBuyIndexHub{bottom:2px}.PcBuyIndexScore strong{font-size:3.2rem}.PcBuyIndexMetrics{grid-template-columns:1fr}.PcBuyIndexCategory,.PcBuyIndexMethod{padding:20px 15px}.PcBuyIndexSectionHead{align-items:flex-start;flex-direction:column}.PcBuyIndexCategoryGrid{grid-template-columns:1fr 1fr}.PcBuyIndexMethodGrid{grid-template-columns:1fr}}

/* Buy index reliability layer */
.PcBuyIndexGauge.is-insufficient .PcBuyIndexGaugeFace:before{filter:grayscale(1);opacity:.22}.PcBuyIndexPending{font-size:1.65rem!important;letter-spacing:-.04em!important;margin-left:8px}.PcBuyIndexScore>i{font-size:1.35rem;color:#8b97a7}.PcBuyIndexReliability{width:min(100%,390px);display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;padding:10px 12px;border:1px solid #e6ebf1;border-radius:12px;background:#f8fafc;color:#59677a;font-size:.72rem}.PcBuyIndexReliability span{display:flex;align-items:center;gap:6px}.PcBuyIndexReliability strong{font-size:.8rem;color:#1f2937}.PcBuyIndexReliability--caution{background:#fffaf0;border-color:#f4e4b8}.PcBuyIndexReliability--caution strong{color:#9a6a12}.PcBuyIndexDataReasons{width:min(100%,390px);display:flex;align-items:flex-start;gap:8px;margin-top:14px;padding:10px 12px;border-radius:12px;background:#f8fafc;color:#7a6670;font-size:.68rem;line-height:1.5}.PcBuyIndexCategoryCard.is-insufficient{opacity:.7}.PcBuyIndexCategoryCard.is-insufficient>strong{color:#9aa5b2}.PcBuyIndexCategoryCard.is-insufficient .PcBuyIndexMiniBar i{width:0!important}

/* =========================================================
   TrendChart unified list V2 - 2026-08-20
   Trend chart only: render ranking rows as one continuous list panel.
   ========================================================= */
.TrendDashboardChartEntry{
  display:flex;
  flex-direction:column;
  gap:0;
  padding:0;
  overflow:hidden;
  border:1px solid #e1e7ef;
  border-radius:22px;
  background:#fff;
  box-shadow:0 12px 34px rgba(30,49,77,.06);
}
.TrendDashboardChartEntry > .PcTrendListItem{
  margin:0;
}
.TrendDashboardChartEntry .PcTrendItemCard{
  min-height:190px;
  border:0;
  border-bottom:1px solid #e8edf3;
  border-radius:0;
  box-shadow:none;
  background:#fff;
  transform:none;
}
.TrendDashboardChartEntry > .PcTrendListItem:last-child .PcTrendItemCard{
  border-bottom:0;
}
.TrendDashboardChartEntry .PcTrendItemCard:hover{
  transform:none;
  border-color:#e8edf3;
  box-shadow:none;
  background:#fbfdff;
}
.TrendDashboardChartEntry .PcTrendItemCard:hover .PcTrendItemRank{
  background:#f8fafc;
}

@media (max-width:991.98px){
  .TrendDashboardChartEntry{
    padding:0;
    border-radius:18px;
  }
}

@media (max-width:575.98px){
  .TrendDashboardChartEntry{
    padding:0;
    background:#fff;
  }
}

/* Buy timing gauge geometry fix - keep hub, needle axis and endpoint on one vector */
.PcBuyIndexGaugeFace{
  --PcGaugeNeedleHeight:4px;
  --PcGaugeHubSize:20px;
  --PcGaugeHubBottom:3px;
}
.PcBuyIndexNeedle{
  height:var(--PcGaugeNeedleHeight);
  bottom:calc(var(--PcGaugeHubBottom) + (var(--PcGaugeHubSize) - var(--PcGaugeNeedleHeight)) / 2);
  transform-origin:100% 50%;
}
.PcBuyIndexNeedle span{
  left:0;
  top:50%;
  transform:translate(-50%,-50%);
}
.PcBuyIndexHub{
  width:var(--PcGaugeHubSize);
  height:var(--PcGaugeHubSize);
  bottom:var(--PcGaugeHubBottom);
}
@media(max-width:575.98px){
  .PcBuyIndexGaugeFace{--PcGaugeHubBottom:2px;}
}