/* LIQU-AI-BLOG — desktop-first editorial layout */
:root{--page:1200px;--content:1100px;--ink:#142033;--muted:#68798c;--soft:#94a1ae;--line:#e3eaf1;--blue:#4d8be3;--pale:#f5f8fc;--white:#fff;--radius:14px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px;background:#f8fafc;color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:15px;line-height:1.7}
button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}
.site{min-height:100vh;overflow-x:hidden;background:#fbfcfd}
.skipLink{position:absolute;left:16px;top:-60px;z-index:20;padding:10px 14px;border-radius:7px;background:var(--ink);color:#fff}.skipLink:focus{top:12px}
.header{width:min(100%,var(--page));height:78px;margin:0 auto;padding:0 34px;border-bottom:1px solid rgba(215,225,235,.85);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:relative;z-index:5;background:#fbfcfd}
.brand{display:inline-flex;width:max-content;align-items:center;gap:10px;padding:0;border:0;background:none;color:var(--ink);text-align:left}.logo{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(145deg,#17283e,#426887);box-shadow:0 6px 14px #274e7329;color:#fff;font-size:16px;font-weight:700}.brandText{display:flex;flex-direction:column;gap:1px;line-height:1}.brandText strong{font-size:15px;letter-spacing:-.04em}.brandText small{color:#8291a2;font-size:10px;letter-spacing:.08em}
.headerCenter{display:flex;flex-direction:column;align-items:center;gap:2px}.headerEyebrow{color:#9aaabb;font-size:9px;font-weight:700;letter-spacing:.18em}.nav{display:flex;align-items:center;gap:25px}.nav button,.footer button{border:0;background:none}.nav button{position:relative;padding:7px 2px;border-radius:4px;color:#68788b;font-size:13px}.nav button:hover,.nav button.active{color:var(--ink)}.nav button.active:after{content:"";position:absolute;left:50%;bottom:-2px;width:16px;height:2px;border-radius:2px;background:var(--blue);transform:translateX(-50%)}
.headerActions{justify-self:end;display:flex;align-items:center;gap:15px}.edition{color:#8998a8;font-size:11px}.headerLink,.primaryButton{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:8px;background:var(--ink);color:#fff;padding:10px 15px;font-size:12px;font-weight:650;transition:background .18s,transform .18s}.headerLink:hover,.primaryButton:hover{background:#306bd2;transform:translateY(-1px)}.menuButton{display:none;border:0;background:none;color:var(--ink);font-size:22px}
.hero{width:min(100%,var(--page));min-height:510px;margin:0 auto;padding:82px 58px 76px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:56px;align-items:center;position:relative}.hero:before{content:"";position:absolute;left:30%;top:-80px;width:520px;height:520px;pointer-events:none;background:radial-gradient(circle,#bad5ff70,transparent 68%)}.heroCopy,.heroVisual{position:relative;z-index:1}.heroCopy{max-width:590px}.eyebrow{display:flex;align-items:center;gap:8px;color:#7892b0;font-size:11px;letter-spacing:.13em}.liveDot{width:7px;height:7px;border-radius:50%;background:#62a2ff}.hero h1{margin:22px 0 21px;font-size:clamp(48px,5.6vw,72px);line-height:1.08;letter-spacing:-.07em}.hero h1 span{color:#79a9e7}.heroCopy>p{max-width:520px;margin:0;color:var(--muted);font-size:16px;line-height:1.95}.heroActions,.heroMeta{display:flex;align-items:center;gap:18px;margin-top:27px}.textButton,.readMore{padding:8px 0;border:0;background:none;color:#3979cc}.heroMeta{gap:22px;color:#74879b;font-size:12px}
.heroVisual{width:100%;height:330px;min-height:330px}.coreCard{position:absolute;inset:46px 18% 30px;padding:31px 32px;border:1px solid #e5edf5;border-radius:18px;background:#fff;box-shadow:0 20px 50px #4a74a51f}.coreIcon{color:#5a95e8;font-size:26px}.coreCard small,.floatTag{color:#90a1b4;font-size:10px;letter-spacing:.16em}.coreCard strong{display:block;margin-top:17px;font-size:28px;line-height:1.2;letter-spacing:-.05em}.coreLine{display:flex;gap:5px;margin-top:28px}.coreLine i{width:34px;height:3px;background:#bdd6f7}.floatTag{position:absolute}.tagTop{top:20px;left:7%}.tagRight{top:47%;right:0}.tagBottom{bottom:13px;left:16%}.orbit{position:absolute;inset:0 4%;border:1px solid #b9d3f070;border-radius:50%;transform:rotate(-18deg)}.orbitTwo{inset:14% -2%;transform:rotate(34deg)}.orbitThree{inset:-5% 12%;transform:rotate(67deg)}
.signalRow,.section,.articleWorkspace,.related{width:min(calc(100% - 48px),var(--content));margin-right:auto;margin-left:auto}.signalRow{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:74px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--line)}.signalRow>div{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;padding:21px 25px;background:#f4f8fc;color:#75a2d8}.signalRow small,.signalRow span{grid-column:2;color:var(--soft);font-size:12px}.signalRow strong{grid-column:2;color:var(--ink);font-size:24px;line-height:1.2}
.section{margin-bottom:84px}.sectionHeader{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.sectionHeader b,.articlesHero>b,.legalHeroInner>b{color:#7fa5d3;font-size:10px;letter-spacing:.18em}.sectionHeader h2{margin:7px 0 0;font-size:28px;line-height:1.3;letter-spacing:-.05em}.sectionHeader>button{border:0;background:none;color:#3979cc;font-size:13px}
.featuredCard{display:grid;grid-template-columns:43% 57%;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.articleArt,.previewArt,.detailArt{position:relative;overflow:hidden;background:linear-gradient(135deg,#7caaf0,#d9eaff)}.articleArt{min-height:305px;padding:25px}.articleArt strong{position:absolute;bottom:28px;color:#fff;font-size:42px;line-height:1.05;letter-spacing:-.05em}.articleArt span,.previewArt span,.detailArt>span{color:#ffffffc7;font-size:11px;letter-spacing:.16em}.featuredContent{padding:43px 46px}.articleMeta{display:flex;gap:14px;color:#8190a0;font-size:12px}.category{color:#4d88d3}.featuredContent h3{margin:18px 0 13px;font-size:30px;line-height:1.34;letter-spacing:-.05em}.featuredContent p,.previewBody p{margin:0;color:var(--muted);line-height:1.85}.latestGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.previewCard{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#fff;transition:transform .18s,box-shadow .18s}.previewCard:hover{box-shadow:0 14px 35px #33506f17;transform:translateY(-3px)}.previewCard>a{display:flex;min-height:100%;flex-direction:column}.previewArt{height:136px;flex:0 0 auto;padding:16px}.previewArt strong{position:absolute;bottom:17px;left:16px;color:#ffffffe6;font-size:18px}.previewBody{display:flex;min-width:0;flex:1;flex-direction:column;padding:19px 18px 16px}.previewBody h3{margin:14px 0 8px;font-size:15px;line-height:1.55;letter-spacing:-.04em}.previewBody p{font-size:11px;line-height:1.75}.previewFooter{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:20px;color:#a1adba;font-size:10px}.previewFooter span{display:inline-flex;align-items:center;gap:4px}.topicBand{width:min(100%,var(--page));margin:100px auto 0;padding:70px 90px;display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center;background:#edf3fc}.topicBand h2{margin:15px 0 0;font-size:31px;line-height:1.42;letter-spacing:-.08em}.topicBand em{color:#5f93d7;font-style:normal}.topicNote{padding-left:28px;border-left:1px solid #c7d9ef;color:#6f839d}.topicNote p{margin:13px 0 20px;font-size:13px;line-height:1.9}.topicNote button{padding:0;border:0;background:none;color:#4c82ca;font-weight:650}
.footer{width:min(100% - 48px,var(--content));margin:0 auto;padding:32px 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px;color:#9aa7b3;font-size:11px}.footerBrand{color:var(--ink)}.footerLinks{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:17px}.footerLinks button,.footerLinks a{padding:0;color:#9aa7b3;font-size:11px}.footerLinks button:hover,.footerLinks a:hover{color:#306bd2}.filingInfo{display:flex;flex-basis:100%;flex-wrap:wrap;gap:5px 18px;padding-top:11px;border-top:1px solid var(--line);line-height:1.7}.filingInfo span,.filingInfo a{color:#9aa7b3;font-size:11px}.filingPending{color:#a4afb9!important}
.articlesHero,.legalHero{padding:76px 24px 68px;text-align:center;background:linear-gradient(120deg,#eaf2fd,#f8fafc 68%)}.articlesHero h1,.legalHero h1{margin:18px 0 15px;font-size:54px;line-height:1.15;letter-spacing:-.08em}.articlesHero p,.legalHero p{margin:0;color:var(--muted);font-size:15px;line-height:1.9}.articleStats{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:34px;color:#91a0ae;font-size:11px}.articleStats strong{margin-right:6px;color:var(--ink);font-size:19px}.articleStats i{width:1px;height:20px;background:#cfdce9}.articleWorkspace{padding:62px 0 100px}.filterBar{display:flex;align-items:center;justify-content:space-between;gap:25px}.categoryTabs{display:flex;flex-wrap:wrap;gap:22px}.categoryTabs button{position:relative;padding:10px 0;border:0;background:none;color:#9aa6b2;font-size:12px}.categoryTabs button:hover,.categoryTabs .tabActive{color:var(--ink)}.categoryTabs .tabActive:after{content:"";position:absolute;right:0;bottom:0;left:0;height:2px;background:#4b8df8}.searchBox{width:210px;display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#9eabb7}.searchBox input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:12px}.resultHint{display:flex;align-items:center;justify-content:space-between;margin-top:31px;padding-bottom:16px;border-bottom:1px solid var(--line);color:#a2adb7;font-size:11px}.articleList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}.articleList .previewCard>a{display:grid;grid-template-columns:155px minmax(0,1fr);min-height:190px}.articleList .previewArt{height:100%;min-height:190px}.articleList .previewBody{padding:19px 20px}.articleList .previewBody h3{font-size:17px;line-height:1.5}.articleList .previewBody p{font-size:12px;line-height:1.8}.emptyState{padding:80px 0;color:var(--muted);font-size:13px;text-align:center}.emptyState button{border:0;background:none;color:#306bd2;font-size:12px}
.detailHero{padding:34px 24px 68px;background:linear-gradient(120deg,#eaf2fd,#f8fafc 68%)}.backLink{display:block;width:min(100%,900px);margin:0 auto 42px;padding:0;border:0;background:none;color:#62809f;text-align:left;font-size:13px}.backLink:hover{color:#306bd2}.detailHeroInner{max-width:900px;margin:auto}.detailLabel{display:flex;gap:14px;color:#74879b;font-size:12px}.detailHero h1{max-width:790px;margin:19px 0 15px;font-size:clamp(38px,5vw,60px);line-height:1.17;letter-spacing:-.06em}.detailHeroInner>p{max-width:670px;color:var(--muted);font-size:16px;line-height:1.9}.detailArt{height:270px;margin-top:40px;padding:28px;border-radius:15px;box-shadow:0 22px 50px #4a74a51f}.detailArt strong{position:absolute;bottom:28px;color:#fff;font-size:35px;line-height:1.1}.detailArt em{font-size:18px;font-style:normal;font-weight:400;opacity:.75}.detailArticle,.legalArticle{max-width:720px;margin:0 auto;padding:70px 24px 50px}.articleIntro{display:flex;gap:18px;padding-bottom:38px;border-bottom:1px solid var(--line)}.articleIntro p{margin:0;color:#52667d;font-size:17px;line-height:2}.dropcap{color:#77a7e6;font-family:Georgia,serif;font-size:70px;line-height:.8}.detailSections{padding-top:35px}.detailSections section,.legalArticle section{display:grid;grid-template-columns:48px 1fr;gap:24px;padding:28px 0}.sectionNumber{padding-top:8px;color:#6e9ed7;font-size:11px;font-weight:700;letter-spacing:.12em}.detailSections h2,.legalArticle h2{margin:0 0 12px;font-size:25px;line-height:1.35;letter-spacing:-.04em}.detailSections p,.legalArticle p{margin:0 0 17px;color:#52667d;font-size:16px;line-height:2}.detailEnd,.legalUpdated{padding-top:25px;border-top:1px solid var(--line);color:var(--soft);font-size:12px}.detailEnd{display:flex;justify-content:space-between;gap:18px}.detailEnd button{border:0;background:none;color:#3979cc}.related{padding-bottom:90px}.related .latestGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.legalHero{text-align:left}.legalHeroInner{max-width:900px;margin:auto}.legalHeroInner .backLink{margin-bottom:40px}.legalArticle{padding-top:45px}.legalContact{display:flex;gap:18px;padding-top:25px;border-top:1px solid var(--line)}.legalContact strong{color:#52667d;font-size:13px}.legalContact a{color:#3979cc;font-size:13px}
.art-blue{background:linear-gradient(135deg,#79a7e8,#cfe1fa)}.art-mint{background:linear-gradient(135deg,#74bda9,#d7eee5)}.art-violet{background:linear-gradient(135deg,#9b8de0,#ddd8f5)}.art-amber{background:linear-gradient(135deg,#e4a85d,#f5dfb9)}.artGrid{position:absolute;inset:0;background-image:linear-gradient(#ffffff1f 1px,transparent 1px),linear-gradient(90deg,#ffffff1f 1px,transparent 1px);background-size:28px 28px;transform:skewY(-12deg) scale(1.2);opacity:.45}
:focus-visible{outline:3px solid #77adf4;outline-offset:3px}
@media(max-width:1080px){.header{padding-inline:25px}.hero{padding-inline:42px;gap:35px}.topicBand{padding-inline:60px}.latestGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{gap:17px}.edition{display:none}}
@media(max-width:820px){.header{height:70px;grid-template-columns:1fr auto;padding-inline:24px}.headerCenter{justify-self:end}.headerEyebrow{display:none}.headerActions{margin-left:18px}.nav{gap:15px}.hero{grid-template-columns:1fr;padding:62px 30px 55px;text-align:center}.heroCopy{margin:auto}.eyebrow,.heroActions,.heroMeta{justify-content:center}.heroCopy>p{margin:auto}.heroVisual{max-width:470px;margin:auto}.signalRow,.section,.articleWorkspace,.related{width:auto;margin-right:24px;margin-left:24px}.topicBand{grid-template-columns:1fr;gap:35px;padding:55px 45px}.footer{width:auto;margin-inline:24px}.footerLinks{justify-content:flex-start}}
@media(max-width:600px){.header{height:64px;padding-inline:16px}.brandText small{font-size:9px}.headerCenter{position:static;justify-self:end}.headerActions{margin:0}.nav{display:none}.nav.open{position:absolute;top:62px;right:16px;left:16px;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:8px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 10px 25px #14203314}.nav.open button{text-align:left;padding:10px 2px}.menuButton{display:inline-flex}.hero{padding:50px 20px 42px}.hero h1{font-size:43px}.heroActions{align-items:stretch;flex-direction:column;gap:8px}.heroMeta{align-items:flex-start;flex-direction:column;gap:8px}.heroVisual{min-height:245px;height:245px}.coreCard{inset:32px 12% 20px;padding:27px 24px}.coreCard strong{font-size:24px}.signalRow{grid-template-columns:1fr;margin-bottom:52px}.signalRow>div{padding:16px 20px}.signalRow>div+div{border-top:1px solid var(--line)}.section{margin:0 20px 60px}.sectionHeader{align-items:flex-start;flex-direction:column;gap:14px}.sectionHeader h2{font-size:24px}.featuredCard{grid-template-columns:1fr}.articleArt{min-height:210px}.featuredContent{padding:26px 22px}.featuredContent h3{font-size:24px}.latestGrid,.articleList{grid-template-columns:1fr;gap:16px}.articleList .previewCard>a{display:flex;min-height:0}.articleList .previewArt{height:125px;min-height:125px}.filterBar{align-items:stretch;flex-direction:column}.categoryTabs{gap:16px;overflow-x:auto;flex-wrap:nowrap}.categoryTabs button{flex:0 0 auto}.searchBox{width:100%}.articlesHero,.legalHero{padding:45px 20px}.articlesHero h1,.legalHero h1{font-size:42px}.articleStats{gap:10px}.articleStats strong{display:block;margin:0 0 3px;font-size:16px}.detailHero{padding-inline:20px}.detailHero h1{font-size:37px}.detailArticle,.legalArticle{padding:45px 20px}.detailSections section,.legalArticle section{grid-template-columns:32px 1fr;gap:12px;padding:22px 0}.detailSections h2,.legalArticle h2{font-size:22px}.detailSections p,.legalArticle p{font-size:15px}.detailEnd{align-items:flex-start;flex-direction:column}.related{margin-inline:20px}.related .latestGrid{grid-template-columns:1fr}.topicBand{margin-top:66px;padding:43px 22px}.topicBand h2{font-size:25px}.footer{align-items:flex-start;flex-direction:column;gap:13px;margin-inline:20px;padding:26px 0}.footerLinks{justify-content:flex-start;gap:12px 15px}.filingInfo{align-items:flex-start;flex-direction:column;gap:3px}.legalContact{align-items:flex-start;flex-direction:column;gap:6px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}