tailwind布局实现it成本分析报告页面代码-html代码-BFW代码库

tailwind布局实现it成本分析报告页面代码

代码语言：html

代码描述：tailwind布局实现it成本分析报告页面代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>阿里云 OSS 视频系统成本分析报告</title>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/tailwindcss.3.4.16.js"></script>
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/all.6.4.0.css">
  <style>
    @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;600&display=swap');
    body { font-family: 'IBM Plex Sans', sans-serif; }
    .card { box-shadow: 0 4px 20px rgba(0,0,0,0.08); border-radius: 16px; }
    .highlight { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; }
    .cost-number { font-size: 2.5rem; font-weight: 700; }
  </style>
</head>
<body class="bg-gray-50">
  <div class="max-w-6xl mx-auto px-4 py-12">
    <!-- Header -->
    <div class="text-center mb-16">
      <div class="inline-block p-4 bg-blue-50 rounded-full mb-6">
        <i class="fas fa-cloud-upload-alt text-blue-600 .........完整代码请登录后点击上方下载按钮下载查看