*{margin: 0; padding: 0; font-family: "微软雅黑"; font-size: 16px; box-sizing: border-box;}
img{ border: 0; -ms-interpolation-mode: bicubic;}
a,p,span,i{ text-decoration: none; margin: 0;}
input,button{ border: none; outline: none; background: none; margin: 0;}
a{cursor: pointer;}
a,li{cursor: pointer;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-user-select: none;
-moz-user-focus: none;
-moz-user-select: none;}
h1{ font-size: 2em;}
h2{ font-size: 1.5em;}
h3{ font-size: 1.17em;}
p{ margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px;margin-inline-end: 0px;}  

:root{
  --bg:#0b0f1a;--muted:#9aa4b2;--accent:#6d2bd6;--accent-2:#00e0c6;--radius:16px;--max-width:1400px;
}
body{margin:0;font-family:Roboto,system-ui,-apple-system,"Segoe UI",Arial;background:url('../img/cosmic-astrology-banner.jpg') center/cover fixed var(--bg);color:#e6eef6;line-height:1.6;}
.wrap{max-width:var(--max-width);margin:0 auto;padding:0 24px;background:rgba(11,15,26,0.85);border-radius:var(--radius);}
header{position:sticky;top:0;z-index:100;}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:rgba(20,20,30,0.9);backdrop-filter:blur(6px);border-bottom:1px solid rgba(255,255,255,0.05)}
.brand{display:flex;align-items:center;gap:10px;}
.logo{width:96px;height:96px;border-radius:12px;}
.logo img{width: 100%;}
nav{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
nav a{color:var(--muted);margin:0 6px;text-decoration:none;font-size:14px;}
nav a:hover{color:#fff;}

/* 购物车图标 */
.cart-icon {
    position: relative;
    display: flex;
    align-items: center;
    gap: 5px;
}

.cart-icon svg {
    transition: all 0.3s ease;
}

.cart-icon:hover {
    color: var(--accent-2);
}

.cart-icon:hover svg {
    stroke: var(--accent-2);
}

.cart-count {
    position: absolute;
    top: -8px;
    right: -8px;
    background: var(--accent);
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    padding: 2px 6px;
    border-radius: 10px;
    min-width: 16px;
    text-align: center;
}

.nav-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 6px;
}

.nav-logo span {
  font-size: 14px;
  margin-bottom: 5px;
}

.nav-logo img {
  width: 60px;
  height: auto;
  display: block;
}

/* 语言切换按钮 */
.lang-switch-box{display: flex; justify-content: center;}
.lang-switch{ display: inline-block; margin:10px auto;text-align:center;border:1px solid rgba(255,255,255,0.4);border-radius:var(--radius);}
.lang-switch a, .lang-switch button{background:transparent;color:#fff; padding:6px 15px;cursor:pointer;transition: all 0.3s ease;text-decoration:none;display:inline-block;border:none;font-size:14px;}
.lang-switch a:hover, .lang-switch button:hover{background:var(--accent);border-color:var(--accent)}
.lang-switch a.active, .lang-switch button.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:bold;}
.lang-switch a:first-child, .lang-switch button:first-child{ border-radius: var(--radius) 0 0 var(--radius); position: relative;}
.lang-switch a:last-child, .lang-switch button:last-child{ border-radius: 0 var(--radius) var(--radius) 0;}
.lang-switch a:first-child::after, .lang-switch button:first-child::after{ content: ''; width: 1px; height: 60%; background: #e6eef6; position: absolute; right: 0; top: 20%; z-index: 99;}

/* Banner */
.banner{margin:0 0 40px 0; padding:20px; width: 100%; background:rgba(255,255,255,0.03);border-radius:var(--radius);text-align:center}
.banner h1{font-size:24px;margin:0 0 20px;}
.banner-video{width: 85%; border-radius:var(--radius); overflow: hidden; padding-bottom: 4.5em;}
.banner-video video{width:100%; border-radius:var(--radius);}
.banner-video .swiper-pagination-bullet{width: 4em;height: 2.5em;text-align: center;line-height: 2.5em; border-radius: 10px;display: inline-block; margin: 0 0.5em !important;
font-size: 1em;color: #fff;opacity: 1;background: rgba(43, 139, 214, 0.1);}
.banner-video .swiper-pagination-bullet-active {color: #fff;background: linear-gradient(90deg,var(--accent),#2b8bd6);}

/* 主体整体排版 */
.main-layout{ display: flex; align-items: flex-start; position: relative;}
.sidebar-left{display:flex;flex-direction:column;gap:20px;margin-top:0; width: 18%; margin-right: 2%;}
.sidebar-right{ width: 80%;}
.sidebar-left ul{ padding-left: 15%;}
.sidebar-left li{ padding-bottom: 0.3em;}
.sidebar-left li span{ display: block; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/* 左侧（目录+快速入口） */
.toc, .quick-links{padding:16px;background:rgba(255,255,255,0.04);border-radius:var(--radius);}
.toc{height:100%; display:flex; flex-direction:column; justify-content:flex-start; min-height:550px; position: relative;}
.toc h3, .quick-links h3{margin:0 0 10px;}
.toc .extra-actions{margin-top:2em;display:flex;gap:10px; width: calc(100% - 32px); position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%); z-index: 99;}
.toc .extra-actions button{flex:1;background:rgba(255,255,255,0.1);border:none;color:#fff;padding:6px 8px;border-radius:8px;cursor:pointer;}
.toc .extra-actions button:hover{background:var(--accent);}

/* 中间书籍与侧边人物 */
.book-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:rgba(255,255,255,0.03);border-radius:var(--radius);width: 72%;}
.book-promo{display:flex;align-items:center;justify-content:center;width:100%;}
.book-cover{ margin: 0 4%;}
.book-cover img{width:100%;max-width:280px;border-radius:var(--radius);box-shadow:0 8px 24px rgba(0,0,0,0.4)}
.book-info{text-align:center;max-width:420px;margin-top:20px}
.book-info h2{margin:20px 0 10px}
.actions{margin-top:20px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn{background:linear-gradient(90deg,var(--accent),#2b8bd6);padding:10px 18px;border-radius:10px;color:#fff;border:none;cursor:pointer;transition:all .2s}
.btn:hover{transform:translateY(-2px)}
.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,0.4)}

/* 人物侧边竖排 */
.side-portrait{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;}
.book-pic{ width: 100%; height: 8vh;border-radius:var(--radius);margin-bottom:10px; overflow: hidden;}
.side-portrait img{width:100%;height:100%; object-fit: cover;}
.side-portrait p{writing-mode:vertical-rl;text-orientation:mixed;font-size:14px;color:var(--muted)}

/* 右侧（作者与哲学模块） */
.author-right{display:flex;flex-direction:column;gap:20px;width:26%; margin-left: 2%;}
.author-box, .philosophy-box{padding:16px;background:rgba(255,255,255,0.04);border-radius:var(--radius)}
.author-box .extra-actions{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}
.author-box .extra-actions button{flex:1;background:rgba(255,255,255,0.1); font-size: 0.875em; border:none;color:#fff;padding:6px 8px;border-radius:8px;cursor:pointer}
.author-box .extra-actions button:hover{background:var(--accent)}
.author-pic{ width: 100%; height: 18vh; overflow: hidden; border-radius:var(--radius);margin-bottom:25px;}
.author-pic img{width:100%; height: 100%; object-fit: cover;}
.philosophy-box h3{ margin: 0.5em 0 1em;}
.philosophy-box ul{ padding-left: 15%; margin-bottom: 1em;}
.philosophy-box a{ text-decoration: underline;}

/* 底部区域 */
.bottom-section{margin:40px 0;}
.cases, .services{display:none;}
.social-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px;}
.social-links a{padding:8px 12px;background:rgba(255,255,255,0.05);border-radius:8px;color:#fff;text-decoration:none;font-size:14px;}
.social-links a:hover{background:var(--accent);}

footer{text-align:center;padding:20px;color:var(--muted);font-size:14px;border-top:1px solid rgba(255,255,255,0.05);margin-top:20px;}

.chapter-popup{ position: absolute; width: 80%; max-height: 80vh; top: 0; left: 20%; z-index: 999; background-image:url('../img/c-bg.jpg');background-size: 100% auto; 
background-repeat: no-repeat; background-position: left top; border: solid 7px #2b3849; border-radius: 15px; padding: 1.25em 3%; overflow-y: auto;}
.chapter-popup-draw{ display: none;}
.chapter-popup::-webkit-scrollbar{ width: 1em; border-radius: 15px;}
.chapter-popup::-webkit-scrollbar-thumb{ background-color: rgba(126, 172, 231, 0.3); border-radius: 15px;}
.chapter-popup::-webkit-scrollbar-track{ background: rgba(43,56,73,0.5); border-radius: 15px;}
.chapter-close{ position: absolute; top: 0; right: 0; transform: translate(25%,-40%); z-index: 2000; cursor: pointer;}
.chapter-close img{ width: 2.4em;}
.chapter-title{ font-size: 1.5em; text-align: center;}
.chapter-introduction{ position: relative; margin-bottom: 1em;}
.chapter-intro-title{ font-size: 1.75em; font-weight: 600; color: #7eace7; letter-spacing: 3px; padding-left: 5.5%;}
.quote-icon01,.quote-icon02{ position: absolute; z-index: 2000; width: 2em;}
.quote-icon01{ left: 0; top: 0.3em;}
.quote-icon02{ right: 0; bottom: 0.3em;}
.chapter-intro-part{ padding: 0.6em 0; position: relative; padding-bottom: 7vh; max-height: 25vh; overflow: hidden;}
.chapter-intro-content{ font-size: 1em; line-height: 1.8;}
.chapter-intro-expand{display: none; position: absolute; width: 100%; bottom: 0; left: 0; z-index: 5000;}
.chapter-intro-line{ display: flex; align-items: center; justify-content: center; padding-top: 8vh; background-image:url('../img/expand-img.png');background-size: 120% 100%; 
background-repeat: no-repeat; background-position: center;}
.chapter-intro-bag{ background-image: none;}
.chapter-intro-expand button{ padding: 0 2em; display: flex; align-items: center; cursor: pointer;}
.chapter-intro-expand p{ font-size: 0.9375em; color: #7eace7;}
.chapter-intro-expand img{ width: 0.9em; margin-left: 0.3em;}
.chapter-intro-limit{ max-height: none;}
.chapter-catalog{ display: flex; align-items: stretch; justify-content: space-between;}
.chapter-catalog-left{ width: 30%; background: rgba(27,31,38,0.5); padding: 1em;}
.chapter-catalog-right{ width: 68%; background: rgba(27,31,38,0.5); padding: 1em 2em;}
.chapter-catalog-toc{ display: flex; align-items: center; padding-bottom: 10px;}
.chapter-catalog-toc img{ width: 1.8em;}
.chapter-catalog-toc span{ display: inline-block; font-size: 1.25em; color: #7eace7; font-weight: 600; letter-spacing: 2px; margin-left: 0.7em;}
.chapter-catalog-left ul{ padding-left: 1.5em;}
.chapter-catalog-left li{ padding-bottom: 0.4em; color: #7eace7;}
.chapter-catalog-left li span{ display: block; color: #7eace7; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.chapter-subtitle{ font-size: 1.25em; text-align: center; padding-bottom: 0.7em;}
.chapter-article{ font-size: 1em; line-height: 1.8;}

/* WooCommerce 样式 */
.woocommerce-shop, .woocommerce-cart, .woocommerce-checkout, .woocommerce-my-account {
    width: 100%;
    padding: 20px;
    border-radius: var(--radius);
}
.woocommerce-shop, .woocommerce-cart, .woocommerce-checkout, .woocommerce-my-account  a{
    color: #fff;
    text-decoration: none;
}

.shop-header, .cart-header, .checkout-header, .my-account-header {
    margin-bottom: 20px;
}

.shop-header h1, .cart-header h1, .checkout-header h1, .my-account-header h1 {
    color: #fff;
    font-size: 24px;
}

/* 产品网格 */
.woocommerce-products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    margin-top: 20px;
}

.woocommerce-products-grid .woocommerce-loop-product__title, .price {
	color: #fff;
}

.product-item {
    background: rgba(255,255,255,0.05);
    border-radius: var(--radius);
    padding: 15px;
    transition: all 0.3s ease;
}

.product-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}

.product-image {
    position: relative;
    margin-bottom: 15px;
    border-radius: var(--radius);
    overflow: hidden;
}

.product-image img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
}

.out-of-stock {
    position: absolute;
    top: 10px;
    right: 10px;
    background: rgba(255,0,0,0.8);
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
}

.product-info {
    text-align: center;
}

.product-title {
    margin: 0 0 10px;
    font-size: 16px;
}

.product-title a {
    color: #fff;
    text-decoration: none;
}

.product-title a:hover {
    color: var(--accent-2);
}

.product-price {
    color: var(--accent-2);
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}

.product-actions {
    display: flex;
    justify-content: center;
}

.product-actions .btn {
    background: linear-gradient(90deg, var(--accent), #2b8bd6);
    padding: 8px 16px;
    border-radius: 8px;
    color: #fff;
    border: none;
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
    display: inline-block;
}

.product-actions .btn:hover {
    transform: translateY(-2px);
}

.product-actions .btn.disabled {
    background: rgba(255,255,255,0.1);
    cursor: not-allowed;
}

/* 购物车表格 */
.shop_table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.shop_table th, .shop_table td {
    padding: 12px;
    text-align: left;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.shop_table th {
    color: var(--muted);
    font-size: 14px;
}

.shop_table td {
    color: #fff;
}

.product-thumbnail img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 8px;
}

.product-remove a {
    color: #ff4444;
    font-size: 20px;
    text-decoration: none;
}

.product-remove a:hover {
    color: #ff0000;
}

.quantity input {
    width: 60px;
    padding: 5px;
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.2);
    color: #fff;
    border-radius: 5px;
    text-align: center;
}

/* 优惠券区域 */
.coupon {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.coupon label {
    color: var(--muted);
}

.coupon input[type="text"] {
    padding: 8px 12px;
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.2);
    color: #fff;
    border-radius: 5px;
}

.coupon button {
    padding: 8px 16px;
    background: var(--accent);
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.actions {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.actions button {
    padding: 8px 16px;
    background: var(--accent);
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

/* 购物车总计 */
.cart-collaterals {
    margin-top: 30px;
}

.cart_totals {
    background: rgba(255,255,255,0.05);
    padding: 20px;
    border-radius: var(--radius);
}

.cart_totals h2 {
    color: #fff;
    margin-bottom: 15px;
}

.cart_totals table {
    width: 100%;
}

.cart_totals td, .cart_totals th {
    padding: 10px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    color: #fff;
}

.cart_totals .button {
    display: block;
    width: 100%;
    padding: 12px;
    background: linear-gradient(90deg, var(--accent), #2b8bd6);
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 15px;
}

/* 结账表单 */
.col2-set {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
}

.col-1, .col-2 {
    flex: 1;
}

.woocommerce-billing-fields, .woocommerce-shipping-fields {
    background: rgba(255,255,255,0.05);
    padding: 20px;
    border-radius: var(--radius);
}

.woocommerce-billing-fields h3, .woocommerce-shipping-fields h3 {
    color: #fff;
    margin-bottom: 15px;
}

.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.woocommerce-input-wrapper {
    width: 100%;
}

.woocommerce-input-wrapper input, .woocommerce-input-wrapper select {
    width: 100%;
    padding: 10px;
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.2);
    color: #fff;
    border-radius: 5px;
}

.woocommerce-input-wrapper label {
    display: block;
    color: var(--muted);
    margin-bottom: 5px;
}

/* 订单审查 */
.woocommerce-checkout-review-order {
    background: rgba(255,255,255,0.05);
    padding: 20px;
    border-radius: var(--radius);
}

.woocommerce-checkout-review-order-table {
    width: 100%;
    margin-bottom: 20px;
}

.woocommerce-checkout-review-order-table th, 
.woocommerce-checkout-review-order-table td {
    padding: 10px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    color: #fff;
}

.woocommerce-checkout-review-order-table th {
    color: var(--muted);
}

.order-total {
    font-weight: bold;
    font-size: 18px;
}

/* 我的账户 */
.woocommerce-MyAccount-content {
    background: rgba(255,255,255,0.05);
    padding: 20px;
    border-radius: var(--radius);
}

.woocommerce-MyAccount-content h2 {
    color: #fff;
    margin-bottom: 20px;
}

.woocommerce-MyAccount-navigation {
    background: rgba(255,255,255,0.05);
    padding: 20px;
    border-radius: var(--radius);
    margin-bottom: 20px;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
}

.woocommerce-MyAccount-navigation li {
    margin-bottom: 10px;
}

.woocommerce-MyAccount-navigation a {
    color: var(--muted);
    text-decoration: none;
    padding: 8px 12px;
    display: block;
    border-radius: 5px;
    transition: all 0.3s;
}

.woocommerce-MyAccount-navigation a:hover,
.woocommerce-MyAccount-navigation a.is-active {
    background: var(--accent);
    color: #fff;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .main-layout {
        flex-direction: column;
    }
    
    .sidebar-left {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    
    .sidebar-right {
        width: 100%;
    }
    
    .col2-set {
        flex-direction: column;
    }
    
    .woocommerce-products-grid {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    }
}
.posted_in, .woocommerce-loop-product__title, .wc-block-components-product-name, .wc-block-components-button__text, .wc-block-components-checkout-place-order-button__text {
	color: #fff;
}

.added_to_cart {
    color: #958e09;
}