@font-face {
    font-family: 'Archivo';
    src: url("../font/Archivo.woff2");
}

*,
*::after,
*::before {
    box-sizing: border-box;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

* {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
}

html {
    line-height: normal;
    margin: 0;
    padding: 0;
    color: black;
    font-family: 'Archivo', Helvetica Neue, ridi-roboto, sans-serif;
    font-weight: 400;
    letter-spacing: -0.03em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size: 14px;
}

a {
    background-color: transparent;
}

a {
    color: inherit;
    letter-spacing: inherit;
    font-family: inherit;
    cursor: pointer;
}

a:link,
a:visited {
    text-decoration: none;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
input {
    overflow: visible;
}

h1,
h2,
h3,
h4,
button,
input,
p,
span {
    letter-spacing: -0.03em;
}

input {
    color: inherit;
    letter-spacing: inherit;
    font-family: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: none;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    margin: 0;
    padding: 0;
}

input:focus {
    outline: none;
}

button {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: inherit;
    letter-spacing: inherit;
    font-family: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: none;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    margin: 0;
    padding: 0;
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button;
}

button * {
    position: relative;
    top: 0;
    left: 0;
}

#__next {
    max-width: 750px;
    margin: 0 auto;
}

.fig-193ya7q {
    width: 100%;
    background: #ffffff;
    position: sticky;
    top: 0;
    z-index: 100;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid #e1e8ed;
}

.fig-8t941n {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    padding: 0;
}

.fig-8t941n.header-container {
    display: flex;
    flex-direction: column;
}

.fig-nav-layer {
    background: #f8f9fa;
    border-top: 1px solid #e1e8ed;
    padding: 12px 20px;
}

.fig-1mc4qv0 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    gap: 0 7px;
    background: transparent;
}

.fig-1qed43h {
    display: inline-flex;
    width: fit-content;
    padding: 12px 0;
    text-decoration: none;
    /* transition: opacity 0.2s ease; */
}

/* .fig-1qed43h:hover {
    opacity: 0.8;
} */

.fig-1qed43h span {
    font-size: 20px;
    font-weight: 700;
    background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    letter-spacing: -0.02em;
}

.fig-wxuj2o {
    order: 3;
    width: 100%;
    max-width: 750px;
    grid-column: 1 / 3;
    margin-right: 0px;
    display: flex;
    align-items: flex-start;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 8000;
    touch-action: none;
    opacity: 1 !important;
    pointer-events: auto !important;
    padding: 0px !important;
    display: none;
}

.fig-1h5lkgg {
    min-width: 0px;
    flex: 1 1 0%;
    background: rgb(255, 255, 255);
    overflow-y: scroll;
    height: 100vh;
}

.fig-q3rd3s {
    padding: 5px 16px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: sticky;
    width: 100%;
    height: 60px;
    top: 0px;
    background: rgb(255, 255, 255);
    z-index: 2;
}

.fig-1elmr86 {
    background: rgb(245, 245, 245);
    border: 1px solid rgba(0, 0, 0, 0.004);
    border-radius: 8px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 40px;
    width: 100%;
    padding: 0px 9px;
}

.fig-1hsho1o {
    flex: 0 0 auto;
    opacity: 1;
    color: rgb(120, 120, 120);
    font-size: 20px;
    margin-right: 10px;
}

.fig-iqyz32 {
    flex: 1;
    width: 0;
    min-width: 0;
    height: 100%;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: #141414;
    caret-color: #90a7ff;
    opacity: 1;
}

.fig-15gaxvw {
    flex: 0 0 auto;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: rgb(20, 20, 20);
    display: block;
    margin-left: 16px;
}

.fig-6ka7ia {
    outline: none;
    margin-right: 7px;
}

.fig-1pimks7 {
    flex: 0 0 auto;
    display: block;
    font-size: 16px;
    margin: 5px;
    color: rgb(120, 120, 120);
}

.fig-14s4iyf {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
}

.fig-1a78l0v {
    display: flex;
    align-items: center;
}

.fig-1o83g1l {
    display: inline-flex;
    color: #141441;
    font-size: 24px;
    margin: 0;
}

.fig-1o83g1l,
.fig-1o83g1l>* {
    -webkit-tap-highlight-color: transparent;
}

.fig-1uty93e {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: none;
    background: transparent;
    padding: 9px 8px;
}

.fig-1gq7feu {
    background: #000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 6px 0 9px;
}

.fig-1r81mzm {
    display: flex;
    align-items: center;
    min-width: 0;
    overflow: auto;
    font-weight: 500;
    letter-spacing: -0.01em;
    white-space: nowrap;
    scrollbar-width: none;
    gap: 4px;
    font-size: 14px;
    padding-right: 4px;
    line-height: 20px;
}

.fig-1r81mzm::-webkit-scrollbar {
    display: none;
}

.fig-twwvt9 {
    display: flex;
    align-items: center;
    padding: 8px 16px;
    color: #64748b;
    font-weight: 500;
    text-decoration: none;
    border-radius: 8px;
    /* transition: all 0.2s ease; */
    white-space: nowrap;
    font-size: 15px;
}

/* .fig-twwvt9:hover {
    color: #6366f1;
    background: rgba(99, 102, 241, 0.1);
} */

.fig-t47zdq {
    max-width: 750px;
    margin: 0 auto;
    margin-top: 10px;
}

.fig-j1ibzq {
    height: 36px;
    padding-top: 5px;
    padding-bottom: 11px;
    padding-left: 16px;
    padding-right: 16px;
}

.fig-h5op36 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

.fig-1cckywr {
    display: flex;
    align-items: center;
    min-width: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: -2px;
}

.fig-1qawpv1 {
    font-weight: 700;
    letter-spacing: -0.01em;
    color: #235abe;
    min-width: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 19px;
    line-height: 20px;
}

