:root {
    --inner-ink: #2f2a25;
    --inner-muted: #746c63;
    --inner-paper: #f7f2e9;
    --inner-cream: #eee5d8;
    --inner-surface: #fffaf2;
    --inner-line: rgba(81, 64, 47, .18);
    --inner-red: #9f2f25;
    --inner-green: #385346;
    --inner-green-dark: #243d33;
    --inner-gold: #b18b55;
}

body.page-inner {
    color: var(--inner-ink);
    background: radial-gradient(circle at 8% 10%, rgba(177, 139, 85, .09), transparent 24rem), var(--inner-paper);
}

.page-inner,
.page-inner input,
.page-inner select,
.page-inner textarea,
.page-inner button {
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
}

.page-inner h1,
.page-inner h2,
.page-inner h3,
.page-inner h4,
.page-inner .page-hero-title,
.page-inner .article-sheet__title,
.page-inner .channel-feature__title,
.page-inner .channel-list-item__title,
.page-inner .channel-lead-story__title {
    color: var(--inner-ink);
    font-family: "Noto Serif SC", "Songti SC", "STSong", serif;
}

.page-inner a { color: inherit; }
.page-inner a:hover { color: var(--inner-red); text-decoration: none; }

.page-inner > .container,
.page-inner .site-topbar > .container,
.page-inner .site-hero .container,
.page-inner .site-menu-shell > .container {
    width: min(1200px, calc(100% - 48px));
}

.page-inner .site-main-gap { height: 22px; }

.page-inner .position {
    margin: 0 0 28px !important;
    padding: 0 0 14px;
    border-bottom: 1px solid var(--inner-line);
    color: var(--inner-muted);
    background: transparent;
    box-shadow: none;
}

.page-inner .position a { color: var(--inner-red); }
.page-inner .page-shell { margin-bottom: 48px; }

.page-inner .page-panel {
    margin-bottom: 26px;
    padding: 30px;
    border: 1px solid var(--inner-line);
    border-radius: 0;
    background: rgba(255, 250, 242, .82);
    box-shadow: none;
}

.page-inner .page-hero {
    position: relative;
    min-height: 132px;
    padding: 38px 42px;
    overflow: hidden;
    border-top: 3px solid var(--inner-red);
    background: linear-gradient(110deg, var(--inner-surface) 0%, #f2e8da 100%);
}

.page-inner .page-hero::after {
    position: absolute;
    right: -90px;
    bottom: -120px;
    width: 310px;
    height: 240px;
    border: 1px solid rgba(159, 47, 37, .10);
    border-radius: 50%;
    content: "";
}

.page-inner .page-hero > * { position: relative; z-index: 1; }
.page-inner .page-hero-tag {
    color: var(--inner-red);
    font-family: Georgia, serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .15em;
}

.page-inner .page-hero-title {
    margin: 8px 0 10px;
    font-size: 36px;
    line-height: 1.3;
}

.page-inner .page-hero-desc,
.page-inner .channel-hero__meta {
    color: var(--inner-muted);
    font-size: 14px;
    line-height: 1.85;
}

.page-inner .channel-hero__meta { max-width: 360px; }
.page-inner .channel-hero__links,
.page-inner .channel-lead-side__links,
.page-inner .policy-chip-grid { gap: 0; }

.page-inner .channel-hero__links a,
.page-inner .channel-lead-side__links a,
.page-inner .article-pill,
.page-inner .qa-category-group__links a,
.page-inner .page-grid-links a {
    margin: 0 18px 6px 0;
    padding: 4px 0 3px;
    border: 0;
    border-bottom: 1px solid currentColor;
    border-radius: 0;
    color: var(--inner-red);
    background: transparent;
    box-shadow: none;
}

.page-inner .channel-layout {
    grid-template-columns: minmax(0, 1fr) 292px;
    gap: 46px;
}

.page-inner .channel-layout--reading {
    grid-template-columns: minmax(0, 1fr) 270px;
    gap: 42px;
}

.page-inner .channel-layout--wide-rail {
    grid-template-columns: 220px minmax(0, 1fr) 270px;
    gap: 30px;
}

.page-inner .channel-panel {
    padding: 0;
    overflow: hidden;
}

.page-inner .channel-panel__section { padding: 28px 30px; }
.page-inner .channel-panel__section + .channel-panel__section,
.page-inner .qa-board__section + .qa-board__section,
.page-inner .qa-answer-card + .qa-answer-card { border-color: var(--inner-line); }

.page-inner .channel-panel__head {
    align-items: flex-end;
    margin-bottom: 20px;
    padding-bottom: 13px;
    border-bottom: 2px solid var(--inner-ink);
}

.page-inner .channel-panel__head h2 { font-size: 27px; line-height: 1.35; }
.page-inner .channel-panel__head h3 { font-size: 21px; line-height: 1.4; }
.page-inner .channel-panel__meta { color: var(--inner-muted); font-size: 13px; }

.page-inner .channel-sidebar .page-panel,
.page-inner .channel-aside .page-panel {
    background: transparent;
    border-width: 1px 0 0;
}

.page-inner .channel-sidebar .channel-panel__section,
.page-inner .channel-aside .channel-panel__section { padding: 24px 0; }

.page-inner .channel-sidebar .channel-panel__head,
.page-inner .channel-aside .channel-panel__head { border-bottom-width: 1px; }

.page-inner .channel-feature { gap: 26px; }
.page-inner .channel-feature__image img,
.page-inner .channel-list-item__thumb img,
.page-inner .channel-lead-story__image img,
.page-inner .channel-card img,
.page-inner .example-feature-card img,
.page-inner .example-special-card img,
.page-inner .article-related-card img,
.page-inner .article-followup-land-card img {
    border-radius: 0;
}

.page-inner .channel-lead-story__image img { height: 250px; }
.page-inner .channel-lead-story__title { font-size: 28px; line-height: 1.45; }
.page-inner .channel-lead-side { border-color: var(--inner-line); }

.page-inner .channel-simple-list li,
.page-inner .qa-question-list li {
    border-top: 1px solid var(--inner-line);
}

.page-inner .channel-simple-list a,
.page-inner .qa-question-list a { padding: 13px 0; }

.page-inner .channel-list-item { border-color: var(--inner-line); }
.page-inner .channel-list-item__title { font-size: 20px; line-height: 1.55; }
.page-inner .channel-list-item__summary,
.page-inner .channel-feature__summary,
.page-inner .channel-lead-story__summary { color: var(--inner-muted); }

.page-inner .channel-list-block__lead,
.page-inner .channel-lead-story__sublist,
.page-inner .policy-section + .policy-section { border-color: var(--inner-line); }

.page-inner .channel-list-block__title {
    padding-bottom: 9px;
    border-bottom: 2px solid var(--inner-ink);
    font-size: 20px;
}

.page-inner .policy-region-card,
.page-inner .article-followup-land-card {
    border-radius: 0;
    border-color: var(--inner-line);
    background: rgba(255, 250, 242, .72);
}

.page-inner .article-sheet {
    padding: 38px 44px 46px;
    border-top: 3px solid var(--inner-red);
    background: rgba(255, 253, 248, .92);
}

.page-inner .article-sheet__title { font-size: 34px; line-height: 1.45; }
.page-inner .article-sheet__header .article-sheet__inner,
.page-inner .article-actions,
.page-inner .article-summary { border-color: var(--inner-line); }

.page-inner .article-body .article-sheet__inner { max-width: 760px; }
.page-inner .article-body .content,
.page-inner .article-body .content p,
.page-inner .article-body #law_content,
.page-inner .article-body #law_content p {
    color: #403832;
    font-size: 18px;
    line-height: 2;
}

