/**
 * CookieÖÎÀíµ¯´°ÑùʽÎļþ
 * 
 * ¹¦Ð§ËµÃ÷£º£º
 * 1. ÌṩGDPRºÏ¹æµÄCookieÔ޳ɵ¯´°Ñùʽ
 * 2. °üÀ¨ÏìӦʽÉè¼Æ£¬£¬ÊÊÅäPCºÍÒƶ¯¶Ë
 * 3. Ö§³ÖCookieÉèÖÃģ̬´°¿Ú
 * 4. °üÀ¨¿ª¹Ø°´Å¥¡¢¡¢±í¸ñµÈ×é¼þÑùʽ
 * 
 * Îļþ½á¹¹£º£º
 * - Cookieºá·ùÑùʽ
 * - CookieÉèÖÃģ̬´°¿ÚÑùʽ
 * - ÏìӦʽÉè¼Æ
 * 
 * @author CookieÖÎÀíϵͳ
 * @version 1.0
 * @date 2024-01-01
 */

/* ==========================================================================
   Cookieºá·ùÑùʽ
   ========================================================================== */

/**
 * Ö÷ÒªµÄCookieÔ޳ɺá·ùÈÝÆ÷
 * 
 * ÌØÕ÷£º£º
 * - Àο¿ÔÚÒ³Ãæµ×²¿
 * - ĬÈÏÒþ²ØÔÚÆÁĻϷ½£¬£¬Í¨¹ý¶¯»­ÏÔʾ
 * - ¸ß²ã¼¶z-indexÈ·±£ÔÚ×îÉϲãÏÔʾ
 * - ¶¥²¿±ß¿òÍ»³öÆ·ÅÆÉ«
 */
.cookie-banner {
    position: fixed;          /* Àο¿¶¨Î»£¬£¬²»ËæÒ³Ãæת¶¯ */
    bottom: 0;               /* Ìù½üÒ³Ãæµ×²¿ */
    left: 0;                 /* ºá¿çÕû¸öÒ³Ãæ¿í¶È */
    right: 0;
    background: #ffffff;      /* °×É«Åä¾°È·±£¿£¿£¿É¶ÁÐÔ */
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);  /* ÏòÉϵÄÒõӰЧ¹û */
    z-index: 9999;           /* ×î¸ß²ã¼¶£¬£¬È·±£ÔÚÆäËûÔªËØÖ®ÉÏ */
    padding: 20px;           /* Äڱ߾àÌṩÌñ¾²µÄÊÓ¾õ¿Õ¼ä */
    transform: translateY(100%);  /* ³õʼ״̬Òþ²ØÔÚÆÁĻϷ½ */
    transition: transform 0.3s ease-in-out;  /* ƽ»¬µÄ½øÈë/Í˳ö¶¯»­ */
    border-top: 3px solid #e85e44;  /* Æ·ÅÆÉ«¶¥²¿±ß¿ò */
}

/**
 * ºá·ùÏÔʾ״̬
 * µ±Ìí¼Ó.showÀàʱ£¬£¬ºá·ù´Óµ×²¿»¬ÈëÊÓÒ°
 */
.cookie-banner.show {
    transform: translateY(0);    /* ÖØÖÃλÖ㬣¬ÏÔʾºá·ù */
}

/**
 * ºá·ùÄÚÈÝÈÝÆ÷
 * 
 * ÌØÕ÷£º£º
 * - ¾ÓÖнṹ£¬£¬×î´ó¿í¶ÈÏÞÖÆ
 * - Flexbox½á¹¹£¬£¬Ö§³Ö»»ÐÐ
 * - ÔÚÎı¾ºÍ°´Å¥Ö®¼äºÏÀí·ÖÅä¿Õ¼ä
 */
