@font-face{font-family:GuanjuSerif;src:url('fonts/GuanjuSerif.woff2') format('woff2');font-display:swap;font-weight:400}
/* Website artwork waits for its own chapter; the ink entry keeps the bandwidth. */
html:not(.nb-site-art-ready):not(.pricing-document):not(.activities-document) #guanju-site .hero-art{background-image:none}
html:not(.nb-continuation-art-ready):not(.pricing-document):not(.activities-document) #guanju-site .continuation-art{background-image:none}
html.nb-loading #guanju-site .button::before{background-image:none}
#guanju-site{--paper:#f4ecd9;--ink:#183e51;--muted:#746d5b;--red:#ad4431;--gold:#b29968;--rule:#a68e5838;--serif:GuanjuSerif,'Noto Serif SC',serif;--sans:'PingFang SC','Microsoft YaHei',sans-serif}
#guanju-site *{box-sizing:border-box}#guanju-site{scroll-behavior:smooth;scroll-padding-top:86px}#guanju-site{margin:0;background:var(--paper);color:var(--ink);font:15px/1.8 var(--sans);-webkit-font-smoothing:antialiased}#guanju-site button, #guanju-site a, #guanju-site input{font:inherit}#guanju-site button{border:0;background:none;color:inherit;cursor:pointer}#guanju-site a{color:inherit;text-decoration:none}#guanju-site button[disabled]{opacity:.45;cursor:default}#guanju-site [hidden]{display:none!important}#guanju-site button:focus-visible, #guanju-site a:focus-visible{outline:2px solid var(--red);outline-offset:5px}#guanju-site h1, #guanju-site h2, #guanju-site h3, #guanju-site p{margin:0}#guanju-site svg{width:18px;height:18px;flex:none}#guanju-site ::selection{background:#b4533636}#guanju-site .shell{width:min(1200px,calc(100% - 100px));margin-inline:auto}
#guanju-site .eyebrow{font-size:12px;letter-spacing:.2em;color:#927a4c;display:flex;align-items:center;gap:12px}#guanju-site .eyebrow:before{content:'';width:25px;height:1px;background:currentColor}
#guanju-site .button{display:inline-flex;align-items:center;justify-content:center;gap:21px;min-height:52px;padding:12px 27px;border:1px solid #9b3829;border-radius:8px;background:linear-gradient(145deg,#b54f3a,#a13a2a);color:#fff2d8;font-size:14px;box-shadow:0 5px 14px #8b372519,inset 0 1px #ffffff21;transition:transform .2s,box-shadow .2s}#guanju-site .button:hover{transform:translateY(-2px);box-shadow:0 8px 21px #8b372527}#guanju-site .button.ghost{background:#fff9e733;border-color:#8c725754;color:var(--ink);box-shadow:none;backdrop-filter:blur(8px)}#guanju-site .button.ghost:hover{background:#fff6e780}#guanju-site .text-link{display:inline-flex;gap:12px;align-items:center;min-height:44px}
#guanju-site .site-nav{position:sticky;top:0;z-index:10;background:#f3e8d3d6;backdrop-filter:blur(18px);border-bottom:1px solid #a58a5726}#guanju-site .nav-inner{min-height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}#guanju-site .brand{display:flex;gap:12px;align-items:center;width:max-content}#guanju-site .brand img{width:33px;height:43px;object-fit:contain}#guanju-site .brand span{font:29px/1.3 var(--serif);letter-spacing:.13em}#guanju-site .nav-links{display:flex;align-items:center;gap:33px;font-size:14px;color:#605e52}#guanju-site .nav-links a, #guanju-site .nav-links button{min-height:44px;padding:10px 0}#guanju-site .nav-links a:hover, #guanju-site .nav-links button:hover{color:var(--red)}#guanju-site .nav-cta{justify-self:end;font-size:13px;min-height:43px;padding:8px 20px;gap:12px}
#guanju-site .hero{isolation:isolate;position:relative;min-height:820px;padding:65px 0 31px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;background:#f3e7c9}#guanju-site .hero-art{position:absolute;inset:-8px;z-index:-2;background:url('guanju-art-v4/hero.webp') center/cover no-repeat;transform:translate(var(--pointer-x,0px),var(--pointer-y,0px));transition:transform .7s cubic-bezier(.2,.7,.2,1);will-change:transform}#guanju-site .hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#f5e7c320 0%,transparent 75%,#183e5108 100%)}
#guanju-site .hero-content{text-align:center;position:relative}#guanju-site .hero .eyebrow{justify-content:center;letter-spacing:.28em}#guanju-site .hero h1{font:400 76px/1.45 var(--serif);letter-spacing:.02em;margin:24px 0 20px;color:#153e51;text-shadow:0 1px 20px #fff9e450}#guanju-site .hero h1 span{display:block}#guanju-site .hero h1 .hero-brand{font-size:35px;letter-spacing:.18em;line-height:1.75;margin-bottom:6px}#guanju-site .hero-content>p{font-size:16px;line-height:1.95;color:#6b6553}#guanju-site .hero-actions{display:flex;justify-content:center;gap:18px;margin-top:29px}#guanju-site .hero-actions .button{min-width:179px}#guanju-site .hero-index{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:22px;color:#726848;font-size:12px}#guanju-site .hero-index button{min-height:44px;padding:8px 0}#guanju-site .hero-index button:hover{color:var(--red)}#guanju-site .hero-index>span{color:#aa935f}#guanju-site .hero-bottom{display:flex;justify-content:space-between;align-items:center;color:#f7edcf;font-size:12px;letter-spacing:.1em;text-shadow:0 1px 10px #14354499}#guanju-site .hero-bottom a{display:flex;align-items:center;gap:15px;min-height:44px}
#guanju-site .product{isolation:isolate;position:relative;overflow:hidden;background:#11384a;color:#f4e8ca;padding:86px 0 78px}#guanju-site .stage-art{position:absolute;inset:0;z-index:-2;background:url('guanju-art-v4/stage.webp') center/cover no-repeat;opacity:.8}#guanju-site .product:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#113749bd 0,#123a4d69 50%,#10374712 100%);pointer-events:none}#guanju-site .product-heading{text-align:center;margin-bottom:55px}#guanju-site .product-heading .eyebrow{justify-content:center;color:#c8b586}#guanju-site .product-heading h2{font:400 44px/1.5 var(--serif);letter-spacing:.02em;margin-top:15px}#guanju-site .product-heading p{font-size:14px;color:#c7cbbd;margin-top:11px}#guanju-site .product-layout{display:grid;grid-template-columns:1.04fr 1fr;gap:96px;align-items:start}#guanju-site .feature-menu{padding-top:72px;min-width:0}#guanju-site .mode-switch{display:flex;gap:25px;border-bottom:1px solid #bda7733d;width:max-content}#guanju-site .mode-switch button{position:relative;min-height:45px;padding:8px 0;font-size:13px;color:#b9c4b9}#guanju-site .mode-switch button[aria-pressed=true]{color:#f5dfa1}#guanju-site .mode-switch button[aria-pressed=true]:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#d5b878}#guanju-site .feature-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0 34px}#guanju-site .feature-tabs button{display:flex;align-items:center;gap:8px;position:relative;font-size:13px;min-height:42px;padding:8px 13px;border:1px solid #c9b58445;border-radius:5px;color:#d0d2bd;background:#152f3b12;transition:background .2s,border .2s}#guanju-site .feature-tabs button:hover{background:#b7a47514}#guanju-site .feature-tabs button[aria-selected=true]{color:#f9e3ad;background:#b2996426;border-color:#d2b57299}#guanju-site .feature-tabs small, #guanju-site .feature-tab-text>span, #guanju-site .feature-tabs svg{display:none}#guanju-site .feature-tab-text strong{font-weight:400}
#guanju-site .feature-label{font-size:11px;letter-spacing:.13em;color:#c6ac7a;margin-bottom:15px}#guanju-site .feature-copy h3{font:400 45px/1.58 var(--serif);min-height:144px;letter-spacing:.01em;color:#f5e9cc}#guanju-site .feature-copy>p{font-size:15px;line-height:2;max-width:395px;color:#c2c9bc;margin:22px 0 24px;min-height:96px}#guanju-site .feature-detail{border-top:1px solid #c1a97038;padding-top:18px;display:flex;flex-direction:column;gap:7px;font-size:12px;color:#b7c4b9}#guanju-site .feature-detail b{font-weight:400;color:#d5b878}#guanju-site .try-note{border-top:1px solid #c1a97038;padding-top:20px;margin-top:25px;font-size:13px;color:#d2d7c6}#guanju-site .try-note button{color:#ebc68a;padding:12px 0;min-height:44px}
#guanju-site .belief{padding:92px 0 90px}#guanju-site .belief-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:end;margin-bottom:57px}#guanju-site .belief h2{font:400 40px/1.6 var(--serif);margin-top:16px;letter-spacing:.015em}#guanju-site .belief h2 em{display:block;font-style:normal;color:var(--red)}#guanju-site .belief-lead{font-size:15px;color:var(--muted);line-height:2.05;padding-bottom:7px}#guanju-site .principles{display:grid;grid-template-columns:repeat(3,1fr);gap:55px}#guanju-site .principle{position:relative;padding:24px 0 0;border-top:1px solid #af956548}#guanju-site .principle small{font:400 42px/1.6 var(--serif);color:#baa276}#guanju-site .principle h3{font:400 24px/1.6 var(--serif);margin-top:14px}#guanju-site .principle p{font-size:13px;color:var(--muted);line-height:2;margin-top:12px}
#guanju-site .closing{position:relative;isolation:isolate;overflow:hidden;min-height:650px;display:flex;align-items:center;background:#f7efd9}#guanju-site .closing-art{position:absolute;inset:0;z-index:-1;background:url('guanju-art-v4/closing.webp') center/cover no-repeat}#guanju-site .closing-inner{padding:64px 0 62px}#guanju-site .closing-brand{display:flex;align-items:center;gap:17px;margin-bottom:26px}#guanju-site .closing-brand img{width:40px;height:53px;object-fit:contain}#guanju-site .closing-brand span{font-size:11px;color:#877452;letter-spacing:.18em}#guanju-site .closing h2{font:400 62px/1.55 var(--serif);letter-spacing:.025em;color:#173e51}#guanju-site .closing-description{font-size:14px;color:#6e6757;margin-top:22px}#guanju-site .closing-actions{display:flex;gap:17px;margin-top:28px}#guanju-site .closing-actions .button{min-width:174px}#guanju-site .closing-meta{margin-top:37px;font-size:11px;color:#947d54;letter-spacing:.2em}#guanju-site .footer{display:flex;justify-content:space-between;gap:24px;padding:25px 0 28px;font-size:11px;color:#786d53}#guanju-site .footer-links{display:flex;gap:26px}
#guanju-site .dialog{border:1px solid #c3af83;border-radius:12px;background:#f7efdc;color:var(--ink);padding:35px;max-width:440px;width:calc(100% - 36px);box-shadow:0 30px 100px #123b5033}#guanju-site .dialog::backdrop{background:#123b5059;backdrop-filter:blur(5px)}#guanju-site .dialog h2{font:400 26px/1.65 var(--serif);margin-bottom:14px}#guanju-site .dialog p{font-size:14px;line-height:1.9;color:var(--muted)}#guanju-site .dialog-actions{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;margin-top:25px}#guanju-site .dialog-actions button{min-height:44px}#guanju-site .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(min-width:1700px){#guanju-site .hero{min-height:880px;padding-top:75px}#guanju-site .hero h1{font-size:83px}#guanju-site .hero h1 .hero-brand{font-size:38px}#guanju-site .hero-content>p{font-size:17px}#guanju-site .hero-index{margin-top:25px}}
@media(max-width:1100px){#guanju-site .shell{width:calc(100% - 80px)}#guanju-site .hero{min-height:760px;padding-top:56px}#guanju-site .hero h1{font-size:65px}#guanju-site .hero h1 .hero-brand{font-size:32px}#guanju-site .product-layout{gap:62px}#guanju-site .feature-menu{padding-top:40px}#guanju-site .feature-copy h3{font-size:37px;min-height:123px}#guanju-site .feature-copy>p{font-size:14px}#guanju-site .product-heading h2{font-size:39px}#guanju-site .belief-heading{gap:35px}#guanju-site .belief h2{font-size:34px}#guanju-site .belief-lead{font-size:14px}#guanju-site .principles{gap:35px}#guanju-site .closing h2{font-size:54px}#guanju-site .closing{min-height:600px}}
@media(max-width:760px){#guanju-site .shell{width:calc(100% - 44px)}#guanju-site .nav-inner{min-height:72px;gap:15px}#guanju-site .nav-links{gap:20px;font-size:12px}#guanju-site .nav-links a:nth-child(2){display:none}#guanju-site .brand span{font-size:25px}#guanju-site .brand img{width:28px;height:36px}#guanju-site .nav-cta{font-size:11px;padding-inline:16px;min-height:41px}#guanju-site .hero{min-height:720px;padding-top:56px}#guanju-site .hero h1{font-size:53px;line-height:1.5;margin-top:20px}#guanju-site .hero-content>p{font-size:14px}#guanju-site .hero-art{background-position:56% center}#guanju-site .product{padding:58px 0 53px}#guanju-site .product-heading{margin-bottom:31px}#guanju-site .product-heading h2{font-size:33px}#guanju-site .product-heading p{font-size:12px}#guanju-site .product-layout{gap:29px;grid-template-columns:1fr 1fr}#guanju-site .feature-menu{padding-top:25px}#guanju-site .feature-tabs{gap:7px;margin:21px 0 26px}#guanju-site .feature-tabs button{font-size:12px;padding:8px 10px}#guanju-site .feature-copy h3{font-size:30px;min-height:100px}#guanju-site .feature-copy>p{font-size:13px;margin-top:18px;min-height:104px}#guanju-site .feature-detail{font-size:11px}#guanju-site .belief{padding:59px 0 63px}#guanju-site .belief-heading{gap:27px;margin-bottom:38px}#guanju-site .belief h2{font-size:29px}#guanju-site .belief-lead{font-size:12px}#guanju-site .principles{gap:27px}#guanju-site .principle h3{font-size:20px}#guanju-site .principle p{font-size:12px}#guanju-site .closing{min-height:560px}#guanju-site .closing h2{font-size:47px}#guanju-site .closing-description{font-size:12px}#guanju-site .closing-actions .button{min-width:156px;font-size:12px;padding-inline:20px}}
@media(max-width:620px){#guanju-site{scroll-padding-top:76px}#guanju-site .shell{width:calc(100% - 42px)}#guanju-site .nav-inner{grid-template-columns:1fr auto;min-height:70px}#guanju-site .nav-links{display:none}#guanju-site .hero{min-height:744px;padding-top:41px}#guanju-site .hero-art{background-size:auto 100%;background-position:51% center}#guanju-site .hero .eyebrow{font-size:10px;letter-spacing:.19em}#guanju-site .hero h1{font-size:40px;line-height:1.6;margin:20px 0 17px}#guanju-site .hero h1 .hero-brand{font-size:26px;letter-spacing:.15em;margin-bottom:3px}#guanju-site .hero-content>p{font-size:12px;line-height:2}#guanju-site .hero-actions{gap:12px;margin-top:25px}#guanju-site .hero-actions .button{min-width:147px;padding:11px 13px;font-size:12px;gap:13px;min-height:47px}#guanju-site .hero-index{flex-wrap:wrap;gap:9px;font-size:10px;margin-top:14px}#guanju-site .hero-index button{padding:8px 0;min-height:38px}#guanju-site .hero-bottom{font-size:10px;color:#f9f0d4;gap:20px;letter-spacing:.03em}#guanju-site .hero-bottom a{gap:9px}#guanju-site .hero-bottom svg{width:14px}#guanju-site .product-heading h2{font-size:29px}#guanju-site .product-heading .eyebrow{font-size:10px}#guanju-site .product-heading p{max-width:280px;margin:11px auto 0;line-height:1.9}#guanju-site .stage-art{background-position:65% bottom;background-size:auto 100%}#guanju-site .product:after{background:linear-gradient(180deg,#12384a77,#12384a18)}#guanju-site .product-layout{display:flex;flex-direction:column;align-items:stretch;gap:0}#guanju-site .feature-menu{display:contents}#guanju-site .mode-switch{order:1;justify-content:center;margin:0 auto}#guanju-site .mode-switch button{font-size:12px}#guanju-site .feature-tabs{order:2;flex-wrap:nowrap;overflow:auto;max-width:100%;gap:7px;margin:22px 0 29px;scrollbar-width:none;overscroll-behavior-inline:contain;padding:2px 1px}#guanju-site .feature-tabs::-webkit-scrollbar{display:none}#guanju-site .feature-tabs button{flex:none;white-space:nowrap;min-height:44px;font-size:11px;padding:9px 10px}#guanju-site .phone-column{order:3}#guanju-site .feature-copy{order:4;max-width:340px;margin:39px auto 0;text-align:left;padding-inline:8px}#guanju-site .feature-copy h3{font-size:32px;min-height:0}#guanju-site .feature-label{font-size:10px}#guanju-site .feature-copy>p{font-size:13px;min-height:0;margin:17px 0 21px}#guanju-site .feature-detail{font-size:11px}#guanju-site .try-note{order:5;text-align:center;margin-top:25px;font-size:12px}#guanju-site .belief-heading{grid-template-columns:1fr;gap:21px;margin-bottom:33px}#guanju-site .belief h2{font-size:31px}#guanju-site .belief-lead{font-size:13px}#guanju-site .principles{grid-template-columns:1fr;gap:0}#guanju-site .principle{display:grid;grid-template-columns:44px 1fr;column-gap:16px;padding:21px 0 24px}#guanju-site .principle small{grid-row:1/3;font-size:31px}#guanju-site .principle h3{font-size:22px;margin:0}#guanju-site .principle p{font-size:12px;margin-top:8px}#guanju-site .closing{min-height:650px;align-items:start}#guanju-site .closing-art{background-size:auto 100%;background-position:61% bottom;opacity:.95}#guanju-site .closing:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#f8efdcee 0%,#f8efdcdc 40%,#f8efdc00 78%)}#guanju-site .closing-inner{padding-top:49px;padding-bottom:48px}#guanju-site .closing-brand{margin-bottom:20px;gap:14px}#guanju-site .closing-brand img{width:34px;height:45px}#guanju-site .closing-brand span{font-size:10px}#guanju-site .closing h2{font-size:43px;line-height:1.55}#guanju-site .closing-description{max-width:245px;line-height:1.9;margin-top:16px;font-size:12px}#guanju-site .closing-actions{gap:11px;margin-top:22px}#guanju-site .closing-actions .button{min-width:147px;padding:11px 12px;font-size:11px;gap:12px}#guanju-site .closing-meta{margin-top:24px;font-size:10px}#guanju-site .footer{flex-wrap:wrap;gap:10px 20px;font-size:10px;padding:22px 0}#guanju-site .footer-links{width:100%;gap:23px}}
@media(max-width:360px){#guanju-site .shell{width:calc(100% - 34px)}#guanju-site .hero h1{font-size:34px}#guanju-site .hero-actions .button{min-width:133px;font-size:11px;gap:11px;padding-inline:12px}#guanju-site .hero-index{gap:7px}#guanju-site .hero-bottom{gap:10px;font-size:9px}#guanju-site .product-heading h2{font-size:26px}#guanju-site .feature-tabs button{padding-inline:9px}#guanju-site .closing h2{font-size:40px}#guanju-site .closing-actions .button{min-width:132px;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){#guanju-site{scroll-behavior:auto}#guanju-site *, #guanju-site *:before, #guanju-site *:after{animation:none!important;transition:none!important}#guanju-site .hero-art{transform:none!important}#guanju-site .button:hover{transform:none}}
#guanju-site .mobile-feature-summary{display:none}
@media(max-width:620px){#guanju-site .feature-copy{order:3;margin:0 auto 10px;text-align:center;padding:0 8px;max-width:330px}#guanju-site .feature-copy .feature-label, #guanju-site .feature-copy h3, #guanju-site .feature-copy .feature-detail, #guanju-site .feature-copy>p:not(.mobile-feature-summary){display:none}#guanju-site .feature-copy>p.mobile-feature-summary{display:block;font-size:13px;line-height:1.9;color:#d4d8c7;min-height:49px;margin:0}#guanju-site .phone-column{order:4}#guanju-site .feature-tabs{margin-bottom:16px}}

/* One real product screen, 393 × 766. Device chrome never alters its geometry. */
#guanju-site .phone-column {
  --phone-scale: .76;
  --phone-width: calc(421px * var(--phone-scale));
  --phone-height: calc(880px * var(--phone-scale));
  --phone-gold: #dbc497;
  --phone-cream: #f5eddd;
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  width: 100%;
  padding: 16px 0;
  color: var(--phone-cream);
}
#guanju-site .phone-column::before {
  content: '';
  position: absolute;
  z-index: 0;
  pointer-events: none;
  top: 14px;
  left: 50%;
  width: min(100%, 530px);
  height: var(--phone-height);
  transform: translateX(-50%);
  background: radial-gradient(ellipse at 50% 46%, #d8b9821c 0, #d8b9820b 39%, transparent 71%);
}
#guanju-site .phone-column::after {
  content: '';
  position: absolute;
  z-index: 0;
  pointer-events: none;
  left: 50%;
  top: calc(var(--phone-height) * .17);
  width: min(100%, 420px);
  aspect-ratio: 1;
  border: 1px solid #dbc4971e;
  border-radius: 50%;
  transform: translateX(-50%);
  box-shadow: 0 0 56px #d8b98207;
}
#guanju-site .phone-column > * { position: relative; z-index: 1; }
#guanju-site .phone-column [hidden] { display: none !important; }
/* Match the existing 421 × 880 device exactly; allow the film's mild camera motion. */
#guanju-site [data-demo-media="video"] .device-sizing > .iphone { visibility: hidden; }
#guanju-site .bazi-video-calibration {
  position: absolute; inset: 0; width: 421px; height: 880px;
  transform: scale(var(--phone-scale)); transform-origin: top left;
  pointer-events: none;
}
#guanju-site .bazi-video-window {
  position: absolute; left: -24px; top: -40px; width: 469px; height: 960px;
  overflow: hidden;
}
#guanju-site .bazi-demo-media {
  display: block; position: absolute; left: -530.4068px; top: -28.3051px;
  width: 1627.1186px; height: 1016.9492px; max-width: none;
  background: transparent; pointer-events: none;
}
/* Keep the film's small step callout beside the phone, outside the video crop.
   Absolute positioning preserves the approved phone and feature-copy layout. */
