/* xg2 review: compact navigation, independent referral tools and Tianan plan pages. */
.page .headBar{height:76px!important;padding-inline:24px!important}
.page .container.pt120{padding-top:76px!important}
.sideBar>.top{height:76px!important;min-height:76px!important}
.headBar .headItem{min-height:34px!important;padding:5px 11px!important;border-radius:20px!important}
.headBar .headItem .desc{font-size:12px!important}.headBar .headIcon{margin-right:8px!important}
.headBar .search{height:39px!important}.ta-account a,.ta-account button{min-height:35px!important;padding-inline:14px!important;font-size:13px!important}

.ta-quick-actions{position:fixed;right:0;top:46%;z-index:90;display:flex;flex-direction:column;gap:8px;transform:translateY(-50%)}
.ta-quick-actions button{width:46px;min-height:108px;padding:13px 10px;border:1px solid #fff;border-right:0;border-radius:18px 0 0 18px;background:linear-gradient(160deg,#fff,#e1f2f6);box-shadow:0 8px 24px #42677422;color:#315e6c;font:600 14px/1.45 "Microsoft YaHei",sans-serif;cursor:pointer;writing-mode:vertical-rl;letter-spacing:2px}
.ta-quick-actions button:first-child{background:linear-gradient(160deg,#fff5ec,#f7c3b3);color:#995c4b}
.ta-quick-actions button:hover{filter:brightness(1.02);transform:translateX(-3px)}
.ta-contact-mask{position:fixed;inset:0;z-index:130;display:grid;place-items:center;background:#18343c66;backdrop-filter:blur(5px);padding:20px}
.ta-contact-mask[hidden]{display:none}.ta-contact-card{position:relative;width:min(380px,calc(100vw - 40px));box-sizing:border-box;padding:30px;border:1px solid #fff;border-radius:28px;background:linear-gradient(145deg,#fff,#eef8fa);box-shadow:0 24px 70px #173b4740;text-align:center;color:#29444d}
.ta-contact-card>button{position:absolute;right:14px;top:12px;border:0;background:transparent;font-size:28px;color:#708a92;cursor:pointer}.ta-contact-card img{width:170px;height:170px;object-fit:contain;margin:16px auto;border-radius:18px;background:#fff}.ta-contact-card h2{font-size:22px;margin:0 0 10px}.ta-contact-card p{color:#738991;line-height:1.8;margin:8px 0}.ta-contact-card strong{display:block;margin-top:14px;font-size:20px;color:#4d8292}.ta-contact-card .ta-contact-empty{font-size:15px;color:#8a6f68}

.ta-plan-deck{--accent:#68acbd;--warm:#ef9c87;--ink:#263f48;display:flex;flex-direction:column;gap:22px;margin:0 auto 30px;max-width:1120px;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",sans-serif}
.ta-plan-deck *{box-sizing:border-box}.ta-plan-deck section{border-radius:28px;overflow:hidden}.ta-plan-hero{position:relative;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 30px;text-align:center;background:radial-gradient(circle at 20% 20%,#fff9d9 0,transparent 25%),radial-gradient(circle at 85% 78%,#ffdcd1 0,transparent 30%),linear-gradient(135deg,#d9eff5,#fdf4df 58%,#f8d8cf);border:1px solid #fff;box-shadow:0 18px 55px #496d7820}
.ta-plan-hero:before{content:"";width:76px;height:76px;margin-bottom:20px;background:url('/tianan/brand-icon.svg') center/contain no-repeat}.ta-plan-hero span{padding:7px 17px;border:1px solid #ffffffc9;border-radius:20px;background:#ffffff80;color:#58818d;font-size:14px}.ta-plan-hero h1{margin:18px 0 12px;font-size:46px;letter-spacing:3px;color:#295362}.ta-plan-hero p{margin:0;font-size:19px;letter-spacing:1px;color:#7b6e63}
.ta-plan-price{display:grid;grid-template-columns:1fr 1.35fr 1fr;align-items:stretch;background:#fff;border:1px solid #e7f0f2;box-shadow:0 10px 30px #41646f12}.ta-plan-price>div{display:flex;min-height:138px;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:20px;border-right:1px solid #eef2f2}.ta-plan-price>div:last-child{border-right:0}.ta-plan-price small{color:#7f9298;font-size:14px}.ta-plan-price del{font-size:24px;color:#9ca8aa}.ta-plan-price b{font-size:23px;color:#426d79}.ta-plan-price .featured{background:linear-gradient(135deg,#fff3e7,#ffe1d6)}.ta-plan-price strong{font-size:44px;color:#d8725d}.ta-plan-price em{font-style:normal;color:#9d6759;font-size:13px}
.ta-plan-section{padding:38px;background:#fff;border:1px solid #e7f0f2;box-shadow:0 8px 24px #41646f0d}.ta-plan-section.soft{background:linear-gradient(145deg,#eef8fa,#fff9ed)}.ta-plan-section header{text-align:center;margin-bottom:28px}.ta-plan-section header small{color:var(--accent);font-weight:700;letter-spacing:3px}.ta-plan-section h2{margin:7px 0 0;font-size:30px}.ta-plan-grid{display:grid;gap:16px}.ta-plan-grid.four{grid-template-columns:repeat(4,1fr)}.ta-plan-grid.three{grid-template-columns:repeat(3,1fr)}.ta-plan-grid article{min-height:205px;padding:24px;border:1px solid #e7eff1;border-radius:22px;background:#fbfdfd}.ta-plan-grid i{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#dceff4;color:#4a8392;font-style:normal;font-weight:700}.ta-plan-grid h3{font-size:20px;margin:18px 0 10px}.ta-plan-grid p,.ta-plan-section>p{font-size:15px;line-height:1.9;color:#71868d}
.ta-rate-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ta-rate-row article{display:flex;flex-direction:column;align-items:center;gap:10px;padding:27px 16px;border-radius:22px;background:#fff;border:1px solid #f0e8dd;text-align:center}.ta-rate-row strong{font-size:35px;color:#d87562}.ta-rate-row span{font-size:14px;color:#6f838a}.ta-plan-note{text-align:center!important;font-size:13px!important;margin:24px 0 0!important}.ta-feature-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ta-feature-list p{margin:0;padding:18px;border-radius:17px;background:#f4fafb;line-height:1.85;color:#657c84}.ta-feature-list b{color:#3b6976}.ta-audience{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.ta-audience span{padding:11px 18px;border-radius:22px;background:#fff;border:1px solid #f3dfd4;color:#82685e}.ta-plan-section.soft>p{text-align:center;margin:22px 0 0}.ta-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;list-style:none;padding:0;margin:0}.ta-steps li{display:flex;flex-direction:column;gap:11px;padding:20px;border-radius:18px;background:#fff}.ta-steps b{font-size:24px;color:#d77d68}.ta-steps span{font-size:14px;line-height:1.7;color:#657c84}
.ta-plan-ending{display:flex;flex-direction:column;align-items:center;padding:56px 30px;background:linear-gradient(130deg,#dceff4,#fff5df,#f7d9d1);text-align:center}.ta-plan-ending img{width:68px;height:68px}.ta-plan-ending h2{font-size:28px;margin:20px 0 10px}.ta-plan-ending p{margin:0;color:#788a8e}
.partner-plan .rich-text-wrapper,.foreverVip .rich-text-wrapper{overflow:visible!important}.partner-plan .contentScroll{scrollbar-color:#b5d7df transparent}
.partner-plan:has(.ta-plan-deck) .contentScroll>.box,.forever-vip:has(.ta-plan-deck) .contentScroll>.box{display:none!important}
.partner-plan:has(.ta-plan-deck) .rich-text-wrapper,.forever-vip:has(.ta-plan-deck) .rich-text-wrapper{margin-top:0!important;padding-top:14px!important}
.ta-empty-decoration,.ta-retired-feature{display:none!important}

/* Use the Tianan palette on legacy dialogs and action controls that are shared by old routes. */
.galssPop,.alertPop,.van-dialog{border:1px solid #ffffff!important;border-radius:24px!important;background:linear-gradient(145deg,#fff,#eef8fa)!important;box-shadow:0 24px 70px #234d5938!important;color:#29444d!important}
.galssHead{border-radius:22px 22px 0 0!important;background:linear-gradient(120deg,#73b8c9,#efaa96)!important;color:#fff!important}
.questionnaire-popup .questionnaire-content{color:#29444d!important;scrollbar-color:#aacbd4 transparent!important}
.questionnaire-popup .question-item{border-color:#d7e6eb!important;background:#fff!important;box-shadow:0 5px 18px #315c6812!important}
.questionnaire-popup .question-title{color:#29444d!important}
.questionnaire-popup .answer-option{color:#607b84!important}
.questionnaire-popup .answer-option.selected{color:#2f6877!important;font-weight:600!important}
.questionnaire-popup .radio-indicator{border-color:#8db6c1!important;background:#fff!important}
.questionnaire-popup .answer-option.selected .radio-indicator{border-color:#65aebf!important;background:#65aebf!important;box-shadow:inset 0 0 0 3px #fff,0 0 0 2px #65aebf29!important}
.questionnaire-popup textarea{border-color:#c7dce3!important;background:#f7fbfc!important;color:#29444d!important;box-shadow:none!important}
.questionnaire-popup textarea::placeholder{color:#82979e!important}
.questionnaire-popup textarea:focus{border-color:#65aebf!important;box-shadow:0 0 0 2px #65aebf24!important}
.questionnaire-popup .introduction-count{color:#708890!important}
.questionnaire-popup .form-footer{border-top-color:#dce8ec!important;background:#f5fafb!important}
.linearTxt,.linearTitle,.linearTitleAnimated{background:linear-gradient(105deg,#4c91a2,#e58d77)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.botbtn,.viewBtn,.submit-button,.submit,.confirm{border:0!important;border-radius:15px!important;background:linear-gradient(135deg,#64aabc,#84c6d2)!important;box-shadow:0 8px 20px #4d8c9c29!important;color:#fff!important}
.mainColor{color:#4f8e9e!important}.red{color:#d77662!important}
html[data-ta-route^="/talk"] .btn,html[data-ta-route^="/talk"] button,html[data-ta-route^="/vip"] .btn,html[data-ta-route^="/vip"] button{border-color:#b9dce4!important;background:linear-gradient(135deg,#69afbf,#91cfda)!important;color:#fff!important}
html[data-ta-route^="/talk"] .content,html[data-ta-route^="/vip"] .content{background:linear-gradient(145deg,#f4fbfc,#fffaf2)!important;color:#29444d!important}

@media(max-width:900px){.ta-plan-grid.four,.ta-plan-grid.three,.ta-steps{grid-template-columns:1fr 1fr}.ta-plan-hero h1{font-size:36px}.ta-quick-actions{top:auto;bottom:18px;right:12px;transform:none;flex-direction:row}.ta-quick-actions button{width:auto;min-height:42px;padding:8px 14px;border-right:1px solid #fff;border-radius:20px;writing-mode:horizontal-tb;letter-spacing:0}}
@media(max-width:575px){.page .headBar{height:66px!important}.page .container.pt120{padding-top:66px!important}.ta-plan-deck{gap:14px}.ta-plan-hero{min-height:300px;padding:38px 20px}.ta-plan-hero h1{font-size:29px;letter-spacing:1px}.ta-plan-hero p{font-size:15px}.ta-plan-price{grid-template-columns:1fr}.ta-plan-price>div{min-height:100px;border-right:0;border-bottom:1px solid #eef2f2}.ta-plan-section{padding:24px 18px}.ta-plan-grid.four,.ta-plan-grid.three,.ta-rate-row,.ta-feature-list,.ta-steps{grid-template-columns:1fr}.ta-plan-grid article{min-height:0}.ta-plan-section h2{font-size:24px}.ta-plan-ending h2{font-size:22px}.ta-quick-actions{z-index:89}}