.cookie-banner-content {
    max-width: 1200px;           /* ×î´ó¿í¶ÈÏÞÖÆ£¬£¬×èÖ¹ÔÚ´óÆÁÄ»ÉϹý¿í */
    margin: 0 auto;              /* ˮƽ¾ÓÖÐ */
    display: flex;               /* µ¯ÐԽṹ */
    align-items: center;         /* ±ÊÖ±¾ÓÖжÔÆë */
    justify-content: space-between;  /* Á½Í·¶ÔÆë */
    flex-wrap: wrap;             /* ÔÊÐí»»ÐУ¬£¬Ë³Ó¦Ð¡ÆÁÄ» */
    gap: 20px;                   /* ÔªËؼä¾à */
}

/**
 * ºá·ùÎı¾ÇøÓò
 * Õ¼ÓÐÖ÷Òª¿Õ¼ä£¬£¬°üÀ¨ÎÊÌâºÍÐÎò
 */
.cookie-banner-text {
    flex: 1;                     /* Õ¼ÓÐÊ£Óà¿Õ¼ä */
    min-width: 300px;            /* ×îС¿í¶ÈÈ·±£¿£¿£¿É¶ÁÐÔ */
}

/**
 * ºá·ùÎÊÌâÑùʽ
 * Í»³öÏÔʾ£¬£¬ÒýÆðÓû§×¢ÖØ
 */
.cookie-banner-title {
    font-size: 18px;             /* ½Ï´ó×ÖÌåÍ»³öÖ÷ÒªÐÔ */
    font-weight: 600;            /* ¼Ó´Ö×ÖÌå */
    color: #333;                 /* ÉîÉ«ÎÄ×ÖÈ·±£¿£¿£¿É¶ÁÐÔ */
    margin-bottom: 8px;          /* ÓëÐÎòÎÄ×ֵļä¾à */
}

/**
 * ºá·ùÐÎòÎÄ×Ö
 * °üÀ¨CookieʹÓÃ˵Ã÷ºÍÒþ˽Õþ²ßÁ´½Ó
 */
.cookie-banner-description {
    font-size: 14px;             /* ÊÊÖеÄ×ÖÌå¾Þϸ */
    color: #666;                 /* ½ÏdzµÄÑÕÉ«£¬£¬ÌõÀíÃ÷È· */
    line-height: 1.5;            /* Ìá¸ß¿É¶ÁÐÔµÄÐоà */
}

/**
 * ÐÎòÎÄ×ÖÖеÄÁ´½ÓÑùʽ
 * ʹÓÃÆ·ÅÆÉ«Í»³öÁ´½Ó
 */
.cookie-banner-description a {
    color: #e85e44;              /* Æ·ÅÆÉ« */
    text-decoration: none;       /* ÒƳýĬÈÏÏ»®Ïß */
}

/**
 * Á´½ÓÐüͣЧ¹û
 */
.cookie-banner-description a:hover {
    text-decoration: underline;  /* ÐüͣʱÏÔʾÏ»®Ïß */
}

/**
 * °´Å¥ÈÝÆ÷
 * Ö§³Ö¶à¸ö°´Å¥µÄºáÏòÅÅÁкͻ»ÐÐ
 */
.cookie-banner-buttons {
    display: flex;               /* µ¯ÐԽṹ */
    gap: 15px;                   /* °´Å¥¼ä¾à */
    flex-wrap: wrap;             /* ÔÊÐí»»ÐÐ */
}

/* ==========================================================================
   °´Å¥Ñùʽ
   ========================================================================== */

/**
 * ͨÓð´Å¥Ñùʽ
 * ËùÓÐCookieÏà¹Ø°´Å¥µÄ»ù´¡Ñùʽ
 */
