/* 观象山海 V11: mobile-first ink-wash UX enhancement. No third-party fonts/assets. */
:root{--gx11-ink:#18352f;--gx11-jade:#1c443b;--gx11-gold:#a9834d;--gx11-paper:#faf7ee;--gx11-border:#d6c5a4;--gx11-shadow:0 14px 40px rgba(38,49,32,.09)}
html{scroll-padding-top:82px}body{background:#f4f0e6;color:#273d35}
body.gxv11-ready main>section[hidden]{display:none!important}
body.gxv11-ready #explore[hidden]{display:none!important}
.gxv11-brand-emblem{width:100%;height:100%;display:block;filter:drop-shadow(0 1px 1px #34311f22)}
.brand-mark{width:47px;height:47px;padding:1px;background:none!important;border:0!important;border-radius:50%!important;color:transparent!important;font-size:0!important}
.brand strong{font-family:"STKaiti","Kaiti SC","Songti SC","Noto Serif CJK SC",serif!important;font-weight:900!important;letter-spacing:2px!important;font-size:27px!important;color:#15352f!important;line-height:1.22}
.brand small{color:#927d59!important;font-size:9px!important;letter-spacing:1.5px!important}
.announcement{height:29px;background:#eee8db;color:#6d654f;letter-spacing:2px;border-bottom:1px solid #dbcdb5;font-size:11px}
.site-header{background:#fffcf4f2;box-shadow:0 7px 24px #1231250d;backdrop-filter:blur(18px)}
.head-inner{height:75px}.navigation{gap:17px}.navigation a{white-space:nowrap;font-size:13px}.navigation a.active{color:#a27942;border-bottom:2px solid #a4824d}.navigation .nav-cta{background:#163e36;color:#f6eddc;border:1px solid #b1945e;border-radius:7px}
/* The mockup was designed at desktop width; here the same visual language is actually implemented. */
#home.hero{background-color:#ece8db;background-image:linear-gradient(90deg,rgba(246,242,229,.96) 0%,rgba(246,242,229,.91) 39%,rgba(236,237,225,.78) 71%,rgba(236,233,220,.89) 100%),url('ink-fengshui.webp');background-repeat:no-repeat;background-size:cover;background-position:center 43%;border-bottom:1px solid #d0bc98;min-height:660px;color:var(--gx11-ink)}
#home.hero::before{background:linear-gradient(180deg,#fffefa69,transparent 22%,transparent 58%,#e2e6d9aa),radial-gradient(ellipse at 80% 20%,#e7cf9a40,transparent 50%)}
#home.hero::after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:#c9a35c2d;right:22%;top:12%;left:auto;pointer-events:none}
#home .hero-grid{min-height:610px;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:35px;align-items:center}
#home .hero-copy{padding:73px 0 82px;position:relative}
#home .hero-copy::before{content:"";position:absolute;top:47px;left:0;width:130px;height:2px;background:#b79b6d}
#home .eyebrow{color:#92764d;letter-spacing:3.6px;font-size:12px}
#home .eyebrow .tiny-line{background:#b19a6b}
#home h1{font-family:"STKaiti","Kaiti SC","Noto Serif CJK SC",serif;font-size:clamp(48px,5vw,75px);font-weight:900;letter-spacing:2px;color:#163830;line-height:1.38;text-shadow:0 3px 0 #fff9}
#home h1 em{color:#a47a42;font-style:normal}
#home .hero-en{font-size:14px;letter-spacing:5px;color:#917747;font-style:normal}
#home .hero-lead{font-size:16px;color:#465e55;max-width:530px;line-height:2.1}
#home .hero-points{margin-top:29px;color:#5b7768;font-size:12px}
#home .sky-visual{max-width:100%;width:min(100%,520px);height:auto;aspect-ratio:auto!important;background:none;mask-image:none;filter:none}
#home .sky-visual::before{background:radial-gradient(circle,#aab9a93c 0%,transparent 66%),url('ink-home.webp') center/cover;opacity:.19;inset:7% 2% 16%}
#home .gx-compass-widget{max-width:520px}
#home .gx-compass-surface{overflow:visible}
#home .gx-disc{max-width:488px;filter:drop-shadow(0 16px 19px #203a3155)}
#home .gx-compass-heading{color:#736042}
#home .gx-compass-controls{background:#fbf7ecc9;backdrop-filter:blur(12px)}
#home .hero-bottom{height:45px;color:#6b7564;background:#f6f2e283;border-top:1px solid #b9b19c88}
#home .hero .button-outline,#home .button-outline{color:#275648;border-color:#a99470;background:#fff9f1e8}
#home .button-primary{box-shadow:0 6px 13px #0b342022}
/* home index */
.module-intro{padding:72px 0 100px;background:linear-gradient(180deg,#f3f0e7,#f8f5ed 65%,#eee9dd)}
.module-intro .section-heading{max-width:700px}
.module-intro .section-heading h2{font-size:37px;color:#193d34;font-family:"STKaiti","Noto Serif CJK SC",serif}
.module-intro .section-heading p{font-size:14px}
.feature-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.feature-card{grid-column:span 2;min-height:333px;height:auto;padding:20px 22px;border:1px solid #cdbf9e;border-radius:11px;box-shadow:var(--gx11-shadow);transition:transform .22s,box-shadow .22s;background-size:cover;background-position:center}
.feature-card:nth-child(4),.feature-card:nth-child(5),.feature-card:nth-child(6){grid-column:span 2;min-height:312px}
.feature-card:before{background-image:linear-gradient(0deg,#fdf8ed 3%,#fff9ecc9 41%,#fffbef1a 79%);z-index:-1}
.feature-card h3{font-size:25px;letter-spacing:2px}
.feature-card p{font-size:13px}
.feature-card .feature-glyph{font-family:"STKaiti","Noto Serif CJK SC",serif;margin:auto 0 0;color:#906d3d;font-size:26px}
.feature-card .feature-top{font-size:10px}
.feature-library{background-image:linear-gradient(0deg,#f5eedd,transparent),url('ink-bazi.webp');background-position:50% 33%}.feature-shengxiao{background-image:linear-gradient(0deg,#f9efe5bf,transparent),url('ink-fengshui.webp');background-position:70% 40%}
.feature-stars h3,.feature-stars p{color:#183c36}
.feature-card:focus-visible{outline:3px solid #a77c43;outline-offset:3px}
.culture-strip{grid-template-columns:repeat(5,1fr);border-radius:10px;box-shadow:0 4px 13px #253a1c0a}
.gxv11-home-steps{margin-top:66px}.gxv11-step-heading span{color:#a0804c;letter-spacing:2.8px;font-size:11px}.gxv11-step-heading h3{font:700 31px "STKaiti","Songti SC",serif;color:#173d34;margin:11px 0 22px}.gxv11-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gxv11-steps article{position:relative;padding:27px 24px 25px;background:linear-gradient(142deg,#fffefa,#f0eadb);border:1px solid #d8c8a8;border-radius:9px;min-height:180px}.gxv11-steps b{font:34px Georgia,serif;color:#c5ad80;opacity:.8}.gxv11-steps h4{font:700 20px "STKaiti","Songti SC",serif;color:#20453a;margin:3px 0}.gxv11-steps p{font-size:12px;color:#6a736a;line-height:1.9;margin:0}
.gxv11-home-shelf{display:grid;grid-template-columns:1fr 1.15fr;border:1px solid #cfb891;border-radius:12px;margin:35px auto 0;overflow:hidden;background:#fffaf1;box-shadow:0 12px 30px #173b2b12;min-height:298px}.gxv11-shelf-illustration{background:linear-gradient(90deg,#f7eee68c,#edf0e535),url('ink-fengshui.webp') center/cover;position:relative;display:flex;align-items:end;justify-content:space-between;padding:22px 24px}.gxv11-shelf-seal{font:23px/1.1 "STKaiti",serif;color:#ae4b3e;border:2px solid #b65b4c;padding:8px;display:inline-block}.gxv11-shelf-illustration small{font-size:12px;color:#263e35;background:#f8f2e9b3;padding:7px}.gxv11-shelf-content{padding:40px 40px}.gxv11-shelf-content h3{font:700 28px/1.55 "STKaiti","Songti SC",serif;color:#193c33;margin:9px 0}.gxv11-shelf-content p{color:#5b6f64;font-size:13px;line-height:2}.gxv11-shelf-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.gxv11-shelf-actions .button-outline{color:#244a3a;border-color:#b6a484}
/* separate destination-page mode */
.gxv11-locationbar{background:#f8f5eb;border-bottom:1px solid #e1d5c0}.gxv11-loc{display:flex;gap:9px;align-items:center;min-height:46px;color:#8d846c;font-size:12px}.gxv11-loc>a{color:#355d4d}.gxv11-loc>strong{font-size:13px;color:#203e35}.gxv11-loc-right{margin-left:auto;color:#b09973;font-size:11px}
.gxv11-tool-guide{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 29px;min-height:60px;padding:13px 19px;border:1px solid #ded0b4;background:#fffcf4;border-radius:9px;box-shadow:0 7px 20px #203b2910}
.gxv11-guide-copy{display:flex;flex-direction:column;gap:2px}.gxv11-guide-copy>span{font-size:10px;color:#a18453;letter-spacing:1.4px}.gxv11-guide-copy>b{color:#2c5041;font-size:13px;font-weight:600}.gxv11-guide-links{display:flex;gap:8px;flex-wrap:wrap}.gxv11-skip{white-space:nowrap;background:#f0eee1;border:1px solid #d4c5a7;border-radius:25px;padding:7px 14px;font-size:12px;color:#355d4b;min-height:36px}.gxv11-skip:hover{background:#e4eee2}
.tool-section,.fengshui-section,.gx-zodiac-section,.library-section,.pricing-section{scroll-margin-top:77px}
.gxv11-ready .tool-section>.container,.gxv11-ready .feng-body{padding-top:26px}
.gxv11-ready .tool-intro{margin-top:8px}
.gxv11-ready .page-banner{min-height:260px;background:#efece1}
.gxv11-ready .page-banner::after{width:59%;opacity:.95}
.gxv11-ready .page-banner .banner-content{padding:45px 22px}
.gxv11-ready .page-banner h2{font-size:49px}
.gxv11-ready .tool-intro h2{font-family:"STKaiti","Songti SC",serif;font-weight:700}
.gxv11-ready .panel,.gxv11-ready .name-card,.gxv11-ready .gxz-form-card{border-color:#d9c7a5;border-radius:10px;box-shadow:0 8px 23px #173a2110}
.gxv11-ready .form-panel{background:linear-gradient(160deg,#fffdf7,#f6f1e7)}
.gxv11-ready .input-label{font-size:13px}
.gxv11-ready .button-primary{background:#1d5044;border-color:#b79b67;border-radius:7px;box-shadow:0 3px 9px #1a3f3212}
.gxv11-ready .button-primary:active{transform:translateY(1px)}
.gxv11-ready .v8-product,.gxv11-ready .source-card{border-radius:9px;border-color:#dac8aa}
.gxv11-ready .v8-product-price{color:#947047}
/* Keep support/legal pages easily discoverable in site menu while still preview-only */
.gxv11-mobile-dock{display:none}.gxv11-drawer{display:none}
.gxv11-drawer[hidden]{display:none!important}
@media(max-width:1180px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card,.feature-card:nth-child(4),.feature-card:nth-child(5),.feature-card:nth-child(6){grid-column:auto;min-height:310px}.culture-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){
 html{scroll-padding-top:68px}
 body{padding-bottom:72px}
 .announcement{font-size:10px;height:27px;padding:0 8px;letter-spacing:.7px;white-space:nowrap}
 .head-inner{height:66px}.site-header{top:0}
 .brand{gap:9px}.brand-mark{width:44px;height:44px}.brand strong{font-size:23px!important;letter-spacing:1px!important}.brand small{font-size:8px!important;letter-spacing:.6px!important}
 .navigation{top:66px;background:#fffcf5f7;padding:11px 23px 17px;max-height:72vh;overflow:auto}.navigation a{font-size:14px;padding:10px}
 .menu-toggle{display:block;color:#1b453b;border:1px solid #d5c5a9;background:#f6efe3;border-radius:7px;width:40px;height:40px;font-size:24px;line-height:1}
 .gxv11-mobile-dock{display:flex;position:fixed;z-index:45;left:0;right:0;bottom:0;bottom:env(safe-area-inset-bottom,0px);height:64px;background:#fffcf7f5;border-top:1px solid #d6c3a1;box-shadow:0 -5px 24px #1a3d2b18;backdrop-filter:blur(18px);justify-content:space-around;align-items:center;padding:0 5px}
 .gxv11-mobile-dock>a,.gxv11-mobile-dock>button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;min-width:49px;height:60px;color:#536f61;border:none;background:none;text-align:center;position:relative}
 .gxv11-mobile-dock span{font:27px/1.1 "STKaiti","Songti SC",serif}.gxv11-mobile-dock small{font-size:10px;line-height:1.55;white-space:nowrap}
 .gxv11-mobile-dock .active{color:#165141}.gxv11-mobile-dock .active:before{content:"";position:absolute;left:18px;right:18px;top:1px;height:3px;background:#b8955f;border-radius:5px}
 .gxv11-drawer{position:fixed;z-index:44;display:grid;grid-template-columns:1fr;bottom:calc(64px + env(safe-area-inset-bottom,0px));left:12px;right:12px;padding:11px;background:#fffaf0;border:1px solid #d1bb93;border-radius:12px 12px 2px 2px;box-shadow:0 -6px 28px #082c2870}
 .gxv11-drawer a{font-size:15px;padding:12px 14px;border-bottom:1px solid #eee3cf;color:#1d493b}
 .gxv11-drawer a:last-child{border:0}
 #home.hero{background-size:auto 100%,cover;background-position:center,50% 15%;min-height:auto}
 #home .hero-grid{display:flex;flex-direction:column;gap:0;min-height:auto}
 #home .hero-copy{padding:47px 0 11px;width:100%}
 #home .hero-copy:before{top:31px;width:65px}
 #home .eyebrow{font-size:10px;letter-spacing:1.2px;gap:7px}
 #home h1{font-size:clamp(40px,11vw,55px);letter-spacing:0;line-height:1.42;margin:16px 0 2px}
 #home .hero-en{font-size:12px;letter-spacing:3px;margin:9px 0}
 #home .hero-lead{font-size:13px;line-height:1.95;max-width:100%;margin-top:12px}
 #home .hero-actions{gap:8px;margin-top:23px}
 #home .hero-actions .button{padding:12px 14px;font-size:13px;border-radius:8px;min-height:47px}
 #home .hero-points{gap:12px;font-size:10px;margin-top:17px;line-height:1.9}
 #home .sky-visual{width:min(100%,420px);height:auto!important;margin:12px auto 53px}
 #home .gx-compass-heading{white-space:normal;font-size:9px}.gx-compass-heading span{white-space:normal}
 #home .gx-compass-state{font-size:9px}
 #home .gx-disc{max-width:360px}
 #home .gx-compass-controls{padding:8px}
 #home .hero-bottom{height:38px}
 .module-intro{padding:57px 0 75px}
 .module-intro .section-heading h2{font-size:30px;margin:8px 0}
 .module-intro .section-heading p{font-size:12px}
 .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
 .feature-card,.feature-card:nth-child(4),.feature-card:nth-child(5){grid-column:auto;min-height:275px;height:275px;padding:13px;border-radius:10px}
 
 .feature-card .feature-top{font-size:8px;padding:10px 11px}
 .feature-card .feature-glyph{font-size:21px;margin:auto 0 0;line-height:1.2}
 .feature-card .feature-glyph span{font-size:18px}
 .feature-card h3{font-size:20px;margin:6px 0 3px}
 .feature-card p{font-size:11px;line-height:1.68;margin:4px 0 9px}
 .feature-card .text-link{font-size:12px;margin-top:0}
 .culture-strip{margin-top:18px;grid-template-columns:repeat(2,1fr);font-size:11px;gap:12px;padding:16px}
 .gxv11-home-steps{margin-top:46px}
 .gxv11-step-heading h3{font-size:24px}
 .gxv11-steps{grid-template-columns:1fr;gap:9px}
 .gxv11-steps article{min-height:0;padding:14px 18px 15px}
 .gxv11-steps b{font-size:25px;float:left;min-width:45px}
 .gxv11-steps h4{font-size:17px;line-height:1.5;margin:0}
 .gxv11-steps p{font-size:12px;margin:2px 0 0 45px}
 .gxv11-home-shelf{margin-top:23px;grid-template-columns:1fr;border-radius:10px}
 .gxv11-shelf-illustration{min-height:160px;justify-content:flex-start;gap:20px}
 .gxv11-shelf-content{padding:23px 20px 28px}
 .gxv11-shelf-content h3{font-size:23px}
 .gxv11-shelf-content p{font-size:12px;line-height:1.9}
 .gxv11-shelf-actions{gap:9px}
 .gxv11-shelf-actions .button{font-size:12px;padding:10px 12px}
 .gxv11-loc{min-height:36px;font-size:11px}
 .gxv11-loc-right{display:none}
 .gxv11-tool-guide{flex-direction:column;align-items:flex-start;gap:10px;margin:0 0 22px!important;padding:12px 15px;border-radius:8px}
 .gxv11-guide-copy>b{font-size:13px}
 .gxv11-guide-links{gap:8px}
 .gxv11-skip{font-size:11px;padding:6px 11px;min-height:32px}
 .gxv11-ready .page-banner{min-height:185px}.gxv11-ready .page-banner::after{width:72%}
 .gxv11-ready .page-banner .banner-content{padding:30px 19px}
 .gxv11-ready .page-banner h2{font-size:33px;letter-spacing:1.3px}
 .gxv11-ready .page-banner p{font-size:11px}
 .gxv11-ready .tool-section>.container,.gxv11-ready .feng-body{padding-top:20px}
 .gxv11-ready .tool-intro{margin-bottom:25px}
 .gxv11-ready .tool-intro h2{font-size:26px}
 .gxv11-ready .tool-intro p{font-size:12px}
 .gxv11-ready .form-panel,.gxv11-ready .result-panel{padding:20px}
 .gxv11-ready .page-section,.gxv11-ready .tool-section{scroll-margin-top:69px}
 .gxv11-ready .bazi-readable{max-width:100%}
 .footer{padding-bottom:18px}
}
@media(max-width:370px){#home h1{font-size:38px}.feature-grid{grid-template-columns:1fr}.feature-card,.feature-card:nth-child(4),.feature-card:nth-child(5),.feature-card:nth-child(6){grid-column:auto;min-height:230px;height:230px}.gxv11-mobile-dock>a,.gxv11-mobile-dock>button{min-width:40px}}
@media(prefers-reduced-motion:reduce){.gxv11-mobile-dock,.gxv11-drawer{transition:none!important}}