*{box-sizing:border-box}html{background:#f5f7fb}body{margin:0;font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:#253148;background:radial-gradient(circle at 12% 4%,#eaf0ff,transparent 30%),#f7f8fb}.detail-header{height:72px;padding:0 max(24px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7eaf0;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.detail-header>a{display:flex;align-items:center;gap:10px;color:#27334b;text-decoration:none;font-weight:800}.detail-header img{width:36px;height:36px;object-fit:contain}.detail-header nav{display:flex;gap:22px}.detail-header nav a{color:#68748a;text-decoration:none}main{width:min(1180px,calc(100% - 36px));margin:auto}.breadcrumb{padding:26px 4px 18px;display:flex;gap:9px;align-items:center;color:#9aa3b2;font-size:13px}.breadcrumb a{color:#6f7b90;text-decoration:none}.breadcrumb b{max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-hero{min-height:350px;padding:36px;display:grid;grid-template-columns:1fr .9fr 1fr;align-items:center;gap:36px;border:1px solid #e2e6ed;border-radius:26px;background:rgba(255,255,255,.92);box-shadow:0 24px 60px rgba(48,62,89,.08)}.browser-preview,.screenshot-card{height:250px;border-radius:18px;overflow:hidden;background:#eef1f6;box-shadow:0 12px 32px rgba(34,50,79,.08)}.browser-preview:before{content:'○  ○  ○';height:36px;padding-left:14px;display:flex;align-items:center;color:#aab1be;background:#e5e8ee;font-size:14px;letter-spacing:2px}.browser-preview>img{width:100%;height:calc(100% - 36px);display:block;object-fit:cover;object-position:top}.browser-empty{height:calc(100% - 36px);display:grid;place-items:center;align-content:center;gap:9px;color:#8f99aa}.browser-empty i{width:64px;height:64px;padding:10px;border-radius:16px;background:#fff}.browser-empty img{width:100%;height:100%;object-fit:contain}.browser-empty strong{color:#4e5b70}.site-primary{text-align:center}.site-primary>span{color:#9aa2af;font-size:13px}.detail-icon{width:74px;height:74px;margin:15px auto 9px;padding:11px;border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(47,61,91,.13)}.detail-icon img{width:100%;height:100%;object-fit:contain;border-radius:12px}.site-primary h1{margin:7px 0 15px;font-size:34px}.tags{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.tags em{max-width:140px;padding:5px 9px;border:1px solid #d9dee7;border-radius:6px;color:#7f8999;font-size:11px;font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-actions{margin-top:22px;display:flex;justify-content:center;gap:10px}.hero-actions a,.hero-actions button{min-width:116px;height:42px;padding:0 18px;border:1px solid #dce1e9;border-radius:9px;background:#fff;color:#526074;display:inline-grid;place-items:center;text-decoration:none;font-weight:700;cursor:pointer}.hero-actions .visit{border-color:#45536a;background:#45536a;color:#fff}.screenshot-card{display:grid;place-items:center}.screenshot-card>img{width:100%;height:100%;object-fit:cover;object-position:top}.screenshot-card>div{display:grid;place-items:center;gap:9px;color:#9aa2af}.screenshot-card>div img{width:72px;height:72px;object-fit:contain;filter:grayscale(.25);opacity:.7}.screenshot-card>div b{color:#687487}.site-content,.related,.detail-pagination{margin-top:24px;padding:34px 38px;border:1px solid #e5e8ef;border-radius:22px;background:#fff}.site-content{font-size:16px;line-height:1.9}.site-content .summary{margin-top:0;color:#59667b;font-size:17px}.site-content h2{margin:32px 0 10px;color:#202b3e;font-size:25px}.site-content img{max-width:100%;height:auto;border-radius:14px}.site-content a{color:#526be0}.related header{display:flex;align-items:end;justify-content:space-between}.related header small{color:#7181e5}.related h2{margin:3px 0;font-size:24px}.related header>a{color:#6575db;text-decoration:none}.related>div{margin-top:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.related>div>a{padding:16px;display:flex;align-items:center;gap:12px;border:1px solid #e8ebf1;border-radius:14px;color:#3e495d;text-decoration:none;transition:.2s}.related>div>a:hover{border-color:#cfd6f5;transform:translateY(-2px);box-shadow:0 10px 24px rgba(47,62,90,.08)}.related i{width:42px;height:42px;padding:7px;border-radius:11px;background:#f3f5f8}.related img{width:100%;height:100%;object-fit:contain}.related span{font-weight:700}.detail-pagination>div{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-pagination a{padding:15px;border-radius:12px;background:#f6f8fb;color:#445066;text-decoration:none;display:grid}.detail-pagination a:last-child{text-align:right}.detail-pagination small{color:#9ba4b2}.detail-pagination p{text-align:center;color:#9099a9;font-size:12px}body>footer{padding:36px;display:flex;justify-content:center;gap:18px;color:#929ba9;font-size:12px}body>footer a{color:inherit}@media(max-width:900px){.site-hero{grid-template-columns:1fr 1fr}.site-primary{grid-column:1/-1;grid-row:1}.browser-preview,.screenshot-card{height:220px}.related>div{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.detail-header nav a:first-child{display:none}.site-hero{padding:22px;display:block}.browser-preview{margin-top:24px}.screenshot-card{display:none}.site-primary h1{font-size:29px}.site-content,.related,.detail-pagination{padding:24px 20px}.related>div{grid-template-columns:1fr}.detail-pagination>div{grid-template-columns:1fr}.detail-pagination a:last-child{text-align:left}}