.cookie-btn {
    padding: 10px 20px;          /* Äڱ߾àÌṩµã»÷ÇøÓò */
    border: none;                /* ÒƳýĬÈϱ߿ò */
    border-radius: 4px;          /* Ô²½Ç±ß¿ò */
    font-size: 14px;             /* ÊÊÖеÄ×ÖÌå¾Þϸ */
    cursor: pointer;             /* Ö¸ÕëÑùʽÌåÏֿɵã»÷ */
    transition: all 0.3s ease;   /* ƽ»¬µÄÐüͣЧ¹û */
    text-decoration: none;       /* ÓÃÓÚÁ´½ÓʱÒƳýÏ»®Ïß */
    display: inline-block;       /* ÔÊÐíÉèÖóߴç */
    min-width: 100px;            /* ×îС¿í¶ÈÈ·±£ÑÅ¹Û */
    text-align: center;          /* ÎÄ×Ö¾ÓÖÐ */
}

/**
 * Ö÷Òª°´Å¥Ñùʽ£¨½ÓÊÜËùÓУ©
 * ʹÓÃÆ·ÅÆÉ«£¬£¬Í»³öÖ÷Òª²Ù×÷
 */
.cookie-btn-primary {
    background: #e85e44;         /* Æ·ÅÆÉ«Åä¾° */
    color: white;                /* °×É«ÎÄ×ÖÈ·±£±ÈÕÕ¶È */
}

/**
 * Ö÷Òª°´Å¥ÐüͣЧ¹û
 */
.cookie-btn-primary:hover {
    background: #d4543d;         /* ¸üÉîµÄÆ·ÅÆÉ« */
}

/**
 * ´ÎÒª°´Å¥Ñùʽ£¨¾Ü¾ø·ÇÐëÒª£©
 * ÖÐÐÔµÄÑÕÉ«£¬£¬²»Í»³öµ«¿É¼û
 */
.cookie-btn-secondary {
    background: #f5f5f5;         /* dz»ÒÉ«Åä¾° */
    color: #333;                 /* ÉîÉ«ÎÄ×Ö */
    border: 1px solid #ddd;      /* ±ß¿òÔöÌí½ç˵ */
}

/**
 * ´ÎÒª°´Å¥ÐüͣЧ¹û
 */
.cookie-btn-secondary:hover {
    background: #e9e9e9;         /* ÉÔÉîµÄ»ÒÉ« */
}

/**
 * ÉèÖð´Å¥Ñùʽ
 * ͸Ã÷Åä¾°£¬£¬±ß¿òÉè¼Æ£¬£¬ÌåÏָ߼¶Ñ¡Ïî
 */
.cookie-btn-settings {
    background: transparent;      /* ͸Ã÷Åä¾° */
    color: #e85e44;              /* Æ·ÅÆÉ«ÎÄ×Ö */
    border: 1px solid #e85e44;   /* Æ·ÅÆÉ«±ß¿ò */
}

/**
 * ÉèÖð´Å¥ÐüͣЧ¹û
 * Ìî³äÅä¾°Ö£¬£¬·´×ªÑÕÉ«
 */
.cookie-btn-settings:hover {
    background: #e85e44;         /* Æ·ÅÆÉ«Åä¾° */
    color: white;                /* °×É«ÎÄ×Ö */
}

/* ==========================================================================
   CookieÉèÖÃģ̬´°¿Ú
   ========================================================================== */

/**
 * ģ̬´°¿ÚÕÚÕÖ²ã
 * 
 * ÌØÕ÷£º£º
 * - È«ÆÁÁýÕÖ£¬£¬×èÖ¹ÓëÅä¾°Ò³ÃæµÄ½»»¥
 * - °ë͸Ã÷Åä¾°Í»³öģ̬´°¿Ú
 * - ¸ü¸ßµÄz-indexÈ·±£ÔÚºá·ùÖ®ÉÏ
 * - ĬÈÏÒþ²Ø£¬£¬Í¨¹ý͸Ã÷¶È¿ØÖÆÏÔʾ
 */