#guanju-site .feature-copy{position:relative}
#guanju-site .demo-step-copy{position:absolute;top:calc(var(--phone-height)*.192);left:calc(var(--phone-width)*-.72 - 24px);width:min(235px,calc(var(--phone-width)*.72));z-index:3;pointer-events:none;text-align:left}
#guanju-site .demo-step-eyebrow{display:flex;align-items:center;gap:8px;color:#e2c891;font-size:10px;letter-spacing:.06em;line-height:1.6}
#guanju-site .demo-step-eyebrow::before{content:'';width:16px;height:1px;background:currentColor;flex:none}
#guanju-site .demo-step-copy h4{margin:10px 0 0;font:400 18px/1.55 var(--serif);letter-spacing:.01em;color:#fff2d8;white-space:pre-line;overflow-wrap:anywhere}
#guanju-site .demo-step-copy p{margin:10px 0 0;font-size:11px;line-height:1.8;color:#efe6d2;overflow-wrap:anywhere}
#guanju-site .demo-step-copy[data-side="above"]{top:-32px;text-align:center}
#guanju-site .demo-step-copy[data-side="above"] .demo-step-eyebrow,#guanju-site .demo-step-copy[data-side="above"] p{display:none}
#guanju-site .demo-step-copy[data-side="above"] h4{margin:0;font-size:var(--compact-step-font,14px);line-height:1.5;white-space:normal}
#guanju-site .demo-mobile-step-copy{display:none;position:absolute;inset:0;pointer-events:none}
@media(min-width:900px) and (max-width:1240px){#guanju-site .demo-step-copy h4{font-size:14px}#guanju-site .demo-step-copy p{font-size:10px}#guanju-site .demo-step-eyebrow{font-size:9px}}
@media(max-width:899px){
 #guanju-site .demo-step-copy{display:none}
 #guanju-site .feature-copy.has-demo-step-copy>:not(.demo-mobile-step-copy){visibility:hidden}
 #guanju-site .demo-mobile-step-copy{display:block;font:400 14px/1.8 var(--sans);color:#fff2d8}
}
#guanju-site .bazi-video-status {
  position: absolute; top: calc(var(--phone-height) * .46); width: var(--phone-width);
  margin: 0; padding: 12px; text-align: center; color: #f5eddd;
  background: #173e51e8; font-size: 12px; line-height: 1.8;
}
#guanju-site .device-sizing {
  --scale: var(--phone-scale);
  position: relative;
  width: var(--phone-width);
  height: var(--phone-height);
  flex: none;
  z-index: 2;
}
#guanju-site .iphone {
  position: absolute;
  inset: 0;
  width: 421px;
  height: 880px;
  transform: scale(var(--scale));
  transform-origin: top left;
  padding: 5px;
  border-radius: 66px;
  background: linear-gradient(110deg, #9e9990, #e5e0d4 19%, #a8a398 37%, #ddd8cb 68%, #a09a8e);
  box-shadow: inset 0 0 0 1px #716c63, inset 0 0 0 3px #f1ece24d, 0 2px 3px #030f1640, 8px 17px 25px #06121a30, 19px 38px 65px #06121a42;
}
#guanju-site .iphone::after {
  content: '';
  position: absolute;
  inset: 2px;
  border: 1px solid #ffffec70;
  border-radius: 64px;
  pointer-events: none;
}
#guanju-site .hardware {
  position: absolute;
  z-index: -1;
  width: 4px;
  background: linear-gradient(to right, #928d82, #d6d0c3);
  border: 1px solid #948e80;
  border-radius: 2px;
}
#guanju-site .hardware.action { left: -3px; top: 107px; height: 29px; }
#guanju-site .hardware.up { left: -3px; top: 163px; height: 56px; }
#guanju-site .hardware.down { left: -3px; top: 235px; height: 56px; }
#guanju-site .hardware.power { right: -3px; top: 193px; height: 86px; }
#guanju-site .device-glass {
  width: 100%;
  height: 100%;
  padding: 9px;
  border-radius: 61px;
  background: #121311;
  box-shadow: inset 0 0 0 1px #ffffff26;
}
#guanju-site .screen {
  display: flex;
  flex-direction: column;
  width: 393px;
  height: 852px;
  border-radius: 52px;
  overflow: hidden;
  isolation: isolate;
  background: #f2e7cf;
  color: #233d47;
}
#guanju-site .status-bar {
  height: 64px;
  flex: none;
  padding: 0 29px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  font: 15px Arial, sans-serif;
}
#guanju-site .clock { width: 54px; text-align: center; font-weight: 600; }
#guanju-site .island {
  position: absolute;
  top: 11px;
  left: 50%;
  transform: translateX(-50%);
  width: 120px;
  height: 34px;
  border-radius: 24px;
  background: #070908;
}
#guanju-site .island::after {
  content: '';
  position: absolute;
  top: 12px;
  right: 12px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: radial-gradient(circle at 36% 34%, #224664, #030809 65%);
  box-shadow: 0 0 0 2px #16181880;
}
#guanju-site .status-icons { display: flex; gap: 5px; align-items: center; }
#guanju-site .status-icons svg { width: 16px; height: 15px; }
#guanju-site .battery { position: relative; width: 24px; height: 11px; border: 1px solid currentColor; border-radius: 3px; }
#guanju-site .battery::after { content: ''; position: absolute; inset: 2px; background: currentColor; border-radius: 1px; }
#guanju-site .battery::before { content: ''; position: absolute; right: -3px; top: 3px; width: 2px; height: 4px; background: currentColor; }
#guanju-site .app-viewport { position: relative; flex: none; height: 766px; overflow: hidden; background: #f2e7cf; }
#guanju-site .app-frame {
  display: block;
  position: absolute;
  inset: 0;
  width: 393px;
  height: 766px;
  object-fit: cover;
  object-position: top;
  transition: opacity .28s ease;
}
#guanju-site .app-frame.back { opacity: 0; }
#guanju-site .app-frame.back.show { opacity: 1; }
#guanju-site .touch {
  position: absolute;
  z-index: 3;
  width: 38px;
  height: 38px;
  border: 1px solid #ae402e80;
  background: #b4513630;
  border-radius: 50%;
  pointer-events: none;
  opacity: 0;
  transform: translate(-50%, -50%);
}
#guanju-site .touch::after { content: ''; position: absolute; inset: 12px; background: #b24630b0; border-radius: 50%; }
#guanju-site .touch.tap { animation: tap 1s ease-out both; }
@keyframes tap {
  0% { opacity: 0; scale: 1.6; }
  25% { opacity: 1; scale: 1; }
  65% { opacity: 1; scale: .87; }
  100% { opacity: 0; scale: 1.3; }
}
#guanju-site .home-area { height: 22px; flex: none; display: grid; place-items: center; }
#guanju-site .home-area::after { content: ''; width: 132px; height: 5px; border-radius: 4px; background: #233d47; opacity: .88; }
#guanju-site .device-controls {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  width: var(--phone-width);
  max-width: 100%;
  margin-top: 18px;
  color: #e3d8bf;
  font-size: 12px;
  line-height: 1.5;
}
#guanju-site .device-controls button {
  display: flex;
  gap: 7px;
  align-items: center;
  padding: 0;
  min-height: 44px;
  border: 0;
  background: none;
  color: inherit;
  cursor: pointer;
  white-space: nowrap;
}
 #guanju-site .device-controls [data-action="speed"]{font-variant-numeric:tabular-nums;min-width:50px;justify-content:center;color:#e5c58b}
