.pub-site{--bg:#f8f5f0;--panel:#fff;--ink:#26302c;--sub:#6e7a72;--line:#e4ded2;--accent:#6f8f7a;--accent-hover:#5e7e6a;--accent2:#54707c;--tint:#f1ede4;--serif:Georgia,"Noto Serif SC","Songti SC","SimSun",serif;--sans:-apple-system,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;--radius:6px;background:var(--bg);color:var(--ink);font-family:var(--sans);min-height:100vh}.pub-site *{box-sizing:border-box}.pub-site main{max-width:none;margin:0;padding:0}.pub-site section{padding:0}.pub-site p{margin:0;line-height:1.78}.pub-site h1,.pub-site h2,.pub-site h3,.pub-site h4{font-family:var(--serif);letter-spacing:.1px;margin:0;font-weight:700;line-height:1.32}.pub-site a{color:inherit;text-decoration:none}.pub-site ul{margin:0;padding:0;list-style:none}.pub-site img{max-width:100%;height:auto}.pub-wrap{max-width:1120px;margin:0 auto;padding:0 32px}.pub-site header.pub-nav{z-index:60;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#f8f5f0f0;padding:0;display:block;position:sticky;top:0}.pub-nav .pub-wrap{justify-content:space-between;align-items:center;gap:20px;height:64px;display:flex}.pub-brand{font-family:var(--serif);letter-spacing:.4px;white-space:nowrap;font-size:19px;font-weight:700}.pub-links{color:var(--sub);gap:26px;font-size:15px;display:flex}.pub-links a:hover{color:var(--ink)}.pub-navright{align-items:center;gap:12px;display:flex}.pbtn{border-radius:var(--radius);white-space:nowrap;cursor:pointer;border:1px solid #0000;padding:11px 22px;font-size:14.5px;font-weight:600;display:inline-block}.pbtn.pri{background:var(--accent);color:#fff}.pbtn.pri:hover{background:var(--accent-hover)}.pbtn.ghost{border-color:var(--ink);color:var(--ink)}.pbtn.ghost:hover{background:var(--tint)}.pub-menu{display:none;position:relative}.pub-menu summary{cursor:pointer;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:9px 14px;font-size:14px;list-style:none}.pub-menu summary::-webkit-details-marker{display:none}.pub-menu nav{background:var(--panel);border:1px solid var(--line);z-index:70;border-radius:8px;flex-direction:column;min-width:190px;padding:10px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 14px 40px #26302c24}.pub-menu nav a{border-radius:6px;padding:10px 14px;font-size:15px}.pub-menu nav a:hover{background:var(--tint)}@media (max-width:920px){.pub-links,.pub-navright .pbtn.ghost{display:none}.pub-navright .pbtn.pri{padding:9px 16px;font-size:13.5px}.pub-menu{display:block}.pub-wrap{padding:0 20px}}.pub-hero{padding:78px 0 58px}.pub-hero .pub-wrap{grid-template-columns:1.12fr .88fr;align-items:center;gap:48px;display:grid}.pub-kick{letter-spacing:.16em;color:var(--accent);font-size:13px;font-weight:600}.pub-hero h1{margin:18px 0 20px;font-size:44px}.pub-hero .lede{color:var(--sub);max-width:560px;font-size:16.5px}.pub-cta{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.pub-hero-right{justify-content:center;align-items:center;padding:6px 10px;display:flex;position:relative}.pub-ipcard{border:1px solid var(--line);border-radius:12px;width:330px;overflow:hidden;box-shadow:0 18px 44px #26302c24}.pub-ipcard img{width:100%;display:block}.pub-chip{background:var(--panel);border:1px solid var(--line);color:var(--sub);border-radius:999px;padding:8px 14px;font-size:13px;position:absolute;box-shadow:0 8px 22px #26302c14}.pub-chip1{top:-6px;left:0}.pub-chip2{top:44%;right:-10px}.pub-chip3{bottom:2%;left:-2px}@media (max-width:920px){.pub-hero{padding:48px 0 40px}.pub-hero .pub-wrap{grid-template-columns:1fr;gap:38px}.pub-hero h1{font-size:33px}.pub-ipcard{width:252px}}.pub-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel)}.pub-stats .pub-wrap{grid-template-columns:repeat(4,1fr);display:grid}.pub-stat{border-left:1px solid var(--line);flex-direction:column;gap:6px;padding:26px 24px;display:flex}.pub-stat:first-child{border-left:0}.pub-stat b{font-family:var(--serif);font-size:26px}.pub-stat span{color:var(--sub);font-size:13.5px}@media (max-width:920px){.pub-stats .pub-wrap{grid-template-columns:repeat(2,1fr)}.pub-stat:nth-child(3){border-left:0}.pub-stat:nth-child(n+3){border-top:1px solid var(--line)}}.pub-sec{padding:64px 0}.pub-sec.alt{background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.pub-head{border-top:2px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:36px;padding-top:16px;display:flex}.pub-head h2{margin-top:8px;font-size:30px}.pub-head .desc{color:var(--sub);max-width:660px;margin-top:8px;font-size:15px}.pub-head .more{color:var(--accent);white-space:nowrap;font-size:14px}.pub-head .more:hover{color:var(--accent-hover)}.pub-site .more{color:var(--accent);font-size:14px}.pub-site .more:hover{color:var(--accent-hover)}.pub-g3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.pub-g2{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (max-width:920px){.pub-g3,.pub-g2{grid-template-columns:1fr}}.pub-site article.pcard{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;align-items:flex-start;gap:10px;padding:26px;display:flex}.pcard h3{font-size:19px}.pcard p{color:var(--sub);font-size:14.5px}.pnum{font-family:var(--serif);color:var(--accent);letter-spacing:.12em;font-size:14px}.ptag{color:#8a7b5f;background:#efeae0;border:1px solid #e2d9c8;border-radius:999px;padding:4px 12px;font-size:12px;display:inline-block}.ptag.ok{color:#4e6b5b;background:#e7efea;border-color:#d2e0d7}.ptag.demo{color:#54707c;background:#e8eef2;border-color:#d3dee5}.ptag.plan{color:#6e7a72;background:#f1ede4;border-color:#e4ded2}.ptag.dev{color:#8a7b5f;background:#efeae0;border-color:#e2d9c8}.pub-io{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);grid-template-columns:1fr 1fr;gap:0;display:grid;overflow:hidden}.pub-io>div{padding:22px 24px}.pub-io .io-in{border-right:1px solid var(--line);background:var(--tint)}.pub-io .io-k{letter-spacing:.12em;color:var(--sub);margin-bottom:8px;font-size:12.5px}.pub-io .io-v{font-size:15px;line-height:1.7}.pub-io .io-note{color:var(--sub);margin-top:10px;font-size:13px}.pub-io .io-samp{background:var(--tint);border:1px solid var(--line);border-radius:8px;margin-top:12px;padding:10px 12px}.pub-io .io-samp .io-k{margin-bottom:6px}.pub-io .io-sline{margin-top:4px;font-size:13.5px;line-height:1.7}.pub-io .io-sline span{color:var(--accent2);margin-right:8px}.pub-iogrid{flex-direction:column;gap:16px;display:flex}@media (max-width:920px){.pub-io{grid-template-columns:1fr}.pub-io .io-in{border-right:0;border-bottom:1px solid var(--line)}}.pcase-tag{letter-spacing:.08em;color:var(--accent2);font-size:12px}.pcase h3{margin-top:4px;font-size:18px}.pcol-line{letter-spacing:.1em;color:var(--accent);font-size:12.5px;font-weight:600}.pcol li{color:var(--sub);border-top:1px dashed var(--line);align-items:baseline;gap:8px;padding:7px 0;font-size:14.5px;display:flex}.pcol li:first-child{border-top:0}.pcol li .dot{color:var(--accent2)}.pcol .sample{border:1px solid var(--line);color:var(--sub);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:11.5px}.pub-contact{grid-template-columns:1.2fr .8fr;align-items:center;gap:44px;display:grid}.pub-contact h2{font-size:30px}.pub-contact .big{margin:14px 0 4px;font-size:17px}.pub-contact .kv{color:var(--sub);margin-top:4px;font-size:15px}.pub-contact .kv b{color:var(--ink)}.pub-qr{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:12px;justify-self:center;width:min(320px,100%);padding:20px;box-shadow:0 14px 36px #26302c14}.pub-qr img{border-radius:6px;width:100%;margin:0 auto}.pub-qr .cap{color:var(--sub);margin-top:10px;font-size:13px}@media (max-width:920px){.pub-contact{grid-template-columns:1fr;gap:28px}}.pub-crumb{color:var(--sub);padding:28px 0 0;font-size:13.5px}.pub-crumb a:hover{color:var(--ink)}.pub-article-head{border-bottom:1px solid var(--line);padding:36px 0 34px}.pub-article-head h1{margin:14px 0;font-size:36px}.pub-article-head .lede{color:var(--sub);max-width:720px;font-size:16px}.pub-body{flex-direction:column;gap:44px;max-width:820px;padding:52px 0 64px;display:flex}.pub-body h2{border-top:2px solid var(--ink);padding-top:14px;font-size:24px}.pub-body h3{font-size:18px}.pub-body p{color:var(--ink);font-size:15.5px}.pub-list{flex-direction:column;gap:12px;display:flex}.pub-list li{gap:10px;font-size:15px;line-height:1.7;display:flex}.pub-list li .dot{color:var(--accent);flex:none}.pub-kv{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);grid-template-columns:150px 1fr;display:grid;overflow:hidden}.pub-kv dt{background:var(--tint);color:var(--sub);border-top:1px solid var(--line);padding:13px 18px;font-size:14px}.pub-kv dd{border-top:1px solid var(--line);overflow-wrap:anywhere;margin:0;padding:13px 18px;font-size:14.5px}.pub-kv dt:first-of-type,.pub-kv dd:first-of-type{border-top:0}.pub-steps{counter-reset:st;flex-direction:column;gap:18px;display:flex}.pub-steps li{align-items:flex-start;gap:16px;display:flex}.pub-steps .n{border:1.5px solid var(--accent);width:34px;height:34px;color:var(--accent);font-family:var(--serif);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.pub-steps b{margin-bottom:3px;font-size:15.5px;display:block}.pub-steps p{color:var(--sub);font-size:14.5px}.pub-placeholder{border:1.5px dashed var(--line);border-radius:var(--radius);text-align:center;color:var(--sub);background:var(--panel);padding:34px;font-size:14px}.pub-note{background:var(--tint);border-left:3px solid var(--accent2);color:var(--sub);border-radius:0 var(--radius) var(--radius) 0;padding:14px 18px;font-size:14px}.pub-site footer.pub-footer{border-top:1px solid var(--line);background:var(--panel);color:var(--sub);margin-top:0;padding:42px 0 30px;font-size:14px;display:block}.pub-fcols{grid-template-columns:1.3fr 1fr 1fr;gap:32px;margin-bottom:30px;display:grid}.pub-fcols .pub-fbrand{font-family:var(--serif);color:var(--ink);margin-bottom:8px;font-size:17px;font-weight:700}.pub-ftitle{letter-spacing:.12em;color:var(--ink);margin-bottom:10px;font-size:13px}.pub-fcols li{padding:3px 0}.pub-fcols a:hover{color:var(--ink)}.pub-fcols .pub-fnote{color:var(--sub);margin-top:6px;font-size:13px}.pub-flegal{border-top:1px solid var(--line);color:#9a9184;padding-top:18px;font-size:12.5px;line-height:1.8}@media (max-width:920px){.pub-fcols{grid-template-columns:1fr;gap:22px}}.pub-chips{flex-wrap:wrap;gap:8px;margin:18px 0 22px;display:flex}.pub-chips a{border:1px solid var(--line);color:var(--sub);background:var(--panel);border-radius:999px;padding:7px 14px;font-size:13.5px}.pub-chips a.active{border-color:var(--accent);color:var(--accent);font-weight:600}.plist{align-items:flex-start;gap:20px;padding:20px 22px;display:flex}.plist+.plist{margin-top:12px}.plist-coverwrap{border:1px solid var(--line);background:var(--tint);border-radius:6px;flex:0 0 264px;display:block;overflow:hidden}.plist-cover{width:100%;display:block}.plist-body{flex:1;min-width:0}@media (max-width:720px){.plist{flex-direction:column}.plist-coverwrap{flex:none;width:100%}}.post{max-width:820px}.post-head{display:block}.post-head h1{font-family:var(--serif);color:var(--ink);margin:10px 0 12px;font-size:34px;line-height:1.35}.post-lede{color:var(--sub);margin:0 0 8px;font-size:16.5px;line-height:1.8}.post-cover{margin:20px 0 8px}.post-cover img{border:1px solid var(--line);background:var(--tint);border-radius:8px;width:100%;display:block}.post-body{margin-top:10px}.post-body h2{font-family:var(--serif);color:var(--ink);margin:34px 0 12px;font-size:23px}.post-body p{color:#3b4640;margin:0 0 16px;font-size:16.5px;line-height:2}.post-fig{margin:26px 0}.post-fig img{border:1px solid var(--line);background:var(--tint);border-radius:8px;width:100%;display:block}.post-locked{background:var(--tint);border-left:3px solid var(--accent2);border-radius:0 var(--radius) var(--radius) 0;margin:26px 0;padding:26px 24px}.post-locked p{color:var(--sub);margin:0 0 10px;font-size:15.5px;line-height:1.9}.post-locked-sub{font-size:14px}.post-link{color:var(--accent);font-weight:600}.post-foot{border-top:1px solid var(--line);margin:36px 0 10px;padding-top:18px}.post-foot a{color:var(--sub);font-size:14.5px}.post-foot a:hover{color:var(--accent)}.plist-meta{color:var(--sub);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;font-size:12.5px;display:flex}.plist-line{color:var(--accent);font-weight:600}.plist-tag{border:1px solid var(--line);border-radius:999px;padding:1px 8px;font-size:11.5px}.plist h3{margin:0 0 6px;font-size:17px}.plist h3 a{color:var(--ink);text-decoration:none}.plist h3 a:hover{color:var(--accent)}.plist p{color:var(--sub);margin:0;font-size:14px;line-height:1.7}.pub-site .pub-showcase{width:100%;margin-top:10px;display:block}.pub-site .pub-showcase .pub-io{width:100%;display:grid}.pub-site .pub-showcase .io-samp{width:100%;display:block}.pub-site .pub-schint{width:100%;color:var(--accent2);font-size:13px;display:block}.pub-site .pub-scta{flex-wrap:wrap;align-items:center;gap:12px;width:100%;margin-top:16px;display:flex}.pub-site .pub-login{color:var(--sub);font-size:13px}