.cookie-settings-modal {
    position: fixed;                    /* Àο¿¶¨Î»£¬£¬ÁýÕÖÕû¸öÊÓ¿Ú */
    top: 0;                            /* ÁýÕÖÕû¸öÆÁÄ» */
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);    /* °ë͸Ã÷ÐþÉ«ÕÚÕÖ */
    z-index: 10000;                    /* ±Èºá·ù¸ü¸ßµÄ²ã¼¶ */
    display: none;                     /* ĬÈÏÒþ²Ø */
    opacity: 0;                        /* ͸Ã÷¶È¿ØÖÆ */
    transition: opacity 0.3s ease;     /* ƽ»¬µÄ͸Ã÷¶Èת±ä */
}

/**
 * ģ̬´°¿ÚÏÔʾ״̬
 * µ±Ìí¼Ó.showÀàʱÏÔʾģ̬´°¿Ú
 */
.cookie-settings-modal.show {
    display: flex;                     /* µ¯ÐԽṹÓÃÓÚ¾ÓÖÐ */
    opacity: 1;                        /* ÍêÈ«²»Í¸Ã÷ */
    align-items: center;               /* ±ÊÖ±¾ÓÖÐ */
    justify-content: center;           /* ˮƽ¾ÓÖÐ */
}

/**
 * ģ̬´°¿ÚÄÚÈÝÈÝÆ÷
 * °üÀ¨ËùÓÐCookieÉèÖÃÑ¡Ïî
 */
.cookie-settings-content {
    background: white;                 /* °×É«Åä¾°È·±£¿£¿£¿É¶ÁÐÔ */
    border-radius: 8px;                /* Ô²½Ç±ß¿ò */
    max-width: 600px;                  /* ×î´ó¿í¶ÈÏÞÖÆ */
    width: 90%;                        /* ÏìӦʽ¿í¶È */
    max-height: 80vh;                  /* ×î´ó¸ß¶È×èÖ¹Áè¼ÝÊÓ¿Ú */
    overflow-y: auto;                  /* ÄÚÈÝÒç³öʱÏÔʾת¶¯Ìõ */
    padding: 30px;                     /* Äڱ߾à */
    position: relative;                /* Ϊ¹Ø±Õ°´Å¥¶¨Î» */
}

/**
 * ģ̬´°¿ÚÍ·²¿
 * °üÀ¨ÎÊÌâºÍ¹Ø±Õ°´Å¥
 */
.cookie-settings-header {
    display: flex;                     /* µ¯ÐԽṹ */
    justify-content: space-between;    /* Á½Í·¶ÔÆë */
    align-items: center;               /* ±ÊÖ±¾ÓÖÐ */
    margin-bottom: 20px;               /* ÓëÄÚÈݵļä¾à */
    padding-bottom: 15px;              /* ÏÂÄڱ߾à */
    border-bottom: 1px solid #eee;     /* ÍÑÀëÏß */
}

/**
 * ģ̬´°¿ÚÎÊÌâ
 */
.cookie-settings-title {
    font-size: 24px;                  /* ´óÎÊÌâ×ÖÌå */
    font-weight: 600;                 /* ¼Ó´Ö */
    color: #333;                      /* ÉîÉ«ÎÄ×Ö */
}

/**
 * ¹Ø±Õ°´Å¥
 * XÐÎ×´µÄ¹Ø±Õͼ±ê
 */
.cookie-settings-close {
    width: 30px;                      /* Àο¿³ß´ç */
    height: 30px;
    border: none;                     /* ÒƳý±ß¿ò */
    background: none;                 /* ͸Ã÷Åä¾° */
    font-size: 20px;                  /* ½Ï´óµÄX·ûºÅ */
    cursor: pointer;                  /* Ö¸ÕëÑùʽ */
    color: #666;                      /* »ÒÉ« */
    padding: 0;                       /* ÒƳýÄڱ߾à */
    display: flex;                    /* µ¯ÐԽṹÓÃÓÚ¾ÓÖÐ */
    align-items: center;              /* ±ÊÖ±¾ÓÖÐ */
    justify-content: center;          /* ˮƽ¾ÓÖÐ */
}