#guanju-site .device-controls button:hover { color: #fff3d7; }
#guanju-site .device-controls svg { width: 14px; height: 14px; flex: none; }
#guanju-site .device-controls .frame-count { margin-left: auto; font: 12px Georgia, serif; color: #dbc497c7; }
#guanju-site .demo-progress { height: 2px; width: var(--phone-width); max-width: 100%; background: #d8bf9229; border-radius: 1px; overflow: hidden; }
#guanju-site .demo-progress span { display: block; height: 100%; background: #e8c387; width: 0; }
#guanju-site .device-caption { max-width: var(--phone-width); margin: 13px 0 0; text-align: center; font-size: 10px; line-height: 1.7; letter-spacing: .03em; color: #d2c7b297; }
#guanju-site .phone-column .flow { width: var(--phone-width); max-width: 100%; margin-top: 27px; }
#guanju-site .flow-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 5px; font-size: 10px; line-height: 1.7; color: #e8dbc0ab; }
#guanju-site .flow-head span:last-child { color: #ddc296; text-align: right; }
#guanju-site .timeline { display: flex; gap: 5px; width: 100%; }
#guanju-site .timeline button { flex: 1; min-width: 0; min-height: 44px; padding: 12px 0 3px; text-align: left; font-size: 10px; line-height: 1.6; color: #cfc3abb0; border: 0; background: none; cursor: pointer; overflow-wrap: anywhere; }
#guanju-site .timeline button::before { content: ''; display: block; height: 1px; background: #d8bf9230; margin-bottom: 10px; }
#guanju-site .timeline button:hover { color: #f3ddaf; }
#guanju-site .timeline button[aria-current=step] { color: #f3ddaf; }
#guanju-site .timeline button[aria-current=step]::before { height: 2px; margin-bottom: 9px; background: #e8c387; }
#guanju-site .phone-column button:focus-visible, #guanju-site .phone-column a:focus-visible { outline: 2px solid #e8c387; outline-offset: 5px; }
#guanju-site .flow-head{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}
#guanju-site .phone-column .flow{margin-top:14px}
#guanju-site .device-caption{font-size:11px}
#guanju-site .timeline{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;gap:8px}
#guanju-site .timeline::-webkit-scrollbar{display:none}
#guanju-site .timeline button{min-width:48px;flex:1 0 48px;font-size:11px}
@media (max-width: 1024px) {
  #guanju-site .phone-column { --phone-scale: .70; }
}
@media (max-width: 760px) {
  #guanju-site .phone-column { --phone-scale: .67; padding-top: 21px; }
  #guanju-site .phone-column::after { width: min(100%, 350px); }
}
@media (max-width: 420px) {
  #guanju-site .phone-column { --phone-scale: .67; }
  #guanju-site .device-controls { gap: 8px; font-size: 11px; }
  #guanju-site .device-controls .frame-count { font-size: 11px; }
  #guanju-site .flow-head { font-size: 10px; }
}
@media (max-width: 360px) {
  #guanju-site .phone-column { --phone-scale: .60; }
  #guanju-site .device-controls { gap: 8px; }
  #guanju-site .timeline { gap: 4px; }
  #guanju-site .timeline button { font-size: 9px; }
}
@media (prefers-reduced-motion: reduce) {
  #guanju-site .phone-column .app-frame { transition: none; }
  #guanju-site .phone-column .touch.tap { animation: none; opacity: 0; }
}

