/* Style skins only. Switch by changing body class in layout/error templates or site option theme_skin. */
body.theme-aurora {
    --blue: #1d8f86;
    --deep-blue: #11675f;
    --sky: #e9f8f4;
    --cyan: #2bb4bd;
    --orange: #f28a30;
    --red: #d94b43;
    --green: #18a86f;
    --ink: #1f3536;
    --text: #40595a;
    --muted: #73898a;
    --line: #cce2df;
    --soft: #f1faf7;
    --panel: rgba(255, 255, 255, .96);
    --skin-shadow: rgba(31, 53, 54, .06);
    --skin-bg: linear-gradient(180deg, rgba(255, 255, 255, .74), rgba(255, 255, 255, .9)), url("../image/pgamebg.png");
}

body.theme-rally {
    --blue: #2b6fb6;
    --deep-blue: #194d85;
    --sky: #edf6ff;
    --cyan: #28a7b8;
    --orange: #f0a531;
    --red: #d94d3d;
    --green: #219c63;
    --ink: #26384b;
    --text: #435466;
    --muted: #778695;
    --line: #d2dfeb;
    --soft: #f4f8fc;
    --panel: rgba(255, 255, 255, .97);
    --skin-shadow: rgba(38, 56, 75, .07);
    --skin-bg: linear-gradient(180deg, rgba(244, 248, 252, .7), rgba(244, 248, 252, .94)), url("../image/irecbg.png");
}

body.theme-lime {
    --blue: #478b38;
    --deep-blue: #2d6724;
    --sky: #f0f8e9;
    --cyan: #7fae34;
    --orange: #e3a52e;
    --red: #c84d38;
    --green: #219b51;
    --ink: #2d3928;
    --text: #4b5b45;
    --muted: #7c8977;
    --line: #d8e4cf;
    --soft: #f7fbf3;
    --panel: rgba(255, 255, 255, .96);
    --skin-shadow: rgba(45, 57, 40, .06);
    --skin-bg: linear-gradient(180deg, rgba(247, 251, 243, .72), rgba(247, 251, 243, .94)), url("../image/iztbg.png");
}

body.theme-sakura {
    --blue: #c85f77;
    --deep-blue: #9c4056;
    --sky: #fff1f5;
    --cyan: #c58a40;
    --orange: #ee9b3a;
    --red: #c94b5c;
    --green: #3f9362;
    --ink: #3f3036;
    --text: #614e55;
    --muted: #917d84;
    --line: #ecd3db;
    --soft: #fff7f9;
    --panel: rgba(255, 253, 253, .97);
    --skin-shadow: rgba(63, 48, 54, .06);
    --skin-bg: linear-gradient(180deg, rgba(255, 247, 249, .74), rgba(255, 247, 249, .94)), url("../image/pztbg.png");
}

body.theme-sunset {
    --blue: #cf5c2f;
    --deep-blue: #9e3f22;
    --sky: #fff0e6;
    --cyan: #d99b45;
    --orange: #f3a629;
    --red: #c94135;
    --green: #5d9a57;
    --ink: #3d2a24;
    --text: #5f4a41;
    --muted: #8e766b;
    --line: #ead3c5;
    --soft: #fff8f1;
    --panel: rgba(255, 252, 248, .96);
    --skin-shadow: rgba(61, 42, 36, .06);
    --skin-bg: linear-gradient(180deg, rgba(255, 248, 240, .74), rgba(255, 248, 240, .92)), url("../image/pnsbg.png");
}

body.theme-cyber {
    --blue: #5967e8;
    --deep-blue: #3641b8;
    --sky: #eef0ff;
    --cyan: #10a8c8;
    --orange: #ff7b54;
    --red: #e24a68;
    --green: #17a98b;
    --ink: #22263f;
    --text: #454966;
    --muted: #777b99;
    --line: #d8dcf3;
    --soft: #f5f6ff;
    --panel: rgba(255, 255, 255, .97);
    --skin-shadow: rgba(34, 38, 63, .07);
    --skin-bg: linear-gradient(180deg, rgba(245, 246, 255, .72), rgba(245, 246, 255, .93)), url("../image/irecbg.png");
}