.page-inner .article-body .content blockquote,
.page-inner .article-body #law_content blockquote {
    border-left-color: var(--inner-red);
    background: #f1e8db;
}

.page-inner .article-content {
    max-width: 860px;
    margin: 0 auto 48px;
    padding: 42px 54px 54px;
    border-top: 3px solid var(--inner-red);
    background: rgba(255, 253, 248, .94);
}

.page-inner .article-content > .title {
    color: var(--inner-ink);
    font-family: "Noto Serif SC", "Songti SC", "STSong", serif;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.5;
}

.page-inner .article-content .banner {
    margin: 20px 0;
    padding: 14px 0;
    border-top: 1px solid var(--inner-line);
    border-bottom: 1px solid var(--inner-line);
    color: var(--inner-muted);
    background: transparent;
}

.page-inner .article-content .summary {
    margin: 24px 0;
    padding: 20px 22px;
    border-left: 3px solid var(--inner-red);
    color: var(--inner-muted);
    background: #f1e8db;
    font-size: 15px;
    line-height: 1.9;
}

.page-inner .article-content .content,
.page-inner .article-content .content p {
    color: #403832;
    font-size: 18px;
    line-height: 2;
}

.page-inner input[type="text"],
.page-inner input[type="password"],
.page-inner input[type="email"],
.page-inner input[type="number"],
.page-inner select,
.page-inner textarea,
.page-inner .form-control {
    border-color: rgba(81, 64, 47, .24);
    border-radius: 2px;
    background: #fffdf8;
    box-shadow: none;
}

.page-inner input:focus,
.page-inner select:focus,
.page-inner textarea:focus {
    border-color: var(--inner-green);
    box-shadow: 0 0 0 2px rgba(56, 83, 70, .10);
}

.page-inner .btn,
.page-inner button,
.page-inner input[type="submit"] {
    border-radius: 2px;
    background-image: none;
    box-shadow: none;
}

.page-inner .btn-primary,
.page-inner .btn-info,
.page-inner .btn-orange,
.page-inner .auth-submit {
    border-color: var(--inner-red);
    color: #fff;
    background: var(--inner-red);
}

.page-inner .btn-success { border-color: var(--inner-green); background: var(--inner-green); }