/* A continuous painted surface, with native scrolling and still readable content. */
#guanju-site .hero{background:#11384a}
#guanju-site .hero-art{inset:-32px;transition:none;transform:translate3d(var(--pointer-x,0px),calc(var(--art-y,0px) + var(--pointer-y,0px)),0) scale(var(--art-scale,1.01));transform-origin:center 42%;-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221600%22%20height%3D%221000%22%20viewBox%3D%220%200%201600%201000%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22white%22%2F%3E%3Cstop%20offset%3D%22.66%22%20stop-color%3D%22white%22%2F%3E%3Cstop%20offset%3D%22.78%22%20stop-color%3D%22white%22%20stop-opacity%3D%22.94%22%2F%3E%3Cstop%20offset%3D%22.87%22%20stop-color%3D%22white%22%20stop-opacity%3D%22.55%22%2F%3E%3Cstop%20offset%3D%22.96%22%20stop-color%3D%22white%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22white%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22soft%22%3E%3CfeGaussianBlur%20stdDeviation%3D%2218%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient%20id%3D%22cloud%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22white%22%20stop-opacity%3D%22.28%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22white%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%221600%22%20height%3D%221000%22%20fill%3D%22url(%23g)%22%2F%3E%3Cpath%20d%3D%22M-80%20790%20C180%20725%20245%20890%20495%20820%20S825%20930%201040%20817%20S1470%20825%201680%20740%20L1680%201000%20H-80Z%22%20fill%3D%22url(%23cloud)%22%20filter%3D%22url(%23soft)%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221600%22%20height%3D%221000%22%20viewBox%3D%220%200%201600%201000%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22white%22%2F%3E%3Cstop%20offset%3D%22.66%22%20stop-color%3D%22white%22%2F%3E%3Cstop%20offset%3D%22.78%22%20stop-color%3D%22white%22%20stop-opacity%3D%22.94%22%2F%3E%3Cstop%20offset%3D%22.87%22%20stop-color%3D%22white%22%20stop-opacity%3D%22.55%22%2F%3E%3Cstop%20offset%3D%22.96%22%20stop-color%3D%22white%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22white%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22soft%22%3E%3CfeGaussianBlur%20stdDeviation%3D%2218%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient%20id%3D%22cloud%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22white%22%20stop-opacity%3D%22.28%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22white%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%221600%22%20height%3D%221000%22%20fill%3D%22url(%23g)%22%2F%3E%3Cpath%20d%3D%22M-80%20790%20C180%20725%20245%20890%20495%20820%20S825%20930%201040%20817%20S1470%20825%201680%20740%20L1680%201000%20H-80Z%22%20fill%3D%22url(%23cloud)%22%20filter%3D%22url(%23soft)%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%}
#guanju-site .hero:after{background:linear-gradient(180deg,#f5e7c318 0%,transparent 65%,#11384a10 85%,#11384a12 100%)}
#guanju-site .hero-bottom{position:relative;z-index:2}
#guanju-site .scene-bridge{position:relative;height:0;z-index:3;pointer-events:none}
#guanju-site .scene-bridge .scene-mist{position:absolute;left:0;right:0;top:-150px;height:260px;pointer-events:none;background:radial-gradient(ellipse 55% 45% at 18% 45%,#68998a13,transparent 80%),radial-gradient(ellipse 60% 48% at 75% 35%,#8ca48c0f,transparent 85%);opacity:calc(.5 + var(--seam-progress,.5)*.5);transform:translate3d(0,calc((var(--seam-progress,.5) - .5)*12px),0)}
#guanju-site .scene-bridge svg{position:absolute;top:-100px;left:0;width:100%;height:175px;color:#d5ba7b;opacity:.28;pointer-events:none;overflow:visible;transform:translate3d(0,calc((var(--seam-progress,.5) - .5)*12px),0);mask-image:linear-gradient(90deg,transparent,#000 13%,#000 85%,transparent)}
#guanju-site .scene-bridge path{fill:none;stroke:currentColor;stroke-width:1.15;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--seam-progress,1))}
#guanju-site .scene-bridge path:nth-child(2){opacity:.55;stroke-width:.7}
#guanju-site .product{padding-top:104px;padding-bottom:238px;background:linear-gradient(180deg,#11384a 0%,#11384a calc(100% - 260px),#35535b calc(100% - 170px),#9aab9b calc(100% - 90px),#f4ecd9 100%)}
#guanju-site .stage-art{inset:-32px;opacity:.84;transform:translate3d(var(--pointer-x,0px),calc(var(--art-y,0px) + var(--pointer-y,0px)),0) scale(var(--art-scale,1.015));transform-origin:70% 46%;-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221600%22%20height%3D%221000%22%20viewBox%3D%220%200%201600%201000%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22white%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.05%22%20stop-color%3D%22white%22%20stop-opacity%3D%22.25%22%2F%3E%3Cstop%20offset%3D%22.14%22%20stop-color%3D%22white%22%2F%3E%3Cstop%20offset%3D%22.79%22%20stop-color%3D%22white%22%2F%3E%3Cstop%20offset%3D%22.87%22%20stop-color%3D%22white%22%20stop-opacity%3D%22.85%22%2F%3E%3Cstop%20offset%3D%22.96%22%20stop-color%3D%22white%22%20stop-opacity%3D%22.15%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22white%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22soft%22%3E%3CfeGaussianBlur%20stdDeviation%3D%2215%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient%20id%3D%22cloud%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22white%22%20stop-opacity%3D%22.2%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22white%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%221600%22%20height%3D%221000%22%20fill%3D%22url(%23g)%22%2F%3E%3Cpath%20d%3D%22M-80%20842%20C150%20902%20280%20820%20490%20898%20S900%20827%201110%20882%20S1430%20875%201680%20828%20L1680%201000%20H-80Z%22%20fill%3D%22url(%23cloud)%22%20filter%3D%22url(%23soft)%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221600%22%20height%3D%221000%22%20viewBox%3D%220%200%201600%201000%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22white%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.05%22%20stop-color%3D%22white%22%20stop-opacity%3D%22.25%22%2F%3E%3Cstop%20offset%3D%22.14%22%20stop-color%3D%22white%22%2F%3E%3Cstop%20offset%3D%22.79%22%20stop-color%3D%22white%22%2F%3E%3Cstop%20offset%3D%22.87%22%20stop-color%3D%22white%22%20stop-opacity%3D%22.85%22%2F%3E%3Cstop%20offset%3D%22.96%22%20stop-color%3D%22white%22%20stop-opacity%3D%22.15%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22white%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22soft%22%3E%3CfeGaussianBlur%20stdDeviation%3D%2215%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient%20id%3D%22cloud%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22white%22%20stop-opacity%3D%22.2%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22white%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%221600%22%20height%3D%221000%22%20fill%3D%22url(%23g)%22%2F%3E%3Cpath%20d%3D%22M-80%20842%20C150%20902%20280%20820%20490%20898%20S900%20827%201110%20882%20S1430%20875%201680%20828%20L1680%201000%20H-80Z%22%20fill%3D%22url(%23cloud)%22%20filter%3D%22url(%23soft)%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;will-change:transform}
#guanju-site .product:after{mask-image:linear-gradient(180deg,#000 0%,#000 calc(100% - 240px),transparent 100%)}
#guanju-site .product-inner{position:relative;z-index:1}
#guanju-site .belief{padding-top:58px}
#guanju-site .closing-art{inset:-24px;transform:translate3d(0,var(--art-y,0px),0) scale(var(--art-scale,1.01));transform-origin:75% 50%;mask-image:linear-gradient(180deg,transparent 0%,#000 85px,#000 calc(100% - 24px),transparent 100%);will-change:transform}
#guanju-site .closing{background:#f4ecd9}
#guanju-site .button:active{transform:scale(.975);transition:transform 80ms ease-out}
#guanju-site .hero:after{background:linear-gradient(180deg,#f5e7c318 0%,transparent 65%,#11384a00 88%,#11384a 100%)}
#guanju-site .product:after{background:linear-gradient(180deg,#11384a 0%,#11384a90 70px,#11384a00 180px),linear-gradient(90deg,#113749a8 0%,#123a4d59 50%,#10374712 100%)}
#guanju-site .product{mask-image:linear-gradient(180deg,#000 0%,#000 calc(100% - 200px),transparent 100%)}
@media(max-width:760px){#guanju-site .product{padding-top:87px;padding-bottom:210px}#guanju-site .scene-bridge svg{height:145px;top:-88px}#guanju-site .belief{padding-top:39px}}
@media(max-width:620px){#guanju-site .hero-art{inset:-22px}#guanju-site .stage-art{inset:-22px}#guanju-site .product{padding-top:68px;padding-bottom:176px;background:linear-gradient(180deg,#11384a 0%,#11384a calc(100% - 205px),#49666c calc(100% - 122px),#b4bba5 calc(100% - 55px),#f4ecd9 100%)}#guanju-site .stage-art{background-position:65% bottom;opacity:.84}#guanju-site .product:after{mask-image:linear-gradient(180deg,#000 0%,#000 calc(100% - 180px),transparent 100%)}#guanju-site .scene-bridge .scene-mist{top:-110px;height:190px}#guanju-site .scene-bridge svg{top:-70px;height:123px;opacity:.2}#guanju-site .belief{padding-top:28px}#guanju-site .closing-art{mask-image:linear-gradient(180deg,transparent 0%,#000 80px,#000 95%,transparent 100%)}}
@media(prefers-reduced-motion:reduce){#guanju-site .hero-art, #guanju-site .stage-art, #guanju-site .closing-art, #guanju-site .scene-bridge svg, #guanju-site .scene-mist{transform:none!important;will-change:auto}#guanju-site .scene-bridge path{stroke-dashoffset:0}#guanju-site .button:active{transform:none}}

/* A consistent editorial type scale; generated controls keep live, accessible text. */
#guanju-site{--type-title:64px;--type-section:38px;--type-body:16px;--type-note:13px}
#guanju-site{font-size:var(--type-body);line-height:1.8}
#guanju-site .site-nav{background:#f5eddcd4}
#guanju-site .nav-inner{min-height:82px}
#guanju-site .brand span{font-size:28px;letter-spacing:.1em}
#guanju-site .nav-links{font-size:14px;gap:32px}
#guanju-site .button{position:relative;isolation:isolate;flex:none;width:208px;min-width:0;min-height:60px;padding:14px 24px;gap:16px;background:none;border:0;border-radius:14px;color:#fff5df;font:500 15px/1.5 var(--sans);letter-spacing:.02em;box-shadow:none;backdrop-filter:none;touch-action:manipulation;transition:transform .18s ease}
#guanju-site .button::before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background:url('guanju-ui-v6/button-cinnabar-640.webp') 50% 44.4%/107.5% 169.7% no-repeat;filter:drop-shadow(0 5px 7px #63322218);transition:filter .18s ease;pointer-events:none}
#guanju-site .button.ghost{background:none;border:0;color:#244957;box-shadow:none;backdrop-filter:none}
#guanju-site .button.ghost::before{background-image:url('guanju-ui-v6/button-ivory-640.webp');background-size:110.7% 163.4%;background-position:50% 49.5%;filter:drop-shadow(0 3px 5px #79663c10)}
#guanju-site .button:hover{transform:translateY(-2px);background:none;box-shadow:none}
#guanju-site .button:hover::before{filter:brightness(1.07) drop-shadow(0 7px 9px #63322222)}
#guanju-site .button.ghost:hover{background:none}
#guanju-site .button.ghost:hover::before{filter:brightness(1.025) drop-shadow(0 5px 7px #79663c1a)}
#guanju-site .button:active{transform:translateY(0) scale(.98);transition:transform 70ms ease-out}
#guanju-site .button svg{width:17px;height:17px;stroke-width:1.7}
#guanju-site .nav-cta{width:150px;min-height:44px;padding:10px 17px;font-size:13px;gap:11px;border-radius:11px}
#guanju-site .nav-cta svg{width:15px;height:15px}
#guanju-site .hero{min-height:820px;padding:90px 0 180px;justify-content:flex-start}
#guanju-site .hero-content{max-width:820px}
#guanju-site .hero h1{font:400 var(--type-title)/1.36 var(--serif);letter-spacing:.015em;margin:0;color:#173e4f;text-shadow:none}
#guanju-site .hero h1 span{display:block;white-space:nowrap}
#guanju-site .hero-content>p.hero-description{max-width:560px;margin:26px auto 0;font:400 16px/1.95 var(--sans);letter-spacing:0;color:#635d4e;text-wrap:pretty}
#guanju-site .hero-description span{display:block}
#guanju-site .hero-actions{gap:16px;margin-top:32px}
#guanju-site .hero-actions .button{min-width:0}
#guanju-site .hero-index, #guanju-site .hero-bottom{display:none}
#guanju-site .eyebrow{font:500 11px/1.7 var(--sans);letter-spacing:.16em;gap:10px}
#guanju-site .eyebrow::before{width:22px}
#guanju-site .product-heading h2{font:400 var(--type-section)/1.5 var(--serif);letter-spacing:.015em;margin-top:17px}
#guanju-site .product-heading p{font:400 15px/1.9 var(--sans);margin-top:17px;color:#cdd0c2}
#guanju-site .product-heading{margin-bottom:48px}
#guanju-site .feature-copy h3{font:400 36px/1.6 var(--serif);letter-spacing:.01em;min-height:116px}
#guanju-site .feature-copy>p{font:400 15px/1.95 var(--sans);margin-top:22px}
#guanju-site .feature-label{font-size:11px;letter-spacing:.1em;margin-bottom:15px}
#guanju-site .feature-detail{font-size:13px;line-height:1.8}
#guanju-site .belief-heading{align-items:center;grid-template-columns:1.25fr 1fr;gap:72px;margin-bottom:48px}
#guanju-site .belief h2{font:400 var(--type-section)/1.5 var(--serif);letter-spacing:.015em;margin-top:17px}
#guanju-site .belief-lead{font:400 15px/1.95 var(--sans);max-width:420px;padding:0;text-wrap:pretty}
#guanju-site .principle small{font-size:34px;line-height:1.5;color:#b5a07c}
#guanju-site .principle h3{font:400 22px/1.6 var(--serif);margin-top:16px}
#guanju-site .principle p{font:400 14px/1.95 var(--sans);margin-top:12px}
#guanju-site .closing{min-height:640px}
#guanju-site .closing-brand{gap:14px;margin-bottom:24px}
#guanju-site .closing-brand span{font:400 25px/1.5 var(--serif);letter-spacing:.1em;color:var(--ink)}
#guanju-site .closing-brand img{width:32px;height:43px}
#guanju-site .closing h2{font:400 44px/1.5 var(--serif);letter-spacing:.015em}
#guanju-site .closing-description{font:400 15px/1.9 var(--sans);margin-top:23px;color:#635d4e}
#guanju-site .closing-actions{gap:16px;margin-top:30px}
#guanju-site .closing-actions .button{min-width:0;font-size:15px}
#guanju-site .footer{font-size:12px;line-height:1.8}
@media(min-width:1700px){#guanju-site .hero{min-height:880px;padding-top:105px}#guanju-site .hero h1{font-size:68px}#guanju-site .hero-content>p.hero-description{font-size:16px}#guanju-site .hero-actions{margin-top:34px}}
@media(max-width:1100px){#guanju-site{--type-title:58px;--type-section:35px}#guanju-site .hero{min-height:780px;padding-top:85px}#guanju-site .feature-copy h3{font-size:32px;min-height:106px}#guanju-site .belief-heading{gap:44px}#guanju-site .closing h2{font-size:42px}}
@media(max-width:760px){#guanju-site{--type-title:48px;--type-section:31px}#guanju-site .hero{min-height:760px;padding-top:76px}#guanju-site .hero-content>p.hero-description{font-size:15px;max-width:510px}#guanju-site .feature-copy h3{font-size:29px;min-height:98px}#guanju-site .feature-copy>p{font-size:14px}#guanju-site .product-heading p{font-size:14px}#guanju-site .belief-lead{font-size:14px}#guanju-site .principle p{font-size:13px}#guanju-site .closing h2{font-size:39px}#guanju-site .closing-description{font-size:14px}#guanju-site .closing-actions .button{width:180px;font-size:14px}#guanju-site .belief-heading{gap:28px}#guanju-site .nav-inner{min-height:72px}}
@media(max-width:620px){#guanju-site{--type-title:36px;--type-section:29px;--type-body:14px}#guanju-site .nav-inner{min-height:70px}#guanju-site .brand span{font-size:24px}#guanju-site .nav-cta{width:130px;min-height:43px;font-size:12px;padding-inline:15px}#guanju-site .hero{min-height:730px;padding:65px 0 170px}#guanju-site .hero-content{width:calc(100% - 48px)}#guanju-site .hero h1{font-size:var(--type-title);line-height:1.44;letter-spacing:.015em;margin:0}#guanju-site .hero-content>p.hero-description{font-size:14px;line-height:1.9;max-width:350px;margin-top:24px}#guanju-site .hero-description span+span{margin-top:3px}#guanju-site .hero-actions{gap:12px;margin-top:28px}#guanju-site .hero-actions .button{width:calc((100% - 12px)/2);min-width:0;min-height:50px;font-size:13px;padding:12px 13px;gap:10px;border-radius:12px}#guanju-site .hero-actions .button svg{width:15px;height:15px}#guanju-site .product-heading h2{font-size:var(--type-section);line-height:1.5;max-width:300px;margin-inline:auto}#guanju-site .product-heading p{font-size:13px;line-height:1.9;max-width:300px;margin-top:16px}#guanju-site .product-heading{margin-bottom:30px}#guanju-site .feature-copy>p.mobile-feature-summary{font-size:13px;line-height:1.85}#guanju-site .feature-copy h3{font-size:27px;min-height:0}#guanju-site .belief-heading{grid-template-columns:1fr;gap:20px;margin-bottom:32px}#guanju-site .belief h2{font-size:28px}#guanju-site .belief-lead{font-size:14px;line-height:1.95}#guanju-site .principle h3{font-size:21px;margin-top:0}#guanju-site .principle p{font-size:13px}#guanju-site .principle small{font-size:28px}#guanju-site .closing{min-height:650px}#guanju-site .closing-inner{padding-top:52px}#guanju-site .closing h2{font-size:34px;line-height:1.5}#guanju-site .closing-description{font-size:14px;line-height:1.9;max-width:295px;margin-top:20px}#guanju-site .closing-actions{gap:12px;margin-top:27px}#guanju-site .closing-actions .button{width:calc((100% - 12px)/2);min-width:0;min-height:50px;font-size:13px;padding:12px 13px;gap:10px}#guanju-site .closing-actions .button svg{width:15px;height:15px}#guanju-site .closing-brand{margin-bottom:23px}#guanju-site .closing-brand span{font-size:24px}#guanju-site .footer{font-size:11px}}
@media(max-width:360px){#guanju-site{--type-title:32px;--type-section:26px}#guanju-site .hero{padding-top:58px;min-height:700px}#guanju-site .hero-content{width:calc(100% - 38px)}#guanju-site .hero-content>p.hero-description{font-size:13px}#guanju-site .hero-actions .button, #guanju-site .closing-actions .button{font-size:12px;gap:8px;padding-inline:10px}#guanju-site .belief h2{font-size:25px}#guanju-site .closing h2{font-size:31px}#guanju-site .nav-cta{width:122px}#guanju-site .brand span{font-size:22px}#guanju-site .product-heading h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){#guanju-site .button:hover, #guanju-site .button:active{transform:none}#guanju-site .button::before{transition:none}}

/* Quiet, consistent controls: cinnabar primary and warm ivory secondary. */
#guanju-site .button{
 width:196px;min-height:54px;padding:12px 22px;gap:14px;border-radius:11px;
 border:1px solid #9b382923;background:linear-gradient(135deg,#b4513d,#9f3c2c);
 color:#fff7e9;font:500 14px/1.5 var(--sans);letter-spacing:.025em;
 box-shadow:inset 0 1px #fff4d926,0 3px 8px #863c1f12;
 transition:background .16s,box-shadow .16s,transform .16s;
}
#guanju-site .button::before{display:none}
#guanju-site .button:hover{background:linear-gradient(135deg,#b65b46,#a44532);transform:translateY(-1px);box-shadow:inset 0 1px #fff4d926,0 5px 12px #863c1f1a}
#guanju-site .button.ghost{background:#faf5e7e0;border:1px solid #a68b544a;color:#244957;box-shadow:inset 0 1px #fffdf5b3,0 2px 5px #65522c08}
#guanju-site .button.ghost:hover{background:#fff9ec;box-shadow:inset 0 1px #fffdf5b3,0 4px 9px #65522c0d}
@media(max-width:620px){#guanju-site .hero-actions .button,#guanju-site .closing-actions .button{min-height:50px;font-size:13px}}

/* Warm frosted glass over the ivory hero and continuous blue landscape. */
#guanju-site{--site-nav-top:14px;padding-top:var(--site-nav-top)}
#guanju-site .site-nav{
 width:min(1080px,calc(100% - 64px));margin-inline:auto;margin-bottom:-64px;
 top:var(--site-nav-top);z-index:20;border:1px solid #fff8e98a;border-radius:18px;
 background:#faf3e6ed;
 box-shadow:0 8px 26px #092c391a,inset 0 1px #fffdf5a3,inset 0 -1px #dcc8a026;
}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 #guanju-site .site-nav{
  background:linear-gradient(135deg,#fffaf02e,#faf3e60a),#faf3e6a3;
  -webkit-backdrop-filter:blur(20px) saturate(125%);
  backdrop-filter:blur(20px) saturate(125%);
 }
}
#guanju-site .site-nav .nav-inner{
 width:100%;min-height:62px;padding:0 18px;gap:18px;
 grid-template-columns:1fr auto 1fr;
}
#guanju-site .site-nav .brand{gap:9px}
#guanju-site .site-nav .brand img{width:27px;height:35px}
#guanju-site .site-nav .brand span{font-size:24px;letter-spacing:.08em;line-height:1.2}
#guanju-site .site-nav .nav-links{display:flex;gap:6px;font:400 13px/1.5 var(--sans);color:#213d48}
#guanju-site .site-nav .nav-links a,
#guanju-site .site-nav .nav-links button{
 display:inline-flex;align-items:center;justify-content:center;min-height:44px;
 padding:10px 14px;border-radius:9px;transition:background .16s,color .16s;
}
#guanju-site .site-nav .nav-links a:hover,
#guanju-site .site-nav .nav-links button:hover{background:#b7965810;color:#622b23}
#guanju-site .site-nav .nav-cta{
 width:110px;min-width:110px;min-height:44px;padding:10px 20px;gap:10px;
 border:0;border-radius:999px;
 background:#172f38;color:#faf3e7;
 font:500 14px/1.4 var(--sans);letter-spacing:.01em;
 box-shadow:none;
 transition:background .16s,color .16s,transform .16s;
}
#guanju-site .site-nav .nav-cta::before{display:none}
#guanju-site .site-nav .nav-cta:hover{
 background:#294750;transform:none;box-shadow:none;
}
#guanju-site .site-nav .nav-cta:active{transform:scale(.98);transition:transform 70ms}
#guanju-site .site-nav .nav-cta:focus-visible{outline:2px solid #456577;outline-offset:3px}
#guanju-site .site-nav .nav-cta svg{width:16px;height:16px;stroke-width:1.75}
#guanju-site .hero{padding-top:140px}
@media(max-width:820px){
 #guanju-site{--site-nav-top:12px}
 #guanju-site .site-nav{width:calc(100% - 32px);margin-bottom:-60px;border-radius:15px}
 #guanju-site .site-nav .nav-inner{min-height:58px;padding-inline:14px;grid-template-columns:1fr auto}
 #guanju-site .site-nav .nav-links{display:none}
 #guanju-site .site-nav .nav-cta{width:104px;min-width:104px}
 #guanju-site .hero{padding-top:122px}
}
@media(max-width:620px){
 #guanju-site{--site-nav-top:10px}
 #guanju-site .site-nav{width:calc(100% - 24px)}
 #guanju-site .site-nav .nav-inner{padding-inline:12px;gap:12px}
 #guanju-site .site-nav .brand img{width:25px;height:33px}
 #guanju-site .site-nav .brand span{font-size:23px}
 #guanju-site .site-nav .nav-cta{width:104px;min-width:104px;min-height:44px;padding:10px 18px;font-size:13px}
 #guanju-site .hero{padding-top:108px}
}
@media(prefers-reduced-transparency:reduce){#guanju-site .site-nav{background:#faf3e6;-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(prefers-contrast:more){#guanju-site .site-nav{background:#faf3e6;border-color:#8b7545;-webkit-backdrop-filter:none;backdrop-filter:none}#guanju-site .site-nav .nav-links{color:#3a352c}}
@media(prefers-reduced-motion:reduce){#guanju-site .button:hover,#guanju-site .button:active,#guanju-site .site-nav .nav-cta:hover,#guanju-site .site-nav .nav-cta:active{transform:none}}

/* Six characters, composed as a staggered pair with two visual anchors. */
#guanju-site .hero{padding-top:118px}
#guanju-site .hero h1.hero-title-composition{
 --hero-key-size:clamp(82px,7vw,100px);--hero-phrase-size:clamp(46px,4vw,58px);
 display:flex;flex-direction:column;gap:8px;width:min(432px,100%);margin-inline:auto;
 font:400 var(--hero-phrase-size)/1.1 var(--serif);letter-spacing:0;text-align:left;
}
#guanju-site .hero h1.hero-title-composition .hero-title-line{
 display:flex;align-items:baseline;gap:16px;white-space:nowrap;width:max-content;max-width:100%;
}
#guanju-site .hero h1.hero-title-composition .hero-title-line:last-child{align-self:flex-end}
#guanju-site .hero h1.hero-title-composition .hero-title-key{
 display:inline-block;flex:none;font-size:var(--hero-key-size);line-height:1.08;letter-spacing:0;
}
#guanju-site .hero h1.hero-title-composition .hero-title-line:last-child .hero-title-key{color:#a64a35}
#guanju-site .hero h1.hero-title-composition .hero-title-phrase{
 display:inline-flex;align-items:baseline;font-size:var(--hero-phrase-size);line-height:1.2;letter-spacing:.08em;
}
#guanju-site .hero h1.hero-title-composition .hero-title-mark{
 display:inline-block;margin-left:3px;font-size:.42em;line-height:1;color:#a38852;letter-spacing:0;
}
#guanju-site .hero-content>p.hero-description{margin-top:32px}
@media(max-width:820px){
 #guanju-site .hero{padding-top:112px}
 #guanju-site .hero h1.hero-title-composition{width:min(380px,100%);gap:6px}
}
@media(max-width:620px){
 #guanju-site .hero{padding-top:100px}
 #guanju-site .hero h1.hero-title-composition{
  --hero-key-size:68px;--hero-phrase-size:40px;width:min(276px,100%);gap:4px;
 }
 #guanju-site .hero h1.hero-title-composition .hero-title-line{gap:12px}
 #guanju-site .hero-content>p.hero-description{margin-top:28px}
}
@media(max-width:360px){
 #guanju-site .hero h1.hero-title-composition{--hero-key-size:60px;--hero-phrase-size:36px;width:min(248px,100%)}
 #guanju-site .hero h1.hero-title-composition .hero-title-line{gap:10px}
}