body.theme-forest {
    --blue: #2f7d4b;
    --deep-blue: #1f5f38;
    --sky: #edf7ec;
    --cyan: #6aa35f;
    --orange: #d78f25;
    --red: #c84d3b;
    --green: #248b4a;
    --ink: #243529;
    --text: #46584a;
    --muted: #788778;
    --line: #d3e2d3;
    --soft: #f5faf4;
    --panel: rgba(255, 255, 255, .96);
    --skin-shadow: rgba(36, 53, 41, .06);
    --skin-bg: linear-gradient(180deg, rgba(246, 252, 245, .74), rgba(246, 252, 245, .93)), url("../image/iztbg.png");
}

body:is(.theme-aurora, .theme-rally, .theme-lime, .theme-sakura, .theme-sunset, .theme-cyber, .theme-forest) {
    color: var(--text);
    background-color: var(--soft);
    background-image: var(--skin-bg);
    background-attachment: fixed;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

body:is(.theme-aurora, .theme-rally, .theme-lime, .theme-sakura, .theme-sunset, .theme-cyber, .theme-forest) .site-header {
    background: rgba(255, 255, 255, .95);
    border-bottom: 1px solid var(--line);
}

body:is(.theme-aurora, .theme-rally, .theme-lime, .theme-sakura, .theme-sunset, .theme-cyber, .theme-forest) :is(.topbar, .module-head, .list-head, .rank-page-head) {
    background: linear-gradient(180deg, #fff, var(--soft));
}

body:is(.theme-aurora, .theme-rally, .theme-lime, .theme-sakura, .theme-sunset, .theme-cyber, .theme-forest) .main-nav {
    background: linear-gradient(90deg, var(--deep-blue), var(--blue));
}

body:is(.theme-aurora, .theme-rally, .theme-lime, .theme-sakura, .theme-sunset, .theme-cyber, .theme-forest) .nav-links a:is(.active, :hover) {
    background: rgba(255, 255, 255, .16);
}

body:is(.theme-aurora, .theme-rally, .theme-lime, .theme-sakura, .theme-sunset, .theme-cyber, .theme-forest) :is(.panel, .module, .friend-links, .hot-panel, .category-panel, .resource-panel, .detail-main-card, .download-card, .rank-page-panel, .topic-detail-head, .about-panel, .error-panel) {
    border-color: var(--line);
    background: var(--panel);
    box-shadow: 0 10px 28px var(--skin-shadow);
}

body:is(.theme-aurora, .theme-rally, .theme-lime, .theme-sakura, .theme-sunset, .theme-cyber, .theme-forest) :is(.software-card, .feature-article, .rank-board, .topic-card, .rank-primary-board, .rank-side-card, .included-item, .sitemap-list section) {
    border-color: var(--line);
    background: rgba(255, 255, 255, .98);
}

body:is(.theme-aurora, .theme-rally, .theme-lime, .theme-sakura, .theme-sunset, .theme-cyber, .theme-forest) :is(.hot-title, .download-btn, .resource-download, .rank-main-action, .topic-download, .collection-action, .error-action) {
    background: linear-gradient(180deg, var(--orange), var(--red));
}

body:is(.theme-aurora, .theme-rally, .theme-lime, .theme-sakura, .theme-sunset, .theme-cyber, .theme-forest) :is(.download-btn.app, .app-module .download-btn, .app-topic-module .download-btn, .platform-download) {
    background: linear-gradient(180deg, var(--green), var(--deep-blue));
}

body:is(.theme-aurora, .theme-rally, .theme-lime, .theme-sakura, .theme-sunset, .theme-cyber, .theme-forest) .platform-download.ios {
    background: linear-gradient(180deg, var(--cyan), var(--blue));
}

body:is(.theme-aurora, .theme-rally, .theme-lime, .theme-sakura, .theme-sunset, .theme-cyber, .theme-forest) :is(.category-scroll a.active, .category-scroll a:hover, .news-filter a.active, .rank-tabs a.active, .about-tabs a.active, .segmented button.active, .pager a.active, .pager span.active) {
    border-color: var(--blue);
    background: var(--blue);
}

body:is(.theme-aurora, .theme-rally, .theme-lime, .theme-sakura, .theme-sunset, .theme-cyber, .theme-forest) .site-footer {
    background: linear-gradient(90deg, var(--deep-blue), var(--ink));
}