:root{--bg: #ffffff;--bg-soft: #f6f8fa;--text: #1f2933;--muted: #6b7480;--border: #e6e8eb;--accent: #185fa5;--accent-soft: #e6f1fb;--green: #3b6d11;--green-soft: #eaf3de;--radius: 14px;--maxw: 1100px}*{box-sizing:border-box;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}.main{padding:40px 20px 64px}.site-header{border-bottom:1px solid var(--border);background:#ffffffe6;backdrop-filter:blur(6px);position:sticky;top:0;z-index:10}.header-inner{display:flex;align-items:center;justify-content:space-between;height:60px}.brand{font-size:20px;font-weight:700;color:var(--text);letter-spacing:.5px}.brand:hover{text-decoration:none;color:var(--accent)}.nav{display:flex;gap:22px}.nav a{color:var(--muted);font-size:15px}.nav a:hover{color:var(--accent);text-decoration:none}.site-footer{border-top:1px solid var(--border);margin-top:48px;padding:28px 0;color:var(--muted);font-size:14px}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.footer-nav{display:flex;gap:18px}.footer-nav a{color:var(--muted);font-size:14px}.list-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}.list-head h1{font-size:22px;font-weight:700}.list{list-style:none;border-top:1px solid var(--border)}.item{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--border);flex-wrap:wrap}.item-main{display:flex;align-items:center;gap:14px;flex:1;min-width:0;color:var(--text)}.item-main:hover{text-decoration:none}.item-main:hover .item-title{color:var(--accent)}.item-icon{width:40px;height:40px;border-radius:10px;object-fit:cover;background:var(--accent-soft);flex:none}.item-icon-fb{width:40px;height:40px;border-radius:10px;flex:none;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-weight:700}.item-body{min-width:0}.item-title{font-size:16px;font-weight:600}.item-title .ver{font-size:12px;font-weight:400;color:var(--muted);margin-left:6px}.item-desc{font-size:14px;color:var(--muted);margin-top:2px}.item-meta{display:flex;gap:14px;flex:none;font-size:13px;color:var(--muted)}.section{margin-top:48px}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px}.section-head h2{font-size:22px;font-weight:700}.section-head a{font-size:14px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.card{border:1px solid var(--border);border-radius:var(--radius);padding:18px;background:#fff;transition:box-shadow .15s,transform .15s;display:flex;flex-direction:column;gap:10px}.card:hover{box-shadow:0 6px 20px #185fa51a;transform:translateY(-2px);text-decoration:none}.card-top{display:flex;gap:12px;align-items:center}.card-icon{width:48px;height:48px;border-radius:12px;object-fit:cover;background:var(--accent-soft)}.card-icon-fallback{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;background:var(--accent);font-size:20px}.card h3{font-size:16px;font-weight:600;color:var(--text)}.card .tagline{font-size:14px;color:var(--muted);flex:1}.card-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted)}.badge{display:inline-block;background:var(--accent-soft);color:var(--accent);font-size:12px;padding:2px 8px;border-radius:999px}.stars{color:#e0a200}.chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.chip{border:1px solid var(--border);border-radius:999px;padding:6px 14px;font-size:14px;color:var(--muted);background:#fff;cursor:pointer}.chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.detail-head{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.detail-icon{width:84px;height:84px;border-radius:18px;object-fit:cover;background:var(--accent-soft)}.detail-title h1{font-size:28px;font-weight:700}.detail-sub{color:var(--muted);margin-top:4px}.btn{display:inline-block;background:var(--accent);color:#fff;padding:11px 20px;border-radius:10px;font-size:15px;font-weight:600;border:none;cursor:pointer}.btn:hover{text-decoration:none;opacity:.92}.shots{position:relative;margin-top:18px}.shot-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.shot-track::-webkit-scrollbar{display:none}.shot-track img{flex:0 0 calc((100% - (var(--per-view) - 1) * 12px) / var(--per-view));scroll-snap-align:start;border:1px solid var(--border);border-radius:12px;background:var(--bg-soft);aspect-ratio:16 / 10;object-fit:cover}.shot-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:#fffffff0;color:var(--text);font-size:22px;line-height:1;cursor:pointer;box-shadow:0 2px 10px #0000001f}.shot-nav:hover{background:#fff}.shot-nav.prev{left:-14px}.shot-nav.next{right:-14px}@media(min-width:900px){.shots{width:min(1000px,calc(100vw - 80px));left:50%;transform:translate(-50%)}}@media(max-width:720px){.shot-track{--per-view: 2}.shot-nav.prev{left:0}.shot-nav.next{right:0}}.perm-table{width:100%;border-collapse:collapse;margin-top:14px;font-size:14px}.perm-table th,.perm-table td{border:1px solid var(--border);padding:10px 12px;text-align:left}.perm-table th{background:var(--bg-soft);font-weight:600}.prose p{margin:12px 0;color:#374151}.related{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:16px}.page{max-width:760px}.page h1{font-size:28px;font-weight:700;margin-bottom:14px}.page h2{font-size:20px;font-weight:600;margin:24px 0 8px}.page p{margin:10px 0;color:#374151}.page ul{margin:10px 0 10px 20px;color:#374151}.page li{margin:6px 0}.muted{color:var(--muted)}.small{font-size:13px}.lead{font-size:16px;color:var(--muted);margin-bottom:18px}.nav .lang{color:var(--accent);font-size:13px;border:1px solid var(--border);border-radius:999px;padding:2px 10px}.detail .detail-title p{margin:4px 0 0}.detail .detail-title .btn{margin-top:14px}.feature-list{margin:10px 0 10px 20px;color:#374151}.feature-list li{margin:6px 0}.doc-sec{margin-top:22px}.crumb{margin-bottom:10px;font-size:14px}.doc-links{margin-top:22px;font-size:14px}.doc-links .sep{color:var(--border);margin:0 8px}