/* Each desktop chapter uses the available window, rather than a fixed canvas. */
#guanju-site{--site-header-space:78px;--site-footer-space:75px}
#guanju-site .hero{
 min-height:calc(100svh + clamp(64px,9svh,112px));height:auto;
 padding:calc(var(--site-header-space) + clamp(86px,12svh,132px)) 0 clamp(64px,9svh,112px);
}
#guanju-site .hero h1.hero-title-composition{
 --hero-key-size:clamp(64px,11svh,100px);--hero-phrase-size:clamp(38px,6.4svh,58px);
}
#guanju-site .product{
 min-height:100svh;
 padding:calc(var(--site-header-space) + clamp(22px,4svh,38px)) 0 clamp(30px,4svh,38px);
 display:flex;align-items:center;mask-image:none;
 background:linear-gradient(180deg,#11384a 0%,#11384a calc(100% - 30px),#718587 calc(100% - 12px),#f4ecd9 100%);
}
#guanju-site .product .stage-art,#guanju-site .product::after{mask-image:linear-gradient(180deg,#000 0%,#000 calc(100% - 40px),transparent 100%)}
#guanju-site .product-layout{grid-template-columns:minmax(0,1fr) minmax(0,.86fr);gap:clamp(30px,7vw,96px);align-items:center}
#guanju-site .feature-menu{padding-top:0}
#guanju-site .product-heading{text-align:left;margin-bottom:20px}
#guanju-site .product-heading .eyebrow{justify-content:flex-start}
#guanju-site .product-heading h2{font-size:32px;line-height:1.45;margin-top:8px}
#guanju-site .product-heading p{font-size:13px;line-height:1.8;margin-top:10px;max-width:450px}
#guanju-site .feature-tabs{gap:7px;margin:16px 0 20px}
#guanju-site .feature-tabs button{min-height:44px;padding:8px 11px;font-size:12px}
#guanju-site .feature-label{margin-bottom:10px}
#guanju-site .feature-copy h3{font-size:32px;line-height:1.45;min-height:0}
#guanju-site .feature-copy>p{min-height:0;font-size:14px;line-height:1.8;margin:14px 0 16px}
#guanju-site .feature-detail{padding-top:12px;gap:4px;font-size:12px;line-height:1.7}
#guanju-site .phone-column{padding:0}
#guanju-site .device-controls{margin-top:8px}
#guanju-site .device-caption{margin-top:8px;line-height:1.5}
#guanju-site .phone-column .flow{margin-top:8px}
#guanju-site .timeline button{white-space:nowrap;min-width:max-content;padding-top:8px}
#guanju-site .try-note{margin-top:16px;padding-top:14px}
#guanju-site .belief{padding:clamp(32px,6svh,64px) 0}
#guanju-site .belief-heading{margin-bottom:34px}
#guanju-site .closing{
 min-height:calc(100svh - var(--site-footer-space));
 align-items:center;padding:calc(var(--site-header-space) + clamp(20px,4svh,42px)) 0 clamp(20px,4svh,42px);
}
#guanju-site .closing-inner{padding-top:0;padding-bottom:0}
#guanju-site .footer{padding-top:18px;padding-bottom:18px}
@media(min-width:900px) and (max-height:760px){
 #guanju-site .product-heading{margin-bottom:14px}
 #guanju-site .product-heading h2{font-size:29px}
 #guanju-site .product-heading p{font-size:12px;margin-top:8px}
 #guanju-site .feature-tabs{margin:12px 0 16px}
 #guanju-site .feature-copy h3{font-size:28px}
 #guanju-site .feature-copy>p{font-size:13px;margin:12px 0}
 #guanju-site .feature-detail{font-size:11px;padding-top:10px}
 #guanju-site .hero-content>p.hero-description{margin-top:24px}
 #guanju-site .hero-actions{margin-top:24px}
 #guanju-site .closing h2{font-size:38px}
 #guanju-site .closing-brand{margin-bottom:18px}
 #guanju-site .closing-actions{margin-top:24px}
}
@media(max-width:899px){
 #guanju-site .product{min-height:0;padding-top:calc(var(--site-header-space) + 40px);padding-bottom:42px}
 #guanju-site .product-layout{display:flex;flex-direction:column;align-items:stretch;gap:0}
 #guanju-site .feature-menu{display:contents}
 #guanju-site .product-heading{order:0;text-align:center;margin-bottom:24px}
 #guanju-site .product-heading .eyebrow{justify-content:center}
 #guanju-site .product-heading h2{font-size:29px;max-width:340px;margin-inline:auto}
 #guanju-site .product-heading p{max-width:330px;margin-inline:auto}
 #guanju-site .mode-switch{order:1;margin:0 auto}
 #guanju-site .feature-tabs{order:2;flex-wrap:nowrap;overflow-x:auto;max-width:100%;margin:18px 0 14px;scrollbar-width:none}
 #guanju-site .feature-tabs button{flex:none;white-space:nowrap}
 #guanju-site .feature-copy{order:3;margin:0 auto 16px;text-align:center;max-width:360px;padding:0}
 #guanju-site .feature-copy .feature-label,#guanju-site .feature-copy h3,#guanju-site .feature-copy .feature-detail,#guanju-site .feature-copy>p:not(.mobile-feature-summary){display:none}
 #guanju-site .feature-copy>p.mobile-feature-summary{display:block;font-size:13px;min-height:0;margin:0;line-height:1.8}
 #guanju-site .phone-column{order:4}
 #guanju-site .try-note{display:none!important}
 #guanju-site .closing{min-height:calc(100svh - var(--site-footer-space))}
}
@media(max-width:620px){
 #guanju-site .hero h1.hero-title-composition{--hero-key-size:clamp(54px,8.1svh,68px);--hero-phrase-size:clamp(32px,4.75svh,40px)}
 #guanju-site .hero{padding-top:calc(var(--site-header-space) + clamp(60px,8svh,78px))}
 #guanju-site .hero-content>p.hero-description{margin-top:24px}
 #guanju-site .closing h2{font-size:clamp(28px,4.1svh,34px)}
 #guanju-site .closing-brand{margin-bottom:18px}
 #guanju-site .closing-description{margin-top:16px}
 #guanju-site .closing-actions{margin-top:22px}
}
@media(min-width:900px) and (max-height:660px){
 #guanju-site .product{padding-top:calc(var(--site-header-space) + 18px);padding-bottom:26px}
 #guanju-site .product-heading{margin-bottom:12px}
 #guanju-site .product-heading h2{font-size:27px;line-height:1.35}
 #guanju-site .product-heading p{display:none}
 #guanju-site .feature-tabs{margin:10px 0 14px}
 #guanju-site .feature-copy h3{font-size:26px;line-height:1.4}
 #guanju-site .feature-copy>p{margin:10px 0;font-size:13px;line-height:1.75}
 #guanju-site .feature-detail{padding-top:8px}
 #guanju-site .device-caption{display:none}
 #guanju-site .try-note{display:none}
 #guanju-site .phone-column .flow{margin-top:4px}
 #guanju-site .closing h2{font-size:34px}
}
#guanju-site{position:relative;display:flow-root;isolation:isolate;box-sizing:border-box}

