/* Final, explicit surface palette shared by light/dark and the selected skin. */
:root{--ta-surface:#fff;--ta-surface-soft:#f0f7f8;--ta-edge:#d5e7eb;--ta-copy:#244752;--ta-subcopy:#587580;--ta-accent:#44899a;--ta-shell:#e9f5f8}
html[data-ta-skin=forest]{--ta-accent:#387d6d;--ta-shell:#e9f4ee;--ta-surface-soft:#f0f7f1;--ta-edge:#cfe2d6}
html[data-ta-skin=sand]{--ta-accent:#a57348;--ta-shell:#faf0e5;--ta-surface-soft:#fff7ee;--ta-edge:#ead9c7}
html.dark{--ta-surface:#213843;--ta-surface-soft:#2a4350;--ta-edge:#42606c;--ta-copy:#e7f2f5;--ta-subcopy:#b7cdd5;--ta-accent:#89cbd1;--ta-shell:#172a33}
html.dark[data-ta-skin=forest]{--ta-surface:#203c36;--ta-surface-soft:#2a493f;--ta-edge:#42665a;--ta-shell:#172e28;--ta-accent:#91d4bb}
html.dark[data-ta-skin=sand]{--ta-surface:#3a322e;--ta-surface-soft:#4a4037;--ta-edge:#6c5b4d;--ta-shell:#2b2522;--ta-accent:#e0bb90}
html body{background:var(--ta-shell)!important;color:var(--ta-copy)}
html .page .headBar,html .page .sideBar,html .page .sideBar .menuList{background:var(--ta-shell)!important;color:var(--ta-copy)!important}
.page .headBar>.flex.ac.flex0>img.img48{display:none!important}
.headBar .headIcon,.headBar .headItem{border:0!important;box-shadow:none!important;background:transparent!important}
.headBar .headItem{border-radius:18px!important}.headBar .headItem:hover{background:var(--ta-surface)!important}
.headBar .headItem::before,.headBar .headItem::after{border:0!important;box-shadow:none!important}
.ta-skin-picker select{font:inherit;color:var(--ta-copy);background:var(--ta-surface);border:1px solid var(--ta-edge);border-radius:18px;padding:7px 9px;max-width:98px}
.ta-brand,.sideBar .ta-brand{background:none!important;mix-blend-mode:normal!important}.ta-brand img{opacity:1!important}
.ta-plan-hero:before{background-image:url('/tianan/brand-icon.svg?v=doc9')!important}
.sideBar.sideBarClose .ta-brand img{content:url('/tianan/brand-icon.svg?v=doc9');width:50px!important;height:50px!important;object-fit:contain!important;max-width:100%!important;transform:none!important}
html:not(.dark) .sideBar .menu .card img{filter:brightness(.55) sepia(.2) saturate(1.5)!important}
.sideBar .top img[src*="brand-logo"],img[src*="brand-logo"]{background:transparent!important;mix-blend-mode:normal!important}
/* Profile and questionnaire text must not inherit the original white labels. */
.van-popup .galssPop{background:var(--ta-surface)!important;color:var(--ta-copy)!important;border:1px solid var(--ta-edge)!important}
.van-popup .galssPop .white,.van-popup .galssPop .galssHead,.van-popup .galssPop input,.van-popup .galssPop textarea{color:var(--ta-copy)!important;-webkit-text-fill-color:var(--ta-copy)!important}
.van-popup .galssPop .galssHead{background:var(--ta-surface-soft)!important}
.van-popup .galssPop .btn{background:var(--ta-accent)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.homeRank .rankbg,.homeRank .rankbg1{visibility:hidden!important}
.homeRank .rankTop{border-radius:24px 24px 0 0;background:linear-gradient(180deg,#f5dc9b,#f7edcf)!important;color:#624c29!important}
.homeRank .rankTop.rankTwo{background:linear-gradient(180deg,#b5d9d0,#e2f2e9)!important;color:#315e54!important}
.homeRank .rankVip{width:110px!important;object-fit:contain!important}
/* Dark dashboard: every actual surface and its text use the same palette. */
html.dark .page .home .leftContent,html.dark .page .home .homeStats,html.dark .page .home .homeTime,html.dark .page .home .homeChart,html.dark .page .home .homeRank,html.dark .page .home .rankListBox,html.dark .page .home .rankList{background:var(--ta-surface)!important;color:var(--ta-copy)!important;border-color:var(--ta-edge)!important}
html.dark .page .home .homeStats .topBox>.box,html.dark .page .home .homeStats .txt .tag,html.dark .page .home .homeSign,html.dark .page .home .homeChart .chartLine,html.dark .page .home .homeChart .colLine{background:var(--ta-surface-soft)!important;color:var(--ta-copy)!important;border-color:var(--ta-edge)!important}
html.dark .page .home .size38,html.dark .page .home .size40,html.dark .page .home .size120,html.dark .page .home .white,html.dark .page .home .ta-welcome h1{color:var(--ta-copy)!important;-webkit-text-fill-color:var(--ta-copy)!important}
html.dark .page .home .gray,html.dark .page .home .ta-welcome p,html.dark .page .home .opc6,html.dark .page .home .topBox .size24{color:var(--ta-subcopy)!important}
.ta-textbooks,.ta-memberships{font-size:15px;line-height:1.6;color:var(--ta-copy);padding:20px 24px 50px;max-width:1800px;margin:auto}
.ta-textbook-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.ta-textbook-heading h1{font-size:28px;margin:0 0 5px}.ta-textbook-heading p{margin:0;color:var(--ta-subcopy)}
.ta-textbook-heading form{display:flex;gap:8px}.ta-textbook-heading input{background:var(--ta-surface);color:var(--ta-copy);border:1px solid var(--ta-edge);border-radius:12px;padding:10px;min-width:210px}
.ta-textbooks button,.ta-memberships button{font:inherit;cursor:pointer}.ta-textbook-heading button,.ta-pagination button{padding:7px 16px;border:1px solid var(--ta-edge);border-radius:10px;background:var(--ta-surface);color:var(--ta-copy)}
.ta-textbook-filters{background:var(--ta-surface);border:1px solid var(--ta-edge);border-radius:18px;padding:22px}.ta-filter-row{display:flex;align-items:flex-start;gap:18px;margin-bottom:16px}.ta-filter-row>strong{flex:0 0 36px;padding-top:6px}.ta-filter-row>div{display:flex;gap:8px;flex-wrap:wrap}
.ta-filter-row button{border:1px solid var(--ta-edge);border-radius:8px;color:var(--ta-subcopy);background:var(--ta-surface);padding:6px 11px;font-size:13px}.ta-filter-row button.selected{background:var(--ta-accent);color:#fff;border-color:var(--ta-accent)}
.ta-filter-note{font-size:12px;color:var(--ta-subcopy);margin:12px 0 0 54px}.ta-textbook-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.ta-textbook-course{background:var(--ta-surface);color:var(--ta-copy);border:1px solid var(--ta-edge);border-radius:16px;padding:0;overflow:hidden;text-align:left;min-width:0}.ta-textbook-course img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;display:block;background:var(--ta-surface-soft)}.ta-textbook-course strong{display:block;padding:14px;font-size:15px;min-height:66px}.ta-textbook-course:hover{border-color:var(--ta-accent);box-shadow:0 7px 18px #23475314}.ta-pagination{display:flex;gap:24px;align-items:center;justify-content:center;padding:30px}.ta-pagination button:disabled{opacity:.4;cursor:default}
.ta-memberships>header{text-align:center;padding:20px 0 30px}.ta-memberships h1{font-size:32px;margin:8px}.ta-memberships>header small{letter-spacing:2px;color:var(--ta-accent)}.ta-memberships>header p{color:var(--ta-subcopy)}.ta-membership-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.ta-membership-grid .ta-membership-card{display:flex;flex-direction:column;background:var(--ta-surface)!important;color:var(--ta-copy)!important;border:1px solid var(--ta-edge);border-radius:22px;padding:24px 18px;min-width:0;width:auto;height:auto;box-sizing:border-box}.ta-membership-card.partner{border:2px solid var(--ta-accent)}.ta-plan-symbol{font-size:32px;color:var(--ta-accent)}.ta-membership-card h2{font-size:22px;margin:10px 0}.ta-membership-card p{font-size:13px;color:var(--ta-subcopy)}.ta-membership-price{margin-top:12px;display:flex;align-items:baseline;gap:6px}.ta-membership-price strong{font-size:42px;color:var(--ta-accent)}.ta-membership-price small{font-size:20px}.ta-membership-period{color:var(--ta-subcopy);font-size:13px}.ta-membership-card ul{padding:20px 0 0 18px;line-height:2.1;font-size:13px;flex:1}.ta-membership-card .ta-commission-note{background:var(--ta-surface-soft);padding:8px;border-radius:8px;color:var(--ta-copy)}.ta-membership-card .ta-buy{border:0;background:var(--ta-accent)!important;color:white!important;border-radius:12px;padding:12px;display:block;width:100%;height:auto;font-size:15px}.ta-membership-footnote{text-align:center;color:var(--ta-subcopy);font-size:13px;padding:18px}
/* AI workspace: editorial cards, quiet teal and own vector assistants. */
#talk-page-root{color:var(--ta-copy);--ai-primary:var(--ta-accent)}
#talk-page-root .talkPage{gap:24px!important;background:transparent!important}
#talk-page-root .talkPage>.card{border-radius:24px!important;background:var(--ta-surface)!important;border:1px solid var(--ta-edge)!important;box-shadow:0 8px 24px #2347530a!important;color:var(--ta-copy)!important}
#talk-page-root .welcome{background:var(--ta-surface-soft)!important;border-radius:24px!important}
#talk-page-root .people{object-fit:contain!important;filter:none!important}
#talk-page-root .item.choose,#talk-page-root .categoryTitle,#talk-page-root .topicItem{border-color:var(--ta-edge)!important;background:var(--ta-surface-soft)!important;color:var(--ta-copy)!important}
#talk-page-root .choose.act,#talk-page-root .btn,#talk-page-root .create{background:var(--ta-accent)!important;color:white!important;border-color:var(--ta-accent)!important}
#talk-page-root .white{color:var(--ta-copy)!important}#talk-page-root .btn .white{color:white!important}
#talk-page-root .tag{background:var(--ta-surface-soft)!important;color:var(--ta-subcopy)!important}
#talk-page-root .wait{background:var(--ta-surface-soft)!important;border:1px solid var(--ta-edge);border-radius:22px;padding:22px!important}
#talk-page-root .wait>.flex.as.jc{flex-direction:row-reverse;align-items:center!important;gap:24px}
#talk-page-root .wait .people{width:150px!important;height:180px!important;margin:0!important;border-radius:28px}
#talk-page-root .wait>.gap100{height:15px!important}
#talk-page-root .wait .title,#talk-page-root .tips,#talk-page-root .check{color:var(--ta-accent)!important;-webkit-text-fill-color:var(--ta-accent)!important;background:none!important}
#talk-page-root .wait .starsLottie{display:none!important}
#talk-page-root .wait .topic1 img,#talk-page-root .wait .topic2 img{display:none!important}
#talk-page-root .wait .topic1>*,#talk-page-root .wait .topic2>*{border:1px solid var(--ta-edge)!important;background:var(--ta-surface)!important;border-radius:14px!important;padding:14px!important}
#talk-page-root .wait .cellItem img,#talk-page-root .settingInner img[src^="data:"]{filter:hue-rotate(260deg) saturate(.45)}
#talk-page-root .settingInner>.card,#talk-page-root .chat,#talk-page-root .topic{background:var(--ta-surface)!important;color:var(--ta-copy)!important;border-radius:22px!important}
#talk-page-root .setting .item{background:var(--ta-surface-soft)!important;border:1px solid var(--ta-edge)!important;border-radius:16px!important}
#talk-page-root .setting .item.choose{border:2px solid var(--ta-accent)!important}
html.dark .homeStats .ta-metric,html.dark .ta-shortcuts,html.dark .ta-shortcut{background:var(--ta-surface)!important;border:1px solid var(--ta-edge)!important;color:var(--ta-copy)!important}
html.dark .homeStats .ta-metric *,html.dark .homeStats .txt .tag *,html.dark .ta-shortcuts h2,html.dark .ta-shortcuts b,html.dark .homeChart .date>.flex::before{color:var(--ta-copy)!important;-webkit-text-fill-color:var(--ta-copy)!important}
html.dark .ta-shortcuts p,html.dark .ta-shortcut small,html.dark .ta-metric small{color:var(--ta-subcopy)!important}
html.dark .page .homeRank .size40{background:var(--ta-surface-soft)!important;color:var(--ta-accent)!important;-webkit-text-fill-color:var(--ta-accent)!important}
html.dark .ta-about-entry,html.dark .ta-account .ta-profile{background:var(--ta-surface)!important;color:var(--ta-copy)!important;border-color:var(--ta-edge)!important}
@media(max-width:1200px){.ta-membership-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ta-textbook-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ta-skin-picker select{max-width:78px}}
@media(max-width:700px){.ta-membership-grid,.ta-textbook-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ta-textbooks,.ta-memberships{padding:12px}.ta-textbook-heading{display:block}.ta-textbook-heading form{margin-top:12px}.ta-textbook-filters{padding:12px}.ta-filter-row{gap:8px}.ta-filter-note{margin-left:0}.ta-membership-card h2{font-size:19px}.ta-membership-grid .ta-membership-card{padding:18px 12px}.ta-skin-picker{display:none}}
@media(max-width:400px){.ta-membership-grid{grid-template-columns:1fr}.ta-textbook-heading input{min-width:0;width:100%}.ta-memberships h1{font-size:27px}}