.web-page{--web: #0b5cad}.web-blocks{display: grid;gap: 12px}.web-block{padding: 12px 14px;border-inline-start: 3px solid var(--web)}.web-block-head{display: flex;align-items: center;gap: 4px;margin-block-end: 8px}.web-field{display: grid;gap: 4px;margin-block-end: 10px}.web-label{font-weight: 600;font-size: .9em}.web-field input,.web-field textarea,.web-field select{width: 100%}.web-add{display: flex;gap: 8px;align-items: center;flex-wrap: wrap}.web-pic,.web-gallery{display: flex;align-items: center;gap: 10px;flex-wrap: wrap;margin-block-end: 10px}.web-thumb{max-width: 160px;max-height: 110px;border-radius: 8px;border: 1px solid var(--line);object-fit: cover}.web-gitem{display: inline-flex;align-items: flex-start;gap: 2px}.web-note{padding: 8px 10px;border-radius: 8px;border: 1px solid var(--warn)}.web-msg{white-space: pre-wrap;overflow-wrap: anywhere}.web-total{font-size: 2rem;font-weight: 700;margin: 0 0 8px}.web-bars{list-style: none;margin: 0;padding: 0;display: flex;align-items: flex-end;gap: 4px;height: 140px}.web-bars li{flex: 1 1 0;min-width: 0;height: 100%;display: flex;flex-direction: column;justify-content: flex-end;align-items: center;gap: 2px}.web-bar{display: block;width: 100%;background: var(--web);border-radius: 3px 3px 0 0}.web-top{list-style: none;margin: 0;padding: 0}.web-top li{display: flex;justify-content: space-between;gap: 12px;padding: 6px 0;border-bottom: 1px solid var(--line)}@media (max-width: 720px){.web-bars{height: 100px}}