.page-inner .pagination ul > li > a,
.page-inner .pagination ul > li > span {
    border-color: var(--inner-line);
    color: var(--inner-ink);
    background: var(--inner-surface);
}

.page-inner .pagination ul > .active > a,
.page-inner .pagination ul > .active > span { color: #fff; background: var(--inner-red); }

.page-inner .auth-panel {
    overflow: hidden;
    border: 1px solid var(--inner-line);
    border-radius: 0;
    background: var(--inner-surface);
    box-shadow: none;
}

.page-inner .auth-visual { border-radius: 0; background: var(--inner-green-dark); }
.page-inner .auth-visual h2,
.page-inner .auth-visual strong { color: #fff; }
.page-inner .auth-visual p,
.page-inner .auth-visual span { color: rgba(255, 255, 255, .78); }
.page-inner .auth-visual .page-hero-tag { color: #e4b774; }
.page-inner .auth-benefit-item { border-color: rgba(255, 255, 255, .16); border-radius: 0; }
.page-inner .auth-form-wrap { background: var(--inner-surface); }

.page-inner .market-page { margin-bottom: 46px; }
.page-inner .market-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 38px;
    align-items: start;
}

.page-inner .market-main { min-width: 0; padding: 30px 32px; }
.page-inner .market-filter {
    margin: 0 0 28px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--inner-line);
}

.page-inner .market-filter__table,
.page-inner .market-filter__table tbody { display: block; width: 100%; }
.page-inner .market-filter__table tr {
    display: grid;
    grid-template-columns: 90px minmax(0, 1fr);
    align-items: center;
    width: 100%;
    min-height: 48px;
}

.page-inner .market-filter__table td { min-width: 0; padding: 4px 0; }
.page-inner .market-filter__table td:first-child {
    color: var(--inner-muted);
    font-weight: 600;
}

.page-inner .market-filter__table label.pull-left {
    float: none;
    display: inline-flex;
    width: auto !important;
    margin: 0 22px 3px 0;
    color: var(--inner-ink);
    line-height: 30px;
    cursor: pointer;
}

.page-inner .market-filter__table label.active { color: var(--inner-red); font-weight: 700; }
.page-inner .market-filter__table select {
    width: calc(25% - 8px) !important;
    min-width: 130px;
    height: 40px;
    margin: 0 6px 6px 0 !important;
}

.page-inner .market-filter__table input[type="text"] {
    width: min(520px, calc(100% - 100px));
    height: 40px;
    margin: 0 8px 0 0 !important;
}

.page-inner .market-filter__table hr { display: none; }
.page-inner .market-filter .f-list { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 !important; }
.page-inner .market-filter .f-list li {
    float: none;
    height: auto;
    margin: 0;
    padding: 5px 26px 5px 9px;
    border-color: var(--inner-line);
    background: #f1e8db;
    line-height: 22px;
}

.page-inner .market-sort-wrap {
    margin-bottom: 6px;
    padding: 0 0 18px;
    border-bottom: 2px solid var(--inner-ink);
}

.page-inner .market-sort__list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin: 0;
}

.page-inner .market-sort__list > li { padding: 0; }
.page-inner .market-sort__list > li.pull-right { float: none; margin-left: 0; }
.page-inner .market-sort__list > li:first-child { margin-right: auto; }
.page-inner .market-sort__list label { margin: 0; }
.page-inner .market-sort__list .btn {
    padding: 7px 12px;
    border: 1px solid var(--inner-line);
    color: var(--inner-ink);
    background: transparent;
}

.page-inner .market-results > .row:not(.market-result-card) { display: none; }
.page-inner .market-result-card {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr) 150px 150px;
    gap: 22px;
    align-items: center;
    min-height: 154px;
    margin: 0 !important;
    padding: 22px 0;
    border-bottom: 1px solid var(--inner-line);
}

.page-inner .market-result-card::before,
.page-inner .market-result-card::after { display: none; content: none; }

.page-inner .market-result-card > [class*="span"] {
    float: none;
    width: auto;
    min-width: 0;
    margin: 0;
}

.page-inner .market-result-card .thumbnail {
    width: 180px;
    height: 128px;
    margin: 0;
}