.fig-jma0kd {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.fig-1shs71v {
    color: #a5a5a5;
    letter-spacing: -0.01em;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    margin-top: -1px;
}

.fig-103dzvw {
    position: relative;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.fig-uu5x1 {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

@media (max-width:769px) {
    .fig-uu5x1 {
        scrollbar-width: none;
    }

    .fig-uu5x1::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 0;
        height: 0;
        display: none !important;
    }
}

.fig-t502oa {
    display: flex;
    flex: 1 0 auto;
}

.fig-n4qqwq {
    display: flex;
    padding-left: 16px;
    padding-right: 16px;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

li {
    line-height: initial;
}

.fig-sefcnw {
    margin-right: 15px;
}

.fig-18tnkny {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 130px;
}

.fig-12bnb0e {
    position: relative;
    align-self: stretch;
    padding-bottom: 144.615%;
}

.fig-1ijr2pk {
    display: block;
    mask-image: -webkit-radial-gradient(center, white, black);
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    max-height: 100%;
    overflow: hidden;
}

.fig-1xli56e {
    position: relative;
    width: 100%;
    height: auto;
    padding-bottom: 144.615%;
}

.fig-1xli56e::before {
    content: "";
    display: block;
    position: absolute;
    inset: 0px;
    background: #fff;
}

.fig-1xli56e::after {
    content: "";
    display: block;
    position: absolute;
    inset: 0px;
    border: 1px solid #e5e5e5;
}

.fig-qs084h {
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translate(0px, -50%);
    width: 100%;
    height: 100%;
}

.fig-qs084h::after {
    content: "";
    display: block;
    position: absolute;
    inset: 0px;
    background: rgba(0, 0, 0, 0.04);
}

.fig-zzy0n2 {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    width: 100%;
    height: 100%;
    padding: 3px;
}

.fig-jsk4b8 {
    position: absolute;
    bottom: 0px;
    left: 0px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    overflow: hidden;
    display: flex;
}

.fig-evwzhu {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: rgb(255, 255, 255);
    font-weight: 700;
    letter-spacing: -0.02em;
    white-space: nowrap;
    background: rgb(30, 205, 205);
    min-width: 23px;
    height: 23px;
    padding: 0 5px;
    font-size: 10px;
}

.fig-10l6ltc {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;
    color: rgb(255, 255, 255);
    font-weight: 700;
    letter-spacing: -0.02em;
    white-space: nowrap;
    background: rgb(30, 158, 255);
    min-width: 23px;
    height: 23px;
    font-size: 9px;
}

.fig-1mziwkx {
    width: auto;
    height: 100%;
}

.fig-188bl6r {
    width: 100%;
    min-height: 90px;
    margin-top: 6px;
    padding-right: 8px;
}

.fig-13moeg4 {
    font-weight: 500;
    color: rgb(20, 20, 20);
    letter-spacing: -0.01em;
    font-size: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-wrap: break-word;
    white-space: nowrap;
    max-height: 18px;
    line-height: 18px;
    word-break: break-all;
}

.fig-ojt6yk {
    display: flex;
    flex-direction: column;
}

.fig-ojt6yk>* {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.fig-og7ztn {
    overflow-wrap: break-word;
    color: rgb(120, 120, 120);
    letter-spacing: -0.01em;
    font-size: 13px;
    line-height: 16px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 4px;
}

.fig-m1jbc2 {
    max-width: 750px;
    margin: 0 auto;
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 15px;
    padding-bottom: 16px;
}

.fig-qmghnh {
    height: 36px;
    padding-top: 5px;
    padding-bottom: 11px;
}

.fig-h5op36 {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

.fig-1cckywr {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: -2px;
}

.fig-79elbk {
    position: relative;
}

.fig-13wcmrs {
    /* display: flex; */
    width: 100%;
    scrollbar-width: none;
    overflow: visible;
}

.fig-1ev14mv {
    display: flex;
}

.fig-1q861a9 {
    list-style: none;
}

.fig-r2ml1c {
    width: 337px;
    height: 101px;
    margin-bottom: 8px;
}

.fig-1abx7ix {
    position: relative;
    display: flex;
    height: 100%;
    background-color: rgb(255, 255, 255);
}

.fig-166nh26 {
    display: flex;
    flex-direction: column;
    -webkit-box-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    justify-content: center;
    width: 70px;
}

.fig-6f48wn {
    position: relative;
    display: block;
    mask-image: -webkit-radial-gradient(center, white, black);
    border-radius: 4px;
    overflow: hidden;
}

.fig-1xhzrod {
    position: relative;
    width: 100%;
    height: auto;
    padding-bottom: 144.286%;
}

.fig-1xhzrod::before {
    content: "";
    display: block;
    position: absolute;
    inset: 0px;
    background: rgb(245, 245, 245);
}

.fig-1xhzrod::after {
    content: "";
    display: block;
    position: absolute;
    inset: 0px;
    border: 1px solid rgba(20, 20, 20, 0.06);
    border-radius: 4px;
}

.fig-gku3jh {
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translate(0px, -50%);
    width: 100%;
    height: 100%;
}

.fig-gku3jh::after {
    content: "";
    display: block;
    position: absolute;
    inset: 0px;
    background: rgba(0, 0, 0, 0.04);
}

.fig-t7zofe {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.fig-jhl6i7 {
    width: 51px;
    height: 100%;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.fig-161yku9 {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: -0.01em;
    color: rgb(20, 20, 20);
}

.fig-1tiujww {
    width: 181px;
    height: 100%;
    margin-right: 26px;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    align-items: flex-start;
}

.fig-9vd5ud {
    width: 100%;
}

.fig-1beutf1 {
    display: flex;
    margin-top: 4px;
}

.fig-1beutf1>* {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.fig-1beutf1>*+ ::before {
    content: "";
    display: inline-block;
    background: currentcolor;
    width: 1.5px;
    height: 1.5px;
    margin: 0px 4.5px 0px 4px;
    border-radius: 100%;
}

.fig-wfcnmp {
    overflow-wrap: break-word;
    color: rgb(120, 120, 120);
    letter-spacing: -0.01em;
    font-size: 13px;
    line-height: 16px;
    display: block;
    white-space: nowrap;
    flex: 0 1 auto;
    min-width: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fig-r9z0op {
    overflow-wrap: break-word;
    color: rgb(120, 120, 120);
    letter-spacing: -0.01em;
    font-size: 11px;
    line-height: 13px;
    flex: 0 0 auto;
}

.fig-1k5w5xo {
    font-size: 12px;
    line-height: 14px;
}

.fig-rq7vle {
    position: absolute;
    inset: 0px;
    pointer-events: auto;
}

.rigrid-1p3m9ts {
    padding: 10px 0;
}

.rigrid-1p3m9ts:first-child {
    padding-top: 0;
}

.rigrid-1dtefi6 .b-ona580 {
    position: relative;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    min-height: 113px;
}

.rigrid-1dtefi6 .b-lyemeb {
    position: relative;
    padding-bottom: 0px;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    -webkit-box-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 120px;
    flex: 0 0 120px;
    margin-right: 16px;
}

.rigrid-1dtefi6 .b-yvs9ws {
    mask-image: -webkit-radial-gradient(center, white, black);
    display: block;
    width: 120px;
    height: 160px;
    /* border-radius: 8px; */
    overflow: hidden;
    background: #fff;
    /* border: 1px solid #e5e5e5; */
}

.rigrid-1dtefi6 .b-719vri {
    /* background: rgb(245, 245, 245); */
}

.rigrid-1dtefi6 .b-x5hdf3 {
    opacity: 1;
    color: transparent;
}

.rigrid-1dtefi6 .b-1cxsuwv {
    position: absolute;
    inset: 0px;
    width: 120px !important;
    height: 160px !important;
    object-fit: cover;
    display: block;
}

.rigrid-1dtefi6 .b-1mn5axs {
    position: absolute;
    inset: 0px;
    /* border-radius: 4px; */
    outline: rgba(0, 0, 0, 0.04) solid 1px;
    outline-offset: -1px;
    /* background: rgba(0, 0, 0, 0.04); */
}

.rigrid-1dtefi6 .b-12poz {
    position: relative;
    width: 120px;
    height: 160px;
    display: block;
}

.rigrid-1dtefi6 .b-o96tbl {
    display: flex;
    flex-direction: column;
    padding-right: 0px;
    min-width: 0px;
    flex: 1 1 auto;
}

.rigrid-1dtefi6 .b-1fj4gry {
    display: inline-flex;
    margin-bottom: 4px;
}

.rigrid-1dtefi6 .b-1lo6n4q {
    font-size: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-wrap: break-word;
    white-space: normal;
    max-height: calc(18px);
    line-height: 18px;
    letter-spacing: -0.01em;
    word-break: break-all;
}

.rigrid-cq8mdl {
    font-weight: 500;
}

.rigrid-cq8mdl strong {
    font-weight: 700;
}

.rigrid-1dtefi6 .b-1int8gb {
    display: flex;
    flex-direction: column;
}

.rigrid-1dtefi6 .b-119b5ea {
    display: block;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgb(85, 85, 85);
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
    margin-bottom: 4px;
}

.rigrid-1dtefi6 .b-4t08k0,
.rigrid-1dtefi6 .b-1hg0bll,
.rigrid-1dtefi6 .b-jk2aq0 {
    display: inline;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.01em;
}

.rigrid-1dtefi6 .b-upnmmf {
    margin-bottom: 10px;
}

.rigrid-1dtefi6 .b-4l65gd {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all;
    white-space: normal;
    max-height: calc(40px);
    line-height: 20px;
    width: 100%;
    color: #adadad;
    font-size: 14px;
    overflow-wrap: break-word;
}

.rigrid-1dtefi6 .b-1xeqjj6 {
    margin: 0px;
    /* display: flex; */
    flex-direction: column;
    align-items: flex-start;
}

.rigrid-1dtefi6 .b-bbbyug {
    display: inline-block;
    /* background: #FF5722; */
    color: #000;
    border: 1px solid #000;
    border-radius: 5px;
    padding: 3px 4px;
    margin-right: 6px;
    font-size: 10px;
    line-height: 1.6;
    vertical-align: middle
}

.fig-1779n19 {
    background: #ffffff;
    /* margin-top: 40px; */
}

hr {
    margin: 0;
    padding: 0;
}

.fig-148gq1b {
    display: block;
    width: 100%;
    height: 1px;
    background: #e1e8ed;
    border: none;
}

.fig-14yysxo {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 1280px;
    margin: 0 auto;
    padding: 32px 20px;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: linear-gradient(135deg, #f8f9fa 0%, #f1f5f9 100%);
}

.fig-1ppzc4i {
    color: #64748b;
    letter-spacing: -0.01em;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.6;
}

.fig-1ppzc4i a {
    color: #6366f1;
    text-decoration: none;
    /* transition: color 0.2s ease; */
}

/* .fig-1ppzc4i a:hover {
    color: #4f46e5;
    text-decoration: underline;
} */

/* Filter Section Styles */
.theme-v2 .filter-section {
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 24px;
    /* margin-bottom: 24px; */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.theme-v2 .filter-group {
    margin-bottom: 24px;
}

.theme-v2 .filter-group:last-child {
    margin-bottom: 0;
}

.theme-v2 .filter-label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    color: var(--text);
    margin-bottom: 12px;
    cursor: pointer;
    user-select: none;
    padding: 8px;
    margin: -8px -8px 12px -8px;
    border-radius: 8px;
    transition: background-color 0.2s ease;
}

.theme-v2 .filter-label:hover {
    background: var(--muted-surface);
}

.theme-v2 .filter-label svg {
    color: var(--primary);
    flex-shrink: 0;
}

.theme-v2 .filter-label .filter-toggle-icon {
    margin-left: auto;
    transition: transform 0.3s ease;
    color: var(--muted);
}

.theme-v2 .filter-options {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    overflow: hidden;
    max-height: 500px;
    transition: max-height 0.3s ease, opacity 0.3s ease;
    opacity: 1;
}

.theme-v2 .filter-group.collapsed .filter-options {
    max-height: 0;
    opacity: 0;
    margin-bottom: 0;
}

.theme-v2 .filter-option {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    font-size: 14px;
    color: var(--muted);
    background: var(--muted-surface);
    border: 1px solid var(--border);
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.theme-v2 .filter-option.active {
    background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
    color: #ffffff;
    border-color: transparent;
    font-weight: 500;
}

@media (max-width: 768px) {
    .theme-v2 .filter-section {
        padding: 20px;
    }

    .theme-v2 .filter-options {
        gap: 6px;
    }

    .theme-v2 .filter-option {
        padding: 6px 12px;
        font-size: 13px;
    }
}

.rigrid-13y9lfb {
    /* padding: 30px 0px; */
}

.rigrid-13rc4sy {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 20px;
    margin-bottom: -7px;
}

.rigrid-13rc4sy li:has(.rigrid-1a2neb2) {
    padding: 7px;
}

.rigrid-13rc4sy li a:not(.rigrid-1a2neb2) {
    width: 34px;
    height: 34px;
    background: linear-gradient(135deg, #6366f1 0%, #818cf8 100%);
    color: #fff;
    border-radius: 8px;
    display: block;
    text-align: center;
    line-height: 35px;
    margin: 0 10px;
}

.rigrid-1a2neb2 {
    width: 34px;
    height: 34px;
    background: linear-gradient(135deg, #6366f1 0%, #818cf8 100%);
    color: #fff;
    border-radius: 8px;
    display: block;
    text-align: center;
    line-height: 32px;
}

.fig-1bt8xwm {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 800;
    order: 0;
    color: #141414;
    flex-shrink: 0;
    width: 60px;
    font-size: 25px;
    line-height: 18px;
}

.fig-eti1dd {
    max-width: 750px;
    margin: 0 auto;
    padding: 0px;
}

.fig-gdrulg {
    display: flex;
    width: 100%;
    height: 60px;
    align-items: center;
    font-weight: 700;
    font-size: 18px;
    line-height: 54px;
    margin: 0px;
    padding: 14px 0px;
    color: #235abe;
    padding-left: 16px;
    padding-right: 16px;
}

.fig-7vlw7m {
    width: 100%;
    height: 45px;
    display: inline-flex;
    margin-bottom: 20px;
}

.fig-7vlw7m li {
    display: flex;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 15px;
    color: var(--muted);
    background: linear-gradient(180deg, rgba(108, 140, 255, .12), rgba(255, 122, 217, .06) 100%, transparent);
}

.fig-7vlw7m li.active {
    color: #90a7ff;
}

/* .fig-7vlw7m li::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #ced2d6;
} */

.fig-7vlw7m li.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #90a7ff;
}

.rigrid-1eern24 {
    font-size: 14px;
    overflow-wrap: break-word;
    word-break: break-word;
    line-height: normal;
    margin: 0;
    padding: 0;
    color: #fff;
    font-weight: 400;
    letter-spacing: -0.01em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

.rigrid-13fjb5k {
    /* padding: 1px 16px; */
}

.rigrid-1d5dh88 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 32px;
    padding-top: 24px;
}

@media (min-width: 768px) {
    .rigrid-1d5dh88 {
        flex-direction: row;
        align-items: flex-start;
        gap: 32px;
    }
}

.rigrid-1n6ba54 {
    min-width: 0;
    grid-area: left;
}

.rigrid-j5fi0p {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    position: relative;
    width: 150px;
    max-width: 100%;
}

.rigrid-j5fi0p .b-yvs9ws {
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    max-height: 100%;
}

.rigrid-j5fi0p .b-719vri {
    opacity: 0;
    /* background: #f5f5f5; */
}

.rigrid-j5fi0p .b-x5hdf3 {
    opacity: 1;
    color: transparent;
}

.rigrid-j5fi0p .b-1m9ep3u {
    width: 100%;
    height: auto;
    padding: 3px;
}

.rigrid-j5fi0p .b-1mn5axs {
    position: absolute;
    inset: 0;
    border: 1px solid #e5e5e5;
    outline-offset: -1px;
    /* background: rgba(0, 0, 0, 0.04); */
}

.rigrid-1cjq5o0 {
    min-width: 0;
    grid-area: right;
}

.rigrid-i6bazn {
    /* padding-top: 10px; */
    overflow: hidden;
}

.rigrid-kzglsd {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 0;
    gap: 4px;
}

.rigrid-49gqyk {
    display: flex;
    align-items: center;
    margin-top: 0;
}

.rigrid-1dtnjt5 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
}

.rigrid-8ycyyy {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--muted);
    text-decoration: none;
}

.rigrid-8ycyyy:last-child {
    color: var(--text);
    font-weight: 600;
}

.rigrid-skttdv {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 4px;
    color: var(--border);
    width: 9px;
    flex-shrink: 0;
}

.rigrid-skttdv svg {
    display: block;
    width: 100%;
}

.rigrid-yauigs {
    color: #00f;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin: 8px 0;
}

.rigrid-i6bazn {
    overflow: hidden;
}

.skin-default {
    background: linear-gradient(180deg, rgba(108, 140, 255, .12), rgba(255, 122, 217, .06) 100%, transparent);
}

.rigrid-t5n5wp {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-left: -11px;
    margin-top: -6px;
}

.rigrid-7d002h {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}

.rigrid-t5n5wp .en26d7h0 {
    margin-top: 6px;
}

.rigrid-7d002h::before {
    content: '';
    display: inline-block;
    background: #e6e6e6;
    flex: 0 0 auto;
    height: 12px;
    margin: 0 5px;
    width: 1px;
}

.rigrid-elv3g7 {
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    letter-spacing: -0.01em;
    color: #555555;
}

.rigrid-bec1k7 {
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    color: #555555;
    margin-top: 5px;
}

.rigrid-1k6wwxk {
    font-weight: 600;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
    line-height: 17px;
}

.rigrid-snzzqn {
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
    font-size: 14px;
    line-height: 17px;
}

.rigrid-pkk2k1 {
    display: flex;
    gap: 20px;
    padding-top: 0;
    min-width: 0;
    margin-top: 24px;
}

.rigrid-j4odie {
    margin-top: 0;
    display: flex;
    justify-content: center;
    width: 100%;
}

.rigrid-3kkk8m {
    display: flex;
    padding: 14px 32px;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    background: linear-gradient(135deg, #6366f1 0%, #818cf8 100%);
    border-radius: 12px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    white-space: nowrap;
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
    /* transition: all 0.2s ease; */
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
}

.rigrid-1j3i1kr {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 10px;
    column-gap: 16px;
    padding: 24px;
    margin-bottom: 30px !important;
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    background-color: #fafafa;
}

.rigrid-1ujdql3 {
    display: flex;
}

.rigrid-jfc810 {
    width: 100px;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: -0.14px;
    color: #141414;
}

.rigrid-kpu0as {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.14px;
    color: #787878;
}

.NovelDetailsCard_share_cGz5b {
    display: flex;
    align-items: center;
}

.NovelDetailsCard_share_cGz5b a {
    display: block;
    margin-right: 5px;
}

.NovelDetailsCard_share_cGz5b a svg {
    font-size: 18px;
    width: 18px;
    height: 18px;
}

.rigrid-pobnr4 {
    color: #3c3c3c;
    font-size: 19px;
    font-weight: 700;
    line-height: 24px;
    padding-top: 16px;
    padding-bottom: 16px;
}

.rigrid-1sma1m6 {
    position: relative;
    color: var(--text);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.7;
    letter-spacing: -0.01em;
    text-align: left;
    padding: 20px;
    background: var(--muted-surface);
    border-radius: 12px;
    border: 1px solid var(--border);
}

.detail_series {
    margin-top: 0;
}

.option_wrap {
    padding: 16px;
    background: var(--muted-surface);
    border-radius: 12px;
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    letter-spacing: -0.01em;
    color: var(--muted);
    margin-bottom: 20px;
}

.option_left {
    font-weight: 500;
    color: var(--text);
}

.option_right {
    display: flex;
    gap: 8px;
}

.option_right a {
    display: inline-block;
    padding: 6px 16px;
    color: var(--muted);
    border: 1px solid var(--border);
    border-radius: 8px;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.5;
    text-decoration: none;
    background: var(--surface);
    /* transition: all 0.2s ease; */
}

.option_right a.active {
    color: #ffffff;
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);
    border-color: var(--primary);
}

.book_list_wrapper {
    display: grid;
    gap: 12px;
}

.table_cell.book_info {
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 0;
    background: var(--surface);
    /* transition: all 0.2s ease; */
}

.js_book_title {
    color: var(--text);
    font-size: 15px;
    line-height: 1.4;
    font-weight: 600;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.info_list_wrapper {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: var(--muted);
}

.info_list_wrapper li {
    margin-top: 0;
    padding: 0 6px;
}

.info_list_wrapper li.info_reg_date {
    padding-left: 0;
}

.info_page_count {
    position: relative;
}

.info_page_count:after {
    content: '';
    display: block;
    width: 1px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -6px;
    background: #ccc;
}

.rigrid_more_button {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 6px;
    margin-top: 20px;
    color: #fff;
}

@font-face {
    font-family: "readicon";
    src: url('data:font/ttf;charset=utf-8;base64,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') format('truetype');
}

.readicon {
    font-family: "readicon" !important;
    font-size: 18px;
    font-style: normal;
}

.icon-arrow-r::before {
    content: "\e60c";
}

.icon-return::before,
icon-arrow-l::before {
    content: "\e60d";
}

.icon-readset::before {
    content: "\e62a";
}

.icon-catalog::before {
    content: "\e628";
}

.icon-check:before {
    content: "\e62c";
}

.icon-day::before {
    content: "\e629";
}

.icon-night::before {
    content: "\e684";
}

.icon-progress::before {
    content: "\e61e";
}

.icon-up::before {
    content: "\e610";
}

.icon-down::before {
    content: "\e60e";
}

.read-night {
    background-color: #1a1a1a;
}

.read-night .page-d,
.read-night .page-d-top {
    background: #1a1a1a !important;
    color: rgba(255, 255, 255, .5) !important;
}

.read-night .chapter-act a {
    background: #2a2a2a !important;
    color: rgba(255, 255, 255, .4);
}

.read-night .page-d-name {
    color: rgba(255, 255, 255, .4);
}

.read-night .fig-1qawpv1 {
    color: rgba(255, 255, 255, .4);
}

.read-night .rigrid-1dtefi6 .b-1lo6n4q {
    color: rgba(255, 255, 255, .4);
}

.page-d {
    background-size: 100%;
    position: relative;
    padding: 50px 0;
}

.skin-default .page-d {
    color: #000;
}

.skin-blue .page-d,
.skin-blue .page-d-top {
    background: #c3d4e6;
}

.skin-green .page-d,
.skin-green .page-d-top {
    background: #d1edd1;
}

.skin-light .page-d,
.skin-light .page-d-top {
    background: #e6e6e6;
}

.page-content {
    min-height: calc(100vh - 44px);
    line-height: 1.8;
    margin: 0 16px;
    font-size: 18px;
    text-align: justify;
    overflow: hidden;
}

.page-content h1 {
    line-height: 24px;
    font-size: 18px;
    margin: 2px 0 30px;
    font-weight: 400;
    text-align: center;
}

.page-content p {
    padding: 5px 0;
    text-indent: 2em;
}

.page-opt {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s, visibility .15s;
    transition: opacity .15s, visibility .15s;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 750px;
    height: 100%;
    z-index: 2;
}

.page-opt.active {
    -webkit-transition: none;
    transition: none;
    visibility: visible;
    opacity: 1;
}

.read-opt-footer {
    border-top: 1px solid rgb(230, 232, 235);
    background-color: #fff;
    color: #808991;
    border-bottom: 0;
    -webkit-transition: opacity .15s, -webkit-transform .15s, visibility .15s;
    transition: opacity .15s, transform .15s, visibility .15s;
}

.read-opt-footer {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 44px;
    text-align: center;
    padding: 5px;
}

.active>.read-opt-footer {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.btn-group {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-left: auto;
    margin-right: auto;
}

.btn-group-cell {
    display: table-cell;
    font-size: 100%;
    font-weight: 400;
}

.read-opt-footer i {
    color: #808991;
    font-size: 16px;
}

.read-opt-footer-h {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    position: relative;
    color: #808991;
    text-shadow: 0px 0px 0px #f2f2f2;
    margin-top: 5px;
}

.read-opt {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2.75rem;
    background-clip: padding-box;
    transform: translateY(.5px);
    visibility: hidden;
    opacity: 0;
    background-color: #fff;
    color: #808991;
    border-bottom: 0;
    transition: opacity .15s, transform .15s, visibility .15s;
    border-top: 1px solid rgb(230, 232, 235);
}

.read-opt.active {
    -webkit-transition: none;
    transition: none;
    visibility: visible;
    opacity: 1;
}

.read-set-font {
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.read-font-down,
.read-font-up {
    width: 10px;
    text-align: center;
    /* position: absolute; */
    height: 24px;
    padding: 5px 0;
    top: 4px;
    color: #808991;
}

.read-font-down {
    left: 5px;
}

.read-font-up {
    right: 15px;
}

.read-font-bar {
    padding: 10px 0;
    margin: 0 30px;
}

.read-font-bar>input {
    display: block;
    width: 100%;
    margin: 0;
}

#readFontRange {
    color: #808991;
    margin-top: 4px;
    border-radius: 15px;
    -webkit-appearance: none;
    height: 2px;
    background: -webkit-linear-gradient(#90a7ff, #90a7ff) no-repeat, #ddd;
}

.read-set-skin {
    padding: 0 10px;
    padding-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.btn-group {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-left: auto;
    margin-right: auto;
}

.btn-group-cell {
    display: table-cell;
    font-size: 100%;
    font-weight: 400;
}

.read-skin-default {
    background: #fff;
    background-size: 100%;
}

.read-skin-blue,
.read-skin-default,
.read-skin-green,
.read-skin-light {
    height: 30px;
    margin: 10px 10px 10px 0;
    border-radius: 3px;
    box-shadow: inset 0 0.5px, inset 0.5px 0, inset -0.5px 0, inset 0 -0.5px;
    color: transparent;
    -webkit-transition: color .15s;
    transition: color .15s;
    position: relative;
}

.checking {
    color: #90a7ff;
}

.read-set-skin .icon-check {
    text-align: center;
    line-height: 30px;
    display: block;
    visibility: hidden;
}

.checking .icon-check {
    visibility: visible;
}

.read-set-skin .icon-check:before {
    color: #90a7ff;
}

.read-skin-blue {
    background: #cad9e8;
}

.read-skin-green {
    background: #d1edd1;
}

.read-skin-light {
    background: #e6e6e6;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 16px;
    width: 16px;
    background: #fff;
    border-radius: 50%;
    border: solid 1px #ddd;
}

.hr-1 {
    margin: 0 16px;
    width: calc(100% - 32px);
    height: 1px;
    border: none;
    background: rgb(230, 230, 230);
}

.wv-15gj5ud {
    padding: 16px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.wv-15gj5ud a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    color: #000;
}

.read_btn {
    width: 280px;
    height: 45px;
    display: flex;
    padding: 16px 10px 16px 10px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background: #90a7ff;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    white-space: nowrap;
    position: fixed;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    margin-bottom: 10px;
}

.author_info {
    display: block;
    margin-left: auto;
    font-size: 90%;
}

@media (min-width: 768px) {
    .fig-103dzvw {
        margin-left: 0;
        margin-right: 0;
    }

    .read_btn {
        display: none;
    }
}

.positionFixed {
    bottom: 0px;
    left: 50%;
    position: fixed;
    transform: translate(-50%, 0%);
    z-index: 999;
    width: 100%;
    display: flex;
    justify-content: center;
}

.ad-div {
    margin-bottom: 50px;
    width: 100%;
    min-width: 250px;
    clear: both;

}

.t_de {
    max-width: 100%;
    line-height: 2;
    font-size: 12px;
    box-sizing: border-box;
    color: #707070;
    text-align: center;
}

.grecaptcha-badge {
    visibility: hidden;
}

/* 搜索栏整体 */
.fig-search-bar {
    display: flex;
    align-items: center;
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #e1e8ed;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    padding: 0 12px;
    height: 44px;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    /* transition: all 0.2s ease; */
}

/* .fig-search-bar:focus-within {
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
} */

/* 放大镜图标 */
.fig-search-icon {
    color: #64748b;
    font-size: 18px;
    margin-right: 8px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

/* 输入框 */
.fig-search-input {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 14px;
    color: #1a202c;
    padding: 0 8px;
    height: 100%;
}

.fig-search-input::placeholder {
    color: #94a3b8;
}

/* 清除按钮 */
.fig-clear-btn {
    background: none;
    border: none;
    color: #cbd5e1;
    font-size: 20px;
    cursor: pointer;
    margin-right: 8px;
    display: flex;
    align-items: center;
    /* transition: color 0.2s; */
    padding: 0;
    width: 20px;
    height: 20px;
    line-height: 1;
}

/* .fig-clear-btn:hover {
    color: #6366f1;
} */

/* 搜索按钮 */
.fig-search-btn {
    background: linear-gradient(135deg, #6366f1 0%, #818cf8 100%);
    color: #ffffff;
    border: none;
    border-radius: 8px;
    padding: 0 20px;
    height: 32px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    /* transition: all 0.2s ease; */
    margin-left: 8px;
    white-space: nowrap;
    box-shadow: 0 2px 4px rgba(99, 102, 241, 0.2);
}

/* .fig-search-btn:hover {
    background: linear-gradient(135deg, #4f46e5 0%, #6366f1 100%);
    box-shadow: 0 4px 8px rgba(99, 102, 241, 0.3);
    transform: translateY(-1px);
} */

/* 响应式适配 */
@media (max-width: 768px) {
    .fig-logo-layer {
        flex-direction: column;
        gap: 12px;
        padding: 12px 16px;
    }

    .fig-1r81mzm {
        width: 100%;
        justify-content: center;
    }

    .fig-nav-layer {
        padding: 12px 16px;
    }

    .fig-search-bar {
        max-width: 100%;
        /* height: 40px; */
    }

    .fig-8t941n {
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .fig-search-bar {
        padding: 0 8px;
        /* height: 38px; */
    }

    .fig-search-input {
        font-size: 14px;
    }

    .fig-search-btn {
        font-size: 13px;
        padding: 0 16px;
        height: 30px;
    }

    .fig-twwvt9 {
        padding: 6px 12px;
        font-size: 15px;
    }

    .fig-1qed43h span {
        font-size: 18px;
    }
}

/* 小标题左侧竖条 */
.fig-title-bar {
    display: inline-block;
    width: 5px;
    height: 20px;
    background: #fff;
    margin-right: 8px;
    vertical-align: middle;
}

/* 更多按钮右箭头样式 */
.fig-more-arrow {
    vertical-align: middle;
    margin-left: 2px;
    transition: stroke 0.2s;
}

/* .fig-1shs71v:hover .fig-more-arrow path {
    stroke: #90a7ff;
} */

/* 人气榜一列显示 */
.fig-79elbk .fig-13wcmrs .fig-uu5x1 {
    display: block;
}

.fig-79elbk .fig-13wcmrs .fig-uu5x1 .fig-1ev14mv {
    display: block;
}

.fig-79elbk .fig-13wcmrs .fig-uu5x1 .fig-1ev14mv>li {
    width: 100%;
    margin-bottom: 18px;
    display: block;
}

/* 人气榜序号样式 */
.fig-rank-num {
    width: 36px;
    height: 36px;
    background: #e5e5e5;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    box-sizing: border-box;
}

.fig-rank-1 {
    background: #ff5722;
}

.fig-rank-2 {
    background: #ffc107;
    color: #fff;
}

.fig-rank-3 {
    background: #009688;
    color: #fff;
}

.fig-rank-4 {
    background: #1E9FFF;
    color: #fff;
}

.fig-rank-5 {
    background: #2F4056;
    color: #fff;
}

/* 人气榜新布局 */
.fig-popularity-list {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.fig-pop-item {
    /* margin-bottom: 18px; */
    border-bottom: 1px solid #eee;
}

.fig-popularity-list>.fig-pop-item:last-child {
    border-bottom: none;
}

/* 第一名大卡片 */
.fig-pop-item-1 {
    background: #fff;
    padding: 18px 0;
    display: flex;
    align-items: center;
}

.fig-pop-main {
    display: flex;
    align-items: flex-start;
}

.fig-pop-item-1 .fig-rank-num {
    margin-right: 18px;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    font-size: 22px;
    border-radius: 8px;
}

.fig-pop-cover {
    width: 90px;
    height: 120px;
    border-radius: 6px;
    overflow: hidden;
    margin-right: 18px;
    flex-shrink: 0;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fig-pop-cover img {
    width: 120px;
    height: 160px;
    object-fit: cover;
    display: block;
    padding: 3px;
}

.fig-pop-info {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.fig-pop-title {
    font-size: 20px;
    font-weight: 700;
    color: #222;
    margin-bottom: 10px;
    line-height: 1.2;
}

.fig-pop-title a {
    color: #222;
    text-decoration: none;
}

.fig-pop-tags {
    margin-bottom: 10px;
}

.fig-pop-tag {
    display: inline-block;
    font-size: 12px;
    padding: 2px 10px;
    border-radius: 16px;
    margin-right: 6px;
    color: #fff;
    background: #3a3a4a;
    font-weight: 500;
    line-height: 1.6;
}

.fig-pop-tag-finish {
    background: #ff5722;
}

.fig-pop-desc {
    color: #999;
    font-size: 15px;
    line-height: 1.7;
    margin-top: 2px;
    max-height: 3.4em;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 2-10名横排 */
.fig-pop-item-other {
    display: flex;
    align-items: center;
    padding: 10px 0;
    min-height: 38px;
    background: #fff;
    transition: background 0.2s;
}

/* .fig-pop-item-other:hover {
    background: #f5f7fa;
} */

.fig-pop-item-other .fig-rank-num {
    width: 20px;
    height: 20px;
    font-size: 12px;
    border-radius: 4px;
    margin-right: 16px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fig-pop-other-info {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;
    justify-content: space-between;
}

.fig-pop-other-title {
    font-size: 16px;
    color: #222;
    font-weight: 600;
    text-decoration: none;
    margin-right: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 220px;
    flex: 1 1 auto;
}

.fig-pop-other-author {
    font-size: 14px;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 0;
    margin-left: 12px;
    text-align: right;
}

/* 序号颜色 */
.fig-rank-1 {
    background: #ff5722;
}

.fig-rank-2 {
    background: #ffc107;
    color: #fff;
}

.fig-rank-3 {
    background: #009688;
    color: #fff;
}

.fig-rank-4 {
    background: #1E9FFF;
    color: #fff;
}

.fig-rank-5 {
    background: #2F4056;
    color: #fff;
}

.fig-pop-item-other .fig-rank-num:not(.fig-rank-1):not(.fig-rank-2):not(.fig-rank-3):not(.fig-rank-4):not(.fig-rank-5) {
    background: #e5e5e5;
    color: #888;
}

@media (max-width: 600px) {
    .fig-pop-item-1 {
        flex-direction: column;
        align-items: flex-start;
        padding: 12px 0;
    }

    .fig-pop-main {
        flex-direction: column;
        align-items: flex-start;
    }

    .fig-pop-cover {
        margin-right: 0;
        margin-bottom: 10px;
        width: 80px;
        height: 105px;
    }

    .fig-pop-title {
        font-size: 17px;
    }

    .fig-pop-desc {
        font-size: 14px;
    }

    .fig-pop-item-other .fig-pop-other-title {
        max-width: 120px;
        font-size: 15px;
    }
}

/* 第一名横向两列布局 */
.fig-pop-item-1 .fig-pop-main {
    display: flex;
    align-items: flex-start;
}

.fig-pop-item-1 .fig-pop-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 22px;
    flex-shrink: 0;
}

.fig-pop-item-1 .fig-rank-num {
    margin: 0 0 10px 0;
    width: 40px;
    height: 40px;
    font-size: 22px;
    border-radius: 8px;
}

.fig-pop-item-1 .fig-pop-cover {
    margin: 0;
}

.fig-pop-item-1 .fig-pop-info {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

@media (max-width: 600px) {
    .fig-pop-item-1 .fig-pop-main {
        flex-direction: row;
        align-items: flex-start;
    }

    .fig-pop-item-1 .fig-pop-left {
        margin-right: 10px;
    }

    .fig-pop-item-1 .fig-pop-info {
        padding-top: 0;
    }
}

/* 第一名序号和图片横排 */
.fig-pop-item-1 .fig-pop-left-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 22px;
    flex-shrink: 0;
}

.fig-pop-item-1 .fig-pop-left-row .fig-rank-num {
    width: 20px;
    height: 20px;
    font-size: 12px;
    border-radius: 4px;
    margin-right: 16px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fig-pop-item-1 .fig-pop-left-row .fig-pop-cover {
    margin: 0;
}

/* 第一名图片尺寸调大，整体整齐 */
.fig-pop-item-1 .fig-pop-left-row .fig-pop-cover {
    width: 120px;
    height: 160px;
    border-radius: 0;
    overflow: hidden;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e5e5e5;
}

.fig-pop-item-1 .fig-pop-left-row {
    align-items: center;
    min-width: 0;
}

.fig-pop-item-1 .fig-pop-left-row .fig-rank-num {
    align-self: center;
}

.fig-pop-item-1 .fig-pop-main {
    align-items: center;
}

/* 完本推荐简洁列表样式 */
.fig-completed-list-wrap {
    background: #fff;
    border-radius: 8px;
    padding: 0 0 0 0;
}

.fig-completed-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.fig-completed-item {
    display: flex;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: 16px;
}

.fig-completed-item:last-child {
    border-bottom: none;
}

.fig-completed-title {
    color: #000;
    font-weight: 600;
    text-decoration: none;
    font-size: 15px;
    flex: 1 1 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 12px;
}

.fig-completed-author {
    color: #666;
    font-size: 14px;
    flex-shrink: 0;
    white-space: nowrap;
    text-align: right;
}

.fig-completed-cate {
    display: inline-block;
    color: #0078ad;
    font-size: 13px;
    margin-right: 8px;
    vertical-align: middle;
}

.rigrid-1dtefi6 .b-4t08k0,
.rigrid-1dtefi6 .b-1hg0bll,
.rigrid-1dtefi6 .b-jk2aq0 {
    display: inline-block;
    /* background: #f5f7fa; */
    color: #888;
    border-radius: 10px;
    padding: 1px 8px;
    margin-right: 6px;
    font-size: 12px;
    line-height: 1.6;
    vertical-align: middle;
}

.rigrid-1dtefi6 .b-119b5ea>span:last-child {
    margin-right: 0;
}

.rigrid-1dtefi6 .b-1hg0bll {
    color: #ffb400;
    font-size: 11px;
    padding: 3px 4px;
    border-radius: 5px;
    border: 1px solid #ffb400;
    font-weight: 500;
    white-space: nowrap;
}

.rigrid-1dtefi6 .b-jk2aq0 {
    background: #1E9FFF;
    color: #fff;
}

.rigrid-detail-tags {
    margin-top: 6px;
    margin-bottom: 6px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 8px;
}

.rigrid-detail-tag {
    display: inline-block;
    background: #009688;
    color: #fff;
    font-size: 13px;
    border-radius: 10px;
    padding: 1px 8px;
    margin-right: 6px;
    margin-bottom: 2px;
    text-decoration: none;
    vertical-align: middle;
}

.rigrid-detail-tag:last-child {
    margin-right: 0;
}

.rigrid-bec1k7>div:first-child {
    display: flex;
    align-items: center;
    gap: 12px;
}

.rigrid-1k6wwxk {
    margin-right: 0;
}

.rigrid-snzzqn {
    margin-left: 0;
}

.rigrid-bec1k7 .rigrid-snzzqnwords {
    background: #FF5722;
    color: #fff;
    border-radius: 2px;
    padding: 2px 10px;
    font-size: 13px;
    margin-left: 0;
    display: inline-block;
}

.rigrid-bec1k7>div:last-child.rigrid-snzzqn {
    background: none;
    color: #666;
    border-radius: 0;
    padding: 0;
    font-size: 13px;
    display: block;
}

.rigrid-1k6wwxk {
    background: #FF5722;
    color: #fff;
    border-radius: 10px;
    padding: 2px 10px;
    font-size: 13px;
    margin-right: 0;
    display: inline-block;
    text-decoration: none;
}

.share {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    border-radius: 12px;
}

.take-wrap {
    display: flex;
    /* justify-content: flex-end; */
    align-items: center;
    width: 160px;
    height: 0;
}

.share .blue {
    margin-left: 4px;
    width: 20px;
    height: 20px !important;
}

/* 人气榜新样式 - 垂直列表设计 */
.fig-popularity-list-new {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #fafafa;
}

.fig-pop-item-new {
    display: flex;
    align-items: stretch;
    padding: 10px 20px;
    transition: background-color 0.2s ease;
    min-height: 80px;
}

.fig-pop-item-new:nth-child(odd) {
    background: #f6f7fa;
}

.fig-pop-item-new:nth-child(even) {
    background: #f1f2f5;
}

.fig-pop-item-new:last-child {
    border-bottom: none;
}

/* .fig-pop-item-new:hover {
    background: #f8f9fa;
} */

.fig-pop-rank-container {
    position: relative;
    margin-right: 20px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* height: 100%; */
}

.fig-pop-rank-number {
    font-size: 18px;
    font-weight: 700;
    font-family: Rubik;
    height: 21px;
    line-height: 21px;
    margin: unset;
    width: 13px;
    color: #ffb400;
}

.fig-pop-rank-arrow {
    font-size: 14px;
    color: #e91e63;
    text-align: center;
    line-height: 1;
}

.fig-pop-item-new:last-child .fig-pop-rank-arrow {
    color: #4caf50;
    transform: rotate(180deg);
}

.fig-pop-content {
    flex: 1;
    min-width: 0;
}

.fig-pop-title-new {
    margin-bottom: 8px;
}

.fig-pop-title-new a {
    font-size: 15px;
    font-weight: bold;
    color: var(--muted);
    text-decoration: none;
    line-height: 1.3;
}

/* .fig-pop-title-new a:hover {
    color: #ff8c00;
} */

.fig-pop-author {
    font-size: 14px;
    color: #888;
    margin-bottom: 10px;
    line-height: 1.4;
}

.fig-pop-desc-new {
    font-size: 13px;
    color: #adadad;
    /* line-height: 1.6; */
    margin-bottom: 10px;
    /* max-height: 2.8em; */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-left: unset;
    width: 78.68vw;
}

.fig-pop-tag-new {
    display: block;
    color: #ffb400;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 5px;
    border: 1px solid #ffb400;
    font-weight: 500;
    white-space: nowrap;
    margin-top: 5px;
    text-align: center;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

/* 每日推荐卡片边框样式 */
.fig-sefcnw {
    border: 1px solid #e3e8f0;
    border-radius: 5px;
    overflow: hidden;
    transition: box-shadow 0.2s ease;
    padding: 0 15px;
}

/* 每日推荐标签样式 */
.fig-day-tags {
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.fig-day-category {
    color: #ffb400;
    font-size: 11px;
    padding: 3px 4px;
    border-radius: 5px;
    border: 1px solid #ffb400;
    font-weight: 500;
    white-space: nowrap;
}

.fig-day-status {
    color: #000;
    border: 1px solid #000;
    font-size: 10px;
    padding: 3px 4px;
    border-radius: 5px;
    font-weight: 500;
    white-space: nowrap;
}

/* 导航菜单居中样式 */
.fig-1r81mzm {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

/* 书籍详情页新样式 */
.book-covers-carousel {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    position: relative;
    flex-shrink: 0;
}

.cover-item {
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}

.cover-main {
    width: 120px;
    height: 160px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 768px) {
    .cover-main {
        width: 150px;
        height: 200px;
    }
}

.cover-main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.cover-placeholder {
    width: 100%;
    height: 100%;
    background: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #666;
    text-align: center;
    line-height: 1.2;
}

.book-info-section {
    position: relative;
    padding: 0;
    flex: 1;
    min-width: 0;
}

.genre-tag {
    position: absolute;
    top: 20px;
    /* left: 20px; */
    font-weight: 500;
}

.share-icon {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    gap: 8px;
}

.share-icon .blue {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--muted-surface);
    border: 1px solid var(--border);
    /* transition: all 0.3s ease; */
    text-decoration: none;
}

/* .share-icon .blue:hover {
    background: #e0e0e0;
    transform: scale(1.05);
} */

.share-icon .icon {
    width: 20px;
    height: 20px;
}

.book-main-title {
    font-size: 24px;
    font-weight: 700;
    color: var(--text);
    margin: 0 0 16px 0;
    line-height: 1.4;
    letter-spacing: -0.02em;
}

@media (min-width: 768px) {
    .book-main-title {
        font-size: 28px;
        margin: 0 0 20px 0;
    }
}

.author-publisher {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
    font-size: 14px;
}

.author-name {
    color: var(--muted);
    font-weight: 500;
}

.separator {
    color: var(--border);
    margin: 0 4px;
}

.publisher-name {
    color: var(--primary);
    text-decoration: none;
    font-weight: 500;
}

.publisher-name .tag {
    color: var(--primary);
    text-decoration: none;
    margin-right: 8px;
}

/* .publisher-name:hover {
    text-decoration: underline;
} */

.stats-bar {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    padding: 16px;
    background: var(--muted-surface);
    border-radius: 12px;
    border: 1px solid var(--border);
}

.stat-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
}

.stat-number {
    font-size: 14px;
    font-weight: 600;
    color: var(--text);
    margin-bottom: 4px;
}

.stat-label {
    font-size: 12px;
    color: var(--muted);
}

.stat-divider {
    width: 1px;
    height: 30px;
    background: var(--border);
    margin: 0 16px;
}

.support-icon {
    position: absolute;
    top: 20px;
    right: 80px;
}

.gift-box {
    position: relative;
    width: 40px;
    height: 40px;
}

.black-cat {
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 20px;
    z-index: 2;
}

.support-banner {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #f44336;
    color: white;
    font-size: 8px;
    padding: 2px 4px;
    text-align: center;
    border-radius: 4px;
    white-space: nowrap;
}

.fig-logo-layer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: transparent;
    padding: 12px 20px;
    gap: 0;
}

.tag {
    color: #235abe;
    text-decoration: underline;
}

.ISLANDS__GuideTab {
    border-top: 2px solid #000;
    border-radius: 20px 20px 0 0;
    border-bottom: none;
}

.theme-v2 {
    background: linear-gradient(135deg, #f5f7fa 0%, #e8ecf1 50%, #f0f4f8 100%);
    --bg: #ffffff;
    --surface: #ffffff;
    --muted-surface: #f8f9fa;
    --border: #e1e8ed;
    --text: #1a202c;
    --muted: #64748b;
    --primary: #6366f1;
    --primary-light: #818cf8;
    --primary-dark: #4f46e5;
    --accent: #ec4899;
    --accent-light: #f472b6;
    --success: #10b981;
    --warning: #f59e0b;
    --error: #ef4444;
}

.theme-v2 .container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 20px 16px;
}

.theme-v2 main {
    background: transparent;
    color: var(--text);
    min-height: 100vh;
}

.theme-v2 .section {
    padding: 32px 0;
    margin-bottom: 8px;
}

.theme-v2 .section:first-child {
    padding-top: 0;
}

.theme-v2 .section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--border);
}

.theme-v2 .section-title-wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
}

.theme-v2 .section-title-icon {
    display: inline-block;
    width: 4px;
    height: 24px;
    background: linear-gradient(180deg, var(--primary) 0%, var(--accent) 100%);
    border-radius: 2px;
}

.theme-v2 .section-title {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--text);
    margin: 0;
}

.theme-v2 .more-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--muted);
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s ease;
    padding: 6px 12px;
    border-radius: 6px;
}

/* .theme-v2 .more-link:hover {
    color: var(--primary);
    background: rgba(99, 102, 241, 0.1);
} */

.theme-v2 .more-link svg {
    /* transition: transform 0.2s ease; */
}

/* .theme-v2 .more-link:hover svg {
    transform: translateX(2px);
} */

/* Grid cards */
.theme-v2 .card-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px;
}

@media (max-width: 1200px) {
    .theme-v2 .card-grid {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media (max-width: 992px) {
    .theme-v2 .card-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 768px) {
    .theme-v2 .card-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 560px) {
    .theme-v2 .card-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.theme-v2 .card {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    height: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

/* .theme-v2 .card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(99, 102, 241, 0.15);
    border-color: var(--primary-light);
} */

.theme-v2 .cover {
    position: relative;
    padding-top: 133%;
    background: var(--muted-surface);
    overflow: hidden;
}

.theme-v2 .cover img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    /* transition: transform 0.3s ease; */
}

/* .theme-v2 .card:hover .cover img {
    transform: scale(1.05);
} */

.theme-v2 .cover-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 100%);
    opacity: 0;
    /* transition: opacity 0.3s ease; */
}

/* .theme-v2 .card:hover .cover-overlay {
    opacity: 1;
} */

.theme-v2 .card-body {
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
    min-height: 0;
    background: var(--surface);
}

.theme-v2 .badge-row {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 4px;
}

.theme-v2 .badge {
    font-size: 11px;
    line-height: 1.5;
    padding: 4px 10px;
    border-radius: 12px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

.theme-v2 .badge-category {
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.1) 0%, rgba(139, 92, 246, 0.1) 100%);
    color: var(--primary);
    border: 1px solid rgba(99, 102, 241, 0.2);
}

.theme-v2 .badge-status {
    background: rgba(148, 163, 184, 0.1);
    color: var(--muted);
    border: 1px solid rgba(148, 163, 184, 0.2);
}

.theme-v2 .badge-status.completed {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.1) 0%, rgba(5, 150, 105, 0.1) 100%);
    color: var(--success);
    border: 1px solid rgba(16, 185, 129, 0.3);
}

.theme-v2 .badge-status.serialize {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.1) 0%, rgba(217, 119, 6, 0.1) 100%);
    color: var(--warning);
    border: 1px solid rgba(245, 158, 11, 0.3);
}

.theme-v2 .title {
    /* min-height: 22px; */
    display: flex;
    align-items: flex-start;
}

.theme-v2 .title a {
    color: var(--text);
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color 0.2s ease;
}

.theme-v2 .title a:hover {
    color: var(--primary);
}

.theme-v2 .author {
    min-height: 18px;
}

.theme-v2 .author a {
    color: var(--muted);
    text-decoration: none;
    font-size: 12px;
    transition: color 0.2s ease;
}

.theme-v2 .author a:hover {
    color: var(--primary);
}

.theme-v2 .desc {
    color: var(--muted);
    font-size: 12px;
    line-height: 1.5;
    max-height: 3.1em;
    overflow: hidden;
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* Rank list */
.theme-v2 .rank-list {
    display: grid;
    gap: 12px;
}

.theme-v2 .rank-item {
    display: grid;
    grid-template-columns: 48px 1fr;
    align-items: start;
    gap: 16px;
    padding: 16px;
    border-radius: 12px;
    background: var(--surface);
    border: 1px solid var(--border);
    transition: all 0.3s ease;
}

.theme-v2 .rank-item:hover {
    background: var(--muted-surface);
    border-color: var(--primary-light);
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.1);
    transform: translateX(4px);
}

.theme-v2 .rank-num {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 16px;
    color: #ffffff;
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);
    box-shadow: 0 2px 8px rgba(99, 102, 241, 0.3);
    flex-shrink: 0;
}

.theme-v2 .rank-num-1 {
    background: linear-gradient(135deg, #f59e0b 0%, #f97316 100%);
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.3);
}

.theme-v2 .rank-num-2 {
    background: linear-gradient(135deg, #64748b 0%, #475569 100%);
    box-shadow: 0 2px 8px rgba(100, 116, 139, 0.3);
}

.theme-v2 .rank-num-3 {
    background: linear-gradient(135deg, #cd7f32 0%, #b87333 100%);
    box-shadow: 0 2px 8px rgba(205, 127, 50, 0.3);
}

.theme-v2 .rank-content {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.theme-v2 .rank-title {
    margin-bottom: 4px;
}

.theme-v2 .rank-title a {
    color: var(--text);
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.4;
    transition: color 0.2s ease;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.theme-v2 .rank-title a:hover {
    color: var(--primary);
}

.theme-v2 .rank-author {
    color: var(--muted);
    font-size: 13px;
    font-weight: 500;
}

.theme-v2 .rank-desc {
    color: var(--muted);
    font-size: 13px;
    line-height: 1.5;
    margin-top: 4px;
    max-height: 3em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* Hero */
.theme-v2 .hero {
    padding: 32px 0 24px;
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.08) 0%, rgba(236, 72, 153, 0.05) 100%);
    border-bottom: 1px solid var(--border);
    margin-bottom: 24px;
}

.theme-v2 .hero h1 {
    font-size: 28px;
    font-weight: 700;
    margin: 0;
    color: var(--text);
    letter-spacing: -0.02em;
    background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.theme-v2 .hero p {
    color: var(--muted);
    margin: 0;
}

/* Ads */
.theme-v2 .ad-div {
    margin: 24px 0;
    padding: 16px;
    background: var(--muted-surface);
    border-radius: 8px;
    border: 1px dashed var(--border);
}

.theme-v2 .card-grid .ad-div {
    grid-column: 1 / -1;
    margin: 20px 0;
}

/* Responsive improvements */
@media (max-width: 768px) {
    .theme-v2 .container {
        padding: 16px 12px;
    }

    .theme-v2 .section {
        padding: 24px 0;
    }

    .theme-v2 .section-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        margin-bottom: 20px;
    }

    .theme-v2 .section-title {
        font-size: 18px;
    }

    .theme-v2 .hero h1 {
        font-size: 24px;
    }

    .theme-v2 .rank-item {
        grid-template-columns: 40px 1fr;
        gap: 12px;
        padding: 12px;
    }

    .theme-v2 .rank-num {
        width: 36px;
        height: 36px;
        font-size: 14px;
    }

    .theme-v2 .card-body {
        padding: 12px;
    }
}

@media (max-width: 480px) {
    .theme-v2 .section-title {
        font-size: 18px;
    }

    .theme-v2 .more-link {
        font-size: 13px;
        padding: 4px 8px;
    }

    .theme-v2 .rank-item {
        grid-template-columns: 36px 1fr;
        gap: 10px;
        padding: 10px;
    }

    .theme-v2 .rank-num {
        width: 32px;
        height: 32px;
        font-size: 13px;
    }
}

/* Detail Page Styles */
.theme-v2 .fig-14yysxo {
    padding-bottom: 30px;
}

.theme-v2 .rigrid-kzglsd {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--border);
}

.theme-v2 .rigrid-8ycyyy {
    color: var(--muted);
    text-decoration: none;
}

.theme-v2 .rigrid-8ycyyy:last-child {
    color: var(--text);
    font-weight: 600;
}

.theme-v2 .rigrid-skttdv {
    color: #64748b;
}

.theme-v2 .book-covers-carousel {
    margin-bottom: 0;
}

.theme-v2 .book-info-section {
    position: relative;
}

.theme-v2 .genre-tag {
    font-size: 11px;
    line-height: 18px;
    padding: 5px 8px;
    border-radius: 12px;
    background: rgba(99, 102, 241, 0.1);
    border: 1px solid rgba(99, 102, 241, 0.2);
    color: var(--primary);
}

.theme-v2 .share-icon .blue {
    background: var(--muted-surface);
    border: 1px solid var(--border);
}

.theme-v2 .book-main-title {
    /* color: var(--text); */
}

.theme-v2 .author-name,
.theme-v2 .separator {
    color: var(--muted);
}

.theme-v2 .tag {
    color: var(--primary);
}

.theme-v2 .stats-bar {
    margin: 16px 0;
}

.theme-v2 .stat-number {
    /* color: var(--text); */
}

.theme-v2 .stat-label {
    color: var(--muted);
}

.theme-v2 .stat-divider {
    background: var(--border);
}

.theme-v2 .rigrid-3kkk8m {
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
}

.theme-v2 .rigrid-pobnr4 {
    color: var(--text);
}

.theme-v2 .rigrid-1sma1m6 {
    color: var(--text);
    line-height: 1.7;
    background: var(--muted-surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 20px;
}

.theme-v2 .table_cell.book_info {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    margin-bottom: 0;
    padding: 16px;
    /* transition: background 0.2s ease; */
}

.theme-v2 .js_book_title {
    color: var(--text);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 8px;
}

.theme-v2 .info_list_wrapper {
    color: var(--muted);
}

.theme-v2 .option_wrap {
    background: var(--muted-surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 20px;
}

.theme-v2 .option_left {
    color: var(--text);
    font-weight: 500;
}

.theme-v2 .option_right {
    display: flex;
    gap: 8px;
}

.theme-v2 .option_right a {
    color: var(--muted);
    border-color: var(--border);
    background: var(--surface);
    padding: 6px 16px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 13px;
}

.theme-v2 .option_right a.active {
    color: #ffffff;
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);
    border-color: var(--primary);
}

.theme-v2 .rigrid_more_button {
    margin-top: 20px;
    text-align: center;
}

.theme-v2 .rigrid_more_button a {
    color: var(--primary);
    text-decoration: none;
}

.theme-v2 .rigrid_more_button a:hover {
    text-decoration: underline;
}

/* Author Page Styles */
.theme-v2 .author-profile {
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 32px;
    margin-top: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.theme-v2 .author-header {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 32px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--border);
}

.theme-v2 .author-avatar {
    flex-shrink: 0;
    width: 64px;
    height: 64px;
}

.theme-v2 .author-info {
    flex: 1;
}

.theme-v2 .author-name {
    font-size: 28px;
    font-weight: 700;
    color: var(--text);
    margin: 0 0 8px 0;
    line-height: 1.2;
}

.theme-v2 .author-subtitle {
    font-size: 14px;
    color: var(--muted);
    margin: 0;
    line-height: 1.5;
}

.theme-v2 .author-stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
}

.theme-v2 .author-stat-card {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px;
    background: var(--muted-surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    transition: all 0.2s ease;
}

.theme-v2 .author-stat-card .stat-icon {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
    border-radius: 10px;
    color: #ffffff;
}

.theme-v2 .author-stat-card .stat-content {
    flex: 1;
}

.theme-v2 .author-stat-card .stat-value {
    font-size: 24px;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 4px;
    line-height: 1.2;
}

.theme-v2 .author-stat-card .stat-label {
    font-size: 13px;
    color: var(--muted);
    line-height: 1.4;
}

@media (max-width: 768px) {
    .theme-v2 .author-profile {
        padding: 24px;
    }

    .theme-v2 .author-header {
        flex-direction: column;
        text-align: center;
        gap: 16px;
    }

    .theme-v2 .author-name {
        font-size: 24px;
    }

    .theme-v2 .author-stats-grid {
        grid-template-columns: 1fr;
    }

    .theme-v2 .author-stat-card {
        padding: 16px;
    }

    .theme-v2 .author-stat-card .stat-value {
        font-size: 20px;
    }
}