/* v12: the landscape settles into one quiet blue surface through the end. */
#guanju-site{
 --continuation-blue:#11384a;--continuation-text:#f3ead7;--continuation-muted:#becbc7;
 background-color:var(--continuation-blue);
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.76' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.055' filter='url(%23grain)'/%3E%3C/svg%3E");
}
#guanju-site .product{background:transparent}
#guanju-site .product .stage-art{
 -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 110px,#000 62%,transparent calc(100% - 80px));
 mask-image:linear-gradient(180deg,transparent 0,#000 110px,#000 62%,transparent calc(100% - 80px));
}
#guanju-site .product::after{
 -webkit-mask-image:linear-gradient(180deg,#000 0,#000 72%,transparent 100%);
 mask-image:linear-gradient(180deg,#000 0,#000 72%,transparent 100%);
}
#guanju-site .belief{
 width:100%;min-height:100svh;display:flex;align-items:center;
 padding:calc(var(--site-header-space) + clamp(30px,5svh,50px)) 0 clamp(38px,7svh,70px);
 background:transparent;color:var(--continuation-text);
}
#guanju-site .belief-inner{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr);gap:clamp(48px,8vw,112px);align-items:center}
#guanju-site .belief .eyebrow{font-size:11px;letter-spacing:.16em;color:#c6b48e}
#guanju-site .belief h2{font:400 clamp(34px,3vw,46px)/1.55 var(--serif);letter-spacing:.015em;margin-top:22px;text-wrap:balance}
#guanju-site .belief h2 span{color:#d9c9a9}
#guanju-site .belief-lead{font:400 14px/1.95 var(--sans);max-width:none;padding:0;margin-top:24px;color:var(--continuation-muted)}
#guanju-site .belief-points{min-width:0}
#guanju-site .belief-point{display:grid;grid-template-columns:30px minmax(0,1fr);gap:18px;padding:24px 0 26px;border-top:1px solid #d4bd892b}
#guanju-site .belief-point:last-child{padding-bottom:0}
#guanju-site .belief-index{font:400 10px/1.8 var(--sans);letter-spacing:.12em;color:#c0aa7e;padding-top:7px}
#guanju-site .belief-point h3{font:400 23px/1.5 var(--serif);letter-spacing:.01em;color:var(--continuation-text)}
#guanju-site .belief-point p{font:400 14px/1.9 var(--sans);color:var(--continuation-muted);margin-top:9px;text-wrap:pretty}
#guanju-site .closing{background:transparent;color:var(--continuation-text)}
#guanju-site .closing::after{display:none}
#guanju-site .closing-inner{max-width:780px;text-align:center}
#guanju-site .closing-brand{justify-content:center;gap:12px;margin-bottom:26px}
#guanju-site .closing-brand span{color:#e5d5b4;font-size:25px}
#guanju-site .closing h2{color:var(--continuation-text);font-size:clamp(34px,4.8svh,46px);line-height:1.5;letter-spacing:.02em}
#guanju-site .closing-description{max-width:none;color:var(--continuation-muted);font-size:14px;line-height:1.9;margin-top:20px}
#guanju-site .closing-actions{justify-content:center;margin-top:30px}
#guanju-site .closing-actions .button.ghost{background:#ffffff05;color:#eee2c8;border-color:#d6bf865c;box-shadow:none;backdrop-filter:none}
#guanju-site .closing-actions .button.ghost:hover{background:#ffffff0d;border-color:#d6bf8699}
#guanju-site .footer{color:#b6c3bd;background:transparent;border-top:1px solid #d4bd892b;line-height:1.8}
#guanju-site .footer>span{color:#c8b792}
#guanju-site .footer a{transition:color .18s}
#guanju-site .footer a:hover{color:#f3ead7}
#guanju-site .belief a:focus-visible,#guanju-site .closing a:focus-visible,#guanju-site .closing button:focus-visible,#guanju-site .footer a:focus-visible{outline-color:#e2c795}
@media(min-width:900px) and (max-height:660px){
 #guanju-site .belief{padding-top:calc(var(--site-header-space) + 24px);padding-bottom:32px}
 #guanju-site .belief h2{font-size:36px;margin-top:18px}
 #guanju-site .belief-lead{margin-top:18px}
 #guanju-site .belief-point{padding:20px 0}
 #guanju-site .belief-point h3{font-size:21px}
 #guanju-site .belief-point p{font-size:13px;margin-top:7px}
 #guanju-site .closing-brand{margin-bottom:20px}
 #guanju-site .closing h2{font-size:34px}
 #guanju-site .closing-actions{margin-top:24px}
}
@media(max-width:899px){
 #guanju-site .belief{min-height:100svh;padding-top:calc(var(--site-header-space) + 34px);padding-bottom:44px}
 #guanju-site .belief-inner{grid-template-columns:1fr;gap:38px;max-width:620px}
 #guanju-site .belief h2{font-size:34px;margin-top:18px;line-height:1.5;text-wrap:initial}
 #guanju-site .belief-lead{margin-top:18px}
 #guanju-site .belief-point{padding:20px 0;gap:14px;grid-template-columns:25px minmax(0,1fr)}
 #guanju-site .belief-point h3{font-size:21px}
 #guanju-site .belief-point p{font-size:13px;margin-top:7px}
 #guanju-site .closing h2{font-size:clamp(30px,4.4svh,38px)}
 #guanju-site .closing-brand{margin-bottom:22px}
}
@media(max-width:360px){
 #guanju-site .belief h2{font-size:30px}
 #guanju-site .belief-lead{font-size:13px}
 #guanju-site .belief-point h3{font-size:20px}
 #guanju-site .closing-description{font-size:13px}
}

/* v13: rounded segments, with a warm ivory selection on the blue surface. */
#guanju-site .mode-switch{
 display:flex;align-items:center;gap:3px;width:max-content;max-width:100%;padding:4px;
 border:1px solid #c9b98f30;border-radius:999px;background:#0c2c3b99;
 box-shadow:inset 0 1px 2px #001b2526;
}
#guanju-site .mode-switch button{
 flex:1;min-width:0;width:128px;min-height:44px;padding:10px 18px;
 border:1px solid transparent;border-radius:999px;
 font:400 13px/1.6 var(--sans);letter-spacing:.02em;white-space:nowrap;
 color:#bfccc8;background:transparent;box-shadow:none;touch-action:manipulation;
 transition:background .18s ease,color .18s ease,box-shadow .18s ease;
}
#guanju-site .mode-switch button:hover{background:#dce5df0c;color:#f3ead7}
#guanju-site .mode-switch button[aria-pressed=true]{
 background:#f1e7d2;color:#173d4e;border-color:#fbf3e1a6;
 box-shadow:0 2px 5px #001b2526,inset 0 1px #fffaf0a6;
}
#guanju-site .mode-switch button[aria-pressed=true]:hover{background:#f7edd9}
#guanju-site .mode-switch button[aria-pressed=true]::after{display:none;content:none}
#guanju-site .mode-switch button:focus-visible{outline:2px solid #e4c790;outline-offset:3px}
@media(prefers-reduced-motion:reduce){#guanju-site .mode-switch button{transition:none}}

/* Platform picker shared by every download button. */
#guanju-site .download-menu{
 --download-surface:#faf5e9;position:fixed;z-index:100;
 left:var(--download-x,12px);top:var(--download-y,88px);
 width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 24px);
 padding:16px 18px 18px;overflow-y:auto;overscroll-behavior:contain;
 background:var(--download-surface);color:#183e51;border:1px solid #c1ac7b40;
 border-radius:20px;box-shadow:0 16px 48px #001f3740,0 2px 6px #001f3712;
 font:400 14px/1.5 var(--sans);animation:downloadMenuEnter .16s ease-out;
}
#guanju-site .download-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
#guanju-site .download-menu-heading h2{font:400 21px/1.4 var(--serif);letter-spacing:.04em}
#guanju-site .download-menu-close{
 display:grid;place-items:center;width:36px;min-height:36px;padding:8px;
 border-radius:50%;color:#7b7c70;background:transparent;flex:none;
}
#guanju-site .download-menu-close:hover{background:#193e5109;color:#183e51}
#guanju-site .download-menu-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
#guanju-site .download-group+.download-group{margin-top:18px}
#guanju-site .download-group h3{font:400 11px/1.5 var(--sans);letter-spacing:.08em;color:#86795d;margin-bottom:8px}
#guanju-site .download-options{border:1px solid #ad976323;border-radius:13px;overflow:hidden;background:#173e5104}
#guanju-site .download-menu .download-row{
 display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:11px 13px;
 border:0;border-radius:0;color:#183e51;background:transparent;
 font:400 14px/1.5 var(--sans);text-align:left;touch-action:manipulation;
 transition:background .15s,color .15s;
}
#guanju-site .download-row+.download-row{border-top:1px solid #ad976319}
#guanju-site .download-menu .download-row:not([disabled]):hover{background:#e9dfc8}
#guanju-site .download-menu .download-row.is-current:not([disabled]){background:#e9dfc8a6}
#guanju-site .download-platform-icon{display:grid;place-items:center;flex:none;width:23px;height:24px}
#guanju-site .download-platform-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#guanju-site .download-row-label{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
#guanju-site .download-row-label strong{font-weight:400;line-height:1.5}
#guanju-site .download-row-label small{font:400 10px/1.4 var(--sans);color:#a39a88}
#guanju-site .download-current{flex:none;white-space:nowrap;font:400 10px/1.5 var(--sans);color:#90713a;letter-spacing:.02em}
#guanju-site .download-row-arrow{display:flex;flex:none;color:#8e927e}
#guanju-site .download-row-arrow svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#guanju-site .download-menu .download-row[disabled]{min-height:51px;opacity:1;color:#989487;cursor:not-allowed;background:transparent}
#guanju-site .download-menu .download-row[disabled] .download-current{color:#8c8676}
#guanju-site .download-menu-status{font:400 12px/1.8 var(--sans);color:#8d6042;background:#eadfc82b;border-radius:9px;margin-top:14px;padding:10px 12px}
#guanju-site .download-menu a:focus-visible,#guanju-site .download-menu button:focus-visible{outline:2px solid #a4874c;outline-offset:-3px}
@keyframes downloadMenuEnter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:620px){
 #guanju-site .download-menu{
  left:12px;right:12px;top:auto;bottom:max(12px,env(safe-area-inset-bottom));
  width:auto;max-height:calc(100dvh - 24px - env(safe-area-inset-bottom));padding:14px 16px 18px;
 }
 #guanju-site .download-menu-close{width:44px;min-height:44px}
 #guanju-site .download-menu-heading{margin-bottom:8px}
}
@media(prefers-reduced-motion:reduce){#guanju-site .download-menu{animation:none}#guanju-site .download-row{transition:none}}

/* One quiet download pill. */
#guanju-site .hero-actions,#guanju-site .closing-actions{flex-direction:column;align-items:center;gap:4px}
#guanju-site .hero-actions .button.download-pill,#guanju-site .closing-actions .button.download-pill{
 width:224px;max-width:100%;min-width:0;min-height:56px;padding:14px 30px;
 border:1px solid transparent;border-radius:999px;background:#172f38;color:#faf3e7;
 font:500 16px/1.5 var(--sans);letter-spacing:.015em;box-shadow:none;
 transition:background .16s,border-color .16s,transform .16s;
}
#guanju-site .hero-actions .button.download-pill:hover,#guanju-site .closing-actions .button.download-pill:hover{
 background:#294750;transform:none;box-shadow:none;
}
#guanju-site .hero-actions .button.download-pill:active,#guanju-site .closing-actions .button.download-pill:active{transform:scale(.98)}
#guanju-site .closing-actions .button.download-pill{background:#0d2732;border-color:#d4be8c60}
@media(max-width:620px){
 #guanju-site .hero-actions .button.download-pill,#guanju-site .closing-actions .button.download-pill{width:210px;min-height:54px;font-size:15px}
}
@media(prefers-reduced-motion:reduce){
 #guanju-site .hero-actions .button.download-pill:active,#guanju-site .closing-actions .button.download-pill:active{transform:none}
}

