[html]<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Анкета персонажа</title>
    <style>
        body {
            background-color: #f0f4f8;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            color: #4a5568;
            padding: 10px;
            margin: 0;
            line-height: 1.4;
        }
       
        .character-card {
            background-color: #ffffff;
            background-image:
                url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h100v100H0z' fill='%23ffffff'/%3E%3Cpath d='M0 0l100 100' stroke='%23e2e8f0' stroke-width='0.5'/%3E%3Cpath d='M100 0L0 100' stroke='%23e2e8f0' stroke-width='0.5'/%3E%3C/svg%3E"),
                url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");
            padding: 15px;
            border-radius: 8px;
            border: 1px solid #e2e8f0;
            max-width: 600px;
            margin: 0 auto;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
        }
       
        .header {
            text-align: center;
            margin-bottom: 15px;
            padding-bottom: 10px;
            border-bottom: 2px solid #63b3ed;
        }
       
        .character-name {
            font-size: 20px;
            font-weight: bold;
            color: #2d3748;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin: 0;
            padding: 5px;
            display: inline-block;
            border-bottom: 2px dotted #63b3ed;
        }
       
        .character-info {
            display: flex;
            gap: 15px;
            margin-bottom: 15px;
        }
       
        .character-portrait {
            flex: 0 0 120px;
            height: 120px;
            border: 2px solid #63b3ed;
            background-color: rgba(99, 179, 237, 0.08);
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
            border-radius: 4px;
        }
       
        .character-portrait img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
       
        .basic-info {
            flex: 1;
        }
       
        .info-row {
            display: flex;
            margin-bottom: 8px;
            border-bottom: 1px dotted #e2e8f0;
            padding-bottom: 8px;
        }
       
        .info-label {
            font-weight: bold;
            color: #4a5568;
            min-width: 110px;
            font-size: 14px;
        }
       
        .info-value {
            flex: 1;
            font-size: 14px;
            padding-left: 5px;
            border-left: 2px solid #63b3ed;
            color: #4a5568;
        }
       
        .section {
            margin-bottom: 15px;
        }
       
        .section-title {
            font-size: 16px;
            color: #3182ce;
            margin: 0 0 8px 0;
            padding-bottom: 5px;
            border-bottom: 1px solid #e2e8f0;
        }
       
        .section-content {
            background-color: rgba(99, 179, 237, 0.06);
            padding: 10px;
            border-left: 2px solid #63b3ed;
            font-size: 14px;
            line-height: 1.5;
            color: #4a5568;
            border-radius: 0 4px 4px 0;
        }
       
        .footer {
            text-align: right;
            font-size: 12px;
            color: #a0aec0;
            margin-top: 15px;
            padding-top: 10px;
            border-top: 1px solid #e2e8f0;
        }
    </style>
</head>
<body>
    <div class="character-card">
        <div class="header">
            <div class="character-name">Ариадна Огнева</div>
        </div>
       
        <div class="character-info">
            <div class="character-portrait">
                <!-- Вставьте ссылку на изображение вместо текста в кавычках -->
                <img src="https://upforme.ru/uploads/001c/89/e7/21/724350.jpg" alt="Портрет персонажа">
            </div>
           
            <div class="basic-info">
                <div class="info-row">
                    <div class="info-label">Возраст:</div>
                    <div class="info-value"> Биологический — 183 года, внешний - 20 лет</div>
                </div>
               
                <div class="info-row">
                    <div class="info-label">Принадлежность:</div>
                    <div class="info-value">Жнец</div>
                </div>
               
                <div class="info-row">
                    <div class="info-label">Причина смерти:</div>
                    <div class="info-value">Травмы.</div>
                </div>
            </div>
        </div>
       
        <div class="section">
            <div class="section-title">Биография и характер</div>
            <div class="section-content">
<p>Родилась в России, в семье предводителя дворянства Бельского уезда. До десяти лет жила в Италии, поскольку матушка отличалась хрупким здоровьем и врачами ей был настойчиво рекомендован тёплый климат.</p>
После смерти матушки отец привёз Ариадну в Россию, но год спустя началась Крымская война и князь Сокольский отбыл в действующую армию. Дочь он отправил к своей сестре в Москву. </p>
<p>Ариадну тепло приняли в семье тёти, особенно близко девочка подружилась с младшим из троих двоюродных братьев — Матвеем. 
Образование получила домашнее, поскольку тётушка Елизавета считала, что в пансионе ничему хорошему не научат, а только сделают из ребёнка французскую куклу.
Отец с войны не вернулся и Ариадна так и осталась в семье Огневых.</p>
<p>К семнадцати годам девушка стала весьма завидной невестой и могла выбирать из множества партий. Однако, большинство поклонников получало от Ариадны вежливый отказ.
Причина выяснилась, когда стало известно, что Матвей Огнев активно участвовал в деятельности противоправительственного кружка. Кружок был раскрыт, его участники арестованы и осуждены. Матвей получил пять лет на поселении в Иркутской губернии. </p>
<p>Дружба Ариадны и Матвея перешла в более нежные чувства, но они оба понимали, что брак между кузенами не благословят родные и не разрешит церковь, так что Ариадна отправилась следом за Матвеем на свой страх и риск, присоединившись к каторжной партии после выхода из Москвы.
В одной из деревень поглуше Матвей договорился с деревенским священником, не упоминая об их родстве, и батюшка совершил обряд венчания. </p>
<p> Уже на поселении, Ариадна подарила Матвею сына.  </p>
<p>Год спустя молодая женщина оттолкнула с дороги мальчишку-посыльного, который отделался испугом и ушибами, а сама Ариадна была сбита несущейся во всю мочь бричкой пьяного полицмейстера и скончалась в лазарете. Над предложением стать Жнецом Ариадна долго не раздумывала — согласилась, увидев возможность даже после смерти присматривать за своей семьёй. </p>
<p>Ариадна спокойная и вежливая, не любит конфликтов и ссор, прекрасно понимая, что слезами и криками можно добиться лишь результата прямо противоположного желаемому, поэтому достаточно уступчива в мелочах, но когда дело касается того, что для неё действительно важно, получается как в пословице: «Нашла коса на камень».  Переубедить её непросто, но возможно, ни в коем случае не силой. Не выносит давления и при попытке воздействия становится колючей и резкой.</p>
<p> С людьми сходится не сразу, предпочитая некоторое время просто общаться, и раскрывать душу не спешит.
Предана семье и друзьям: ради близких сделает всё возможное. Обиду помнит долго и прощает с трудом, может отомстить. Предательства не простит никогда и вычеркнет этого человека из жизни. </p>
        </div>
        </div>
       
        <div class="section">
            <div class="section-title">Дополнительная информация</div>
            <div class="section-content">
                <p> Кроме родного русского владеет французским, итальянским и английским языками.</p>
                <p> Красиво поёт. </p>
                 <p>Вкусно готовит.</p>
                 <p>Неравнодушна к драгоценностям. </p>
                 <p>Кошатница. </p>
                            </div>
        </div>
     
</body>
</html>[/html]