@import url("./assets/fonts/source-serif-4/index.css");
@import url("./assets/fonts/noto-serif-sc/index.css");
@import url("./assets/fonts/noto-serif-tc/index.css");
:root{--ivory:#f5f4ef;--paper:#faf9f5;--ink:#171c1b;--jade:#145a4e;--jade2:#0e493f;--gray:#777c7c;--line:#d8d8d2;--mineral:#e7e9e5;--brass:#b78634;--danger:#b4574e;--display-latin:"Source Serif 4 Variable",Georgia,serif;--display-cjk:"Noto Serif SC Variable","Songti SC","STSong","Noto Serif CJK SC",serif;--serif:"Songti SC","STSong","Noto Serif CJK SC",Georgia,serif;--sans:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif}
html[lang="zh-Hant"]{--display-cjk:"Noto Serif TC Variable","Noto Serif SC Variable","Songti TC","Songti SC",serif}
*{box-sizing:border-box}html{background:var(--ivory);color:var(--ink);font-family:var(--sans);font-size:16px}body{margin:0;background:radial-gradient(circle at 50% 28%,#fff 0,var(--ivory) 68%);min-height:100vh}button,input,textarea,select{font:inherit;color:inherit}button,a{touch-action:manipulation}.page{min-height:100vh;padding:0 22px 38px}.shell{width:min(100%,810px);margin:auto}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent}.brand{font:600 34px/1 var(--display-latin);font-optical-sizing:auto;color:#0e4a40;letter-spacing:-1.2px}.brand.small{font-size:28px}.toplinks,.lang{display:flex;align-items:center;gap:26px}.toplinks button,.lang button,.linkbtn{border:0;background:transparent;padding:8px 2px;cursor:pointer}.lang button.active,.linkbtn{color:var(--jade)}.divider{width:1px;height:20px;background:#bfc0bd}.back{border:0;background:transparent;font-size:36px;line-height:1;padding:0 10px 0 0;cursor:pointer}.kicker{color:var(--brass);letter-spacing:.18em;font-size:20px}.headline{font:600 clamp(44px,8vw,72px)/1.22 var(--display-cjk);font-optical-sizing:auto;letter-spacing:.02em;margin:28px 0 18px}.sub{font-size:23px;color:var(--gray);letter-spacing:.08em}.home .shell{max-width:760px}.home-copy{padding:60px 0 24px}.mobile-actions{display:block}.desktop-actions{display:none}.chart{position:relative;height:485px;border:1px solid var(--line);border-radius:18px;margin:28px 0 42px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);overflow:hidden;color:#777}.palace{display:flex;align-items:center;justify-content:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font:18px var(--serif)}.palace:nth-child(4n){border-right:0}.orbit{position:absolute;left:50%;top:50%;width:185px;height:185px;border:1px solid #b8aa8e;border-radius:50%;transform:translate(-50%,-50%)}.orbit:before,.orbit:after{content:"";position:absolute;border:1px solid var(--line);border-radius:50%;inset:-34px}.orbit:after{inset:34px;border-color:#b8aa8e}.orbit i{position:absolute;width:9px;height:9px;background:#b39b73;border-radius:50%;left:50%;top:-5px;transform-origin:0 97px;box-shadow:0 0 0 3px var(--paper)}.orbit i:nth-child(2){transform:rotate(60deg)}.orbit i:nth-child(3){transform:rotate(120deg)}.orbit i:nth-child(4){transform:rotate(180deg)}.orbit i:nth-child(5){transform:rotate(240deg)}.orbit i:nth-child(6){transform:rotate(300deg)}
.toplinks>a,.toplinks>button{display:inline-flex;align-items:center;border:0;background:transparent;padding:8px 2px;color:var(--ink);font-family:var(--sans);font-size:16px;font-weight:500;line-height:1.4;letter-spacing:0;text-decoration:none;white-space:nowrap}
.primary,.secondary{width:100%;min-height:76px;border-radius:12px;border:1px solid var(--jade);font-size:24px;letter-spacing:.08em;cursor:pointer}.primary{color:#fff;background:linear-gradient(115deg,var(--jade2),#126557 48%,var(--jade2))}.primary:disabled{opacity:.45;cursor:not-allowed}.secondary{background:transparent;color:var(--jade)}.under-note{text-align:center;color:var(--gray);font-size:20px;letter-spacing:.08em;margin:15px 0 0}.trust{display:grid;grid-template-columns:repeat(3,1fr);margin:65px 0 0;color:#444;text-align:center}.trust span+span{border-left:1px solid var(--line)}.gold{color:var(--brass)}
.steps{padding:42px 0 0}.step-label{font-size:21px;letter-spacing:.08em}.step-label b{color:var(--brass);font-weight:400;margin-left:14px}.progress{height:4px;background:#ddd;margin:22px 0 56px}.progress i{display:block;height:100%;background:var(--jade);width:50%}.form-title,.page-title{font:500 46px/1.25 var(--serif);letter-spacing:.05em;margin:0 0 14px}.muted{color:var(--gray)}.lead{font-size:21px;letter-spacing:.04em;margin-bottom:52px}.field{display:block;margin:0 0 34px}.field>span{display:block;font-size:22px;margin-bottom:14px}.input,.selectlike{width:100%;height:76px;border:1px solid #cfcfca;border-radius:12px;background:rgba(255,255,255,.3);padding:0 28px;font-size:23px;outline:none}.input:focus{border-color:var(--jade);box-shadow:0 0 0 2px #145a4e15}.checkline,.radio-row{display:flex;align-items:center;gap:16px;font-size:20px;margin:-10px 0 15px}.checkline input{width:26px;height:26px;accent-color:var(--jade)}.notice{display:flex;gap:14px;color:var(--gray);font-size:16px;line-height:1.7;margin-bottom:34px}.notice.warning{border:1px solid var(--brass);border-radius:12px;color:#404443;padding:20px;margin:20px 0 30px}.notice-dot{color:var(--brass);font-size:22px}.gender{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gender button{height:78px;border:1px solid var(--line);border-radius:12px;background:transparent;font-size:22px}.gender button.active{border-color:var(--jade);color:var(--jade);background:#145a4e08}.form-foot{margin-top:18px;text-align:center;color:var(--gray)}
.summary-card,.info-card,.panel,.pay-card,.report-card{border:1px solid var(--line);border-radius:15px;background:#ffffff22}.summary-card{padding:25px;margin:28px 0}.big-date{font-size:26px;letter-spacing:.06em}.info-card{padding:12px 30px}.info-row{display:flex;justify-content:space-between;gap:30px;padding:22px 0;border-bottom:1px solid var(--line);font-size:19px}.info-row:last-child{border-bottom:0}.info-row strong{font-weight:500;color:var(--jade)}.accordion{width:100%;border:0;border-top:1px solid var(--line);background:transparent;text-align:left;padding:20px 0;font-size:18px;cursor:pointer}.confirmbox{display:flex;gap:14px;border:1px solid var(--line);padding:22px;border-radius:12px;margin:25px 0;font-size:19px;align-items:center}.confirmbox input{width:25px;height:25px;accent-color:var(--jade)}
.generate{max-width:780px}.generate .chart{height:480px}.tasks{margin-top:28px}.task{display:grid;grid-template-columns:35px 1fr auto;gap:15px;align-items:center;padding:23px 5px;border-bottom:1px solid var(--line);font-size:19px}.dot{width:26px;height:26px;border:2px solid var(--line);border-radius:50%;display:grid;place-items:center}.dot.done,.dot.live{border-color:var(--jade);background:var(--jade);color:white}.dot.live{background:transparent}.safe-panel{border:1px solid var(--line);border-radius:14px;margin-top:28px;padding:26px}.safe-panel h3{margin:0 0 8px;font:500 24px var(--serif)}.safe-panel .primary{min-height:62px;font-size:20px;margin-top:18px}.safe-panel .linkbtn{display:block;margin:10px auto 0;font-size:18px}
.report-head{display:flex;align-items:center;justify-content:space-between;height:90px}.report-head h1{font:500 26px var(--serif);margin:0}.report-label{color:var(--jade);font-size:19px;margin:18px 0}.report-progress{height:3px;background:var(--line);margin-bottom:42px}.report-progress i{display:block;width:25%;height:100%;background:var(--jade)}.chapter{color:var(--brass);font-size:20px;letter-spacing:.08em}.article h2{font:500 40px/1.35 var(--serif);letter-spacing:.04em;margin:27px 0 16px}.article p{font:18px/2.0 var(--serif);letter-spacing:.05em;margin:0 0 22px}.reason{border:1px solid var(--line);border-radius:14px;overflow:hidden}.reason h3{font:500 24px var(--serif);padding:20px 28px;margin:0;border-bottom:1px solid var(--line)}.reason-row{display:grid;grid-template-columns:120px 1fr;border-bottom:1px solid var(--line)}.reason-row:last-child{border-bottom:0}.reason-row b,.reason-row span{padding:18px 24px;font:16px/1.7 var(--serif)}.reason-row b{border-right:1px solid var(--line);font-weight:500}.share-insight{display:block;margin:22px auto;color:var(--jade);border:0;background:transparent;font-size:17px;cursor:pointer}.gate{text-align:center;border-top:1px solid var(--line);padding:35px 0 0;margin-top:30px}.gate h3{font:500 30px var(--serif);margin:0 0 9px}.locked{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:25px 0}.locked div{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:19px 25px;color:var(--gray)}.locked div:last-child{border:0}.price{font:500 31px Georgia;color:var(--jade);margin:20px}.pay-notes{display:flex;justify-content:center;gap:35px;color:var(--gray);font-size:14px;margin:20px}
.desktop-report{display:none}.desktop-report .desk-grid{display:grid;grid-template-columns:300px minmax(0,1fr) 370px;min-height:calc(100vh - 82px)}.desk-nav{padding:38px 28px;border-right:1px solid var(--line)}.desk-nav h3{color:var(--brass);font-weight:400}.desk-nav button{width:100%;text-align:left;padding:17px 12px;border:0;border-bottom:1px solid var(--line);background:transparent}.desk-nav button.active{background:#e9eeeb;border-left:3px solid var(--jade)}.desk-content{padding:40px 60px}.desk-pay{padding:42px 42px 0 18px}.pay-card{text-align:center;padding:46px 34px}.pay-card h2{font:500 30px var(--serif)}
.payment{text-align:center}.clock{width:116px;height:116px;border:3px solid var(--brass);border-radius:50%;margin:90px auto 48px;position:relative}.clock:before{content:"";position:absolute;width:2px;height:35px;background:var(--brass);left:57px;top:23px}.clock:after{content:"";position:absolute;width:28px;height:2px;background:var(--brass);left:55px;top:58px;transform:rotate(42deg);transform-origin:left}.payment h1{font:500 48px var(--serif)}.payment .panel{text-align:left;padding:30px;margin:48px 0}.timeline{position:relative;padding-left:62px}.timeline:before{content:"";position:absolute;left:20px;top:20px;bottom:24px;width:1px;background:var(--line)}.timeitem{position:relative;margin:0 0 35px}.timeitem:before{content:"";position:absolute;width:20px;height:20px;border:3px solid var(--line);border-radius:50%;left:-52px;top:0;background:var(--paper)}.timeitem.done:before,.timeitem.live:before{border-color:var(--jade);background:var(--jade)}.timeitem h3{margin:0 0 8px;font-weight:500}.order{display:flex;justify-content:space-between;border:1px solid var(--line);border-radius:13px;padding:28px;margin:26px 0;text-align:left}
.unlocked{background:#f1f2ee;padding:16px;text-align:center;font-size:18px}.reading-progress{display:flex;gap:18px;align-items:center;color:var(--jade);font-size:22px;margin:30px 0}.reading-progress .bar{height:4px;background:var(--line);flex:1}.reading-progress i{display:block;width:37%;height:100%;background:var(--jade)}.chapter-select{width:100%;height:72px;border:1px solid var(--line);border-radius:12px;background:transparent;padding:0 20px;font:21px var(--serif)}.tags{display:flex;gap:14px;margin:25px 0}.tag{border:1px solid #9bb2aa;border-radius:9px;padding:11px 20px;color:var(--jade)}.action-table{border:1px solid var(--line);border-radius:12px;overflow:hidden}.action-table div{display:grid;grid-template-columns:110px 1fr}.action-table b,.action-table span{padding:18px;border-bottom:1px solid var(--line);font-weight:400}.action-table b{border-right:1px solid var(--line);color:var(--jade)}.bottom-actions{position:sticky;bottom:0;margin:40px -22px -38px;background:rgba(250,249,245,.96);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:17px}.bottom-actions button{border:0;border-right:1px solid var(--line);background:transparent}.bottom-actions button:last-child{border:0}
.platforms{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.platform{height:62px;border:1px solid #bbb;border-radius:9px;background:transparent}.platform.active{background:var(--jade);color:#fff}.share-preview{max-width:520px;margin:20px auto;padding:26px;border:1px solid var(--line);border-radius:14px;text-align:center;aspect-ratio:4/5;display:flex;flex-direction:column;justify-content:center}.share-preview h2{font:500 38px/1.45 var(--serif)}.share-brand{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--jade);font:600 25px/1 Georgia,serif}.share-brand img{width:32px;height:32px}.setting{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line)}.toggle{width:50px;height:28px;border:0;border-radius:20px;background:#c7c9c8;padding:3px;cursor:pointer}.toggle:before{content:"";display:block;width:22px;height:22px;background:white;border-radius:50%;transition:.2s}.toggle.on{background:var(--jade)}.toggle.on:before{transform:translateX(22px)}.privacy{border:1px solid var(--jade);background:#eef5f1;padding:17px;border-radius:10px;margin:15px 0;color:var(--jade)}textarea{width:100%;min-height:90px;border:1px solid var(--line);border-radius:10px;background:transparent;padding:14px;resize:vertical}.button-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.public-card{border:1px solid var(--line);border-radius:18px;text-align:center;padding:70px 35px;margin:30px 0}.public-card h1{font:500 50px/1.45 var(--serif)}.public-card .chips{display:flex;justify-content:center;gap:18px}.public-card .chips span{padding:12px 27px;border:1px solid var(--line);border-radius:9px}.public-foot{text-align:center;padding-top:20px;border-top:1px dashed var(--line)}
.account-title{font:500 44px var(--serif);margin:35px 0 5px}.report-card{display:grid;grid-template-columns:120px 1fr auto;align-items:center;padding:28px 25px;margin:18px 0}.roundicon{width:90px;height:90px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font:34px var(--serif);color:var(--jade)}.report-card h3{font:500 26px var(--serif);margin:0 0 10px}.report-card .primary,.report-card .secondary{min-height:55px;width:145px;font-size:16px}.badge{font-size:13px;border:1px solid #bfd0ca;border-radius:14px;padding:4px 9px;color:var(--jade)}.manage{border:1px solid var(--line);border-radius:14px;padding:10px 30px;margin-top:25px}.manage button{display:flex;width:100%;justify-content:space-between;border:0;border-bottom:1px solid var(--line);background:transparent;padding:20px 0;text-align:left}.manage button:last-child{border:0}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:sticky;bottom:0;margin:30px -22px -38px;padding:16px;background:rgba(250,249,245,.96);border-top:1px solid var(--line)}.bottom-nav button{border:0;background:transparent}.bottom-nav button.active{color:var(--jade)}
.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);background:#172e29;color:white;padding:13px 22px;border-radius:8px;opacity:0;pointer-events:none;transition:.25s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:900px){.page{padding:0 44px 50px}.home .shell{max-width:1440px}.home .topbar{height:84px;border-bottom:1px solid var(--line)}.home-main{display:grid;grid-template-columns:1.03fr .97fr;gap:95px;align-items:center;min-height:calc(100vh - 110px)}.home-copy{padding:30px 0}.home .headline{font-size:66px}.home .chart{height:560px;margin:30px 0}.home-visual{grid-column:2;grid-row:1}.home-actions{max-width:610px}.desktop-actions{display:block}.mobile-actions{display:none}.home .trust{margin-top:48px}.mobile-report{display:none}.desktop-report{display:block}.form-page .shell,.confirm-page .shell,.generate,.payment,.full-report,.share-page,.public-page,.account-page{max-width:820px}.full-report,.share-page,.public-page,.account-page{padding-bottom:60px}}
@media(max-width:899px){.toplinks{display:none}.page{max-width:864px;margin:auto}.home .topbar{height:105px}.home .brand{font-size:34px}.home-copy{padding:42px 0 0}.home .headline{font-size:55px;margin-top:22px}.home .sub{font-size:20px}.home .chart{height:520px}.trust{font-size:15px}.report-card{grid-template-columns:90px 1fr}.report-card>:last-child{grid-column:2;margin-top:15px}.platforms{grid-template-columns:repeat(2,1fr)}.article h2{font-size:38px}.public-card h1{font-size:43px}}
@media(max-width:480px){.page{padding-left:18px;padding-right:18px}.topbar{height:74px}.brand,.home .brand{font-size:25px}.home .toplinks{display:flex;gap:11px}.home .toplinks button{font-size:13px}.home .lang{gap:5px}.home .lang button{font-size:13px}.headline,.home .headline{font-size:42px}.sub{font-size:17px}.home-copy{padding-top:32px;padding-bottom:0}.home .chart{height:300px;margin:24px 0 26px}.palace{font-size:13px}.orbit{width:110px;height:110px}.orbit:before{inset:-22px}.orbit:after{inset:22px}.orbit i{transform-origin:0 59px}.primary,.secondary{min-height:62px;font-size:20px}.under-note{font-size:15px}.home .trust{margin-top:28px}.trust{margin-top:42px;font-size:13px}.step-label{font-size:17px}.progress{margin-bottom:40px}.form-title,.page-title{font-size:37px}.lead{font-size:17px;margin-bottom:38px}.field>span{font-size:18px}.input{height:66px;font-size:19px}.gender button{height:66px}.info-card{padding:8px 20px}.info-row{font-size:16px}.generate .chart{height:400px}.task{font-size:15px;grid-template-columns:30px 1fr auto}.article h2{font-size:33px}.article p{font-size:16px}.reason-row{grid-template-columns:92px 1fr}.reason-row b,.reason-row span{padding:14px;font-size:14px}.payment h1{font-size:40px}.payment .panel{padding:24px 18px}.order{font-size:14px}.tags{flex-wrap:wrap}.platforms{grid-template-columns:1fr 1fr}.share-preview h2{font-size:31px}.public-card{padding:48px 20px}.public-card h1{font-size:34px}.public-card .chips{gap:8px}.public-card .chips span{padding:10px 17px}.report-card{padding:20px 16px;grid-template-columns:70px 1fr}.roundicon{width:58px;height:58px}.report-card h3{font-size:21px}.manage{padding:8px 18px}.bottom-actions,.bottom-nav{margin-left:-18px;margin-right:-18px}}

/* v5 首页：天道潮汐。图像仅为装饰，标题、宫位与操作均为真实 DOM。 */
.tide-home{overflow:hidden;background:var(--ivory)}.tide-home .shell{position:relative}.tide-home .topbar{position:relative;z-index:5}.tide-home .brand{font-size:38px}.tide-home .home-copy{position:relative;z-index:3}.tide-home .headline{letter-spacing:.08em}.tide-home .headline span{display:block}.tide-home .headline i{font-style:normal}.tide-home .cosmic-chart{border-color:rgba(183,134,52,.8);border-radius:0;color:#7d674c;background:transparent;box-shadow:none;isolation:isolate;overflow:visible}.tide-home .cosmic-chart:before,.tide-home .cosmic-chart:after{content:"";position:absolute;width:18px;height:18px;border-color:var(--brass);z-index:4;pointer-events:none}.tide-home .cosmic-chart:before{left:8px;top:8px;border-left:1px solid;border-top:1px solid}.tide-home .cosmic-chart:after{right:8px;bottom:8px;border-right:1px solid;border-bottom:1px solid}.tide-home .tide-art{position:absolute;inset:-105px -125px -90px -240px;width:calc(100% + 365px);height:calc(100% + 195px);object-fit:cover;object-position:center;z-index:-2;pointer-events:none;max-width:none;-webkit-mask-image:radial-gradient(ellipse 78% 73% at 58% 48%,#000 0%,#000 52%,rgba(0,0,0,.92) 63%,rgba(0,0,0,.5) 77%,transparent 100%);mask-image:radial-gradient(ellipse 78% 73% at 58% 48%,#000 0%,#000 52%,rgba(0,0,0,.92) 63%,rgba(0,0,0,.5) 77%,transparent 100%)}.tide-home .cosmic-chart .palace{position:relative;z-index:2;border-color:rgba(183,134,52,.65);color:#846b4d;text-shadow:0 1px 4px rgba(245,244,239,.9)}.tide-home .cosmic-chart>span:not(.palace){position:relative;z-index:1;border-right:1px solid rgba(183,134,52,.65);border-bottom:1px solid rgba(183,134,52,.65)}.tide-home .cosmic-chart .orbit{z-index:2;border-color:#d3ac62;width:245px;height:245px}.tide-home .cosmic-chart .orbit:before,.tide-home .cosmic-chart .orbit:after{border-color:rgba(224,187,105,.9)}.tide-home .cosmic-chart .orbit i{background:#f0cb77;box-shadow:0 0 0 2px rgba(18,74,64,.18);transform-origin:0 127px}.tide-home .cosmic-chart .orbit i:nth-child(2){transform:rotate(60deg)}.tide-home .cosmic-chart .orbit i:nth-child(3){transform:rotate(120deg)}.tide-home .cosmic-chart .orbit i:nth-child(4){transform:rotate(180deg)}.tide-home .cosmic-chart .orbit i:nth-child(5){transform:rotate(240deg)}.tide-home .cosmic-chart .orbit i:nth-child(6){transform:rotate(300deg)}.tide-home .home-cta,.tide-home .home-trust{position:relative;z-index:4}.tide-home .trust{margin:0}.tide-home .trust-icon{display:inline-grid;place-items:center;width:34px;height:34px;border:2px solid var(--brass);border-radius:50%;color:var(--brass);margin-right:10px}.desktop-trust{display:none}.mobile-trust{display:block}.desktop-only{display:none}
@media(min-width:900px){.tide-home{height:100vh;padding:0 50px}.tide-home .shell{width:100%;max-width:none}.tide-home .topbar{height:94px}.tide-home .home-main{display:grid;grid-template-columns:.98fr 1.12fr;grid-template-rows:minmax(0,1fr) 145px;gap:0 48px;min-height:calc(100vh - 94px);align-items:center}.tide-home .home-copy{grid-column:1;grid-row:1;padding:90px 0 0}.tide-home .kicker{font-size:20px}.tide-home .headline{font-size:58px;line-height:1.48;letter-spacing:.04em;margin:28px 0 25px}.tide-home .title-tail i{display:inline}.tide-home .sub{font-size:21px}.tide-home .home-visual{grid-column:2;grid-row:1;align-self:end;position:relative;z-index:2}.tide-home .chart{height:590px;margin:15px 0 0}.tide-home .home-cta{grid-column:2;grid-row:2;align-self:start}.tide-home .home-cta .primary{min-height:70px}.tide-home .home-trust.desktop-trust{display:block;grid-column:1;grid-row:2;align-self:start;padding-top:14px}.tide-home .home-trust.mobile-trust{display:none}.tide-home .trust{font-size:16px;text-align:left}.tide-home .trust span{padding:0 24px 0 0}.tide-home .trust span+span{border-left:1px solid var(--line);padding-left:24px}.tide-home .tide-art{inset:-105px -135px -95px -270px;width:calc(100% + 405px);height:calc(100% + 200px);object-position:center}.tide-home .cosmic-chart .palace{font-size:17px}.tide-home .desktop-only{display:inline-block}}
@media(max-width:899px){.tide-home .home-main{display:flex;flex-direction:column;min-height:0}.tide-home .home-copy{order:1}.tide-home .home-visual{order:2;position:relative;z-index:2;width:100%}.tide-home .home-cta{order:3;width:100%}.tide-home .mobile-trust{order:4;width:100%;padding-top:48px}.tide-home .desktop-trust{display:none}}
@media(max-width:480px){.tide-home{padding-left:22px;padding-right:22px;overflow:hidden}.tide-home .topbar{height:58px}.tide-home .brand{font-size:25px}.tide-home .home-copy{padding-top:5px}.tide-home .kicker{font-size:17px}.tide-home .headline{font-size:41px;line-height:1.28;margin:13px 0 15px}.tide-home .title-tail i{display:block}.tide-home .sub{font-size:17px}.tide-home .chart{height:340px;margin:14px 0 42px}.tide-home .tide-art{inset:-105px -58px -66px -55px;width:calc(100% + 113px);height:calc(100% + 171px);object-position:center}.tide-home .cosmic-chart .orbit{width:140px;height:140px}.tide-home .cosmic-chart .orbit:before{inset:-25px}.tide-home .cosmic-chart .orbit:after{inset:25px}.tide-home .cosmic-chart .orbit i{transform-origin:0 74px}.tide-home .cosmic-chart .palace{font-size:13px}.tide-home .home-cta .primary{min-height:64px}.tide-home .home-cta .under-note{margin-top:14px}.tide-home .mobile-trust{padding-top:33px}.tide-home .trust{font-size:13px}.tide-home .trust span{white-space:nowrap}.tide-home .trust-icon{width:28px;height:28px;margin-right:5px}.tide-home .trust span+span{padding-left:6px}.tide-home .home-trust{padding-bottom:10px}}

/* v5 PC 首页精确复刻：以 1536×1024 设计稿为基准。 */
@media(min-width:900px){
  .tide-home{height:100vh;min-height:760px;padding:0 50px;overflow:hidden}
  .tide-home .shell{height:100%;width:100%;max-width:none;margin:0}
  .tide-home .topbar{height:94px;border-bottom:0}
  .tide-home .topbar>.toplinks{position:absolute;left:38%;gap:56px}
  .tide-home .home-main{position:relative;display:block;height:calc(100vh - 94px);min-height:666px}
  .tide-home .home-copy{position:absolute;left:4px;top:20.4%;width:49%;padding:0;z-index:3}
  .tide-home .kicker{font-size:20px;line-height:1.4;letter-spacing:.18em}
  .tide-home .headline{font-size:clamp(58px,4.43vw,68px);line-height:1.55;letter-spacing:.045em;margin:25px 0 19px;white-space:nowrap}
  .tide-home .headline span{display:block}
  .tide-home .headline>span:first-child{font-size:76px;line-height:1.18}
  .tide-home .headline .title-tail{font-size:68px;line-height:1.2;margin-top:26px}
  .tide-home .title-tail i{display:inline}
  .tide-home .sub{font-size:21px;line-height:1.5}
  .tide-home .home-visual{position:absolute;left:50.84%;top:5.7%;width:45.26%;height:63.45%;z-index:2}
  .tide-home .home-visual:before{content:none}
  .tide-home .chart{width:100%;height:100%;margin:0}
  .tide-home .tide-art{inset:-105px -135px -90px -300px;width:calc(100% + 435px);height:calc(100% + 195px);object-position:center}
  .tide-home .home-cta{position:absolute;left:50.84%;top:79.1%;width:45.26%;z-index:4}
  .tide-home .home-cta .primary{height:70px;min-height:70px;border-radius:9px}
  .tide-home .home-cta .under-note{font-size:18px;margin-top:15px}
  .tide-home .home-trust.desktop-trust{display:block;position:absolute;left:4px;top:69.9%;width:46%;padding:0;z-index:4}
  .tide-home .home-trust.mobile-trust{display:none}
  .tide-home .trust{display:flex;align-items:center;grid-template-columns:none;font-size:16px;text-align:left}
  .tide-home .trust span{display:flex;align-items:center;padding:0 35px 0 0;white-space:nowrap}
  .tide-home .trust span+span{padding-left:35px}
  .tide-home .headline{margin-top:35px;margin-bottom:34px}
}

.tide-home .trust-icon{border:0;border-radius:0}
.tide-home .trust-icon svg{display:block;width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:480px){.tide-home .trust-icon svg{width:28px;height:28px}}

/* 正式品牌标志：命运之路 */
.brand{
  display:inline-flex;
  align-items:center;
  gap:10px;
  white-space:nowrap;
  text-decoration:none;
}
.brand img{
  display:block;
  width:38px;
  height:38px;
  object-fit:contain;
}
.brand.small img{width:32px;height:32px}
@media(max-width:480px){
  .brand,.home .brand{gap:7px}
  .brand img,.home .brand img{width:29px;height:29px}
}

/* 潮汐图上的命盘信息：提高可读性，同时保持通透。 */
.tide-home .cosmic-chart{border-width:1.5px;border-color:rgba(166,111,31,.96)}
.tide-home .cosmic-chart .palace{
  border-color:rgba(174,119,35,.9);
  color:#5d482d;
  font-weight:600;
  text-shadow:0 0 3px rgba(250,249,245,1),0 0 9px rgba(250,249,245,.96),0 1px 1px rgba(250,249,245,.95)
}
.tide-home .cosmic-chart>span:not(.palace){
  border-color:rgba(174,119,35,.9)
}
.tide-home .cosmic-chart .orbit{
  border-width:1.5px;
  border-color:#d7aa50;
  box-shadow:0 0 8px rgba(250,234,191,.34)
}
.tide-home .cosmic-chart .orbit:before,.tide-home .cosmic-chart .orbit:after{
  border-width:1.5px;
  border-color:rgba(223,181,91,.98)
}
.tide-home .cosmic-chart .orbit i{
  width:11px;
  height:11px;
  top:-6px;
  background:#f2c96f;
  box-shadow:0 0 0 2px rgba(255,248,226,.72),0 0 8px rgba(242,201,111,.62)
}

/* 学术顾问介绍：象牙白、墨绿与黄铜色延续首页的东方现代感。 */
.advisor-page{padding:0 48px 34px;background:
  radial-gradient(circle at 12% 18%,rgba(183,134,52,.08),transparent 30%),
  radial-gradient(circle at 82% 7%,rgba(20,90,78,.07),transparent 27%),var(--ivory);overflow:hidden}
.advisor-shell{width:min(100%,1440px);margin:0 auto}
.advisor-topbar{height:94px;position:relative;z-index:5}
.advisor-topbar .toplinks{position:absolute;left:50%;transform:translateX(-50%);gap:48px}
.advisor-topbar .toplinks .active{color:var(--jade);position:relative}
.advisor-topbar .toplinks .active:after{content:"";position:absolute;left:25%;right:25%;bottom:-10px;height:1px;background:var(--brass)}
.advisor-hero{position:relative;isolation:isolate;height:clamp(690px,55.6vw,800px);min-height:0;display:grid;grid-template-columns:56% 44%;align-items:center;background:linear-gradient(90deg,transparent 0,transparent 43%,rgba(243,239,228,.45) 57%,rgba(235,240,232,.72) 76%,transparent 100%)}
.advisor-hero:before{content:"";position:absolute;width:490px;height:490px;border:1px solid rgba(183,134,52,.2);border-radius:50%;right:-310px;top:-150px;box-shadow:0 0 0 90px rgba(183,134,52,.035),0 0 0 180px rgba(20,90,78,.025)}
.advisor-hero:after{content:"";position:absolute;z-index:1;inset:0 28% 0 41%;background:linear-gradient(90deg,transparent 0,rgba(247,244,236,.24) 35%,rgba(238,241,231,.78) 72%,rgba(238,241,231,.16) 100%);filter:blur(10px);pointer-events:none}
.advisor-portrait{position:relative;z-index:0;align-self:stretch;width:calc(100% + 190px);height:100%;min-height:0;margin-left:-48px;margin-right:-190px}
.advisor-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 43%,rgba(247,244,236,.08) 56%,rgba(238,241,231,.64) 78%,rgba(238,241,231,.97) 98%),linear-gradient(0deg,var(--ivory),transparent 22%);pointer-events:none}
.advisor-portrait img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 54%,rgba(0,0,0,.88) 67%,rgba(0,0,0,.32) 84%,transparent 98%);mask-image:linear-gradient(90deg,#000 0,#000 54%,rgba(0,0,0,.88) 67%,rgba(0,0,0,.32) 84%,transparent 98%)}
.portrait-mark{position:absolute;left:62px;bottom:44px;z-index:2;border:1px solid rgba(255,255,255,.65);color:#fff;padding:11px 8px;font:16px/1 var(--serif);letter-spacing:.2em;writing-mode:vertical-rl;text-shadow:0 1px 8px #0008}
.advisor-intro{position:relative;z-index:2;padding:20px 3% 20px 2%}
.advisor-eyebrow{color:var(--brass);font-size:16px;letter-spacing:.2em;margin:0 0 25px}
.advisor-intro h1{font:500 clamp(54px,5vw,76px)/1.18 var(--serif);letter-spacing:.12em;margin:0 0 25px}
.advisor-roles{display:flex;flex-direction:column;gap:7px;border-left:2px solid var(--brass);padding-left:18px;color:var(--jade);font:18px/1.5 var(--serif);letter-spacing:.06em}
.advisor-lead{max-width:520px;margin:33px 0 0;color:#555d5a;font:18px/2 var(--serif);letter-spacing:.06em}
.advisor-signature{position:absolute;right:28px;bottom:-55px;color:rgba(20,90,78,.09);font:italic 88px/1 var(--serif);letter-spacing:.08em;transform:rotate(-8deg);pointer-events:none}
.advisor-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(183,134,52,.5);border-bottom:1px solid var(--line);padding:38px 0;margin:0 4% 110px}
.advisor-stats div{display:flex;flex-direction:column;align-items:center;gap:8px}
.advisor-stats div+div{border-left:1px solid var(--line)}
.advisor-stats strong{color:var(--jade);font:500 36px/1.2 Georgia,var(--serif)}
.advisor-stats span{color:var(--gray);font-size:15px;letter-spacing:.12em}
.advisor-story{max-width:1120px;margin:0 auto 130px;display:grid;grid-template-columns:32% 68%;gap:50px}
.story-heading{display:flex;align-items:flex-start;gap:18px}
.story-heading>span{color:var(--brass);font:16px Georgia;padding-top:10px}
.story-heading h2{font:500 42px/1.25 var(--serif);letter-spacing:.12em;margin:0}
.story-timeline{position:relative;padding-left:50px}
.story-timeline:before{content:"";position:absolute;left:17px;top:24px;bottom:28px;width:1px;background:linear-gradient(var(--brass),rgba(183,134,52,.18))}
.story-timeline article{position:relative;display:grid;grid-template-columns:54px 1fr;gap:24px;padding:0 0 58px}
.story-timeline article:last-child{padding-bottom:0}
.story-timeline article>i{position:relative;margin-left:-50px;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--brass);border-radius:50%;background:var(--ivory);color:var(--brass);font:normal 15px var(--serif);z-index:1}
.story-timeline h3{font:500 26px/1.3 var(--serif);letter-spacing:.08em;margin:2px 0 14px}
.story-timeline p{color:#5e6462;font:17px/2 var(--serif);letter-spacing:.045em;margin:0}
.advisor-books{max-width:1180px;margin:0 auto 130px;padding:80px 7%;display:grid;grid-template-columns:62% 38%;gap:60px;align-items:center;background:#eeeee8;position:relative}
.advisor-books:before,.advisor-books:after{content:"";position:absolute;width:30px;height:30px;border-color:rgba(183,134,52,.75)}
.advisor-books:before{left:18px;top:18px;border-left:1px solid;border-top:1px solid}
.advisor-books:after{right:18px;bottom:18px;border-right:1px solid;border-bottom:1px solid}
.book-list{display:grid;grid-template-columns:1fr 1fr;gap:0 45px;margin:45px 0 25px}
.book-list div{display:flex;align-items:center;gap:16px;border-bottom:1px solid #d2d2ca;padding:18px 0}
.book-list b{color:var(--brass);font:14px Georgia;font-weight:400}
.book-list span{font:20px var(--serif);letter-spacing:.04em}
.books-copy>p{max-width:660px;color:var(--gray);font:16px/1.9 var(--serif);letter-spacing:.04em}
.book-orbit{width:270px;height:270px;border:1px solid rgba(183,134,52,.5);border-radius:50%;position:relative;display:grid;place-items:center;color:var(--jade);font:56px var(--serif)}
.book-orbit:before,.book-orbit:after{content:"";position:absolute;border:1px solid rgba(20,90,78,.18);border-radius:50%;inset:32px}.book-orbit:after{inset:73px;border-color:rgba(183,134,52,.45)}
.book-orbit span{position:relative;z-index:2}
.book-orbit i{position:absolute;width:9px;height:9px;background:var(--brass);border-radius:50%;left:50%;top:-5px;transform-origin:0 140px}.book-orbit i:nth-of-type(2){transform:rotate(120deg)}.book-orbit i:nth-of-type(3){transform:rotate(240deg)}
.advisor-mission{max-width:1180px;margin:0 auto;min-height:440px;padding:65px 8%;display:grid;grid-template-columns:150px 1fr;gap:55px;align-items:center;background:linear-gradient(125deg,#0c443b,#155e51);color:#fff;position:relative;overflow:hidden}
.advisor-mission:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-220px;top:-260px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)}
.mission-seal{width:120px;height:120px;border:1px solid rgba(232,199,127,.7);display:grid;place-items:center;color:#e8c77f;font:28px/1.45 var(--serif);letter-spacing:.2em;position:relative;z-index:1}
.advisor-mission>div:last-child{position:relative;z-index:1}
.advisor-mission p{color:#d8bd82;font:12px Georgia;letter-spacing:.2em}
.advisor-mission h2{font:500 40px/1.3 var(--serif);letter-spacing:.08em;margin:18px 0}
.advisor-mission blockquote{max-width:720px;margin:0 0 30px;color:rgba(255,255,255,.78);font:18px/1.9 var(--serif);letter-spacing:.05em}
.advisor-mission .primary{width:320px;min-height:62px;background:#f2eee4;color:var(--jade2);border-color:#f2eee4;font-size:17px}
.advisor-footer{display:flex;justify-content:space-between;color:var(--gray);border-top:1px solid var(--line);padding:35px 0 0;margin-top:80px;font-size:13px;letter-spacing:.08em}

@media(max-width:899px){
  .advisor-page{padding:0 22px 28px}
  .advisor-topbar{height:76px}
  .advisor-hero{display:flex;height:auto;flex-direction:column;min-height:0;padding-bottom:60px;background:transparent}
  .advisor-hero:after{display:none}
  .advisor-portrait{width:calc(100% + 44px);height:70vw;min-height:420px;margin:0 -22px;order:1}
  .advisor-portrait img{-webkit-mask-image:linear-gradient(0deg,transparent 0,#000 24%,#000 100%);mask-image:linear-gradient(0deg,transparent 0,#000 24%,#000 100%)}
  .advisor-portrait:after{background:linear-gradient(0deg,var(--ivory),transparent 28%)}
  .portrait-mark{left:38px;bottom:72px}
  .advisor-intro{order:2;margin-top:-35px;padding:0;z-index:3}
  .advisor-intro h1{font-size:54px}
  .advisor-signature{bottom:-35px}
  .advisor-stats{margin:0 0 80px;padding:28px 0}
  .advisor-stats strong{font-size:28px}
  .advisor-stats span{font-size:12px;text-align:center}
  .advisor-story{display:block;margin-bottom:90px}
  .story-heading{margin-bottom:45px}
  .story-timeline{padding-left:36px}
  .story-timeline article{grid-template-columns:42px 1fr;gap:15px}
  .story-timeline article>i{margin-left:-36px}
  .story-timeline:before{left:17px}
  .advisor-books{display:block;margin-bottom:80px;padding:60px 32px}
  .book-orbit{display:none}
  .advisor-mission{grid-template-columns:90px 1fr;padding:55px 35px;gap:25px}
  .mission-seal{width:82px;height:82px;font-size:21px}
  .advisor-mission .primary{width:100%}
}
@media(max-width:520px){
  .advisor-portrait{height:112vw;min-height:430px}
  .advisor-intro h1{font-size:45px}
  .advisor-lead{font-size:16px;line-height:1.9}
  .advisor-stats{gap:5px}
  .advisor-stats strong{font-size:23px}
  .advisor-stats span{font-size:10px;letter-spacing:.04em;padding:0 4px}
  .story-heading h2{font-size:34px}
  .story-timeline{padding-left:20px}
  .story-timeline:before{left:17px}
  .story-timeline article{display:block;padding-left:28px;padding-bottom:48px}
  .story-timeline article>i{position:absolute;left:-2px;margin:0}
  .story-timeline h3{font-size:23px}
  .story-timeline p{font-size:15px;line-height:1.9}
  .advisor-books{margin-left:-5px;margin-right:-5px;padding:48px 24px}
  .book-list{grid-template-columns:1fr;margin-top:24px}
  .advisor-mission{display:block;padding:46px 25px}
  .mission-seal{margin-bottom:30px}
  .advisor-mission h2{font-size:31px}
  .advisor-mission blockquote{font-size:16px}
  .advisor-footer{gap:18px;font-size:11px}
}

/* 首页命盘 v6：独立完整外框、稳定网格，以及无矩形边界的潮汐背景。 */
.tide-home .cosmic-chart{
  border:0;
  overflow:visible
}
.tide-home .chart-frame{
  position:absolute;
  inset:0;
  z-index:3;
  border:2px solid rgba(137,84,19,.94);
  box-shadow:0 0 0 1px rgba(255,250,235,.46),inset 0 0 0 1px rgba(255,250,235,.2);
  pointer-events:none
}
.tide-home .cosmic-chart:before,.tide-home .cosmic-chart:after{
  z-index:5;
  border-color:#895413
}
.tide-home .tide-art{
  inset:-130px -160px -115px -320px;
  width:calc(100% + 480px);
  height:calc(100% + 245px);
  mix-blend-mode:multiply;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 15%,#000 90%,transparent 100%),linear-gradient(180deg,transparent 0,#000 10%,#000 88%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0,#000 15%,#000 90%,transparent 100%),linear-gradient(180deg,transparent 0,#000 10%,#000 88%,transparent 100%);
  mask-composite:intersect
}
.tide-home .cosmic-chart>span{
  border-right:1.35px solid rgba(137,84,19,.84);
  border-bottom:1.35px solid rgba(137,84,19,.84)
}
.tide-home .cosmic-chart>span:nth-of-type(4n){border-right:0}
.tide-home .cosmic-chart .palace{
  color:#49351f;
  font-weight:600;
  text-shadow:0 0 3px #faf9f5,0 0 9px rgba(250,249,245,.98),0 1px 1px #faf9f5
}

@media(min-width:900px){
  .tide-home .tide-art{
    inset:-135px -175px -120px -390px;
    width:calc(100% + 565px);
    height:calc(100% + 255px);
    transform:translate(64px,30px) scale(.94);
    transform-origin:center
  }
}

@media(max-width:480px){
  .tide-home .chart-frame{border-width:1.5px}
  .tide-home .tide-art{
    inset:-110px -72px -75px -72px;
    width:calc(100% + 144px);
    height:calc(100% + 185px)
  }
}

/* 出生资料页：让性别选择具有明确、即时的选中反馈。 */
.gender button{
  cursor:pointer;
  transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease
}
.gender button:hover{border-color:rgba(20,90,78,.62)}
.gender button.active{
  border:2px solid var(--jade);
  color:var(--jade2);
  background:rgba(20,90,78,.1);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),0 0 0 3px rgba(20,90,78,.08);
  font-weight:600
}
.gender button:focus-visible{
  outline:3px solid rgba(20,90,78,.22);
  outline-offset:2px
}

/* 报告页个人命盘：由真实排盘结果组成，命盘先于报告正文出现。 */
.natal-chart{
  margin:0 0 48px;
  padding:0;
  color:#243a35;
  background:transparent;
  border:0;
  box-shadow:none
}
.natal-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:18px
}
.natal-heading p{
  margin:0 0 5px;
  color:#9a762e;
  font-size:10px;
  letter-spacing:.22em
}
.natal-heading h2{
  margin:0;
  font:500 30px var(--serif)
}
.natal-heading>span{
  padding:7px 12px;
  color:#f6e9bd;
  background:#145a4e;
  font:500 13px var(--serif);
  letter-spacing:.08em
}
.natal-grid{
  display:grid;
  grid-template:repeat(4,minmax(0,1fr))/repeat(4,minmax(0,1fr));
  gap:1px;
  aspect-ratio:1/1;
  overflow:hidden;
  background:rgba(142,104,43,.66);
  border:1px solid rgba(125,88,31,.72)
}
.natal-palace{
  position:relative;
  min-width:0;
  padding:11px;
  overflow:hidden;
  background:rgba(252,249,238,.96)
}
.natal-palace-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:5px;
  margin-bottom:9px
}
.natal-palace-head b{
  color:#3b4e47;
  font:600 15px var(--serif)
}
.natal-palace-head span{
  color:#99732d;
  font-size:10px
}
.natal-palace>strong{
  display:block;
  color:#8e4e27;
  font:600 13px/1.55 var(--serif)
}
.natal-palace>strong sup{
  padding-left:1px;
  color:#b22d25;
  font-size:9px
}
.natal-palace>strong em{
  margin-left:2px;
  color:#9b762f;
  font:normal 8px var(--sans)
}
.natal-palace>small{
  display:block;
  margin-top:5px;
  color:#6c756e;
  font-size:10px;
  line-height:1.45
}
.natal-flags{
  position:absolute;
  right:7px;
  bottom:7px;
  display:flex;
  gap:3px
}
.natal-flags i{
  display:grid;
  width:18px;
  height:18px;
  place-items:center;
  color:#f8e9b4;
  background:#145a4e;
  border-radius:50%;
  font:normal 9px var(--serif)
}
.natal-center{
  grid-area:2/2/4/4;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:0;
  padding:18px;
  color:#f7efd6;
  text-align:center;
  background:radial-gradient(circle at 50% 42%,#267668,#0e4c42 70%);
  box-shadow:inset 0 0 0 1px rgba(245,218,147,.38)
}
.natal-center>span{
  display:none
}
.natal-center>strong{
  color:#fff9e8;
  font:600 22px/1.2 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;
  letter-spacing:.06em
}
.natal-center .natal-birth-date,
.natal-center .natal-birth-time{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;
  font-variant-numeric:lining-nums tabular-nums
}
.natal-center p{
  max-width:100%;
  margin:5px 0 0;
  overflow:hidden;
  font-size:12px;
  line-height:1.45;
  text-overflow:ellipsis;
  white-space:nowrap
}
.natal-center>div{
  margin-top:14px;
  padding-top:10px;
  border-top:1px solid rgba(232,202,120,.4);
  color:#e8ca78;
  font-size:11px
}
.natal-note{
  margin:13px 0 0;
  color:#7a7569;
  font-size:11px;
  text-align:center;
  letter-spacing:.03em
}
.natal-loading{
  display:flex;
  align-items:center;
  gap:20px;
  min-height:138px
}
.natal-loading-mark{
  display:grid;
  flex:0 0 58px;
  width:58px;
  height:58px;
  place-items:center;
  color:#ead181;
  background:#145a4e;
  border-radius:50%;
  font:500 23px var(--serif)
}
.natal-loading h2{margin:0 0 7px;font:500 23px var(--serif)}
.natal-loading p{margin:0;color:#7a7569;font-size:13px}

@media(max-width:899px){
  .mobile-report .natal-chart{margin-top:20px}
}

@media(max-width:480px){
  .natal-chart{margin-bottom:32px;padding:0}
  .natal-heading{margin-bottom:12px}
  .natal-heading h2{font-size:24px}
  .natal-heading>span{padding:6px 8px;font-size:11px}
  .natal-palace{padding:6px}
  .natal-palace-head{align-items:flex-start;margin-bottom:5px}
  .natal-palace-head b{font-size:11px}
  .natal-palace-head span{font-size:8px}
  .natal-palace>strong{font-size:9px;line-height:1.35}
  .natal-palace>small{margin-top:3px;font-size:8px;line-height:1.25}
  .natal-flags{right:4px;bottom:4px}
  .natal-flags i{width:14px;height:14px;font-size:7px}
  .natal-center{padding:8px}
  .natal-center>span{margin-bottom:7px;font-size:11px;letter-spacing:.2em}
  .natal-center>strong{font-size:15px}
  .natal-center p{margin-top:3px;font-size:9px}
  .natal-center>div{margin-top:7px;padding-top:6px;font-size:8px}
  .natal-note{font-size:9px;line-height:1.5}
}

/* 分享目的地：保留品牌辨识度，同时纳入 MyFateGPT 的东方编辑感。 */
.share-scene{
  background:
    radial-gradient(circle at 7% 8%,rgba(198,154,59,.12),transparent 27%),
    radial-gradient(circle at 92% 17%,rgba(15,91,79,.09),transparent 24%)
}
.share-platform-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin:26px 0 20px
}
.share-platform-heading p{
  margin:0 0 7px;
  color:#a77d2e;
  font-size:10px;
  font-weight:700;
  letter-spacing:.22em
}
.share-platform-heading h2{
  margin:0 0 6px;
  color:#213a34;
  font:500 31px var(--serif)
}
.share-platform-heading span{
  color:#7b817e;
  font-size:13px
}
.share-platform-heading>b{
  flex:0 0 auto;
  padding:7px 12px;
  color:var(--jade);
  background:rgba(15,91,79,.08);
  border:1px solid rgba(15,91,79,.18);
  border-radius:999px;
  font-size:12px
}
.share-page .platforms{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:0 0 16px
}
.share-page .platform{
  --social:#171717;
  position:relative;
  display:flex;
  height:auto;
  min-height:116px;
  padding:15px 10px 12px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  overflow:hidden;
  color:#34413d;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(55,69,64,.14);
  border-radius:14px;
  box-shadow:0 8px 24px rgba(39,56,50,.05);
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease
}
.share-page .platform:hover{
  transform:translateY(-3px);
  border-color:color-mix(in srgb,var(--social) 42%,transparent);
  box-shadow:0 13px 30px rgba(39,56,50,.1)
}
.share-page .platform:focus-visible{
  outline:3px solid color-mix(in srgb,var(--social) 24%,transparent);
  outline-offset:2px
}
.share-page .platform.active{
  color:#253d37;
  background:color-mix(in srgb,var(--social) 7%,#fffdf8);
  border:1.5px solid color-mix(in srgb,var(--social) 72%,#ffffff);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.74),0 11px 28px color-mix(in srgb,var(--social) 11%,transparent)
}
.platform-icon{
  display:grid;
  width:45px;
  height:45px;
  place-items:center;
  color:white;
  background:var(--social);
  border-radius:13px;
  box-shadow:0 6px 14px color-mix(in srgb,var(--social) 22%,transparent)
}
.platform-icon svg{
  width:23px;
  height:23px;
  overflow:visible;
  fill:currentColor
}
.share-page .platform>span:not(.platform-icon){
  font-size:13px;
  font-weight:650;
  letter-spacing:.01em
}
.share-page .platform>i{
  position:absolute;
  top:8px;
  right:8px;
  display:grid;
  width:20px;
  height:20px;
  place-items:center;
  color:#7f8985;
  background:#f0f2ef;
  border-radius:50%;
  font:normal 12px/1 sans-serif
}
.share-page .platform.active>i{
  color:#fff;
  background:var(--social)
}
.platform-x,.platform-threads{--social:#111111!important}
.platform-instagram{--social:#e4405f!important}
.platform-instagram .platform-icon{background:linear-gradient(145deg,#7b42f6,#e4405f 54%,#f7a53b)}
.platform-facebook{--social:#0866ff!important}
.platform-line{--social:#00b900!important}
.platform-whatsapp{--social:#20b95d!important}
.platform-telegram{--social:#279fd3!important}
.platform-wechat{--social:#07a94e!important}
.share-selection-note{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:0 0 30px;
  padding:12px 15px;
  color:#727b77;
  background:rgba(246,242,230,.74);
  border-left:3px solid #c69a3b;
  font-size:12px
}
.share-selection-note strong{
  overflow:hidden;
  color:#315047;
  font-weight:600;
  text-align:right;
  text-overflow:ellipsis;
  white-space:nowrap
}

@media(max-width:899px){
  .share-page .platforms{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:480px){
  .share-platform-heading{align-items:center;margin-top:18px}
  .share-platform-heading h2{font-size:27px}
  .share-platform-heading>b{padding:6px 9px;font-size:11px}
  .share-page .platform{min-height:104px;padding:12px 8px 10px}
  .platform-icon{width:41px;height:41px;border-radius:12px}
  .platform-icon svg{width:21px;height:21px}
  .share-selection-note{margin-bottom:25px}
}