/* v17: platform downloads and a brand directory on the continuous blue surface. */
#guanju-site .closing{
 display:flex;align-items:center;min-height:calc(100svh - var(--site-footer-space));
 padding:calc(var(--site-header-space) + clamp(20px,3.8svh,36px)) 0 clamp(24px,4svh,38px);
 background:transparent;
}
#guanju-site .closing-inner{max-width:1200px;text-align:left;padding:0}
#guanju-site .download-kicker{
 display:inline-flex;align-items:center;min-height:26px;padding:3px 13px;
 border:1px solid #d4bd8933;border-radius:999px;background:#d8c8a80b;
 color:#dac9a7;font:400 11px/1.6 var(--sans);letter-spacing:.06em;
}
#guanju-site .closing h2{
 margin-top:16px;color:#f3ead7;font:500 clamp(38px,4.2vw,58px)/1.22 var(--sans);
 letter-spacing:-.035em;white-space:nowrap;
}
#guanju-site .download-platforms{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:32px;margin-top:34px}
#guanju-site .download-platform-group h3{font:400 13px/1.5 var(--sans);color:#d3dbd0;margin:0 0 13px;letter-spacing:.025em}
#guanju-site .platform-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#guanju-site .mobile-platforms .platform-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
#guanju-site .download-card{
 position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;
 gap:9px;min-width:0;min-height:154px;padding:28px 10px 18px;
 color:#eee7d7;background:#ebeadc0b;border:1px solid #d4bd8926;border-radius:18px;
 font:400 14px/1.5 var(--sans);text-align:center;touch-action:manipulation;
 transition:background .18s,border-color .18s,transform .18s;
}
#guanju-site .download-card strong{font-weight:400;line-height:1.3}
#guanju-site .platform-card-icon{display:grid;place-items:center;height:35px;margin-bottom:3px}
#guanju-site .platform-card-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#guanju-site .platform-card-note{color:#c6b58f;font:400 11px/1.5 var(--sans)}
#guanju-site .platform-card-note span{display:inline-block;margin-left:4px}
#guanju-site .download-card:not([disabled]):hover{background:#ece4cf15;border-color:#d4bd8973;transform:translateY(-2px)}
#guanju-site .download-card:not([disabled]):active{transform:scale(.98)}
#guanju-site .download-card[disabled]{opacity:1;cursor:not-allowed;color:#a9bab9;background:#c4d0c905;border-color:#c4d0c91b}
#guanju-site .download-card[disabled] .platform-card-note{color:#8da5ab}
#guanju-site .download-card.is-current{border-color:#d4bd8966;background:#d8c8a80e}
#guanju-site .download-card[data-managed-download]{cursor:pointer}
#guanju-site .download-card[data-managed-download]:focus-visible{outline:2px solid #d5bd8d;outline-offset:3px}
#guanju-site .platform-card-qr{
 position:absolute;inset:8px;display:none;flex-direction:column;align-items:center;justify-content:center;gap:8px;
 pointer-events:none;color:#eee7d7;font:400 11px/1.5 var(--sans);
}
#guanju-site .download-card.is-qr-visible>.platform-card-icon,
#guanju-site .download-card.is-qr-visible>strong,
#guanju-site .download-card.is-qr-visible>.platform-card-note,
#guanju-site .download-card.is-qr-visible>.platform-current{visibility:hidden}
#guanju-site .download-card.is-qr-visible>.platform-card-qr{display:flex}
#guanju-site .platform-card-qr-image{display:block;max-width:none;max-height:none;flex:none;aspect-ratio:1;object-fit:contain;image-rendering:pixelated}
#guanju-site .platform-card-qr-image[hidden],#guanju-site .platform-card-qr-hint[hidden],#guanju-site .platform-card-qr-status[hidden]{display:none}
#guanju-site .platform-card-qr-hint{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:100%;white-space:pre-line;overflow-wrap:anywhere;color:#d7c7a4}
#guanju-site .platform-card-qr-status{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.guanju-download-qr-popup{
 position:fixed;z-index:240;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
 box-sizing:border-box;padding:15px;border:1px solid #d4bd8985;border-radius:18px;background:#203e4df5;
 box-shadow:0 12px 32px #00121c45;color:#eee7d7;font:400 11px/1.5 'PingFang SC','Microsoft YaHei',sans-serif;text-align:center;pointer-events:auto;
}
.guanju-download-qr-popup[hidden],.guanju-download-qr-popup [hidden]{display:none!important}
.guanju-download-qr-popup[data-qr-presentation="preview"]{pointer-events:auto;overflow:auto}
.guanju-download-qr-popup .download-qr-popup-image{display:block;flex:none;max-width:none;max-height:none;object-fit:contain;image-rendering:pixelated}
.guanju-download-qr-popup .download-qr-popup-target{display:block;flex:none;max-width:none;max-height:none;line-height:0}
.guanju-download-qr-popup a:focus-visible{outline:2px solid #d5bd8d;outline-offset:4px}
.guanju-download-qr-popup .download-qr-popup-hint{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:32px;max-width:100%;white-space:pre-line;overflow-wrap:anywhere;color:#d7c7a4}
.guanju-download-qr-popup .download-qr-popup-status{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.guanju-download-qr-popup .download-qr-popup-preview{pointer-events:auto;flex:none;padding:5px 12px;border:1px solid #d4bd8970;border-radius:8px;background:transparent;cursor:pointer;color:#dfcfae;font:inherit;text-decoration:none}
.guanju-download-qr-popup .download-qr-popup-preview:hover{background:#d4bd891a}
.guanju-download-qr-full-preview{
 position:fixed;inset:0;z-index:241;display:flex;flex-direction:column;gap:8px;box-sizing:border-box;padding:8px;
 background:#11384afc;color:#eee7d7;font:400 12px/1.5 'PingFang SC','Microsoft YaHei',sans-serif;text-align:center;
}
.guanju-download-qr-full-preview[hidden],.guanju-download-qr-full-preview [hidden]{display:none!important}
.guanju-download-qr-full-preview .download-qr-preview-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;flex:none}
.guanju-download-qr-full-preview .download-qr-preview-header strong{font-weight:400}
.guanju-download-qr-full-preview .download-qr-preview-close{padding:7px 14px;border:1px solid #d4bd8970;border-radius:8px;background:transparent;color:#dfcfae;font:inherit;cursor:pointer}
.guanju-download-qr-full-preview .download-qr-preview-hint{margin:0;flex:none;max-height:36px;overflow:hidden;white-space:pre-line;overflow-wrap:anywhere;color:#d7c7a4}
.guanju-download-qr-full-preview .download-qr-preview-status{margin:0;flex:none;white-space:normal;overflow-wrap:anywhere;color:#d7c7a4}
.guanju-download-qr-full-preview .download-qr-preview-stage{flex:1;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;box-sizing:border-box;padding:0}
.guanju-download-qr-full-preview .download-qr-preview-target{display:block;max-width:none;max-height:none;margin:0 auto;line-height:0}
.guanju-download-qr-full-preview .download-qr-preview-image{display:block;max-width:none;max-height:none;flex:none;image-rendering:pixelated}
.guanju-download-qr-full-preview a:focus-visible,.guanju-download-qr-full-preview button:focus-visible,.guanju-download-qr-full-preview .download-qr-preview-stage:focus-visible{outline:2px solid #d5bd8d;outline-offset:-2px}
#guanju-site .platform-current{
 position:absolute;inset:-1px -1px auto;display:block;border-radius:18px 18px 0 0;
 padding:4px 6px;background:#d4bd891a;color:#dfcfae;font:400 10px/1.5 var(--sans);
}
#guanju-site .download-page-status{margin-top:18px;color:#d7c7a4;font:400 12px/1.7 var(--sans)}
#guanju-site .footer{
 display:block;padding:28px 0 18px;background:transparent;color:#b6c3bd;
 border-top:1px solid #d4bd892b;font:400 12px/1.7 var(--sans);
}
#guanju-site .footer-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:70px}
#guanju-site .footer-brand{display:flex;align-items:center;gap:12px;width:max-content;color:#f1e5cf}
#guanju-site .footer-brand img{width:29px;height:39px;object-fit:contain}
#guanju-site .footer-brand span{font:400 30px/1.2 var(--serif);letter-spacing:.08em}
#guanju-site .footer-identity p{margin-top:12px;font-size:11px;line-height:1.9;color:#aabbba}
#guanju-site .footer-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
#guanju-site .footer-column{display:flex;align-items:flex-start;flex-direction:column;gap:7px}
#guanju-site .footer-column h3{font:400 12px/1.5 var(--sans);color:#e3d6bb;margin-bottom:10px}
#guanju-site .footer-column a,#guanju-site .footer-column button{min-height:25px;font:400 11px/1.7 var(--sans);color:#aabbba;text-align:left;padding:0;white-space:nowrap}
#guanju-site .footer-column a:hover,#guanju-site .footer-column button:hover{color:#f3ead7}
#guanju-site .footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;border-top:1px solid #d4bd8917;padding-top:12px;margin-top:20px;color:#899f9f;font-size:10px}
#guanju-site .footer-bottom span:last-child{color:#b4a98d}
#guanju-site .footer-copyright{display:flex;align-items:center;flex-wrap:wrap;gap:4px 18px;max-width:100%;min-width:0}
#guanju-site .footer-copyright>span{color:inherit;white-space:nowrap}
@media(min-width:701px){#guanju-site .footer-bottom>span{margin-right:max(0px,calc(168px - 50vw + 50%))}}
@media(max-width:700px){#guanju-site .footer-bottom>span{order:-1;flex-basis:100%}}
@media(max-width:360px){#guanju-site .footer-copyright{column-gap:10px}}
#guanju-site .footer-registration{display:inline-flex;align-items:center;min-height:26px;color:inherit;white-space:nowrap}
#guanju-site .footer-registration:hover{color:#e3d6bb;text-decoration:underline;text-underline-offset:3px}
#guanju-site .footer-registration:focus-visible{outline:2px solid #d5bd8d;outline-offset:4px;border-radius:2px}
@media(min-width:900px) and (max-height:660px){
 #guanju-site .closing{padding-top:calc(var(--site-header-space) + 16px);padding-bottom:20px}
 #guanju-site .download-kicker{min-height:22px;font-size:10px;padding-block:2px}
 #guanju-site .closing h2{font-size:38px;margin-top:10px}
 #guanju-site .download-platforms{margin-top:22px}
 #guanju-site .download-platform-group h3{margin-bottom:10px;font-size:12px}
 #guanju-site .download-card{min-height:120px;padding-top:24px;padding-bottom:12px;gap:7px;border-radius:15px}
 #guanju-site .platform-current{border-radius:15px 15px 0 0;padding-block:3px}
 #guanju-site .platform-card-icon{height:28px;margin-bottom:0}
 #guanju-site .platform-card-icon svg{width:26px;height:26px}
 #guanju-site .download-page-status{margin-top:10px}
 #guanju-site .footer{padding-top:20px;padding-bottom:14px}
 #guanju-site .footer-identity p{margin-top:8px}
 #guanju-site .footer-bottom{margin-top:12px;padding-top:9px}
}
@media(max-width:899px){
 #guanju-site .closing h2{font-size:clamp(30px,4.8vw,42px)}
 #guanju-site .download-platforms{gap:24px}
 #guanju-site .platform-cards{gap:10px}
 #guanju-site .download-card{min-height:132px;border-radius:15px;font-size:12px;padding-inline:5px}
 #guanju-site .platform-current{border-radius:15px 15px 0 0}
 #guanju-site .footer-main{gap:36px;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
 #guanju-site .footer-directory{gap:18px}
}
@media(max-width:620px){
 #guanju-site .closing{padding-top:calc(var(--site-header-space) + 22px);padding-bottom:24px;min-height:calc(100svh - var(--site-footer-space))}
 #guanju-site .closing h2{font-size:clamp(26px,6.7vw,36px);letter-spacing:-.025em;white-space:normal;margin-top:13px}
 #guanju-site .download-kicker{min-height:23px;font-size:10px;padding:2px 11px}
 #guanju-site .download-platforms{grid-template-columns:1fr;gap:20px;margin-top:26px}
 #guanju-site .mobile-platforms{grid-row:1}
 #guanju-site .download-platform-group h3{font-size:12px;margin-bottom:9px}
 #guanju-site .download-card{min-height:86px;padding:23px 4px 11px;gap:5px;border-radius:13px;font-size:11px}
 #guanju-site .mobile-platforms .download-card{min-height:104px;font-size:14px;gap:5px;padding-bottom:12px}
 #guanju-site .platform-card-qr{inset:6px;gap:5px;font-size:10px}
 #guanju-site .platform-card-icon{height:25px;margin-bottom:0}
 #guanju-site .platform-card-icon svg{width:24px;height:24px}
 #guanju-site .platform-current{border-radius:13px 13px 0 0;padding-block:3px;font-size:9px}
 #guanju-site .platform-card-note{font-size:9px}
 #guanju-site .download-page-status{margin-top:13px;font-size:11px}
 #guanju-site .footer{padding-top:24px;padding-bottom:16px}
 #guanju-site .footer-main{grid-template-columns:1fr;gap:24px}
 #guanju-site .footer-brand img{width:25px;height:33px}
 #guanju-site .footer-brand span{font-size:26px}
 #guanju-site .footer-identity p{margin-top:8px;font-size:10px}
 #guanju-site .footer-directory{gap:15px}
 #guanju-site .footer-column{gap:5px}
 #guanju-site .footer-column h3{margin-bottom:4px;font-size:11px}
 #guanju-site .footer-column a,#guanju-site .footer-column button{font-size:10px;min-height:27px}
 #guanju-site .footer-bottom{margin-top:16px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){
 #guanju-site .download-card{transition:none}
 #guanju-site .download-card:not([disabled]):hover,#guanju-site .download-card:not([disabled]):active{transform:none}
}

/* v19: one tall artwork spans product, about, downloads and the footer. */
#guanju-site .continuation-art{
 position:absolute;top:var(--continuation-top,100%);left:0;right:0;
 height:var(--continuation-height,0px);z-index:-1;pointer-events:none;
 background-color:var(--continuation-blue);
 background-image:
  linear-gradient(90deg,#11384a18 0,#11384a66 20%,#11384a80 50%,#11384a66 78%,#11384a18 100%),
  linear-gradient(180deg,#11384a20 0,#11384a12 75%,#11384a9e 100%),
  url('guanju-art-v4/blue-long-scroll-v19.webp');
 background-position:center top;background-size:100% 100%,100% 100%,cover;background-repeat:no-repeat;
 -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 130px,#000 100%);
 mask-image:linear-gradient(180deg,transparent 0,#000 130px,#000 100%);
}
#guanju-site .product .stage-art{display:none}
#guanju-site .closing .download-card{background:#11384aa3;border-color:#d4bd8938}
#guanju-site .closing .download-card[disabled]{background:#11384a8c;border-color:#c4d0c926}
#guanju-site .closing .download-card.is-current{background:#203e4dd4;border-color:#d4bd8970}
#guanju-site .closing .download-card:not([disabled]):hover{background:#244654e6;border-color:#d4bd8985}
@media(max-width:620px){
 #guanju-site .continuation-art{
  background-position:center top,center top,18% top;
  background-size:100% 100%,100% 100%,cover;
  background-image:
   linear-gradient(90deg,#11384a69 0,#11384a9c 25%,#11384ab8 50%,#11384a9c 75%,#11384a69 100%),
   linear-gradient(180deg,#11384a20 0,#11384a12 75%,#11384a9e 100%),
   url('guanju-art-v4/blue-long-scroll-v19.webp');
 }
}

/* v27: keep the chosen staggered composition and give the opening more room. */
@media(min-width:900px){
 #guanju-site .hero{padding-top:calc(var(--site-header-space) + clamp(112px,15svh,172px))}
 #guanju-site .hero-content{width:min(1460px,calc(100% - 112px));max-width:1460px}
 #guanju-site .hero-content>p.hero-description{
  max-width:760px;margin-top:clamp(28px,4svh,42px);
  font-size:clamp(17px,1.15vw,21px);line-height:1.85;
 }
 #guanju-site .hero-actions{margin-top:clamp(28px,4svh,42px);gap:5px}
 #guanju-site .hero-actions .button.download-pill{width:260px;min-height:62px;font-size:17px}
}

/* v33: a transparent tree and rain ornament in the right-hand footer space. */
#guanju-site .footer-main{
 grid-template-columns:minmax(230px,1fr) minmax(0,1.45fr) clamp(164px,13vw,220px);
 gap:clamp(24px,3vw,48px);align-items:center;
}
#guanju-site .footer-directory{gap:clamp(16px,2vw,28px)}
#guanju-site .footer-tree{
 position:relative;display:block;width:100%;aspect-ratio:1;min-width:0;
 align-self:center;padding:0;margin:-24px 0 -16px;border:0;border-radius:0;
 background:transparent;isolation:isolate;overflow:hidden;touch-action:manipulation;
}
#guanju-site .footer-tree[aria-disabled="true"]{cursor:default}
#guanju-site .footer-tree[aria-disabled="false"]{cursor:pointer}
#guanju-site .footer-tree:focus-visible{outline:1px solid #d4bd89;outline-offset:5px}
#guanju-site .footer-tree-poster,#guanju-site .footer-tree-qr,#guanju-site .footer-tree-renderer{
 position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;
}
#guanju-site .footer-tree-poster{opacity:1}
#guanju-site .footer-tree-poster,#guanju-site .footer-tree-renderer{transform:translateY(16%) scale(1.15);transform-origin:50% 50%}
#guanju-site .footer-tree-renderer canvas{display:block;width:100%;height:100%}
#guanju-site .footer-tree-qr{inset:0;width:100%;height:100%;image-rendering:pixelated;z-index:2;opacity:0;transition:opacity 120ms linear;pointer-events:none}
#guanju-site .footer-tree[data-qr-visible="true"] .footer-tree-qr{opacity:1}
#guanju-site .footer-tree[data-render="fallback"] .footer-tree-poster{transition:opacity 120ms linear}
#guanju-site .footer-tree[data-render="fallback"][data-qr-visible="true"] .footer-tree-poster{opacity:0}
#guanju-site .footer-tree:active{opacity:.95}
#guanju-site .footer-tree-rain{
 position:absolute;inset:0;pointer-events:none;opacity:.2;
 background-image:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='31'%3E%3Cpath d='M15 4v11M32 20v7' stroke='%23c9d7d4' stroke-opacity='.4'/%3E%3C/svg%3E"),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='53' height='47'%3E%3Cpath d='M7 8v15M39 34v6' stroke='%23d4bd89' stroke-opacity='.3'/%3E%3C/svg%3E");
 background-size:38px 31px,53px 47px;
 -webkit-mask-image:linear-gradient(transparent,#000 12%,#000 78%,transparent);
 mask-image:linear-gradient(transparent,#000 12%,#000 78%,transparent);
}
#guanju-site .footer-tree[data-render="fallback"] .footer-tree-rain{opacity:.45}
#guanju-site .footer-tree[data-active="true"] .footer-tree-rain{animation:footer-tree-rain 1.4s linear infinite}
#guanju-site .footer-tree[data-mode="qr"] .footer-tree-rain{opacity:0;animation:none}
@keyframes footer-tree-rain{to{background-position:0 93px,0 141px}}
@media(min-width:900px) and (max-height:660px){
 #guanju-site .footer-tree{width:min(100%,150px);justify-self:end;margin:-22px 0 -12px}
}
@media(min-width:621px) and (max-width:1000px){
 #guanju-site .footer-main{grid-template-columns:minmax(180px,1fr) minmax(0,1.5fr);gap:24px}
 #guanju-site .footer-tree{grid-column:2;justify-self:end;width:152px;margin:-10px 0 -10px}
}
@media(min-width:820px) and (max-width:1000px){
 #guanju-site .footer-main{grid-template-columns:minmax(180px,1fr) minmax(0,1.45fr) 128px;gap:18px}
 #guanju-site .footer-directory{gap:16px}
 #guanju-site .footer-tree{grid-column:auto;width:128px;margin:-18px 0 -12px}
}
@media(max-width:620px){
 #guanju-site .footer-main{grid-template-columns:minmax(0,1fr) 126px;gap:22px 8px}
 #guanju-site .footer-identity{grid-column:1;grid-row:1}
 #guanju-site .footer-tree{grid-column:2;grid-row:1;width:142px;justify-self:end;margin:-16px -8px -12px}
 #guanju-site .footer-directory{grid-column:1/-1;grid-row:2;gap:15px}
}
@media(prefers-reduced-motion:reduce){
 #guanju-site .footer-tree[data-active="true"] .footer-tree-rain{animation:none}
}
/* Captions follow the tree in normal flow, without overlapping footer links. */
#guanju-site .footer-tree-area{position:relative;min-width:0;align-self:start;margin:-24px 0 -16px}
#guanju-site .footer-tree-area .footer-tree{width:100%;margin:0}
#guanju-site .footer-tree-action{min-height:18px;margin:8px 0 0;text-align:center;font-size:11px;line-height:1.6;color:#d5bd8d}
#guanju-site .footer-tree-hint,#guanju-site .footer-tree-status{max-width:100%;margin:4px 0 0;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.6;color:#dfd9c8}
#guanju-site .footer-tree-status{margin-top:6px;color:#d5bd8d;font-size:11px}
@media(min-width:900px) and (max-height:660px){#guanju-site .footer-tree-area{width:min(100%,150px);justify-self:end;margin:-22px 0 -12px}}
@media(min-width:621px) and (max-width:1000px){#guanju-site .footer-tree-area{grid-column:2;justify-self:end;width:152px;margin:-10px 0 -10px}}
@media(min-width:820px) and (max-width:1000px){#guanju-site .footer-tree-area{grid-column:auto;width:128px;margin:-18px 0 -12px}}
@media(max-width:620px){#guanju-site .footer-tree-area{grid-column:2;grid-row:1;width:142px;justify-self:end;margin:-16px -8px -12px}}
@media(min-width:900px) and (max-height:660px){
 #guanju-site .hero{padding-top:calc(var(--site-header-space) + 92px)}
 #guanju-site .hero-content>p.hero-description{margin-top:24px;font-size:16px;line-height:1.8}
 #guanju-site .hero-actions{margin-top:24px}
 #guanju-site .hero-actions .button.download-pill{min-height:56px;width:244px;font-size:16px}
}


/* Keep the independent pricing and activity pages reachable from the mobile header. */
@media (max-width: 820px) {
 #guanju-site .site-nav .nav-inner { grid-template-columns: 1fr auto auto; gap: 8px; }
 #guanju-site .site-nav .nav-links { display: flex; }
 #guanju-site .site-nav .nav-links > a, #guanju-site .site-nav .nav-links > button { display: none; }
 #guanju-site .site-nav .nav-links { gap: 2px; }
 #guanju-site .site-nav .nav-links > [data-pricing-link], #guanju-site .site-nav .nav-links > [data-activity-link] { display: inline-flex; min-width: 44px; padding-inline: 6px; }
}
@media (max-width: 360px) {
 #guanju-site .site-nav .nav-inner { gap: 6px; }
 #guanju-site .site-nav .brand { gap: 8px; }
 #guanju-site .site-nav .brand span { font-size: 20px; }
 #guanju-site .site-nav .nav-cta { width: 84px; min-width: 84px; padding-inline: 10px; gap: 8px; }
}