.page-inner .market-result-card .landlistdiv { margin: 0; list-style: none; }
.page-inner .market-result-card .landlistdiv li { color: var(--inner-muted); line-height: 1.8; }
.page-inner .market-result-card .landlistdiv h4 {
    display: -webkit-box;
    margin: 0 0 7px;
    overflow: hidden;
    color: var(--inner-ink);
    font-size: 18px;
    line-height: 1.45;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.page-inner .market-result-card .fontdigital {
    margin: 0 0 8px;
    color: var(--inner-red);
    font-family: Georgia, "PingFang SC", sans-serif;
    font-size: 16px;
    line-height: 1.55;
}

.page-inner .market-result-card .stick {
    position: absolute;
    top: 18px;
    left: 132px;
    width: 52px;
    height: 52px;
    margin: 0;
}

.page-inner .market-result-card .stick img { max-width: 52px; max-height: 52px; }
.page-inner .market-result-card .failure {
    top: 28px;
    right: 20px;
    left: auto;
    width: 120px;
    height: auto;
    opacity: .62;
}

.page-inner .market-result-card.is-expired { opacity: .82; }
.page-inner .market-result-card [style*="margin-top:-120px"],
.page-inner .market-result-card [style*="margin-top:-80px"] {
    position: absolute !important;
    right: 14px;
    bottom: 18px;
    width: 100px !important;
    margin: 0 !important;
    opacity: .58;
}

.page-inner.page-section-demand .market-result-card {
    grid-template-columns: minmax(0, 1fr) 210px;
}
.page-inner.page-section-demand .market-result-card > .span2:nth-of-type(2) { display: none; }

.page-inner .market-sidebar { min-width: 0; }
.page-inner .market-sidebar > * {
    width: 100% !important;
    max-width: 100%;
    margin: 0 0 24px !important;
    box-sizing: border-box;
}

.page-inner .market-sidebar img { max-width: 100%; height: auto; }
.page-inner .market-sidebar table { width: 100% !important; }
.page-inner .market-sidebar h3,
.page-inner .market-sidebar h4 {
    margin: 0 0 14px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--inner-ink);
    color: var(--inner-ink) !important;
    font-size: 19px;
}

.page-inner .market-extras { margin-top: 30px; }
.page-inner .market-extras img,
.page-inner .market-extras-inline img { max-width: 100%; height: auto; }
.page-inner .market-extras-inline { margin-top: 36px; padding-top: 28px; border-top: 1px solid var(--inner-line); }
.page-inner .market-answer-promo { display: flex; align-items: center; gap: 20px; }
.page-inner .market-answer-promo > [class*="span"] { float: none; width: 50%; margin: 0; }

.page-inner .market-detail-page {
    box-sizing: border-box;
    margin-bottom: 42px;
    padding: 34px 34px 42px;
    border: 1px solid var(--inner-line);
    border-top: 3px solid var(--inner-red);
    background: var(--inner-surface);
}

.page-inner .market-detail-page > .row { margin-left: 0; }
.page-inner .market-detail-page > .row > [class*="span"]:first-child { margin-left: 0; }
.page-inner .market-detail-page p {
    color: var(--inner-muted) !important;
    font-size: 15px;
    line-height: 1.9;
}

.page-inner .market-detail-page .fontred {
    color: var(--inner-ink) !important;
    font-family: Georgia, "Songti SC", "STSong", serif;
    font-size: 25px;
    line-height: 1.45;
}

.page-inner .market-detail-page .detailhr { border-color: var(--inner-line); }
.page-inner .market-detail-page .nav-tabs {
    margin-top: 20px;
    border-bottom: 2px solid var(--inner-ink);
}
.page-inner .market-detail-page .nav-tabs > li > a {
    border: 0;
    border-radius: 0;
    color: var(--inner-red) !important;
    background: transparent;
}
.page-inner .market-detail-page .nav-tabs > .active > a {
    color: #fff !important;
    background: var(--inner-red);
}
.page-inner .market-detail-page .text-center img { max-width: 100%; height: auto; }
.page-inner .market-detail-page .failure { opacity: .72; }

.page-inner .market-detail-page--demand > .row > .span9 {
    width: 100%;
    margin-left: 0;
}

