9 行
10 KiB
CSS
9 行
10 KiB
CSS
.cases-nhc{--cs-blue:#2563eb;--cs-ink:#0f172a;--cs-copy:#475569;--cs-muted:#64748b;--cs-line:#dce4ed;--cs-soft:#f8fafc;background:#fff;color:var(--cs-ink);font-family:var(--font-sans,"Microsoft YaHei",sans-serif);font-size:16px;line-height:1.8;overflow-wrap:break-word}.cases-nhc *{box-sizing:border-box}.cases-nhc :where(h1,h2,h3,p,figure,ol,ul,dl,dd){margin:0}.cases-nhc h1,.cases-nhc h2{font-family:var(--font-serif,"SimSun",serif);font-weight:600;line-height:1.4;color:var(--cs-ink)}.cases-nhc a{text-decoration:none;color:inherit}.cases-nhc a:focus-visible,.cases-nhc button:focus-visible,.cases-nhc summary:focus-visible{outline:3px solid var(--cs-blue);outline-offset:4px}.cases-nhc [hidden]{display:none!important}.cases-nhc [id]{scroll-margin-top:95px}.cases-nhc nav{height:auto;line-height:inherit;box-shadow:none;background:transparent;color:inherit}.cs-wrap{max-width:1280px;width:100%;padding:0 32px;margin:auto}.cs-skip,.cs-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.cs-skip:focus{position:fixed;top:80px;left:20px;width:auto;height:auto;clip-path:none;background:#fff;padding:12px 20px;z-index:1100}.cs-kicker{font-size:12px;color:var(--cs-blue);letter-spacing:1.5px}.cs-hero{padding:95px 0 26px}.cs-crumb{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--cs-copy);margin-bottom:24px}.cs-crumb a{min-height:44px;display:inline-flex;align-items:center}.cs-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:end}.cases-nhc h1{font-size:48px;margin-top:12px;letter-spacing:1px}.cs-hero-grid>div:last-child>p{font-size:15px;color:var(--cs-copy);line-height:1.9;max-width:450px}.cases-nhc .cs-link{display:inline-flex;align-items:center;gap:18px;min-height:44px;font-size:13px;color:var(--cs-copy)}.cases-nhc .cs-link:hover{color:var(--cs-blue)}.cs-hero-grid .cs-link{margin-top:13px}.cs-disclosure{font-size:12px;color:var(--cs-muted);margin-top:24px!important;border-top:1px solid var(--cs-line);padding-top:16px}
|
|
.cs-list-section{padding:0 0 42px}.cs-filter-line{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:13px 0 21px}.cs-filters{display:flex;gap:10px;flex-wrap:wrap}.cs-filters button{min-height:44px;padding:9px 19px;border:1px solid var(--cs-line);border-radius:4px;background:#fff;color:var(--cs-copy);font:inherit;font-size:13px;cursor:pointer;transition:background .2s,color .2s,border-color .2s;box-shadow:none;text-transform:none;letter-spacing:0}.cs-filters button:hover{border-color:var(--cs-blue);color:var(--cs-blue)}.cs-filters button[aria-pressed=true]{background:var(--cs-blue);color:#fff;border-color:var(--cs-blue)}.cs-result{font-size:12px;color:var(--cs-muted);white-space:nowrap}.cs-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.cs-card{border:1px solid var(--cs-line);border-radius:4px;overflow:hidden;background:#fff;min-width:0}.cs-card>figure{position:relative;background:var(--cs-soft)}.cs-card picture{display:block}.cs-card>figure img{display:block;width:100%;height:235px;object-fit:cover;object-position:center}.cs-card>figure figcaption{position:absolute;left:0;bottom:0;width:100%;display:flex;justify-content:space-between;padding:16px 22px;font-size:10px;letter-spacing:.9px;color:var(--cs-copy);background:linear-gradient(transparent,#f8fafcf5)}.cs-card-body{padding:22px 25px 0}.cs-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;color:var(--cs-muted)}.cs-meta>span:first-child{color:var(--cs-blue)}.cases-nhc h3{font-size:23px;line-height:1.5;font-weight:600;color:var(--cs-ink)}.cs-card h3{margin:9px 0 11px}.cs-intro{font-size:14px;color:var(--cs-copy);line-height:1.9;min-height:54px}.cs-features{display:flex;flex-wrap:wrap;gap:6px 18px;padding:0;list-style:none;margin:15px 0 18px!important;font-size:12px;color:var(--cs-copy)}.cs-features li{padding-left:11px;position:relative}.cs-features li:before{content:"";position:absolute;left:0;top:10px;width:3px;height:3px;background:var(--cs-blue)}.cs-dossier{border-top:1px solid var(--cs-line)}.cs-dossier summary{display:flex;align-items:center;justify-content:space-between;min-height:55px;padding:12px 0;font-size:13px;list-style:none;cursor:pointer;color:var(--cs-copy)}.cs-dossier summary::-webkit-details-marker{display:none}.cs-dossier summary>span{position:relative;width:16px;height:16px;flex-shrink:0}.cs-dossier summary>span:before,.cs-dossier summary>span:after{content:"";position:absolute;left:2px;top:8px;width:12px;height:1px;background:var(--cs-blue)}.cs-dossier summary>span:after{transform:rotate(90deg);transition:transform .2s}.cs-dossier[open] summary>span:after{transform:rotate(0)}.cs-dossier dl{padding-bottom:4px}.cs-dossier dl>div{display:grid;grid-template-columns:65px 1fr;gap:18px;margin:0 0 17px}.cs-dossier dt{font-size:12px;font-weight:500;color:var(--cs-ink)}.cs-dossier dd{font-size:14px;color:var(--cs-copy);line-height:1.9}.cs-original{border:1px solid var(--cs-line);background:var(--cs-soft);border-radius:4px;margin:2px 0 22px!important;padding:10px}.cs-original img{display:block;width:100%;height:115px;object-fit:contain}.cs-original figcaption{text-align:center;font-size:10px;color:var(--cs-muted);padding-top:5px}.cs-empty{padding:28px 0;color:var(--cs-copy)}
|
|
.cs-review{padding:35px 0;background:var(--cs-soft);border-top:1px solid var(--cs-line)}.cs-review>.cs-wrap{display:grid;grid-template-columns:1fr 2fr;gap:50px}.cs-review h2{font-size:28px;margin-top:11px;max-width:280px}.cs-review ol{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;list-style:none;padding:0}.cs-review li>span{font-family:Georgia,serif;color:var(--cs-blue);font-size:15px}.cs-review h3{font-size:16px;margin:11px 0 9px}.cs-review p:not(.cs-kicker){font-size:13px;color:var(--cs-copy);line-height:1.9}.cs-contact{padding:35px 0;border-top:1px solid var(--cs-line)}.cs-contact>.cs-wrap{display:flex;justify-content:space-between;align-items:center;gap:45px}.cs-contact h2{font-size:30px;margin:10px 0 12px}.cs-contact p:not(.cs-kicker){font-size:14px;color:var(--cs-copy)}.cs-contact>.cs-wrap>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:10px;flex-shrink:0}.cases-nhc .cs-btn{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:50px;padding:12px 23px;background:var(--cs-blue);color:#fff;font-size:14px;border-radius:4px}.cs-btn>span{font-size:20px}.cases-nhc .cs-btn:hover{background:#1d4ed8}.cs-contact .cs-link{font-size:12px}
|
|
.cs-mobile-header{position:fixed;z-index:1000;top:0;left:0;width:100%;height:68px;background:#fffffff5;border-bottom:1px solid var(--cs-line);display:flex;align-items:center;gap:24px;padding:0 22px}.cases-nhc .cs-brand{font-family:var(--font-serif,"SimSun",serif);font-size:23px;font-weight:600;letter-spacing:2px;line-height:1.2;display:flex;flex-direction:column;justify-content:center;min-height:44px;margin-right:auto}.cs-brand>span{font-family:var(--font-sans,sans-serif);font-size:8px;font-weight:500;letter-spacing:1.5px;color:var(--cs-muted);margin-top:5px}.cases-nhc .cs-header-contact{font-size:12px;color:var(--cs-blue);min-height:44px;display:flex;align-items:center}.cs-menu summary{display:flex;align-items:center;gap:7px;min-height:44px;cursor:pointer;list-style:none;font-size:12px}.cs-menu summary::-webkit-details-marker{display:none}.cs-menu svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.5;fill:none}.cases-nhc .cs-menu nav{position:absolute;top:67px;left:0;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:0 28px;padding:14px 22px 22px;background:#fff;box-shadow:0 18px 30px #0f172a0d;border-bottom:1px solid var(--cs-line)}.cs-menu nav a{display:flex;align-items:center;min-height:52px;border-bottom:1px solid var(--cs-line);font-size:15px;color:var(--cs-copy)}.cases-nhc .cs-menu nav a[aria-current]{color:var(--cs-blue)}
|
|
@media(max-width:1023px){.cs-hero-grid{gap:35px}.cases-nhc h1{font-size:40px}.cs-card-body{padding:19px 20px 0}.cs-card>figure img{height:200px}.cs-meta{font-size:10px}.cases-nhc h3{font-size:21px}.cs-intro{min-height:80px}.cs-review>.cs-wrap{grid-template-columns:1fr;gap:24px}.cs-review h2{max-width:none}.cs-filter-line{align-items:flex-start}}
|
|
@media(max-width:767px){.cs-wrap{padding:0 22px}.cs-hero{padding:84px 0 15px}.cs-crumb{margin-bottom:19px}.cs-kicker{font-size:11px;letter-spacing:1px}.cs-hero-grid{grid-template-columns:1fr;gap:18px}.cases-nhc h1{font-size:36px;margin-top:10px}.cs-hero-grid>div:last-child>p{font-size:16px;line-height:1.85;max-width:none}.cs-hero-grid .cs-link{margin-top:7px;font-size:14px}.cs-disclosure{font-size:12px;line-height:1.9;margin-top:15px!important;padding-top:13px}.cs-filter-line{display:block;padding:9px 0 17px}.cs-filters{gap:8px}.cs-filters button{font-size:12px;padding:9px 13px;min-height:44px}.cs-result{margin-top:12px!important}.cs-grid{grid-template-columns:1fr;gap:20px}.cs-card>figure img{height:175px;object-fit:cover}.cs-card>figure figcaption{padding:13px 17px;font-size:9px}.cs-card-body{padding:18px 19px 0}.cs-meta{font-size:10px}.cs-card h3{font-size:22px;margin:9px 0 10px}.cs-intro{min-height:0;font-size:16px;line-height:1.85}.cs-features{display:block;margin:12px 0!important;font-size:14px}.cs-features li{padding-left:12px;margin:5px 0}.cs-features li:before{top:11px}.cs-dossier summary{min-height:53px;font-size:14px}.cs-dossier dl>div{grid-template-columns:1fr;gap:6px;margin-bottom:16px}.cs-dossier dt{font-size:12px}.cs-dossier dd{font-size:16px;line-height:1.85}.cs-original img{height:100px}.cs-list-section{padding-bottom:28px}.cs-review{padding:28px 0}.cs-review>.cs-wrap{gap:23px}.cs-review h2{font-size:26px}.cs-review ol{grid-template-columns:1fr;gap:20px}.cs-review li{position:relative;padding-left:30px}.cs-review li>span{position:absolute;left:0;top:0}.cs-review h3{font-size:17px;margin:0 0 8px}.cs-review p:not(.cs-kicker){font-size:15px;line-height:1.85}.cs-contact{padding:28px 0}.cs-contact>.cs-wrap{display:block}.cs-contact h2{font-size:27px}.cs-contact p:not(.cs-kicker){font-size:16px}.cs-contact>.cs-wrap>div:last-child{margin-top:20px}.cs-contact .cs-link{font-size:13px}}
|
|
@media(max-width:374px){.cs-wrap{padding:0 18px}.cases-nhc h1{font-size:33px}.cs-meta{flex-wrap:wrap;gap:5px 15px}.cs-filters button{padding:9px 11px}}
|
|
@media(prefers-reduced-motion:reduce){html:has(.cases-nhc){scroll-behavior:auto}.cases-nhc *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
|