代码 (第7/12页)

x;

    height:   44px;

    background:   rgba(255,   255,   255,   0.1);

    border-radius:   50%;

    display:   flex;

    align-items:   center;

    justify-content:   center;

    color:   white;

    font-size:   20px;

    cursor:   pointer;

    transition:   all   0.2s   ease;

    }

    .close-viewer:hover   {

    background:   rgba(255,   255,   255,   0.2);

    transform:   scale(1.1);

    }

    .app-title   {

    font-size:   1.25rem;

    font-weight:   700;

    }

    .product-grid   {

    display:   grid;

    grid-template-columns:   repeat(3,   1fr);

    gap:   12px;

    margin-top:   12px;

    }

    .product-item   {

    text-align:   center;

    }

    .product-icon   {

    height:   80px;

    background:   f8f8f8;

    border-radius:   12px;

    display:   flex;

    align-items:   center;

    justify-content:   center;

    margin-bottom:   8px;

    font-size:   24px;

    color:   555;

    }

    .calculator   {

    display:   grid;

    grid-template-columns:   repeat(4,   1fr);

    gap:   12px;

    padding:   20px;

    }

    .calc-btn   {

    height:   70px;

    border-radius:   16px;

    display:   flex;

    align-items:   center;

    justify-content:   center;

    font-size:   24px;

    font-weight:   500;

    cursor:   pointer;

    transition:   all   0.2s   ease;

    }

    .calc-btn:hover   {

    transform:   scale(0.95);

    }

    .calc-number   {