.page-inner .comic-hero {
    background:
        radial-gradient(circle at 85% 18%, rgba(184, 74, 53, .1) 0, rgba(184, 74, 53, .1) 80px, transparent 81px),
        linear-gradient(110deg, #f8f1e7 0%, #efe2d0 100%);
}

.page-inner .comic-library {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    min-height: 620px;
    padding: 0;
    overflow: visible;
}

.page-inner .comic-series {
    padding: 38px 30px;
    color: #fff;
    background: var(--inner-green-dark);
}

.page-inner .comic-series__eyebrow {
    margin-bottom: 8px;
    color: #e4b774;
    font-family: Georgia, serif;
    font-size: 12px;
    letter-spacing: .18em;
}

.page-inner .comic-series h2 { margin: 0 0 8px; color: #fff; font-size: 27px; }
.page-inner .comic-series > p { color: rgba(255, 255, 255, .68); line-height: 1.8; }
.page-inner .comic-series__tabs { margin: 32px 0 0; }
.page-inner .comic-series__tabs > li {
    float: none;
    width: 100%;
    margin: 0;
    border-top: 1px solid rgba(255, 255, 255, .14);
}

.page-inner .comic-series__tabs > li:last-child { border-bottom: 1px solid rgba(255, 255, 255, .14); }
.page-inner .comic-series__tabs > li > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 16px 0;
    border-radius: 0;
    color: rgba(255, 255, 255, .82);
    background: transparent;
}

.page-inner .comic-series__tabs > li > a small { color: rgba(255, 255, 255, .46); font-size: 11px; }
.page-inner .comic-series__tabs > li.active > a,
.page-inner .comic-series__tabs > li.active > a:hover,
.page-inner .comic-series__tabs > li > a:hover {
    color: #fff;
    background: transparent;
}
.page-inner .comic-series__tabs > li.active > a::before {
    width: 4px;
    height: 22px;
    margin-right: 10px;
    background: #e4b774;
    content: "";
}

.page-inner .comic-content { min-width: 0; padding: 42px 44px 48px; }
.page-inner .comic-catalog__cover {
    display: grid;
    grid-template-columns: 230px minmax(0, 1fr);
    gap: 34px;
    align-items: center;
    margin-bottom: 36px;
}

.page-inner .comic-catalog__cover img {
    width: 230px;
    height: 306px;
    border: 1px solid var(--inner-line);
    object-fit: cover;
}

.page-inner .comic-catalog__cover h2 { margin: 8px 0 10px; font-size: 34px; }
.page-inner .comic-catalog__cover p { color: var(--inner-muted); line-height: 1.8; }
.page-inner .comic-volume-tabs {
    margin: 0 0 24px;
    border-bottom: 2px solid var(--inner-ink);
}

.page-inner .comic-volume-tabs > li > a {
    margin: 0 8px 0 0;
    padding: 10px 18px;
    border: 0;
    border-radius: 0;
    color: var(--inner-muted);
}

.page-inner .comic-volume-tabs > .active > a,
.page-inner .comic-volume-tabs > .active > a:hover,
.page-inner .comic-volume-tabs > .active > a:focus {
    border: 0;
    color: #fff;
    background: var(--inner-red);
}

.page-inner .comic-episode-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 34px;
}

.page-inner .comic-episode-grid > a {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    min-height: 58px;
    border-bottom: 1px solid var(--inner-line);
    color: var(--inner-ink);
}

.page-inner .comic-episode-grid > a > span {
    color: var(--inner-red);
    font-family: Georgia, serif;
    font-size: 13px;
}

.page-inner .comic-episode-grid > a > strong {
    overflow: hidden;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.page-inner .comic-episode-grid > a > small { color: var(--inner-muted); opacity: 0; transition: opacity .2s ease; }
.page-inner .comic-episode-grid > a:hover { color: var(--inner-red); text-decoration: none; }
.page-inner .comic-episode-grid > a:hover > small { opacity: 1; }

.page-inner .comic-reader__head,
.page-inner .comic-follow {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-inner .comic-reader__head {
    margin-bottom: 22px;
    padding-bottom: 18px;
    border-bottom: 2px solid var(--inner-ink);
}
.page-inner .comic-reader__head h2 { margin: 6px 0 0; font-size: 30px; }
.page-inner .comic-reader__close {
    width: 44px;
    height: 44px;
    border: 1px solid var(--inner-line-strong);
    color: var(--inner-ink);
    background: transparent;
    font-size: 28px;
}

.page-inner .comic-reader__toolbar {
    position: sticky;
    top: 8px;
    z-index: 12;
    display: flex;
    justify-content: center;
    gap: 1px;
    margin-bottom: 22px;
    padding: 8px;
    background: rgba(250, 247, 241, .94);
    backdrop-filter: blur(8px);
}

.page-inner .comic-reader__toolbar a,
.page-inner .comic-reader__toolbar button {
    padding: 10px 18px;
    border: 0;
    border-radius: 0;
    color: #fff;
    background: var(--inner-green-dark);
}

.page-inner .comic-reader__menu {
    max-height: 330px;
    margin-bottom: 24px;
    padding: 18px 22px;
    overflow-y: auto;
    border: 1px solid var(--inner-line);
    background: #f2eadf;
}
.page-inner .comic-reader__menu ul { margin: 0; }
.page-inner .comic-reader__menu li { list-style: none; border-bottom: 1px solid var(--inner-line); }
.page-inner .comic-reader__menu li a { display: block; padding: 10px 0; color: var(--inner-ink); }
.page-inner .comic-reader__menu li a span { margin-right: 12px; color: var(--inner-red); }
.page-inner .comic-reader__menu .menuTitle { padding: 8px 0 14px; color: var(--inner-red); font-weight: 700; }
.page-inner .comic-reader__menu .menuCount { padding: 12px 0 0; border: 0; color: var(--inner-muted); }

.page-inner .comic-reader__images { max-width: 780px; margin: 0 auto; }
.page-inner .comic-reader__images img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto 18px;
    background: #eee6da;
}
.page-inner .comic-reader__end { padding-top: 18px; text-align: center; }

.page-inner .comic-follow {
    margin-top: 30px;
    padding: 30px 36px;
    border-left: 5px solid var(--inner-green-dark);
}
.page-inner .comic-follow h2 { margin: 6px 0 8px; font-size: 26px; }
.page-inner .comic-follow p { margin: 0; color: var(--inner-muted); }
.page-inner .comic-follow__actions { display: flex; gap: 22px; }
.page-inner .comic-follow__actions a {
    padding-bottom: 4px;
    border-bottom: 1px solid var(--inner-red);
    color: var(--inner-red);
}

.page-inner .comic-summary-intro { padding: 42px 48px; }
.page-inner .comic-summary-intro h2 { margin: 8px 0 18px; font-size: 32px; }
.page-inner .comic-summary-intro p {
    max-width: 930px;
    margin: 0;
    color: var(--inner-muted);
    font-size: 17px;
    line-height: 2;
}

.page-inner .comic-character-section { margin-top: 28px; padding: 36px 40px 42px; }
.page-inner .comic-character-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    margin-top: 28px;
    border: 1px solid var(--inner-line);
    background: var(--inner-line);
}

