/* 51shipin-site.cloud: content-first responsive theme */
:root{
  --brand:#E85D75;--brand-deep:#D94A63;--accent:#F2A65A;--ink:#252833;--text:#34343C;--muted:#72727D;
  --bg:#FFF9F7;--soft:#F6F1F0;--white:#fff;--line:#E8DEDC;--shadow:0 18px 50px rgba(37,40,51,.08);
  --radius:24px;--radius-sm:14px;--shell:min(1180px,calc(100% - 40px));--article:min(900px,calc(100% - 40px));
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{width:var(--shell);margin-inline:auto}.article-shell{width:var(--article);padding:34px 0 80px}.skip-link{position:fixed;left:16px;top:-80px;z-index:1000;background:var(--ink);color:#fff;padding:10px 14px;border-radius:8px}.skip-link:focus{top:14px}.site-header{position:sticky;top:0;z-index:40;background:rgba(255,249,247,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(232,222,220,.9)}.header-inner{min-height:74px;display:flex;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;flex:none}.brand img{border-radius:12px;object-fit:cover}.brand span{display:grid;line-height:1.2}.brand b{font-size:18px;color:var(--ink)}.brand small{font-size:11px;color:var(--muted);margin-top:4px}.site-nav{display:flex;align-items:center;gap:3px;margin-left:auto}.site-nav a{padding:8px 11px;border-radius:10px;font-size:14px;color:#52525c}.site-nav a:hover,.site-nav a.active,.site-nav a[aria-current=page]{background:#fff;color:var(--brand-deep)}.search-open,.nav-toggle{border:0;background:var(--ink);color:#fff;border-radius:999px;padding:9px 14px;cursor:pointer}.search-open:hover,.nav-toggle:hover{background:var(--brand-deep)}.nav-toggle{display:none}.section-pad{padding:78px 0}.eyebrow{margin:0 0 10px;text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:800;color:var(--brand-deep)}h1,h2,h3{color:var(--ink);line-height:1.22;margin:0 0 .6em}h1{font-size:clamp(36px,6vw,66px);letter-spacing:-.045em}h2{font-size:clamp(26px,3.5vw,40px);letter-spacing:-.025em}h3{font-size:20px}.lead{font-size:19px;color:#555560;max-width:820px;margin:0 auto 26px}.intro-center{text-align:center}.home-intro{padding-top:74px;background:radial-gradient(circle at 50% 0,rgba(232,93,117,.12),transparent 45%)}.intro-center h1{max-width:900px;margin-inline:auto}.intro-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 18px;border-radius:12px;font-weight:750}.button.primary{background:var(--brand-deep);color:#fff}.button.primary:hover{background:#bf3d55}.button.ghost{background:#fff;border:1px solid var(--line)}.button.soft{background:#fff3f1;color:var(--brand-deep);border:1px solid #f0d8d7}.intro-visual{width:min(900px,100%);margin:38px auto 0;overflow:hidden;border-radius:30px;box-shadow:var(--shadow);aspect-ratio:16/7;background:var(--soft)}.intro-visual img{width:100%;height:100%;object-fit:cover}.quick-strip{background:var(--ink);color:#f6f6f7}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr)}.quick-grid article{padding:30px;border-right:1px solid rgba(255,255,255,.12)}.quick-grid article:last-child{border-right:0}.quick-grid h2{font-size:20px;color:#fff}.quick-grid p{font-size:14px;color:#c9c9d1;margin:0 0 12px}.quick-grid a{color:#ffd3da;font-weight:700}.split-feature{display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center}.split-feature.reverse{grid-template-columns:.92fr 1.08fr}.section-copy p,.split-feature p{font-size:17px}.check-list{padding:0;margin:22px 0;list-style:none}.check-list li{position:relative;padding:7px 0 7px 30px}.check-list li:before{content:"✓";position:absolute;left:0;top:7px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#ffe6e9;color:var(--brand-deep);font-size:12px;font-weight:900}.text-link{display:inline-block;color:var(--brand-deep);font-weight:800;border-bottom:1px solid currentColor}.framed-image{margin:0;border-radius:var(--radius);overflow:hidden;background:var(--soft);box-shadow:var(--shadow);aspect-ratio:4/3}.framed-image img{width:100%;height:100%;object-fit:cover}.device-band{background:var(--soft)}.section-heading{max-width:760px;margin-bottom:34px}.section-heading p:not(.eyebrow){font-size:17px;color:var(--muted)}.device-flow{display:grid;gap:16px;margin-bottom:26px}.device-row{display:grid;grid-template-columns:180px 1fr;gap:24px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px}.device-row img{width:180px;height:150px;object-fit:cover;border-radius:12px}.device-row h3{margin-top:2px}.device-row p{margin:0 0 8px;color:#555560}.device-row ul{display:flex;gap:8px 20px;flex-wrap:wrap;margin:0;padding-left:18px;color:var(--muted);font-size:14px}.two-column-info{display:grid;grid-template-columns:1fr 1fr;gap:20px}.two-column-info>div{padding:32px;border-top:4px solid var(--brand);background:#fff;border-radius:0 0 18px 18px}.community-slice{background:#fff}.community-layout{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px}.community-layout figure{margin:0;border-radius:24px;overflow:hidden;max-height:430px}.community-layout figure img{width:100%;height:100%;object-fit:cover}.compact-faq{background:var(--soft)}.faq-list{display:grid;gap:10px}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 18px}.faq-list summary{cursor:pointer;font-weight:800;color:var(--ink);padding:17px 30px 17px 0;position:relative}.faq-list summary::marker{content:""}.faq-list summary:after{content:"+";position:absolute;right:2px;font-size:24px;top:10px;color:var(--brand)}.faq-list details[open] summary:after{content:"–"}.faq-list details p{margin:0;padding:0 0 18px;color:#565661}.final-index{background:var(--ink);color:#fff}.final-index h2{color:#fff}.text-index{display:grid;border-top:1px solid var(--line)}.final-index .text-index{border-color:rgba(255,255,255,.14)}.text-index a{display:grid;grid-template-columns:minmax(170px,.45fr) 1fr;gap:20px;padding:18px 4px;border-bottom:1px solid var(--line);align-items:baseline}.final-index .text-index a{border-color:rgba(255,255,255,.14)}.text-index a:hover b{color:var(--brand-deep)}.final-index .text-index a:hover b{color:#ffd3da}.text-index span{color:var(--muted)}.final-index .text-index span{color:#c9c9d1}.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:36px}.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}.breadcrumbs li:not(:last-child)::after{content:"/";margin-left:8px;color:#b2a8a6}.breadcrumbs a:hover{color:var(--brand-deep)}.page-head{padding:20px 0 38px}.page-head h1{font-size:clamp(34px,5vw,56px);max-width:850px}.page-head>p:last-child{font-size:18px;color:#5f5f69;max-width:760px}.wide-figure{margin:0 0 54px;border-radius:24px;overflow:hidden;aspect-ratio:16/7;background:var(--soft)}.wide-figure.narrow{aspect-ratio:16/6}.wide-figure img{width:100%;height:100%;object-fit:cover}.article-shell>section{margin:0 0 62px}.article-shell section>p{font-size:17px}.number-list{display:grid;gap:10px}.number-list article{display:grid;grid-template-columns:56px 1fr;gap:16px;padding:22px 0;border-bottom:1px solid var(--line)}.number-list span{font-weight:900;color:var(--brand-deep);font-size:22px}.number-list h3{margin-bottom:5px}.number-list p{margin:0}.comparison{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.comparison>div{background:#fff;border:1px solid var(--line);padding:22px;border-radius:16px}.comparison h3{font-size:17px}.comparison p{font-size:14px;margin-bottom:0;color:var(--muted)}.callout{display:grid;grid-template-columns:230px 1fr;gap:28px;background:var(--ink);color:#ededf0;padding:24px;border-radius:24px;align-items:center}.callout img{width:230px;height:180px;object-fit:cover;border-radius:16px}.callout h2{color:#fff;font-size:28px}.callout p{margin-top:0}.callout .text-link{color:#ffd1d8}.steps{padding-left:1.25em}.steps li{margin:12px 0;padding-left:6px}.soft-section{background:var(--soft);padding:34px;border-radius:24px}.community-hero{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;margin-bottom:58px}.community-hero figure{margin:0;border-radius:20px;overflow:hidden}.stack-cards{display:grid;gap:12px}.stack-cards article{padding:24px 26px;background:#fff;border-left:4px solid var(--brand);box-shadow:0 8px 28px rgba(37,40,51,.05)}.stack-cards p{margin-bottom:0}.guide-index{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 54px}.guide-index a{display:grid;padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff}.guide-index b{color:var(--ink);margin-bottom:6px}.guide-index span{font-size:14px;color:var(--muted)}.guide-index a:hover{border-color:#efb6bf}.guide-section{scroll-margin-top:100px}.guide-section h3{margin-top:30px}.guide-section .section-intro{font-size:18px;color:var(--muted)}.faq-layout{display:grid;grid-template-columns:250px 1fr;gap:26px;align-items:start;margin-bottom:60px}.faq-layout figure{margin:0;position:sticky;top:100px}.faq-layout figure img{border-radius:20px}.about-feature{display:grid;grid-template-columns:320px 1fr;gap:34px;align-items:center;margin-bottom:60px}.about-feature figure{margin:0}.about-feature img{border-radius:20px}.principles{display:grid;grid-template-columns:1fr 1fr;gap:14px}.principles article{background:#fff;border:1px solid var(--line);padding:24px;border-radius:16px}.principles p{margin-bottom:0;color:var(--muted)}code{background:#f2eceb;padding:.12em .35em;border-radius:5px}.page-search{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;margin-bottom:40px}.page-search label{display:block;font-weight:800;margin-bottom:8px}.page-search div,.search-form div{display:flex;gap:8px}.page-search input,.search-form input{width:100%;min-width:0;border:1px solid #d7cfcd;border-radius:10px;padding:11px 12px;background:#fff}.page-search button,.search-form button{border:0;background:var(--brand-deep);color:#fff;border-radius:10px;padding:10px 18px;font-weight:800;cursor:pointer}.tag-links{display:flex;flex-wrap:wrap;gap:10px}.tag-links a{padding:8px 14px;border-radius:999px;background:#fff;border:1px solid var(--line)}.search-results{display:grid;gap:14px}.search-results article{padding:24px;background:#fff;border:1px solid var(--line);border-radius:16px}.search-results p{color:var(--muted)}.empty-state{text-align:center}.empty-state img{max-width:420px;margin:0 auto 24px;border-radius:20px}.not-found{padding:100px 0}.not-found h1{font-size:clamp(50px,9vw,90px)}.site-footer{background:#1f222b;color:#c8c8d0;padding:55px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:36px}.brand-footer b{color:#fff}.footer-grid>div:first-child p{max-width:350px;font-size:14px}.footer-grid h2{font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:#fff}.footer-grid>div:not(:first-child){display:grid;align-content:start;gap:8px}.footer-grid a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.12);padding-top:20px;margin-top:34px;font-size:12px}.search-modal[hidden]{display:none!important}.search-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:start center;padding-top:min(14vh,120px)}.search-backdrop{position:absolute;inset:0;background:rgba(25,27,33,.62);backdrop-filter:blur(4px)}.search-panel{position:relative;z-index:1;width:min(620px,calc(100% - 32px));background:var(--bg);border-radius:24px;padding:30px;box-shadow:0 30px 100px rgba(0,0,0,.25)}.search-close{position:absolute;right:18px;top:14px;border:0;background:transparent;font-size:30px;color:var(--muted);cursor:pointer}.search-panel h2{font-size:30px}.search-form label{display:block;font-weight:800;margin-bottom:8px}.modal-open{overflow:hidden}
@media (max-width:1024px){.site-nav a{padding-inline:8px;font-size:13px}.split-feature,.split-feature.reverse{gap:34px}.comparison{grid-template-columns:1fr}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}.device-row{grid-template-columns:150px 1fr}.device-row img{width:150px}}
@media (max-width:900px){:root{--shell:min(100% - 30px,760px);--article:min(100% - 30px,760px)}.header-inner{position:relative}.nav-toggle{display:inline-flex;margin-left:auto}.site-nav{display:none;position:absolute;left:0;right:0;top:68px;background:var(--bg);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:10px;flex-direction:column;align-items:stretch}.site-nav.open{display:flex}.site-nav a{padding:11px 12px}.search-open{padding:9px 12px}.quick-grid{grid-template-columns:1fr}.quick-grid article{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.quick-grid article:last-child{border-bottom:0}.split-feature,.split-feature.reverse,.community-layout,.about-feature{grid-template-columns:1fr}.two-column-info{grid-template-columns:1fr}.community-layout figure{max-height:350px}.faq-layout{grid-template-columns:1fr}.faq-layout figure{position:static;max-width:360px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/3}.footer-grid>div:last-child{grid-column:auto}.callout{grid-template-columns:180px 1fr}.callout img{width:180px;height:160px}}
@media (max-width:700px){.section-pad{padding:56px 0}.home-intro{padding-top:50px}.article-shell{padding-top:24px}.page-head{padding-bottom:28px}.guide-index,.principles{grid-template-columns:1fr}.device-row{grid-template-columns:1fr}.device-row img{width:100%;height:200px}.device-row ul{display:block}.community-hero{grid-template-columns:1fr}.callout{grid-template-columns:1fr}.callout img{width:100%;height:200px}.text-index a{grid-template-columns:1fr;gap:3px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column}.search-panel{padding:26px 20px}.page-search div,.search-form div{flex-direction:column}.search-form button,.page-search button{min-height:44px}}
@media (max-width:480px){:root{--shell:calc(100% - 24px);--article:calc(100% - 24px)}.header-inner{min-height:66px;gap:8px}.brand img{width:36px;height:36px}.brand small{display:none}.search-open{font-size:0;width:40px;height:40px;padding:0}.search-open:after{content:"⌕";font-size:20px}.nav-toggle{font-size:13px;padding:8px 11px}.intro-actions{display:grid}.intro-actions .button{width:100%}.intro-visual{aspect-ratio:4/3;border-radius:20px}.two-column-info>div,.soft-section{padding:24px}.wide-figure{aspect-ratio:4/3}.page-head h1{font-size:36px}.page-head>p:last-child{font-size:16px}.not-found{padding:60px 0}}
.diagnostic-list{display:grid;gap:16px}.diagnostic-list article{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.diagnostic-title{padding:22px 24px 14px;background:linear-gradient(90deg,#fff7f6,#fff)}.diagnostic-title h3{margin-bottom:4px}.diagnostic-title p{margin:0;color:var(--muted);font-size:14px}.diagnostic-list dl{margin:0}.diagnostic-list dl>div{display:grid;grid-template-columns:92px 1fr;gap:16px;padding:14px 24px;border-top:1px solid var(--line)}.diagnostic-list dt{font-weight:800;color:var(--brand-deep)}.diagnostic-list dd{margin:0}.checklist-groups{display:grid;grid-template-columns:1fr 1fr;gap:14px}.checklist-groups article{background:var(--soft);border-radius:16px;padding:22px}.checklist-groups h3{font-size:18px}.checklist-groups ul{margin:0;padding-left:1.2em}.checklist-groups li{margin:9px 0}@media(max-width:700px){.diagnostic-list dl>div{grid-template-columns:1fr;gap:3px}.checklist-groups{grid-template-columns:1fr}}