/**
 * ¹Ø±Õ°´Å¥ÐüͣЧ¹û
 */
.cookie-settings-close:hover {
    color: #333;                      /* ¸üÉîµÄÑÕÉ« */
}

/* ==========================================================================
   CookieÖÖ±ðÉèÖÃ
   ========================================================================== */

/**
 * CookieÖÖ±ðÈÝÆ÷
 * ÿ¸öCookieÀàÐ͵ÄÉèÖÃÇøÓò
 */
.cookie-category {
    margin-bottom: 25px;              /* ÖÖ±ð¼ä¾à */
    padding-bottom: 20px;             /* ÏÂÄڱ߾à */
    border-bottom: 1px solid #f0f0f0; /* ÍÑÀëÏß */
}

/**
 * ×îºóÒ»¸öÖÖ±ðÒƳýµ×²¿±ß¿ò
 */
.cookie-category:last-child {
    border-bottom: none;
}

/**
 * ÖÖ±ðÍ·²¿
 * °üÀ¨ÎÊÌâºÍ¿ª¹Ø°´Å¥
 */
.cookie-category-header {
    display: flex;                    /* µ¯ÐԽṹ */
    justify-content: space-between;   /* Á½Í·¶ÔÆë */
    align-items: center;              /* ±ÊÖ±¾ÓÖÐ */
    margin-bottom: 10px;              /* ÓëÐÎòµÄ¼ä¾à */
}

/**
 * ÖÖ±ðÎÊÌâ
 */
.cookie-category-title {
    font-size: 16px;                 /* ÖеÈ×ÖÌå¾Þϸ */
    font-weight: 600;                /* ¼Ó´Ö */
    color: #333;                     /* ÉîÉ«ÎÄ×Ö */
}

/* ==========================================================================
   ¿ª¹Ø°´Å¥Ñùʽ
   ========================================================================== */

/**
 * ¿ª¹Ø°´Å¥ÈÝÆ÷
 * iOSÆø¸ÅµÄ»¬¶¯¿ª¹Ø
 */
.cookie-toggle {
    position: relative;               /* Ïà¶Ô¶¨Î» */
    display: inline-block;            /* ÐÐÄÚ¿éÔªËØ */
    width: 50px;                      /* Àο¿¿í¶È */
    height: 24px;                     /* Àο¿¸ß¶È */
}

/**
 * Òþ²Øԭʼ¸´Ñ¡¿ò
 */
.cookie-toggle input {
    opacity: 0;                       /* Íêȫ͸Ã÷ */
    width: 0;                         /* ÎÞ¿í¶È */
    height: 0;                        /* ÎÞ¸ß¶È */
}

/**
 * ¿ª¹ØÅä¾°»¬¿é
 */
.cookie-toggle-slider {
    position: absolute;               /* ¾ø¶Ô¶¨Î» */
    cursor: pointer;                  /* Ö¸ÕëÑùʽ */
    top: 0;                          /* ÁýÕÖÕû¸öÈÝÆ÷ */
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;           /* ĬÈÏ»ÒÉ«Åä¾° */
    transition: 0.4s;                /* ƽ»¬¹ý¶É */
    border-radius: 24px;              /* Ô²½Ç±ß¿ò */
}

/**
 * ¿ª¹Ø»¬¿éÔ²µã
 * ÌåÏÖ¿ª¹Ø״̬µÄ°×É«Ô²µã
 */
.cookie-toggle-slider:before {
    position: absolute;               /* ¾ø¶Ô¶¨Î» */
    content: "";                      /* ¿ÕÄÚÈÝ */
    height: 18px;                     /* Ô²µã³ß´ç */
    width: 18px;
    left: 3px;                        /* ×ó±ß¾à */
    bottom: 3px;                      /* µ×±ß¾à */
    background-color: white;          /* °×É«Ô²µã */
    transition: 0.4s;                /* »¬¶¯¶¯»­ */
    border-radius: 50%;               /* ÍêÈ«Ô²ÐÎ */
}