.page-inner .comic-character-grid figure {
    margin: 0;
    padding: 24px 18px 20px;
    background: var(--inner-surface);
    text-align: center;
}
.page-inner .comic-character-grid img {
    width: 100%;
    height: 230px;
    object-fit: contain;
    object-position: center bottom;
}
.page-inner .comic-character-grid figcaption { padding-top: 16px; border-top: 1px solid var(--inner-line); }
.page-inner .comic-character-grid strong { display: block; color: var(--inner-ink); font-size: 18px; }
.page-inner .comic-character-grid span { display: block; margin-top: 5px; color: var(--inner-muted); font-size: 13px; }

.page-inner .thumbnail {
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    object-fit: cover;
}

.page-inner .well,
.page-inner .box,
.page-inner .widget,
.page-inner .panel {
    border-radius: 0;
    box-shadow: none;
}

.page-inner .footer {
    margin-top: 34px;
    padding-top: 30px;
    border-top: 1px solid var(--inner-line);
    background: transparent;
}

.page-inner.page-section-example .page-hero .channel-hero__meta {
    flex: 0 0 560px;
    max-width: 560px;
}

.page-inner.page-section-example .page-hero .page-search-grid {
    grid-template-columns: minmax(190px, 2fr) 118px 118px auto;
    gap: 10px;
    align-items: end;
}

.page-inner.page-section-example .page-hero .page-search-grid__span2 {
    grid-column: span 1;
}

.page-inner .page-hero .page-search-actions .btn {
    width: auto;
    min-width: 78px;
    border-color: var(--inner-red);
    background: var(--inner-red);
    color: #fff;
}

.page-inner .qa-search-bar__actions .btn:first-child {
    border-color: var(--inner-red);
    background: var(--inner-red);
    color: #fff;
}

.page-inner .qa-search-bar__actions .btn + .btn {
    border-color: var(--inner-line-strong);
    background: transparent;
    color: var(--inner-ink);
}

/* Blog overview uses a fluid grid instead of Bootstrap's fixed span widths. */
.page-inner .blog-overview__feature { padding: 0; overflow: hidden; }

.page-inner .blog-overview__feature-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.8fr) minmax(280px, .8fr);
    min-height: 440px;
}

.page-inner .blog-overview__visual { display: block; min-width: 0; overflow: hidden; background: #dceeed; }
.page-inner .blog-overview__visual img,
.page-inner .blog-overview__legacy-visual { display: block; width: 100%; height: 100%; min-height: 440px; object-fit: cover; }

.page-inner .blog-overview__guide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 38px 34px;
    border-left: 1px solid var(--inner-line);
    background: var(--inner-surface);
}

.page-inner .blog-overview__guide h2 { margin: 10px 0 14px; font-size: 27px; line-height: 1.42; }
.page-inner .blog-overview__guide > p { margin-bottom: 22px; color: var(--inner-muted); line-height: 1.8; }
.page-inner .blog-overview__guide-links { border-top: 1px solid var(--inner-line); }

.page-inner .blog-overview__guide-links a {
    display: block;
    position: relative;
    padding: 13px 24px 13px 0;
    border-bottom: 1px solid var(--inner-line);
    color: var(--inner-ink);
}

.page-inner .blog-overview__guide-links a::after {
    position: absolute;
    top: 50%;
    right: 2px;
    color: var(--inner-red);
    content: "\2192";
    transform: translateY(-50%);
    transition: transform .2s ease;
}

.page-inner .blog-overview__guide-links a:hover { text-decoration: none; }
.page-inner .blog-overview__guide-links a:hover::after { transform: translate(4px, -50%); }
.page-inner .blog-overview__guide-links strong { display: block; font-size: 15px; }
.page-inner .blog-overview__guide-links span { display: block; margin-top: 3px; color: var(--inner-muted); font-size: 12px; }

.page-inner .blog-overview__follow-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    margin-top: 22px;
    border-top: 1px solid var(--inner-line);
    border-bottom: 1px solid var(--inner-line);
}

.page-inner .blog-overview__follow-grid article {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 26px;
    min-width: 0;
    padding: 24px 30px 24px 0;
}

