/* Shared inner-page theme. Keep every rule scoped so the home page is unchanged. */
body.csm-inner {
  --primary:#8a43b5; --primary-dark:#6b328a; --primary-light:#b578cf;
  --secondary:#a66ab8; --secondary-dark:#88509d; --secondary-light:#cfafe2;
  --dark-blue:#51305f; --darker-blue:#35213e; --light-blue:#efe2f8; --lighter-blue:#f7f0fc;
  --background:#f3ebfa; --border:#e2d3eb;
  --gray-50:#fcf9ff; --gray-100:#f1e8f7; --gray-200:#e5d9ee;
  --gray-400:#a18eac; --gray-500:#8a7595; --gray-600:#74627e;
  --gray-700:#604e6b; --gray-800:#493552; --gray-900:#35243e;
  --shadow-sm:0 3px 12px #6c3c8310; --shadow-md:0 8px 26px #6c3c8318;
  --shadow-lg:0 12px 30px #6c3c8320;
  --bs-primary:#8a43b5; --bs-link-color:#8a43b5; --bs-link-hover-color:#6b328a;
  width:100%; min-width:0; margin:0; padding:0;
  color:#493552; background:#f3ebfa;
  font-family:var(--csm-sans); font-size:15px; line-height:1.75;
  overflow-x:hidden; overflow-x:clip;
  -webkit-text-size-adjust:100%; text-size-adjust:100%;
}
.csm-inner * {box-sizing:border-box}
.csm-inner a {color:inherit; text-decoration:none}
.csm-inner a:hover {color:var(--csm-purple)}
.csm-inner img {max-width:100%}
.csm-inner button,.csm-inner input {font:inherit}
.csm-inner .container {width:calc(100% - 100px); max-width:1240px; min-width:0; margin:0 auto; padding:0}
.csm-inner :focus-visible {outline:2px solid #a968cd; outline-offset:4px}
.csm-inner ::selection {background:#d9b8ec; color:#493052}
.csm-inner .csm-inner-hero,
.csm-inner.about-page .hero,
.csm-inner .faq-page-hero {
  position:relative; overflow:hidden; padding:158px 0 52px;
  background:linear-gradient(90deg,#f3e9fbf5,#f0e4f7e8 48%,#e6d3f0b0),url('/assets/images/chaosumei/hero.webp') center 42%/cover no-repeat;
}
.csm-inner .csm-inner-hero:after {
  content:""; position:absolute; inset:auto 0 0; height:38px;
  background:linear-gradient(transparent,#f3ebfa); pointer-events:none;
}
.csm-inner .csm-inner-hero>.container {position:relative; z-index:1}
.csm-inner .csm-inner-eyebrow {margin:0 0 14px; color:#9c6eb4; font:11px/1.6 Georgia,serif; letter-spacing:3px}
.csm-inner .csm-inner-hero h1 {color:#613b78; margin:0 0 16px; font:600 48px/1.35 var(--csm-serif); letter-spacing:4px; animation:none; overflow-wrap:anywhere}
.csm-inner .csm-inner-subtitle {font:400 16px/1.8 var(--csm-sans); color:#8a6b9b; letter-spacing:1px; margin:0}
.csm-inner .csm-breadcrumb {display:flex; align-items:center; flex-wrap:wrap; gap:11px; margin-top:25px; font-size:12px; color:#a18aaa}
.csm-inner .csm-breadcrumb a:hover {color:#8a43b5}
.csm-inner .csm-breadcrumb [aria-current] {color:#745984}

/* Cases and news: filters, search, cards and pagination. */
.csm-inner .case-filter-section,.csm-inner .news-filter-section {padding:25px 0 10px; background:transparent}
.csm-inner .case-filter-bar,.csm-inner .news-filter-bar {
  padding:14px 18px; border:1px solid #e2d3eb; border-radius:14px;
  background:#fcf9ffe8; box-shadow:0 5px 20px #77518b08;
}
.csm-inner .case-filter-bar {justify-content:flex-start}
.csm-inner .case-filter-tabs,.csm-inner .news-filter-tabs {display:flex; flex-wrap:wrap; justify-content:flex-start; gap:7px; min-width:0; overflow:visible}
.csm-inner .case-filter-tab,.csm-inner .news-filter-tab {
  display:inline-flex; align-items:center; justify-content:center; gap:5px;
  padding:9px 18px; min-height:40px; border:0; border-radius:22px;
  background:transparent; color:#7f628d; font-size:14px; cursor:pointer; white-space:normal;
}
.csm-inner .case-filter-tab:hover,.csm-inner .news-filter-tab:hover {background:#f0e5f8; color:#8240a5}
.csm-inner .case-filter-tab.active,.csm-inner .news-filter-tab.active {
  color:#fff; background:linear-gradient(180deg,#c18bd2,#8c4aab);
  box-shadow:inset 0 1px 0 #ffffff70,0 4px 12px #8b48ac20;
}
.csm-inner .case-more-menu {left:0; transform:none; max-width:min(230px,calc(100vw - 48px)); background:#fcf9ff; border-color:#ddcae8; box-shadow:0 10px 28px #5b2d7420}
.csm-inner .case-filter-more-wrap.open .case-more-menu {transform:none}
.csm-inner .case-more-item {white-space:normal; overflow-wrap:anywhere}
.csm-inner .case-more-item:hover,.csm-inner .case-more-item.active {background:#f0e5f8; color:#8a43b5}
.csm-inner .news-search {min-width:220px; border:1px solid #e0cde9; background:#f5eefb; border-radius:24px; box-shadow:none}
.csm-inner .news-search:focus-within {border-color:#b178ce; box-shadow:0 0 0 3px #b178ce18}
.csm-inner .news-search input {min-width:0; color:#60436f; background:transparent; outline:none; font-size:14px}
.csm-inner .news-search input::placeholder {color:#a18aaa}
.csm-inner .news-search button {color:#8a43b5; background:transparent}
.csm-inner .case-featured-section,.csm-inner .news-hot-section {padding:24px 0 15px; background:transparent}
.csm-inner .case-grid-section,.csm-inner .news-featured-section {padding:25px 0 65px; background:transparent}
.csm-inner .case-featured-grid,.csm-inner .news-hot-grid {grid-template-columns:minmax(0,1.18fr) minmax(0,1fr); gap:25px}
.csm-inner .case-featured-grid>*,.csm-inner .news-hot-grid>*,.csm-inner .case-grid>*,.csm-inner .news-featured-grid>* {min-width:0}
.csm-inner .case-card,.csm-inner .case-featured-big,.csm-inner .case-featured-medium,
.csm-inner .news-hot-card,.csm-inner .news-side-item,.csm-inner .news-featured-card {
  border:1px solid #e4d6ed; border-radius:14px;
  color:#48304f; background:linear-gradient(145deg,#fffd,#fbf6ff);
  box-shadow:0 4px 14px #67407c0b;
}
.csm-inner .case-card:hover,.csm-inner .case-featured-big:hover,.csm-inner .case-featured-medium:hover,
.csm-inner .news-hot-card:hover,.csm-inner .news-side-item:hover,.csm-inner .news-featured-card:hover {
  border-color:#ceb0e0; box-shadow:0 12px 26px #6c3c8317; transform:translateY(-3px);
}
.csm-inner .case-featured-big {flex-direction:column; padding:0; gap:0}
.csm-inner .case-featured-big-img {order:0; flex:none; width:100%; height:280px; border-radius:0}
.csm-inner .case-featured-big-content {order:1; padding:24px 26px; min-width:0}
.csm-inner .case-featured-big-title {font:600 25px/1.55 var(--csm-serif)}
.csm-inner .case-featured-side {flex-direction:column; gap:22px}
.csm-inner .case-featured-medium {display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}
.csm-inner .case-featured-medium-img {height:100%; min-height:210px; aspect-ratio:auto}
.csm-inner .case-featured-medium-content {padding:22px 18px}
.csm-inner .case-featured-medium-content h3 {font:600 20px/1.55 var(--csm-serif)}
.csm-inner .case-grid,.csm-inner .news-featured-grid {grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px}
.csm-inner .case-card-content,.csm-inner .news-featured-content {padding:20px 22px}
.csm-inner .case-card-content h3,.csm-inner .news-featured-content h3 {white-space:normal; overflow-wrap:anywhere; font:600 20px/1.6 var(--csm-serif)}
.csm-inner .case-card-img,.csm-inner .news-featured-img {aspect-ratio:16/10; background:#e8dcf1}
.csm-inner .case-tag,.csm-inner .case-featured-medium .case-tag,
.csm-inner .case-card:nth-child(n) .case-tag,.csm-inner .news-featured-card:nth-child(n) .news-tag,
.csm-inner .case-content-badge,.csm-inner .news-badge-featured {
  background:linear-gradient(135deg,#b883ce,#8b4aac); color:#fff;
  border:1px solid #ffffff4a; border-radius:20px; box-shadow:0 3px 10px #6b328a17;
  font-size:11px; letter-spacing:.5px; line-height:1.4; max-width:calc(100% - 24px);
}
.csm-inner .case-metric-text {white-space:normal}
.csm-inner .case-featured-big-metrics {gap:12px}
.csm-inner .case-metric-sm {min-width:0; overflow-wrap:anywhere}
.csm-inner .case-metric-sm strong,.csm-inner .case-metric-num {color:#9650b5}
.csm-inner .case-metric-icon {filter:grayscale(1) sepia(.5) saturate(4) hue-rotate(220deg)}
.csm-inner .case-featured-big-link {color:#9553b2; border-top:1px solid #eadff0; padding-top:15px; width:100%}
.csm-inner .news-section-title {color:#51305f; font:600 29px/1.5 var(--csm-serif); margin-bottom:22px}
.csm-inner .news-title-icon {color:#9b5db9; background:#eadbf4}
.csm-inner .news-title-icon img {filter:grayscale(1) sepia(.4) saturate(3) hue-rotate(225deg)}
.csm-inner .news-hot-title {font:600 25px/1.55 var(--csm-serif)}
.csm-inner .news-side-item {min-width:0; gap:16px}
.csm-inner .news-side-img {width:40%; max-width:170px}
.csm-inner .news-side-info h4 {white-space:normal; font:600 19px/1.55 var(--csm-serif)}
.csm-inner .news-meta {color:#a18caa; font-size:12px}
.csm-inner .news-meta .meta-icon {filter:grayscale(1)}
.csm-inner .news-pagination,.csm-inner .case-pagination,.csm-inner .pagination {gap:8px; flex-wrap:wrap; justify-content:center; margin:35px 0 0; padding:0; list-style:none}
.csm-inner .news-pagination .page-btn,.csm-inner .news-pagination .page-num,
.csm-inner .case-pagination .page-btn,.csm-inner .case-pagination .page-num,
.csm-inner .pagination>li>a,.csm-inner .pagination>li>span {
  display:inline-flex; align-items:center; justify-content:center;
  min-width:40px; min-height:40px; height:auto; padding:8px 14px;
  border:1px solid #e0cde9; border-radius:8px; color:#8b689d; background:#fbf7ff; box-shadow:none;
}
.csm-inner .news-pagination .active,.csm-inner .case-pagination .active,
.csm-inner .pagination>li.active>a,.csm-inner .pagination>li.active>span {
  color:#fff; border-color:transparent; background:linear-gradient(180deg,#bf87d0,#8d4bac); box-shadow:0 4px 10px #8b48ac17;
}
.csm-inner .pagination>li.disabled>span {color:#bdadca; background:#f2eaf8}
.csm-inner .news-pagination a:hover,.csm-inner .case-pagination a:hover,.csm-inner .pagination>li>a:hover {border-color:#bb8bd2; color:#7c409d; background:#f0e4f8}
.csm-inner .news-empty,.csm-inner .csm-empty-state {grid-column:1/-1; width:100%; text-align:center; padding:50px 20px; border:1px dashed #d4bce3; border-radius:14px; background:#faf5ff; color:#9c84a8}
.csm-inner .csm-empty-state>span {font:42px/1 Georgia,serif; color:#ad7cc7}
.csm-inner .csm-empty-state h2 {font:600 23px/1.5 var(--csm-serif); color:#7e5b91; margin:15px 0 8px}
.csm-inner .csm-empty-state p {margin:0 0 12px}
.csm-inner .csm-empty-state a {color:#8a43b5; font-size:13px}

/* CMS widgets: use the same header/footer, reading surface and purple accents. */
.csm-inner .csm-content-layout {padding-top:35px; padding-bottom:65px}
.csm-inner .csm-content-layout>.row {display:grid; grid-template-columns:minmax(0,1fr) 290px; gap:30px; margin:0; --bs-gutter-x:0}
.csm-inner .csm-content-main,.csm-inner .csm-content-sidebar {width:auto; max-width:100%; min-width:0; padding:0}
.csm-inner .csm-content-layout .container {width:100%; max-width:none; padding:0}
.csm-inner .csm-content-sidebar>div {margin-bottom:24px}
.csm-inner .list-article-tabs {display:flex; flex-wrap:wrap; gap:8px; padding:17px; margin-bottom:24px; border:1px solid #e1d0ec; border-radius:14px; background:#fbf7ff}
.csm-inner .list-article-tabs .tab-item {margin:0; padding:8px 17px; border:0; border-radius:22px; font-size:14px; color:#8b6b9c}
.csm-inner .list-article-tabs .tab-item:hover {background:#f0e4f8; color:#8a43b5}
.csm-inner .list-article-tabs .tab-item.active {color:#fff; background:linear-gradient(180deg,#c18bd2,#8c4aab)}
.csm-inner .list-article-tabs .tab-item.active:after {display:none}
.csm-inner .list-article-wrapper {min-width:0; border:1px solid #e2d3eb; border-radius:14px; padding:22px; margin-bottom:20px; background:#fcf9ff; box-shadow:0 4px 16px #6c3c830b}
.csm-inner .list-article-wrapper:hover {border-color:#cdb0df; box-shadow:0 8px 24px #6c3c8314}
.csm-inner .list-article-wrapper .list-article-row {min-width:0; gap:23px}
.csm-inner .list-article-wrapper .list-thumb {width:190px; background:#eee3f6; border-radius:9px}
.csm-inner .list-article-wrapper .list-thumb img {height:145px; object-fit:cover; background:#eee3f6}
.csm-inner .list-article-wrapper .list-article-content h2 {font:600 22px/1.6 var(--csm-serif)}
.csm-inner .list-article-wrapper .list-article-content h2 a {color:#51335f}
.csm-inner .list-article-wrapper .list-article-content h2 a:hover {color:#9450b5}
.csm-inner .list-article-excerpt {color:#8a7595; font-size:14px; line-height:1.8}
.csm-inner .list-bottom {gap:12px; flex-wrap:wrap}
.csm-inner .list-article-stats,.csm-inner .list-article-stats a {color:#a18aaa}
.csm-inner .btn-more {padding:7px 20px; border-radius:22px; color:#fff; background:linear-gradient(180deg,#c18bd2,#8c4aab); white-space:normal; font-size:12px}
.csm-inner .btn-more:hover {color:#fff; background:#8a43b5}
.csm-inner .tc-box.article-box,.csm-inner .tc-box.article-side-box {border:1px solid #e2d3eb; background:#fcf9ff; box-shadow:0 4px 18px #6c3c830b; border-radius:14px}
.csm-inner .tc-box.article-box {min-width:0; padding:32px; margin:0}
.csm-inner .article-header {border-color:#e7d8f0}
.csm-inner .article-category {color:#fff; background:linear-gradient(135deg,#bc87ce,#8d4bac); font-size:12px; letter-spacing:1px}
.csm-inner .article-title {font:600 30px/1.55 var(--csm-serif); color:#54315f; overflow-wrap:anywhere}
.csm-inner .article-excerpt {background:#f1e7f8; border-color:#b680cd; color:#8b6e9c}
.csm-inner .article-meta,.csm-inner .article-hits a {color:#a18aaa}
.csm-inner .article-author .author-name {color:#9a62b5}
.csm-inner #article_content {max-width:100%; color:#61506b!important; font-size:15px; line-height:1.95; overflow-wrap:anywhere}
.csm-inner #article_content h2,.csm-inner #article_content h3,.csm-inner #article_content h4 {color:#704583!important; font-family:var(--csm-serif); line-height:1.7}
.csm-inner #article_content a {color:#9353b3; text-decoration:underline; text-underline-offset:3px}
.csm-inner #article_content a:hover {color:#633080}
.csm-inner #article_content blockquote {border-color:#b680cd; color:#8b6e9c; background:#f1e7f8}
.csm-inner #article_content img {max-width:100%!important; height:auto!important}
.csm-inner #article_content div,.csm-inner #article_content iframe,.csm-inner #article_content video {max-width:100%}
.csm-inner #article_content table {display:block; max-width:100%; overflow-x:auto; color:#61506b!important}
.csm-inner #article_content th {background:#eee0f6; color:#704583}
.csm-inner #article_content td,.csm-inner #article_content th {border-color:#dfcce9}
.csm-inner #article_content pre {max-width:100%; overflow-x:auto; padding:18px; border-radius:8px; background:#f1e8f8; color:#765788}
.csm-inner .article-box hr {border-color:#e7d8f0}
.csm-inner .tc-box.article-side-box {padding:0; margin:0; overflow:hidden}
.csm-inner .article-side-box .headtitle {padding:18px 20px; background:linear-gradient(110deg,#c49bd6,#9666b2); border-color:#e2d3eb}
.csm-inner .article-side-box .headtitle h2 {font:600 20px/1.5 var(--csm-serif); color:#fff; letter-spacing:1px}
.csm-inner .ranking .hot-articles-list li {border-color:#e7d8f0}
.csm-inner .ranking .hot-articles-list li i {background:#f0e4f8; color:#a080b4}
.csm-inner .ranking .hot-articles-list li.top3 i {background:linear-gradient(135deg,#bd91d1,#9a62b5); color:#fff}
.csm-inner .hot-article-info a,.csm-inner .posts .last-article-item dd a {color:#765a85}
.csm-inner .hot-article-info a:hover,.csm-inner .posts .last-article-item:hover dd a {color:#8a43b5}
.csm-inner .hot-article-date,.csm-inner .last-article-date {color:#b09bbb; font-size:11px}
.csm-inner .posts .last-article-item dt .img-wraper {background:#eee3f6; border-color:#e2d3eb}
.csm-inner .article-source-note {margin-top:24px; padding:16px 18px; border-radius:8px; background:#f1e7f8; color:#9b82a8; font-size:12px; line-height:1.9}
.csm-inner .article-page-links {display:grid; gap:10px; margin-top:28px; padding-top:22px; border-top:1px solid #e7d8f0}
.csm-inner .article-page-links a {display:flex; align-items:baseline; gap:12px; min-width:0; font-size:13px; color:#8b609e}
.csm-inner .article-page-links a span {flex:none; color:#b29ac0}
.csm-inner .article-page-links a strong {min-width:0; font-weight:400; overflow-wrap:anywhere}

/* Other existing templates inherit the same palette without replacing CMS copy. */
.csm-inner.about-page .hero {min-height:0; text-align:left}
.csm-inner.about-page .hero-content {min-height:0; padding:0; grid-template-columns:minmax(0,1fr)}
.csm-inner.about-page .hero h1 {color:#613b78; font:600 44px/1.45 var(--csm-serif); background:none; -webkit-text-fill-color:currentColor}
.csm-inner.about-page .hero .hero-subtitle {color:#9a75ad}
.csm-inner .hero-btn,.csm-inner .services-more,.csm-inner .faq-more {background:linear-gradient(180deg,#c18bd2,#8c4aab); color:#fff; border-color:#d2b0e4}
.csm-inner .about-section,.csm-inner .services-section,.csm-inner .tech-section,.csm-inner .faq-section,.csm-inner .faq-all-section {background:transparent}
.csm-inner .service-step,.csm-inner .faq-item,.csm-inner .tech-card {border-color:#e2d3eb; background:#fcf9ff; box-shadow:0 4px 18px #6c3c830b}
.csm-inner .step-number,.csm-inner .faq-q-badge {background:linear-gradient(135deg,#bc87ce,#8d4bac)}
.csm-inner .section-title h2,.csm-inner .services-title-main h2,.csm-inner .faq-title-main h2 {color:#704583; font-family:var(--csm-serif)}
.csm-inner .about-stats .stat-card,.csm-inner .about-stats .stat-card-green {background:#efe2f7; border-color:#ddc8e9}
.csm-inner .about-stats .stat-number,.csm-inner .faq-a strong,.csm-inner .faq-group-title {color:#8a43b5}
.csm-inner .faq-group-title:before {background:#b17bcc}
.csm-inner .faq-table th {background:#ead9f5; color:#704583}
.csm-inner .faq-table td,.csm-inner .faq-table th {border-color:#e0cde9}
.csm-inner .faq-table tr:nth-child(even) td {background:#f7f0fc}
.csm-inner .csm-footer {border-top:1px solid #e2d3eb}

@media(min-width:1500px) {.csm-inner .container {width:calc(100% - 140px); max-width:1380px}}
@media(max-width:1100px) {
  .csm-inner .container {width:calc(100% - 64px)}
  .csm-inner .news-filter-bar {flex-wrap:wrap; gap:14px}
  .csm-inner .news-search {margin-left:auto}
  .csm-inner .case-featured-grid {grid-template-columns:minmax(0,1fr)}
  .csm-inner .case-featured-side {display:grid; grid-template-columns:repeat(2,minmax(0,1fr))}
  .csm-inner .case-featured-medium {display:flex}
  .csm-inner .case-featured-medium-img {height:210px; min-height:0}
  .csm-inner .csm-content-layout>.row {grid-template-columns:minmax(0,1fr) 260px; gap:24px}
  .csm-inner .list-article-wrapper .list-article-row {flex-direction:column}
  .csm-inner .list-article-wrapper .list-thumb {width:100%}
  .csm-inner .list-article-wrapper .list-thumb img {height:220px}
}
@media(max-width:900px) {
  .csm-inner .csm-content-layout>.row {grid-template-columns:minmax(0,1fr)}
  .csm-inner .csm-content-sidebar {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; align-items:start}
  .csm-inner .csm-content-sidebar>div {margin:0}
  .csm-inner .case-grid,.csm-inner .news-featured-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px) {
  .csm-inner .container {width:calc(100% - 40px)}
  .csm-inner .csm-inner-hero,.csm-inner.about-page .hero,.csm-inner .faq-page-hero {padding:123px 0 37px}
  .csm-inner .csm-inner-hero h1 {font-size:38px; letter-spacing:2px}
  .csm-inner .csm-inner-eyebrow {font-size:9px; letter-spacing:2px}
  .csm-inner .csm-inner-subtitle {font-size:14px}
  .csm-inner .csm-breadcrumb {margin-top:20px}
  .csm-inner .case-filter-bar,.csm-inner .news-filter-bar {padding:12px; border-radius:12px}
  .csm-inner .case-filter-tab,.csm-inner .news-filter-tab {padding:8px 13px; font-size:13px}
  .csm-inner .case-filter-tabs,.csm-inner .news-filter-tabs {overflow:visible; padding:0; flex-wrap:wrap}
  .csm-inner .news-search {width:100%; min-width:0; margin:0}
  .csm-inner .case-more-menu {left:auto; right:0}
  .csm-inner .news-hot-grid {grid-template-columns:minmax(0,1fr)}
  .csm-inner .news-hot-title,.csm-inner .case-featured-big-title {font-size:23px}
  .csm-inner .case-grid,.csm-inner .news-featured-grid {gap:17px}
  .csm-inner .case-card-content,.csm-inner .news-featured-content {padding:17px}
  .csm-inner .case-card-content h3,.csm-inner .news-featured-content h3 {font-size:18px}
  .csm-inner .case-featured-medium-content {padding:18px}
  .csm-inner .case-grid-section,.csm-inner .news-featured-section {padding-bottom:40px}
  .csm-inner .csm-content-layout {padding-top:25px; padding-bottom:40px}
  .csm-inner .tc-box.article-box {padding:24px}
  .csm-inner .article-title {font-size:26px}
  .csm-inner .csm-content-layout .container {width:100%}
}
@media(max-width:600px) {
  .csm-inner .case-grid,.csm-inner .news-featured-grid,.csm-inner .case-featured-side,.csm-inner .csm-content-sidebar {grid-template-columns:minmax(0,1fr)}
  .csm-inner .case-featured-big-img {height:220px}
  .csm-inner .case-featured-big-content,.csm-inner .news-hot-content {padding:20px}
  .csm-inner .case-featured-medium-img {height:210px}
  .csm-inner .news-side-item {flex-direction:row; padding:12px; align-items:center; gap:13px}
  .csm-inner .news-side-img {width:100px; min-width:0; aspect-ratio:1; flex:none}
  .csm-inner .news-side-info h4 {font-size:17px}
  .csm-inner .news-side-desc {font-size:12px}
  .csm-inner .news-side-info .news-meta {gap:10px; flex-wrap:wrap; font-size:10px}
  .csm-inner .news-section-title {font-size:26px}
  .csm-inner .list-article-wrapper {padding:17px}
  .csm-inner .list-article-wrapper .list-article-content h2 {font-size:21px}
  .csm-inner .list-article-tabs {padding:12px; gap:6px}
  .csm-inner .list-article-tabs .tab-item {font-size:12px; padding:7px 12px}
  .csm-inner .tc-box.article-box {padding:22px 18px}
  .csm-inner .article-title {font-size:24px}
  .csm-inner #article_content {font-size:14px}
  .csm-inner .article-excerpt {padding:12px 14px; font-size:13px}
  .csm-inner .case-pagination .page-btn,.csm-inner .news-pagination .page-btn {font-size:12px; padding:8px 11px}
  .csm-inner.about-page .hero h1 {font-size:30px}
  .csm-inner .case-featured-big-metrics {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce) {
  .csm-inner .case-card,.csm-inner .case-featured-big,.csm-inner .case-featured-medium,.csm-inner .news-hot-card,.csm-inner .news-side-item,.csm-inner .news-featured-card {transition:none; transform:none}
}