/**
 * ¿ª¹Ø¼¤»î״̬
 * µ±¸´Ñ¡¿òÑ¡ÖÐʱµÄÑùʽ
 */
.cookie-toggle input:checked + .cookie-toggle-slider {
    background-color: #e85e44;        /* Æ·ÅÆÉ«Åä¾° */
}

/**
 * ¿ª¹Ø¼¤»îʱԲµãλÖÃ
 * Ô²µã»¬¶¯µ½ÓÒ²à
 */
.cookie-toggle input:checked + .cookie-toggle-slider:before {
    transform: translateX(26px);      /* ÏòÓÒÒƶ¯26px */
}

/**
 * ½ûÓÃ״̬µÄ¿ª¹Ø
 * ÓÃÓÚÐëÒªCookie£¬£¬Ç¿ÖÆÆôÓÃ
 */
.cookie-toggle input:disabled + .cookie-toggle-slider {
    background-color: #e85e44;        /* Ç¿ÖÆÏÔʾƷÅÆÉ« */
    cursor: not-allowed;              /* ½ûÓùâ±ê */
}

/**
 * ÖÖ±ðÐÎòÎÄ×Ö
 * Ú¹ÊÍÿÖÖCookieÀàÐ͵ÄÓÃ;
 */
.cookie-category-description {
    font-size: 14px;                 /* ½ÏС×ÖÌå */
    color: #666;                      /* »ÒÉ«ÎÄ×Ö */
    line-height: 1.5;                /* Ìá¸ß¿É¶ÁÐÔ */
}

/**
 * ģ̬´°¿Úµ×²¿
 * °üÀ¨²Ù×÷°´Å¥
 */
.cookie-settings-footer {
    display: flex;                    /* µ¯ÐԽṹ */
    justify-content: flex-end;        /* ÓÒ¶ÔÆë */
    gap: 15px;                        /* °´Å¥¼ä¾à */
    margin-top: 30px;                 /* ÓëÄÚÈݵļä¾à */
    padding-top: 20px;                /* ÉÏÄڱ߾à */
    border-top: 1px solid #eee;       /* ÍÑÀëÏß */
}

/* ==========================================================================
   ÏìӦʽÉè¼Æ
   ========================================================================== */

/**
 * ƽ°åºÍСÆÁ×°±¸ÊÊÅä (768px¼°ÒÔÏÂ)
 * 
 * Ö÷Òªµ÷½â£º£º
 * - ïÔÌ­Äڱ߾à½ÚÔ¼¿Õ¼ä
 * - ¸Ä±ä½á¹¹Æ«ÏòΪ±ÊÖ±ÅÅÁÐ
 * - µ÷½â°´Å¥³ß´çºÍÅÅÁз½Ê½
 * - ÓÅ»¯Ä£Ì¬´°¿ÚµÄ¿Õ¼äʹÓÃ
 */
