/*
Theme Name: Xuanshu
Theme URI: https://xuanshuzhidao.com
Author: Xuanshu Zhi Dao
Description: A bilingual, editorial storefront for traditional metaphysics and consultation.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.2
Text Domain: xuanshu
*/

:root{--ink:#0d0d0d;--panel:#151412;--panel2:#1c1916;--red:#8b1a1a;--gold:#c9a96a;--paper:#f4efe5;--muted:#b4aa98;--line:rgba(201,169,106,.25);--serif:Georgia,"Noto Serif SC","Songti SC",serif;--sans:Inter,"Noto Sans SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.7 var(--sans)}a{color:var(--gold);text-decoration:none}a:hover{color:#ead2a0}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}.wrap{width:min(1160px,calc(100% - 44px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(13,13,13,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;color:var(--paper)}.brand-mark{width:39px;height:39px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font:22px var(--serif)}.brand-name{font:18px/1.2 var(--serif);letter-spacing:.08em}.brand-sub{display:block;color:var(--muted);font:10px/1.5 var(--sans);letter-spacing:.18em;text-transform:uppercase}.main-nav{display:flex;align-items:center;gap:26px;font-size:13px}.main-nav a{color:#e6dfd2}.main-nav a:hover{color:var(--gold)}.language-toggle{border:1px solid var(--line);background:transparent;color:var(--gold);padding:8px 12px;border-radius:2px;cursor:pointer;font-size:12px;letter-spacing:.08em}.menu-toggle{display:none;background:transparent;border:0;color:var(--gold);font-size:23px}.hero{position:relative;overflow:hidden;min-height:620px;display:grid;align-items:center;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 78% 43%,rgba(139,26,26,.28),transparent 34%),linear-gradient(115deg,#0d0d0d 38%,#12100e 100%)}.hero:after{content:"";position:absolute;width:400px;height:400px;right:9%;top:50%;transform:translateY(-50%);border:1px solid rgba(201,169,106,.24);border-radius:50%;box-shadow:0 0 0 34px rgba(201,169,106,.035),0 0 0 90px rgba(201,169,106,.025),inset 0 0 90px rgba(201,169,106,.08);pointer-events:none}.hero:before{content:"☯";position:absolute;right:calc(9% + 113px);top:calc(50% - 87px);font:174px/1 var(--serif);color:rgba(201,169,106,.16);z-index:0}.hero-inner{position:relative;z-index:1;padding:100px 0;max-width:680px}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:.24em;text-transform:uppercase}.hero h1{font:clamp(42px,6vw,76px)/1.12 var(--serif);letter-spacing:.04em;margin:20px 0 8px}.hero h1 em{color:var(--gold);font-style:normal}.hero h2{font:clamp(18px,2.5vw,25px)/1.4 var(--serif);font-weight:400;color:#d7c9ae;margin:0 0 20px}.hero p{max-width:580px;color:#bdb5a9;font-size:15px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:31px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid var(--gold);background:var(--gold);color:#17130e;font-size:12px;font-weight:700;letter-spacing:.08em;transition:.2s}.button:hover{background:#e0c487;color:#111}.button-outline{background:transparent;color:var(--gold)}.button-outline:hover{background:rgba(201,169,106,.1)}.section{padding:94px 0}.section-kicker{color:var(--gold);font-size:11px;letter-spacing:.2em;text-transform:uppercase}.section h2{font:clamp(30px,4vw,46px)/1.2 var(--serif);font-weight:400;margin:12px 0 14px}.section-intro{max-width:670px;color:var(--muted);margin:0}.services{background:#11100f}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:42px}.service-card{min-height:228px;padding:27px 25px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008));position:relative;overflow:hidden}.service-card:after{content:"";position:absolute;width:110px;height:110px;right:-38px;bottom:-48px;border:1px solid rgba(201,169,106,.15);border-radius:50%}.service-index{color:var(--red);font:12px var(--serif);letter-spacing:.16em}.service-card h3{font:22px var(--serif);margin:12px 0 8px}.service-card p{color:var(--muted);font-size:13px;margin:0;max-width:310px}.service-card .en{display:block;color:#887f72;font-size:11px;margin-top:9px;letter-spacing:.04em}.about-grid{display:grid;grid-template-columns:1fr .85fr;gap:72px;align-items:center}.seal-panel{min-height:330px;display:grid;place-items:center;background:radial-gradient(circle,rgba(139,26,26,.34),transparent 60%),#12100f;border:1px solid var(--line);position:relative}.seal-panel:before,.seal-panel:after{content:"";position:absolute;border:1px solid rgba(201,169,106,.24);border-radius:50%;inset:28px}.seal-panel:after{inset:58px}.seal{width:116px;height:116px;border:1px solid var(--gold);color:var(--gold);display:grid;place-items:center;font:48px var(--serif);transform:rotate(45deg)}.seal span{transform:rotate(-45deg)}.shop-section{background:#11100f}.shop-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.consult-band{padding:54px 0;background:linear-gradient(95deg,#671414,#8b1a1a 55%,#5b1414);border-block:1px solid rgba(201,169,106,.35)}.consult-inner{display:flex;justify-content:space-between;align-items:center;gap:28px}.consult-inner h2{font:clamp(26px,3vw,38px) var(--serif);margin:0}.consult-inner p{color:#e2cfc0;margin:7px 0 0}.consult-inner .button{background:var(--gold);border-color:var(--gold);white-space:nowrap}.notice{padding:19px 22px;border-left:2px solid var(--gold);background:var(--panel);color:var(--muted);font-size:12px}.site-footer{border-top:1px solid var(--line);padding:46px 0 26px;background:#0a0a0a;color:var(--muted);font-size:12px}.footer-grid{display:flex;justify-content:space-between;gap:35px;padding-bottom:28px}.footer-links{display:flex;flex-wrap:wrap;gap:17px}.copyright{border-top:1px solid rgba(255,255,255,.08);padding-top:18px}.page-main{min-height:55vh;padding:68px 0}.entry-content,.woocommerce{color:#ded7ca}.entry-title{font:clamp(32px,5vw,52px) var(--serif)}.woocommerce ul.products li.product,.woocommerce div.product,.woocommerce-cart-form,.woocommerce-checkout{color:var(--paper)}.woocommerce ul.products li.product,.woocommerce div.product{background:var(--panel);padding:16px;border:1px solid var(--line)}.woocommerce ul.products li.product .price,.woocommerce div.product p.price{color:var(--gold)}.woocommerce button.button,.woocommerce a.button,.woocommerce input.button{background:var(--gold);color:#111;border-radius:0}.woocommerce div.product form.cart .button{background:var(--gold)}.woocommerce span.onsale{background:var(--red)}.woocommerce .woocommerce-breadcrumb{color:var(--muted)}.woocommerce .woocommerce-breadcrumb a{color:var(--gold)}.woocommerce table.shop_table{border-color:var(--line)}.woocommerce table.shop_table th,.woocommerce table.shop_table td{border-color:var(--line)}.lang-en{display:none}body.xs-en .lang-zh{display:none}body.xs-en .lang-en{display:block}body.xs-en .lang-inline-zh{display:none}body:not(.xs-en) .lang-inline-en{display:none}.language-toggle .toggle-en{display:none}body.xs-en .language-toggle .toggle-zh{display:none}body.xs-en .language-toggle .toggle-en{display:inline}.wp-block-button__link{background:var(--gold);color:#111;border-radius:0}
@media(max-width:850px){.main-nav{gap:15px}.hero:after{right:-12%;opacity:.65}.hero:before{right:calc(-12% + 113px);opacity:.8}.service-grid{grid-template-columns:repeat(2,1fr)}.about-grid{gap:36px}}
@media(max-width:650px){.wrap{width:min(100% - 32px,1160px)}.header-inner{min-height:70px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;left:0;right:0;top:69px;padding:18px 22px 24px;background:#0d0d0d;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.hero{min-height:590px}.hero-inner{padding:76px 0}.hero:after{width:310px;height:310px;right:-42%;top:62%}.hero:before{font-size:132px;right:calc(-42% + 89px);top:calc(62% - 66px)}.service-grid{grid-template-columns:1fr}.service-card{min-height:190px}.section{padding:70px 0}.about-grid{grid-template-columns:1fr;gap:28px}.seal-panel{min-height:245px}.consult-inner,.footer-grid,.shop-head{align-items:flex-start;flex-direction:column}.hero-actions .button{flex:1}.brand-name{font-size:16px}}
