/* Taigiaoan.com v20.7 — homepage, category system and mobile refinement. */
body.taigiaoan-site.tgx-design{overflow-x:clip;background:#eaf2f8}
body.taigiaoan-site.tgx-design main{overflow:hidden}

/* Brand story: a concise identity block, not another long article. */
body.taigiaoan-site.tgx-design .tgx-about-band{position:relative;padding:78px 0;background:radial-gradient(circle at 8% 20%,rgba(57,137,225,.24),transparent 27%),radial-gradient(circle at 92% 82%,rgba(21,166,132,.2),transparent 28%),linear-gradient(128deg,#102d55,#174f82 58%,#08766f);color:#fff}
body.taigiaoan-site.tgx-design .tgx-about-band:before{position:absolute;right:-150px;top:-210px;width:470px;height:470px;border:80px solid rgba(255,255,255,.055);border-radius:50%;content:""}
body.taigiaoan-site.tgx-design .tgx-about-shell{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);gap:74px;align-items:center}
body.taigiaoan-site.tgx-design .tgx-about-copy .tgx-eyebrow{color:#91e8ca}
body.taigiaoan-site.tgx-design .tgx-about-copy h2{max-width:720px;margin:13px 0 18px;color:#fff;font-size:clamp(36px,4.1vw,56px);line-height:1.07;letter-spacing:-.055em}
body.taigiaoan-site.tgx-design .tgx-about-copy>p{max-width:720px;margin:0;color:#cbdced;font-size:16px;line-height:1.75}
body.taigiaoan-site.tgx-design .tgx-about-copy>div{display:flex;gap:19px;align-items:center;margin-top:27px}
body.taigiaoan-site.tgx-design .tgx-about-copy a{display:inline-flex;gap:7px;align-items:center;color:#dcecff;font-size:13px;font-weight:850}
body.taigiaoan-site.tgx-design .tgx-about-copy .tgx-about-primary{padding:12px 15px;border-radius:10px;background:#fff;color:#17466f;box-shadow:0 10px 25px rgba(3,25,52,.2)}
body.taigiaoan-site.tgx-design .tgx-about-values{display:grid;gap:10px}
body.taigiaoan-site.tgx-design .tgx-about-values article{display:grid;grid-template-columns:38px 47px minmax(0,1fr);gap:12px;align-items:center;padding:15px 17px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.085);backdrop-filter:blur(7px)}
body.taigiaoan-site.tgx-design .tgx-about-values article>span{color:#8fdcc6;font-size:10px;font-weight:900;letter-spacing:.08em}
body.taigiaoan-site.tgx-design .tgx-about-values article>i{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.11);color:#ffb35e;font-size:22px}
body.taigiaoan-site.tgx-design .tgx-about-values article>div{display:grid;gap:4px}
body.taigiaoan-site.tgx-design .tgx-about-values b{color:#fff;font-size:14px}
body.taigiaoan-site.tgx-design .tgx-about-values small{color:#bfd4e5;font-size:11px}

/* FAQ is deliberately separated from the brand story. */
body.taigiaoan-site.tgx-design .tgx-faq-section{padding:76px 0 84px;background:radial-gradient(circle at 92% 8%,rgba(30,99,198,.13),transparent 27%),linear-gradient(135deg,#e8f3fb,#eef8f4)}
body.taigiaoan-site.tgx-design .tgx-faq-heading{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:27px}
body.taigiaoan-site.tgx-design .tgx-faq-heading h2{margin:9px 0 7px;color:var(--tgx-ink);font-size:clamp(33px,3.6vw,49px);line-height:1.08;letter-spacing:-.05em}
body.taigiaoan-site.tgx-design .tgx-faq-heading p{margin:0;color:var(--tgx-muted);font-size:15px}
body.taigiaoan-site.tgx-design .tgx-faq-heading>a{display:inline-flex;gap:7px;align-items:center;padding:11px 13px;border:1px solid #bcd5e6;border-radius:10px;background:rgba(255,255,255,.68);color:var(--tgx-blue);font-size:12px;font-weight:850;white-space:nowrap}
body.taigiaoan-site.tgx-design .tgx-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;align-items:start}
body.taigiaoan-site.tgx-design .tgx-faq-grid details{overflow:hidden;border:1px solid #c6dbe8;border-radius:13px;background:rgba(255,255,255,.88);box-shadow:0 8px 22px rgba(18,61,103,.055)}
body.taigiaoan-site.tgx-design .tgx-faq-grid summary{display:grid;grid-template-columns:31px minmax(0,1fr) 22px;gap:10px;align-items:center;min-height:68px;padding:12px 15px;cursor:pointer;list-style:none}
body.taigiaoan-site.tgx-design .tgx-faq-grid summary::-webkit-details-marker{display:none}
body.taigiaoan-site.tgx-design .tgx-faq-grid summary>span{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#e7f1ff;color:var(--tgx-blue);font-size:10px;font-weight:900}
body.taigiaoan-site.tgx-design .tgx-faq-grid summary>b{color:#1d405e;font-size:13px;line-height:1.45}
body.taigiaoan-site.tgx-design .tgx-faq-grid summary>i{color:#62829b;transition:.2s}
body.taigiaoan-site.tgx-design .tgx-faq-grid details[open] summary>i{transform:rotate(45deg)}
body.taigiaoan-site.tgx-design .tgx-faq-grid details>p{margin:0;padding:0 15px 17px 56px;color:#607b91;font-size:13px;line-height:1.65}

/* Category pages now have their own visual hierarchy. */
body.taigiaoan-site.tgx-design .tgx-category-page{--category-accent:#1f67c9;--category-soft:#e7f2ff;padding:27px 0 80px;background:radial-gradient(circle at 94% 4%,rgba(31,103,201,.15),transparent 24%),linear-gradient(180deg,#e8f3fb 0,#f6fafc 470px,#fff 900px)}
body.taigiaoan-site.tgx-design .tgx-category-page.is-university{--category-accent:#7651c8;--category-soft:#eee8ff;background:radial-gradient(circle at 92% 5%,rgba(118,81,200,.18),transparent 25%),linear-gradient(180deg,#eeeafd,#f7f8fc 480px,#fff 900px)}
body.taigiaoan-site.tgx-design .tgx-category-page.is-exam{--category-accent:#e47719;--category-soft:#fff0df;background:radial-gradient(circle at 92% 5%,rgba(228,119,25,.17),transparent 25%),linear-gradient(180deg,#fff1e4,#faf9f5 480px,#fff 900px)}
body.taigiaoan-site.tgx-design .tgx-category-page.is-subject{--category-accent:#078b72;--category-soft:#e4f7ef;background:radial-gradient(circle at 92% 5%,rgba(7,139,114,.16),transparent 25%),linear-gradient(180deg,#e6f5f0,#f5faf8 480px,#fff 900px)}
body.taigiaoan-site.tgx-design .tgx-category-page .tlga-breadcrumb{padding-top:0;margin-bottom:20px}
body.taigiaoan-site.tgx-design .tgx-category-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:52px;align-items:center;overflow:hidden;padding:42px 44px;border:1px solid #bfd6e6;border-radius:23px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(246,251,253,.84));box-shadow:0 18px 46px rgba(17,58,98,.1)}
body.taigiaoan-site.tgx-design .tgx-category-hero:before{position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--category-accent);content:""}
body.taigiaoan-site.tgx-design .tgx-category-copy{position:relative;z-index:1;min-width:0}
body.taigiaoan-site.tgx-design .tgx-category-copy .tlga-kicker{color:var(--category-accent)}
body.taigiaoan-site.tgx-design .tgx-category-copy h1{max-width:850px;margin:11px 0 12px;color:var(--tgx-ink);font-size:clamp(39px,4.7vw,62px);line-height:1.03;letter-spacing:-.06em}
body.taigiaoan-site.tgx-design .tgx-category-copy>p{max-width:760px;margin:0;color:#5b7690;font-size:16px;line-height:1.65}
body.taigiaoan-site.tgx-design .tgx-category-meta{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:23px}
body.taigiaoan-site.tgx-design .tgx-category-meta>span,body.taigiaoan-site.tgx-design .tgx-category-meta>a{display:inline-flex;gap:7px;align-items:center;min-height:38px;padding:8px 11px;border:1px solid #cbdde9;border-radius:9px;background:#fff;color:#56728a;font-size:11px}
body.taigiaoan-site.tgx-design .tgx-category-meta b{color:var(--tgx-ink);font-size:15px}
body.taigiaoan-site.tgx-design .tgx-category-meta i{color:var(--category-accent)}
body.taigiaoan-site.tgx-design .tgx-category-meta>a{border-color:var(--category-accent);background:var(--category-accent);color:#fff;font-weight:850}
body.taigiaoan-site.tgx-design .tgx-category-meta>a i{color:#fff}
body.taigiaoan-site.tgx-design .tgx-category-hero>aside{position:relative;z-index:1;display:grid;align-content:center;min-height:235px;padding:22px;border:1px solid #cbdce8;border-radius:17px;background:linear-gradient(145deg,var(--category-soft),#fff)}
body.taigiaoan-site.tgx-design .tgx-category-mark{display:grid;place-items:center;width:54px;height:54px;margin-bottom:16px;border-radius:15px;background:var(--category-accent);color:#fff;font-size:27px;box-shadow:0 10px 21px color-mix(in srgb,var(--category-accent) 25%,transparent)}
body.taigiaoan-site.tgx-design .tgx-category-hero>aside>span{color:var(--category-accent);font-size:9px;font-weight:900;letter-spacing:.12em}
body.taigiaoan-site.tgx-design .tgx-category-hero>aside>b{margin:6px 0 15px;color:#244965;font-size:15px;line-height:1.4}
body.taigiaoan-site.tgx-design .tgx-category-hero>aside nav{display:grid;gap:5px}
body.taigiaoan-site.tgx-design .tgx-category-hero>aside a{display:flex;justify-content:space-between;gap:8px;padding:8px 9px;border-radius:7px;background:rgba(255,255,255,.85);color:#506f87;font-size:10px;font-weight:800}
body.taigiaoan-site.tgx-design .tgx-scroll-anchor{display:block;position:relative;top:-18px;visibility:hidden}
body.taigiaoan-site.tgx-design .tgx-category-page .tlga-catalog-copy{border-color:#c7dce8;background:rgba(255,255,255,.82);box-shadow:0 10px 26px rgba(18,61,103,.06)}
body.taigiaoan-site.tgx-design .tgx-category-page .tlga-catalog-children{padding:24px;margin:28px 0;border:1px solid #c5dae8;border-radius:19px;background:rgba(255,255,255,.72);box-shadow:0 12px 29px rgba(18,61,103,.065)}
body.taigiaoan-site.tgx-design .tgx-category-page .tlga-catalog-child-grid>a{border-color:#c8dce8;background:linear-gradient(145deg,#fff,var(--category-soft));box-shadow:0 6px 16px rgba(18,61,103,.045)}
body.taigiaoan-site.tgx-design .tgx-category-page .tlga-catalog-child-grid>a>i:first-child{color:var(--category-accent);background:#fff}
body.taigiaoan-site.tgx-design .tgx-category-page .tlga-catalog-filter{border-color:#bfd7e6;background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--category-soft) 58%,#fff));box-shadow:0 14px 33px rgba(18,61,103,.09)}
body.taigiaoan-site.tgx-design .tgx-category-page .tlga-filter-title>span{background:var(--category-soft);color:var(--category-accent)}
body.taigiaoan-site.tgx-design .tgx-category-page .tlga-library-layout{margin-top:40px}
body.taigiaoan-site.tgx-design .tgx-category-page .tlga-result-head{padding-bottom:17px;border-bottom:1px solid #d3e1ea}

/* Tablet and mobile are composed independently, not merely scaled down. */
@media(max-width:900px){
 body.taigiaoan-site.tgx-design .tgx-about-shell{grid-template-columns:1fr;gap:35px}
 body.taigiaoan-site.tgx-design .tgx-about-values{grid-template-columns:repeat(3,minmax(0,1fr))}
 body.taigiaoan-site.tgx-design .tgx-about-values article{grid-template-columns:36px 1fr;align-content:start}
 body.taigiaoan-site.tgx-design .tgx-about-values article>span{display:none}
 body.taigiaoan-site.tgx-design .tgx-about-values article>i{width:36px;height:36px;font-size:19px}
 body.taigiaoan-site.tgx-design .tgx-faq-grid{grid-template-columns:1fr}
 body.taigiaoan-site.tgx-design .tgx-category-hero{grid-template-columns:1fr;gap:27px;padding:34px}
 body.taigiaoan-site.tgx-design .tgx-category-hero>aside{min-height:0}
 body.taigiaoan-site.tgx-design .tgx-category-hero>aside nav{grid-template-columns:repeat(3,minmax(0,1fr))}
 body.taigiaoan-site.tgx-design .tgx-category-mark{position:absolute;right:20px;top:18px}
 body.taigiaoan-site.tgx-design .tgx-category-hero>aside{padding-right:85px}
}
@media(max-width:580px){
 body.taigiaoan-site.tgx-design .site-width{width:min(100% - 24px,1240px)}
 body.taigiaoan-site.tgx-design .tgx-hero{padding:43px 0 53px}
 body.taigiaoan-site.tgx-design .tgx-hero h1{font-size:40px;line-height:1.02}
 body.taigiaoan-site.tgx-design .tgx-hero-route{padding:20px;border-radius:18px}
 body.taigiaoan-site.tgx-design .tgx-quick-hubs a{padding:10px}
 body.taigiaoan-site.tgx-design .tgx-paths,body.taigiaoan-site.tgx-design .tgx-showcase,body.taigiaoan-site.tgx-design .tgx-recent,body.taigiaoan-site.tgx-design .tgx-journal{padding:48px 0}
 body.taigiaoan-site.tgx-design .tgx-section-head h2{font-size:31px}
 body.taigiaoan-site.tgx-design .tgx-about-band{padding:55px 0}
 body.taigiaoan-site.tgx-design .tgx-about-shell{gap:28px}
 body.taigiaoan-site.tgx-design .tgx-about-copy h2{font-size:34px}
 body.taigiaoan-site.tgx-design .tgx-about-copy>p{font-size:14px;line-height:1.7}
 body.taigiaoan-site.tgx-design .tgx-about-copy>div{align-items:stretch;flex-direction:column;gap:13px}
 body.taigiaoan-site.tgx-design .tgx-about-copy a{justify-content:center}
 body.taigiaoan-site.tgx-design .tgx-about-values{grid-template-columns:1fr}
 body.taigiaoan-site.tgx-design .tgx-about-values article{grid-template-columns:42px 1fr;padding:13px}
 body.taigiaoan-site.tgx-design .tgx-about-values article>i{width:40px;height:40px}
 body.taigiaoan-site.tgx-design .tgx-faq-section{padding:53px 0 59px}
 body.taigiaoan-site.tgx-design .tgx-faq-heading{align-items:start;flex-direction:column;margin-bottom:21px}
 body.taigiaoan-site.tgx-design .tgx-faq-heading h2{font-size:32px}
 body.taigiaoan-site.tgx-design .tgx-faq-heading>a{width:100%;justify-content:center}
 body.taigiaoan-site.tgx-design .tgx-faq-grid summary{grid-template-columns:28px minmax(0,1fr) 18px;min-height:62px;padding:10px 11px}
 body.taigiaoan-site.tgx-design .tgx-faq-grid summary>b{font-size:12px}
 body.taigiaoan-site.tgx-design .tgx-faq-grid details>p{padding:0 12px 15px 50px;font-size:12px}
 body.taigiaoan-site.tgx-design .tgx-category-page{padding-top:17px}
 body.taigiaoan-site.tgx-design .tgx-category-page .tlga-breadcrumb{overflow:auto;margin-bottom:14px;white-space:nowrap}
 body.taigiaoan-site.tgx-design .tgx-category-hero{gap:20px;padding:26px 20px 20px;border-radius:18px}
 body.taigiaoan-site.tgx-design .tgx-category-copy h1{font-size:36px}
 body.taigiaoan-site.tgx-design .tgx-category-copy>p{font-size:14px}
 body.taigiaoan-site.tgx-design .tgx-category-meta{display:grid;grid-template-columns:1fr 1fr}
 body.taigiaoan-site.tgx-design .tgx-category-meta>a{grid-column:1/-1;justify-content:center}
 body.taigiaoan-site.tgx-design .tgx-category-hero>aside{padding:16px}
 body.taigiaoan-site.tgx-design .tgx-category-mark{display:none}
 body.taigiaoan-site.tgx-design .tgx-category-hero>aside nav{grid-template-columns:1fr}
 body.taigiaoan-site.tgx-design .tgx-category-hero>aside a{min-height:38px;align-items:center}
 body.taigiaoan-site.tgx-design .tgx-category-page .tlga-catalog-children{padding:17px;margin:20px 0;border-radius:15px}
 body.taigiaoan-site.tgx-design .tgx-category-page .tlga-catalog-child-grid{grid-template-columns:1fr}
 body.taigiaoan-site.tgx-design .tgx-category-page .tlga-catalog-filter{margin-top:20px}
 body.taigiaoan-site.tgx-design .tgx-category-page .tlga-library-layout{margin-top:29px}
}