.page-inner .blog-overview__follow-grid article + article { padding-right: 0; padding-left: 30px; border-left: 1px solid var(--inner-line); }
.page-inner .blog-overview__follow-grid article > div > span { color: var(--inner-red); font-family: Georgia, serif; font-size: 11px; font-weight: 700; letter-spacing: .14em; }
.page-inner .blog-overview__follow-grid h3 { margin: 5px 0 8px; font-size: 21px; }
.page-inner .blog-overview__follow-grid p { margin-bottom: 12px; color: var(--inner-muted); line-height: 1.7; }
.page-inner .blog-overview__follow-grid a { color: var(--inner-red); font-weight: 700; }
.page-inner .blog-overview__follow-grid img { flex: 0 0 112px; width: 112px; height: 112px; object-fit: cover; }

@media (max-width: 1199px) {
    .page-inner .channel-layout,
    .page-inner .channel-layout--reading,
    .page-inner .channel-layout--wide-rail { display: block; }
    .page-inner .channel-sidebar,
    .page-inner .channel-aside { margin-top: 30px; }
    .page-inner .market-layout { grid-template-columns: minmax(0, 1fr) 240px; gap: 26px; }
    .page-inner .market-result-card { grid-template-columns: 150px minmax(0, 1fr) 130px; }
    .page-inner .market-result-card > .span2:last-of-type { display: none; }
    .page-inner .market-result-card .thumbnail { width: 150px; height: 108px; }
    .page-inner .comic-library { grid-template-columns: 220px minmax(0, 1fr); }
    .page-inner .comic-content { padding: 34px 30px 42px; }
    .page-inner .comic-catalog__cover { grid-template-columns: 190px minmax(0, 1fr); }
    .page-inner .comic-catalog__cover img { width: 190px; height: 254px; }
    .page-inner .comic-character-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
    body.page-inner {
        width: 100%;
        padding-right: 0 !important;
        padding-left: 0 !important;
        overflow-x: hidden;
    }

    .page-inner > .container,
    .page-inner .site-topbar > .container,
    .page-inner .site-hero .container { width: 100%; }
    .page-inner > .container,
    .page-inner .site-topbar > .container,
    .page-inner .site-hero .container {
        box-sizing: border-box;
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding-right: 10px;
        padding-left: 10px;
    }

    .page-inner > .container > .container,
    .page-inner > .container .page-shell,
    .page-inner > .container .market-page,
    .page-inner > .container .market-detail-page,
    .page-inner > .container .auth-shell {
        box-sizing: border-box;
        width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .page-inner .site-main-gap { height: 14px; }
    .page-inner .position { margin-bottom: 18px !important; padding-bottom: 10px; }
    .page-inner .page-shell { margin-bottom: 30px; }
    .page-inner .page-panel { margin-bottom: 18px; padding: 20px 18px; }
    .page-inner .page-hero { min-height: 0; padding: 26px 22px; }
    .page-inner .page-hero-title { font-size: 28px; }
    .page-inner .channel-hero__meta { margin-top: 18px; }
    .page-inner.page-section-example .page-hero .channel-hero__meta {
        flex: 1 1 auto;
        max-width: none;
    }
    .page-inner.page-section-example .page-hero .page-search-grid { grid-template-columns: 1fr; }
    .page-inner.page-section-example .page-hero .page-search-grid__span2 { grid-column: auto; }
    .page-inner .page-hero .page-search-actions .btn { width: 100%; }
    .page-inner .blog-overview__feature-grid { grid-template-columns: 1fr; min-height: 0; }
    .page-inner .blog-overview__visual img,
    .page-inner .blog-overview__legacy-visual { height: auto; min-height: 0; aspect-ratio: 16 / 9; }
    .page-inner .blog-overview__guide { padding: 26px 20px; border-top: 1px solid var(--inner-line); border-left: 0; }
    .page-inner .blog-overview__guide h2 { font-size: 23px; }
    .page-inner .blog-overview__follow-grid { grid-template-columns: 1fr; }
    .page-inner .blog-overview__follow-grid article,
    .page-inner .blog-overview__follow-grid article + article { padding: 20px 0; border-left: 0; }
    .page-inner .blog-overview__follow-grid article + article { border-top: 1px solid var(--inner-line); }
    .page-inner .blog-overview__follow-grid img { flex-basis: 92px; width: 92px; height: 92px; }
    .page-inner .channel-panel { padding: 0; }
    .page-inner .channel-panel__section { padding: 22px 18px; }
    .page-inner .channel-panel__head { display: flex; align-items: flex-end; }
    .page-inner .channel-panel__head h2 { font-size: 24px; }
    .page-inner .channel-list-item__thumb img,
    .page-inner .channel-feature__image img { height: 190px; }
    .page-inner .channel-lead-story__image img { height: 210px; }
    .page-inner .channel-lead-story__title,
    .page-inner .channel-feature__title,
    .page-inner .channel-list-item__title { font-size: 22px; line-height: 1.5; }
    .page-inner .article-sheet,
    .page-inner .article-content { padding: 28px 20px 36px; }
    .page-inner .article-sheet__title,
    .page-inner .article-content > .title { font-size: 27px; line-height: 1.5; }
    .page-inner .article-body .content,
    .page-inner .article-body .content p,
    .page-inner .article-body #law_content,
    .page-inner .article-body #law_content p,
    .page-inner .article-content .content,
    .page-inner .article-content .content p { font-size: 17px; line-height: 1.9; }
    .page-inner .market-layout { display: block; }
    .page-inner .comic-library { display: block; min-height: 0; }
    .page-inner .comic-page,
    .page-inner .comic-page .comic-hero { margin-right: 0; margin-left: 0; }
    .page-inner .comic-series { padding: 26px 20px 22px; }
    .page-inner .comic-series__tabs {
        display: flex;
        gap: 8px;
        margin-top: 20px;
        overflow-x: auto;
        scrollbar-width: none;
    }
    .page-inner .comic-series__tabs > li,
    .page-inner .comic-series__tabs > li:last-child { flex: 0 0 auto; width: auto; border: 0; }
    .page-inner .comic-series__tabs > li > a {
        display: block;
        padding: 10px 14px;
        border: 1px solid rgba(255, 255, 255, .22);
    }
    .page-inner .comic-series__tabs > li > a small { display: none; }
    .page-inner .comic-series__tabs > li.active > a { border-color: #e4b774; }
    .page-inner .comic-series__tabs > li.active > a::before { display: none; }
    .page-inner .comic-content { padding: 24px 10px 32px; }
    .page-inner .comic-catalog__cover { display: block; margin-bottom: 26px; }
    .page-inner .comic-catalog__cover img { width: 100%; height: auto; max-height: 360px; object-fit: contain; }
    .page-inner .comic-catalog__cover > div { margin-top: 20px; }
    .page-inner .comic-catalog__cover h2 { font-size: 27px; }
    .page-inner .comic-volume-tabs { display: flex; overflow-x: auto; white-space: nowrap; }
    .page-inner .comic-volume-tabs > li { flex: 0 0 auto; }
    .page-inner .comic-episode-grid { grid-template-columns: 1fr; }
    .page-inner .comic-episode-grid > a { grid-template-columns: 34px minmax(0, 1fr); }
    .page-inner .comic-episode-grid > a > small { display: none; }
    .page-inner .comic-reader__head h2 { font-size: 24px; }
    .page-inner .comic-reader__toolbar {
        top: 6px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .page-inner .comic-reader__toolbar a,
    .page-inner .comic-reader__toolbar button { padding: 10px 8px; text-align: center; }
    .page-inner .comic-reader__images img { margin-bottom: 10px; }
    .page-inner .comic-follow { display: block; padding: 24px 20px; }
    .page-inner .comic-follow__actions { margin-top: 18px; }
    .page-inner .comic-summary-intro { padding: 28px 22px; }
    .page-inner .comic-summary-intro h2 { font-size: 27px; }
    .page-inner .comic-summary-intro p { font-size: 16px; line-height: 1.9; }
    .page-inner .comic-character-section { padding: 26px 18px 32px; }
    .page-inner .comic-character-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .page-inner .comic-character-grid figure { padding: 16px 10px; }
    .page-inner .comic-character-grid img { height: 170px; }
    .page-inner .market-detail-page { padding: 22px 18px 30px; }
    .page-inner .market-detail-page .row,
    .page-inner .market-detail-page [class*="span"] {
        float: none;
        width: 100%;
        margin-left: 0;
    }
    .page-inner .market-detail-page .carousel { margin-bottom: 22px; }
    .page-inner .market-detail-page .fontred { font-size: 22px; }
    .page-inner .market-main { padding: 22px 18px; }
    .page-inner .market-filter__table tr { display: block; min-height: 0; padding: 9px 0; }
    .page-inner .market-filter__table td { display: block; width: 100% !important; }
    .page-inner .market-filter__table td:first-child { margin-bottom: 6px; }
    .page-inner .market-filter__table label.pull-left { margin-right: 16px; }
    .page-inner .market-filter__table select { width: 100% !important; margin-right: 0 !important; }
    .page-inner .market-filter__table input[type="text"] { width: 100%; margin-bottom: 8px !important; }
    .page-inner .market-sort__list > li:first-child { width: 100%; margin-right: 0; }
    .page-inner .market-result-card,
    .page-inner.page-section-demand .market-result-card { display: block; min-height: 0; padding: 20px 0; }
    .page-inner .market-result-card > [class*="span"] { margin-top: 12px; }
    .page-inner .market-result-card > [class*="span"]:first-child { margin-top: 0; }
    .page-inner .market-result-card .thumbnail { width: 100%; height: 190px; }
    .page-inner .market-result-card .stick { top: 28px; right: 12px; left: auto; }
    .page-inner .market-sidebar { margin-top: 30px; }
    .page-inner .market-answer-promo { display: block; }
    .page-inner .market-answer-promo > [class*="span"] { width: 100%; margin-bottom: 18px; }
}