{ margin: 0; padding: 0; box-sizing: border-box; }										
        body {										
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;										
            background: #0a0a0f;										
            color: #e0e0e0;										
            line-height: 1.6;										
        }										
        .container {										
            max-width: 1200px;										
            margin: 0 auto;										
            padding: 20px;										
        }										
        h1 {										
            text-align: center;										
            font-size: 28px;										
            color: #ff6b6b;										
            margin: 30px 0 10px;										
            letter-spacing: 2px;										
        }										
        .subtitle {										
            text-align: center;										
            color: #888;										
            font-size: 14px;										
            margin-bottom: 40px;										
        }										
        .chart-section {										
            background: #12121a;										
            border-radius: 16px;										
            padding: 30px;										
            margin-bottom: 30px;										
            border: 1px solid #1e1e2e;										
            box-shadow: 0 4px 20px rgba(0,0,0,0.3);										
        }										
        .chart-title {										
            font-size: 20px;										
            color: #fff;										
            margin-bottom: 8px;										
        }										
        .chart-desc {										
            font-size: 13px;										
            color: #777;										
            margin-bottom: 20px;										
        }										
        .chart-wrapper {										
            position: relative;										
            width: 100%;										
            max-height: 500px;										
        }										
        .chart-wrapper canvas {										
            width: 100% !important;										
            max-height: 500px;										
        }										
        .radar-wrapper {										
            max-width: 550px;										
            margin: 0 auto;										
        }										
        .radar-wrapper canvas {										
            max-height: 500px;										
        }										
        .legend-grid {										
            display: grid;										
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));										
            gap: 12px;										
            margin-top: 20px;										
        }										
        .legend-item {										
            display: flex;										
            align-items: center;										
            gap: 8px;										
            font-size: 13px;										
            color: #aaa;										
        }										
        .legend-dot {										
            width: 12px;										
            height: 12px;										
            border-radius: 50%;										
            flex-shrink: 0;										
        }										
        .annotation-section {										
            margin-top: 25px;										
            padding-top: 20px;										
            border-top: 1px solid #1e1e2e;										
        }										
        .annotation-title {										
            font-size: 15px;										
            color: #ccc;										
            margin-bottom: 12px;										
        }										
        .annotation-grid {										
            display: grid;										
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));										
            gap: 10px;										
        }										
        .annotation-card {										
            background: #1a1a25;										
            border-radius: 8px;										
            padding: 12px 14px;										
            border-left: 3px solid;										
            font-size: 12.5px;										
        }										
        .annotation-card .label {										
            font-weight: 600;										
            margin-bottom: 4px;										
        }										
        .annotation-card .detail {										
            color: #999;										
        }										
        .cycle-bar {										
            display: flex;										
            margin-top: 20px;										
            border-radius: 8px;										
            overflow: hidden;										
            height: 36px;										
        }										
        .cycle-segment {										
            display: flex;										
            align-items: center;										
            justify-content: center;										
            font-size: 11px;										
            font-weight: 600;										
            color: #fff;										
            white-space: nowrap;										
            padding: 0 8px;										
        }										
    										


<script defer data-domain="html.cafe" src="https://milkymouse.com/js/script.js"></script>