@media (max-width: 768px) {
    
    /**
     * ºá·ùÔÚСÆÁÉè±¹ØÁ¬Äµ÷½â
     * ïÔÌ­Äڱ߾à½ÚÔ¼¿Õ¼ä
     */
    .cookie-banner {
        padding: 15px;                /* ïÔÌ­Äڱ߾à */
    }
    
    /**
     * ºá·ùÄÚÈݸÄΪ±ÊÖ±½á¹¹
     * Îı¾ºÍ°´Å¥·Ö²ãÏÔʾ
     */
    .cookie-banner-content {
        flex-direction: column;       /* ±ÊÖ±ÅÅÁÐ */
        align-items: stretch;         /* À­Éì¶ÔÆë */
    }
    
    /**
     * Îı¾ÇøÓòµ÷½â
     * ÒƳý×îС¿í¶ÈÏÞÖÆ£¬£¬Ìí¼Óµ×²¿¼ä¾à
     */
    .cookie-banner-text {
        min-width: auto;              /* ÒƳý×îС¿í¶ÈÏÞÖÆ */
        margin-bottom: 15px;          /* Óë°´Å¥ÇøÓòµÄ¼ä¾à */
    }
    
    /**
     * °´Å¥ÇøÓò¾ÓÖжÔÆë
     */
    .cookie-banner-buttons {
        justify-content: center;      /* °´Å¥¾ÓÖжÔÆë */
    }
    
    /**
     * °´Å¥ÔÚСÆÁÉè±¹ØÁ¬Äµ÷½â
     * µ¯ÐÔÉìËõ£¬£¬ÉèÖÃ×îС¿í¶È
     */
    .cookie-btn {
        flex: 1;                      /* µ¯ÐÔÉìËõ */
        min-width: 120px;             /* ×îС¿í¶ÈÈ·±£¿£¿£¿É¶ÁÐÔ */
    }
    
    /**
     * ģ̬´°¿ÚÄÚÈݵ÷½â
     * ïÔÌ­Äڱ߾࣬£¬ÔöÌíÍâ±ß¾à
     */
    .cookie-settings-content {
        padding: 20px;                /* ïÔÌ­Äڱ߾à */
        margin: 20px;                 /* ÔöÌíÍâ±ß¾à */
    }
    
    /**
     * ģ̬´°¿Úµ×²¿°´Å¥±ÊÖ±ÅÅÁÐ
     */
    .cookie-settings-footer {
        flex-direction: column;       /* ±ÊÖ±ÅÅÁа´Å¥ */
    }
    
    /**
     * CookieÖÖ±ðÍ·²¿±ÊÖ±ÅÅÁÐ
     * ÎÊÌâºÍ¿ª¹Ø·ÖÐÐÏÔʾ
     */
    .cookie-category-header {
        flex-direction: column;       /* ±ÊÖ±ÅÅÁÐ */
        align-items: flex-start;      /* ×ó¶ÔÆë */
        gap: 10px;                    /* ÔªËؼä¾à */
    }
}

/**
 * ÊÖ»ú×°±¸ÊÊÅä (480px¼°ÒÔÏÂ)
 * 
 * Ö÷Òªµ÷½â£º£º
 * - °´Å¥ÍêÈ«±ÊÖ±ÅÅÁÐ
 * - ½øÒ»²½ïÔÌ­¿Õ¼äÕ¼ÓÃ
 * - ÓÅ»¯´¥Ãþ²Ù×÷ÌåÑé
 */
@media (max-width: 480px) {
    
    /**
     * ºá·ù°´Å¥ÍêÈ«±ÊÖ±ÅÅÁÐ
     * ÿ¸ö°´Å¥Õ¼ÓÐÒ»ÐÐ
     */
    .cookie-banner-buttons {
        flex-direction: column;       /* ±ÊÖ±ÅÅÁÐËùÓа´Å¥ */
    }
    
    /**
     * °´Å¥ÔÚÊÖ»úÉÏÕ¼ÓÐÈ«¿í
     * Ìṩ¸ü´óµÄ´¥ÃþÇøÓò
     */
    .cookie-btn {
        width: 100%;                  /* È«¿í°´Å¥ */
        min-width: auto;              /* ÒƳý×îС¿í¶ÈÏÞÖÆ */
    }
    
    /**
     * ģ̬´°¿ÚÔÚÊÖ»úÉϵĽøÒ»²½ÓÅ»¯
     * ×îС»¯±ß¾à£¬£¬×î´ó»¯ÄÚÈÝ¿Õ¼ä
     */
    .cookie-settings-content {
        margin: 10px;                 /* ×îСÍâ±ß¾à */
        padding: 15px;                /* ×îСÄڱ߾à */
    }
}<!--ºÄʱ1766087766.2377Ãë-->