/* Keep Framer's layouts, transitions, section shapes and interaction components. */
html { font-family: Inter, "Microsoft YaHei", "PingFang SC", sans-serif; }
[data-framer-name="INKD_Logo"] { width:146px!important; height:34px!important; overflow:visible!important; background:url('/brand/logo.jpg') left center/38px 31px no-repeat; }
[data-framer-name="INKD_Logo"] .svgContainer { visibility:hidden; }
[data-framer-name="INKD_Logo"]::after { content:"尚品优品"; position:absolute; left:46px; top:4px; color:white; font:700 19px/28px "Microsoft YaHei",sans-serif; white-space:nowrap; }
a:has(> [data-framer-name="INKD_Logo"]) { width:146px!important; min-width:146px!important; height:34px!important; }
div:has(> a > [data-framer-name="INKD_Logo"]) { width:146px!important; height:34px!important; }
foreignObject h1 { --framer-line-height:1.1em!important; }
foreignObject h1 span { font-size:calc(var(--framer-font-size, 100px) * .74)!important; }
img[src^="/brand/"] { object-fit:contain!important; }
img[src^="/brand/real/"] { object-fit:cover!important; object-position:top center!important; }
img[src^="/brand/art/"] { object-fit:contain!important; object-position:center!important; background:#eeece7; }
[data-framer-name="Image"]:has(img[src^="/brand/art/"]) { filter:none!important; }
.sp-project-logo {object-fit:contain!important;padding:28px 44px;filter:none!important;background:white!important;}
.framer-1d7e3g:has(.sp-project-logo){filter:none!important;-webkit-filter:none!important;}
.sp-blog-image{min-height:0!important;max-height:none!important;}
.sp-blog-image img{object-fit:contain!important;}
/* Blog frame dimensions come from each selected image in blog-pages.js. */
/* Author labels expand with Chinese text instead of overflowing the old fixed box. */
.framer-bc0pf5:has([data-framer-name="Author Image"]){width:max-content!important;flex:0 0 auto!important;gap:10px!important;}
.framer-qsbyre{width:max-content!important;height:auto!important;justify-content:flex-start!important;align-items:center!important;gap:6px!important;}
.framer-qsbyre > *{flex:0 0 auto!important;width:auto!important;white-space:nowrap!important;}
.framer-1skxh05{height:auto!important;flex-wrap:wrap!important;row-gap:8px!important;}
.framer-1lpbplz[data-framer-name="Meta Bar"]{height:auto!important;min-height:30px;flex-wrap:wrap!important;}
[data-framer-name="INKD_Logo"] {background-image:none;}
[data-framer-name="INKD_Logo"]::before {content:"";position:absolute;left:0;top:0;width:38px;height:31px;background:url('/brand/updates/company-logo-transparent.png') center/contain no-repeat;filter:invert(1);}
[id*="framer-badge"]{display:none!important;}
.sp-old-social,.sp-original-icon,#framer-badge-container,[data-framer-name="Framer Badge"],a[href*="framer.com/"]:has(svg) {display:none!important;}
.sp-social-row{display:flex;align-items:center;gap:14px;color:#333;flex:none;padding:8px 0;}
.sp-social-dark{color:#eee;justify-content:flex-end;}
.sp-social-link{display:grid;place-items:center;width:32px;height:32px;color:inherit;border-radius:50%;transition:color .2s,background .2s;}
.sp-social-link:hover{color:#ff3849;background:#ff384915;}
.sp-social-link span,.sp-menu-icon{display:block;width:21px;height:21px;background:currentColor;mask:var(--sp-icon) center/contain no-repeat;-webkit-mask:var(--sp-icon) center/contain no-repeat;}
.sp-menu-icon{position:absolute;inset:0;margin:auto;color:white;}
#sp-wechat-dialog{border:0;border-radius:20px;padding:32px;max-width:min(90vw,400px);text-align:center;font:16px/1.7 'Microsoft YaHei',sans-serif;}
#sp-wechat-dialog::backdrop{background:#0009;backdrop-filter:blur(4px);}
#sp-wechat-dialog img{width:240px;max-width:100%;height:auto;}
#sp-wechat-dialog button{float:right;border:0;background:none;font-size:28px;cursor:pointer;}
.sp-reserved-work > :not(.sp-reserved-label){visibility:hidden!important;pointer-events:none!important;}
.sp-reserved-work{cursor:default!important;}
.sp-reserved-label{position:absolute;inset:15%;border:1px dashed #3336;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#333;font-family:'Microsoft YaHei',sans-serif;}
.sp-reserved-label span{font-size:42px;font-weight:200;}.sp-reserved-label strong{font-size:22px;}.sp-reserved-label small{font-size:13px;opacity:.6;}
.sp-seo-results{width:100%;padding:80px 40px;background:#f5f7fb;color:#141414;box-sizing:border-box;}
.sp-seo-results>div{max-width:1280px;margin:auto;}.sp-seo-results h2{font-size:clamp(28px,4vw,52px);line-height:1.2;margin:16px 0 24px;}.sp-seo-results p{font:16px/1.9 'Microsoft YaHei',sans-serif;max-width:860px;}.sp-seo-results dl{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:36px 0;}.sp-seo-results dt{font-size:14px;color:#555;}.sp-seo-results dd{font-size:clamp(28px,4vw,46px);margin:8px 0;font-weight:700;}.sp-seo-results img{width:100%;height:auto;border-radius:16px;display:block;}.sp-caption{font-size:13px!important;color:#666;}.sp-eyebrow{letter-spacing:.06em;font-size:13px!important;}
.sp-tutorial{font:17px/1.95 'Microsoft YaHei',sans-serif;white-space:normal;color:#252525;}.sp-tutorial p{margin:0 0 24px;}.sp-tutorial h2{font-size:30px;line-height:1.4;margin:52px 0 20px;}.sp-tutorial h3{font-size:22px;margin:30px 0 16px;}.sp-tutorial pre{white-space:pre;max-width:100%;overflow:auto;padding:24px;border-radius:12px;background:#17191d;color:#e4edf6;font:14px/1.75 Consolas,monospace;margin:24px 0 32px;}.sp-tutorial a{color:#bc2432;text-decoration:underline;text-underline-offset:3px;}.sp-tutorial .sp-reading{padding:20px 24px;background:#f4f4f1;border-radius:12px;font-size:14px;}.sp-tutorial .sp-sources{border-top:1px solid #ddd;margin-top:48px;padding-top:24px;font-size:14px;}.sp-tutorial figure{margin:36px 0;}.sp-tutorial figure img{width:100%;height:auto;display:block;border-radius:12px;}.sp-tutorial figcaption{font-size:12px;color:#777;margin-top:8px;}
@media(max-width:600px){.sp-project-logo{padding:28px!important;}.sp-seo-results{padding:50px 20px;}.sp-seo-results dl{grid-template-columns:repeat(2,1fr);}.sp-tutorial{font-size:16px;}.sp-tutorial h2{font-size:25px;}.sp-tutorial pre{padding:18px;font-size:12px;}.sp-reserved-label strong{font-size:17px;}}
[data-framer-name="Image"]:has(img[src^="/brand/real/"]) { filter:none!important; }
.sp-contact { display:flex; gap:18px; align-items:center; flex-wrap:wrap; margin-top:20px; font:14px/1.7 "Microsoft YaHei",sans-serif; color:#fff; }
.sp-contact img { width:92px; height:auto; background:white; padding:6px; border-radius:8px; }
.sp-contact a { color:inherit; text-decoration:underline; text-underline-offset:4px; }
.sp-project-links { margin:16px 0; display:flex; flex-wrap:wrap; gap:12px; width:100%; color:#fff; font:500 15px/1.7 "Microsoft YaHei",sans-serif; }
.sp-project-links a { border:1px solid currentColor; padding:8px 15px; border-radius:30px; color:inherit; text-decoration:none; }
.sp-project-links a:hover { color:#ff3849; }
@media(max-width:600px) { [data-framer-name="INKD_Logo"] { width:130px!important; } [data-framer-name="INKD_Logo"]::after { font-size:17px; } foreignObject h1 span {font-size:calc(var(--framer-font-size,100px) * .86)!important;} }

/* Match the existing logo variant to its page background and render at normal image quality. */
[data-framer-name="INKD_Logo"]{width:164px!important;height:44px!important;image-rendering:auto!important;color:#fff;}
[data-framer-name="INKD_Logo"]::before{width:44px;height:44px;image-rendering:auto;filter:none;}
[data-framer-name="INKD_Logo"]::after{left:54px;top:8px;color:inherit;font-size:20px;line-height:28px;-webkit-font-smoothing:antialiased;}
a[data-framer-name="Dark"] > [data-framer-name="INKD_Logo"]{color:#0f0f0f;}
a[data-framer-name="Dark"] > [data-framer-name="INKD_Logo"]::before{filter:invert(1);}
a:has(> [data-framer-name="INKD_Logo"]),div:has(> a > [data-framer-name="INKD_Logo"]){width:164px!important;min-width:164px!important;height:44px!important;}

/* Use the existing PNG alpha channel instead of the rectangular JPG backdrop. */
[data-framer-name="INKD_Logo"]::before{background-image:url('/brand/updates/company-logo-transparent.png');background-size:contain;background-position:center;background-repeat:no-repeat;filter:none;mix-blend-mode:normal;}
a[data-framer-name="Dark"] > [data-framer-name="INKD_Logo"]::before{filter:invert(1);mix-blend-mode:normal;}

/* The supplied Sanqin wordmark is white; show its complete original lockup on a dark panel. */
img.sp-project-logo[src$="sanqin-logo.webp"]{background:#111!important;}