      <!---获取模板地址本地址禁止直接访问-->
    <!--谢谢你浏览这个单页如果你对我们又意见请你联系客服：1106450142 群：662309276-->
    <!---

          ◇◇◇◇◇◇◇◇◇◇◆◇◇◆◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
          ◇◇◇◇◇◇◇◇◇◇◆◇◇◆◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
          ◇◇◇◇◇◇◇◇◆◆◆◆◆◆◆◆◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
          ◇◇◇◇◇◇◇◇◇◇◆◇◇◆◇◇◇◇◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
          ◇◇◇◇◇◇◇◇◇◇◆◇◇◆◇◇◇◇◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
          ◇◇◇◇◇◇◇◇◇◇◆◆◆◆◇◇◇◇◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇◆◆◆◆◆◆◆◆◆◆◆◇◇◇◇
          ◇◇◇◇◇◇◇◇◇◇◆◇◇◆◇◇◇◇◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇◇◇◆◇◇◇◇
          ◇◇◇◇◇◇◇◇◇◇◆◇◇◆◇◇◇◇◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇◇◇◆◇◇◇◇
          ◇◇◇◇◇◇◇◇◆◆◆◆◆◆◆◆◇◇◇◇◇◇◆◆◆◆◆◆◆◆◇◇◇◆◇◇◆◆◆◆◆◇◇◆◇◇◇◇
          ◇◇◇◇◇◇◇◇◇◇◆◇◇◆◇◇◇◇◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇◇◇◆◇◇◇◇
          ◇◇◇◇◇◇◇◇◇◆◇◆◇◇◆◇◇◇◇◇◇◇◇◇◆◆◆◇◇◇◇◇◇◆◇◇◆◆◆◆◆◇◇◆◇◇◇◇
          ◇◇◇◇◇◇◇◇◆◇◆◇◇◇◇◆◇◇◇◇◇◇◇◆◇◆◇◆◇◇◇◇◇◆◇◇◆◇◇◇◆◇◇◆◇◇◇◇
          ◇◇◇◇◇◇◇◆◇◆◇◇◇◇◇◇◆◇◇◇◇◇◆◇◇◆◇◇◆◇◇◇◇◆◇◇◆◇◇◇◆◇◇◆◇◇◇◇
          ◇◇◇◇◇◇◆◇◆◆◆◆◆◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◆◆◆◆◆◇◇◆◇◇◇◇
          ◇◇◇◇◇◆◇◇◇◇◇◆◇◇◇◇◇◇◆◇◆◇◇◇◇◆◇◇◇◇◆◇◇◆◇◇◇◇◇◇◇◇◇◆◇◇◇◇
          ◇◇◇◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇◇◆◇◇◇◇◇◆◇◇◇◇◇◆◇◆◇◇◇◇◇◇◇◇◇◆◇◇◇◇
          ◇◇◇◇◇◇◇◇◇◆◇◇◇◆◇◇◇◇◆◇◇◇◇◇◇◆◇◇◇◇◇◇◆◆◇◇◇◇◇◇◇◇◇◆◇◇◇◇
          ◇◇◇◇◇◇◇◇◆◆◆◆◆◆◆◇◇◇◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇◇◇◆◇◇◇◇
          ◇◇◇◇◇◇◇◇◇◇◇◆◇◇◇◆◇◇◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇◇◇◆◇◇◇◇
          ◇◇◇◇◇◇◇◇◇◇◆◆◆◇◇◇◇◇◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇◇◇◆◇◇◇◇
          ◇◇◇◇◇◇◇◇◇◆◇◆◇◆◇◇◇◇◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇◆◇◆◇◇◇◇
          ◇◇◇◇◇◇◇◇◆◇◇◆◇◆◆◇◇◇◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇◇◆◆◇◇◇◇
          ◇◇◇◇◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇◇◇◆◇◇◇◇
          ◇◇◇◇◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
          ◇◇◇◇◇◇◇◇◇◆◇◆◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
          ◇◇◇◇◇◇◇◇◇◇◆◆◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
          ◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇


          ◇◇◇◇◇◇◇◇◇◇綦◇◇綦◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
          ◇◇◇◇◇◇◇◇◇◇綦◇◇綦◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
          ◇◇◇◇◇◇◇◇綦綦綦綦綦綦綦綦◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
          ◇◇◇◇◇◇◇◇◇◇綦◇◇綦◇◇◇◇◇◇◇◇◇◇◇桐◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
          ◇◇◇◇◇◇◇◇◇◇綦◇◇綦◇◇◇◇◇◇◇◇◇◇◇桐◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
          ◇◇◇◇◇◇◇◇◇◇綦綦綦綦◇◇◇◇◇◇◇◇◇◇◇桐◇◇◇◇◇◇◇桐桐桐桐桐桐桐桐桐桐桐◇◇◇◇
          ◇◇◇◇◇◇◇◇◇◇綦◇◇綦◇◇◇◇◇◇◇◇◇◇◇桐◇◇◇◇◇◇◇桐◇◇◇◇◇◇◇◇◇桐◇◇◇◇
          ◇◇◇◇◇◇◇◇◇◇綦◇◇綦◇◇◇◇◇◇◇◇◇◇◇桐◇◇◇◇◇◇◇桐◇◇◇◇◇◇◇◇◇桐◇◇◇◇
          ◇◇◇◇◇◇◇◇綦綦綦綦綦綦綦綦◇◇◇◇◇◇桐桐桐桐桐桐桐桐◇◇◇桐◇◇桐桐桐桐桐◇◇桐◇◇◇◇
          ◇◇◇◇◇◇◇◇◇◇綦◇◇綦◇◇◇◇◇◇◇◇◇◇◇桐◇◇◇◇◇◇◇桐◇◇◇◇◇◇◇◇◇桐◇◇◇◇
          ◇◇◇◇◇◇◇◇◇綦◇綦◇◇綦◇◇◇◇◇◇◇◇◇桐桐桐◇◇◇◇◇◇桐◇◇桐桐桐桐桐◇◇桐◇◇◇◇
          ◇◇◇◇◇◇◇◇綦◇綦◇◇◇◇綦◇◇◇◇◇◇◇桐◇桐◇桐◇◇◇◇◇桐◇◇桐◇◇◇桐◇◇桐◇◇◇◇
          ◇◇◇◇◇◇◇綦◇綦◇◇◇◇◇◇綦◇◇◇◇◇桐◇◇桐◇◇桐◇◇◇◇桐◇◇桐◇◇◇桐◇◇桐◇◇◇◇
          ◇◇◇◇◇◇綦◇綦綦綦綦綦綦◇◇◇綦◇◇◇桐◇◇◇桐◇◇◇桐◇◇◇桐◇◇桐桐桐桐桐◇◇桐◇◇◇◇
          ◇◇◇◇◇綦◇◇◇◇◇綦◇◇◇◇◇◇綦◇桐◇◇◇◇桐◇◇◇◇桐◇◇桐◇◇◇◇◇◇◇◇◇桐◇◇◇◇
          ◇◇◇◇◇◇◇◇◇◇綦◇◇◇◇◇◇◇◇桐◇◇◇◇◇桐◇◇◇◇◇桐◇桐◇◇◇◇◇◇◇◇◇桐◇◇◇◇
          ◇◇◇◇◇◇◇◇◇綦◇◇◇綦◇◇◇◇桐◇◇◇◇◇◇桐◇◇◇◇◇◇桐桐◇◇◇◇◇◇◇◇◇桐◇◇◇◇
          ◇◇◇◇◇◇◇◇綦綦綦綦綦綦綦◇◇◇◇◇◇◇◇◇◇桐◇◇◇◇◇◇◇桐◇◇◇◇◇◇◇◇◇桐◇◇◇◇
          ◇◇◇◇◇◇◇◇◇◇◇綦◇◇◇綦◇◇◇◇◇◇◇◇◇桐◇◇◇◇◇◇◇桐◇◇◇◇◇◇◇◇◇桐◇◇◇◇
          ◇◇◇◇◇◇◇◇◇◇綦綦綦◇◇◇◇◇◇◇◇◇◇◇◇桐◇◇◇◇◇◇◇桐◇◇◇◇◇◇◇◇◇桐◇◇◇◇
          ◇◇◇◇◇◇◇◇◇綦◇綦◇綦◇◇◇◇◇◇◇◇◇◇◇桐◇◇◇◇◇◇◇桐◇◇◇◇◇◇◇桐◇桐◇◇◇◇
          ◇◇◇◇◇◇◇◇綦◇◇綦◇◇綦◇◇◇◇◇◇◇◇◇◇桐◇◇◇◇◇◇◇桐◇◇◇◇◇◇◇◇桐桐◇◇◇◇
          ◇◇◇◇◇◇◇綦◇◇◇綦◇◇◇綦◇◇◇◇◇◇◇◇◇桐◇◇◇◇◇◇◇桐◇◇◇◇◇◇◇◇◇桐◇◇◇◇
          ◇◇◇◇◇◇◇◇◇◇◇綦◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
          ◇◇◇◇◇◇◇◇◇綦◇綦◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
          ◇◇◇◇◇◇◇◇◇◇綦綦◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
          ◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇


                                  11  11
                                  11  11                          11               11111111111111111111111111111
                               1111111111111                      11               11                         11
                                  11  11                          11               11                         11
                                  111111                          11               11    1111111111111111     11
                                  11  11                   11111111111111111       11    11            11     11
                                  11  11                          11               11    1111111111111111     11
                            1111111111111111111                   11               11                         11
                                 11    11                       111111             11    1111111111111111     11
          			          11  11  11                     11 11 11            11    11            11     11
          					 11  11    11                   11  11  11           11    11            11     11
          					11  11   11 11                 11   11   11          11    11            11     11
                             11  111111111 11               11    11    11         11    11            11     11
          				  11     11       11             11     11     11        11    11            11     11
                           11     11         11           11      11      11       11    11            11     11
                          11     11           11         11       11       11      11    11            11     11
          			   11     1111111111     11       11        11        11     11    11            11     11
                        11          11          11     11         11         11    11    1111111111111111     11
                                  111111              11          11          11   11                         11
                                 11 11 11            11           11           11  11                         11
          				      11  11  11                        11               11                   11    11
          				     11   11   11                       11               11                    11   11
                              11    11    11                      11               11                     11  11
            				   11  11 11     11                     11               11                      11 11
          				  	    1111                            11               11                       1111

          此程序版权所有綦桐建站。请勿盗版。
          1.本系统所有资源均自动采集，无需人工，省时省力。新版增加了发布视频功能、会员功能、充值功能、支付功能等。
          2.綦桐代购-綦桐影院-自适应所有设备，PC/手机/pad均可使用。
          3.本系统不依托任何第三方CMS，纯PHP，对环境要求小，基本所有的PHP环境都可轻松带起。
          4.所有广告及版权信息均可从后台更改。
          5.可对接微信（有教程及配置文件），可打包制作APP（苹果+安卓）。
          6.(百度自动推送：{"error":400,"message":"over quota"})《百度自动推送更新：{"error":400,"message":"over quota"}》          源码后台需要授权，授权时间终身。


                                       _ooOoo_
                                      o8888888o
                                      88" . "88
                                      (| -_- |)
                                      O\  =  /O
                                   ____/`---'\____
                                 .'  \\|     |//  `.
                                /  \\|||  :  |||//  \
                               /  _||||| -:- |||||-  \
                               |   | \\\  -  /// |   |
                               | \_|  ''\---/''  |   |
                               \  .-\__  `-`  ___/-. /
                             ___`. .'  /--.--\  `. . __
                          ."" '<  `.___\_<|>_/___.'  >'"".
                         | | :  `- \`.;`\ _ /`;.`/ - ` : | |
                         \  \ `-.   \_ __\ /__ _/   .-` /  /
                    ======`-.____`-.___\_____/___.-`____.-'======
                                       `=---='
                    ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
                               佛祖保佑        永无BUG
                      佛曰:
                             写字楼里写字间，写字间里程序员；
                             程序人员写程序，又拿程序换酒钱。
                             酒醒只在网上坐，酒醉还来网下眠；
                             酒醉酒醒日复日，网上网下年复年。
                             但愿老了电脑间，不愿鞠躬老板前；
                             奔驰宝马贵者趣，公交自行程序员。
                             别人笑我忒疯癫，我笑自己命太贱；
                             不见满街漂亮妹，哪个归得程序员？
          ◇◇◆◆◆◆◆◆◆◆◆◆◆◆◇◇◇◇◆◆◇◇◆◆◆◆◆◇◇◇◇◆◆◆◆◆◆◆◆◆◆◆◇◇◇◇◆◆◆◆◆◆◆◆◆◆◆◆◆◇◇◇◇◆◆◆◆◆◆◆◆◆◆◇◇
          ◇◇◆◇◆◇◇◇◇◇◇◇◆◆◇◇◇◇◆◆◇◇◇◆◇◇◆◆◇◇◇◇◇◆◆◇◇◆◇◇◇◆◇◇◇◇◇◇◇◇◇◇◆◆◇◇◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇◇◆◇◇
          ◇◇◆◇◆◇◇◇◇◇◇◇◆◆◇◇◇◇◆◆◇◇◇◆◇◇◇◆◆◇◇◇◆◆◇◇◇◆◇◇◇◆◇◇◇◇◇◇◇◇◇◆◆◆◇◇◇◇◇◇◇◇◇◆◆◆◆◆◆◆◆◆◆◇◇
          ◇◇◆◇◆◆◆◆◆◆◆◆◆◆◇◇◇◆◆◆◆◆◆◆◆◆◆◆◆◇◇◇◆◆◇◇◆◆◇◇◆◆◇◇◇◇◇◇◇◇◇◆◆◆◆◇◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇◇◆◇◇
          ◇◇◇◇◆◇◇◇◇◇◇◇◇◇◇◇◇◆◆◆◆◇◇◆◆◇◇◇◇◇◇◇◆◆◆◆◆◆◇◇◆◆◇◇◇◇◇◇◇◇◆◆◆◆◆◆◇◇◇◇◇◇◇◆◆◆◆◆◆◆◆◆◆◇◇
          ◇◇◇◆◆◇◇◇◇◇◇◇◇◇◇◇◆◆◆◇◇◇◇◆◆◇◇◇◇◇◇◆◆◇◇◆◆◆◆◆◆◆◆◇◇◇◇◇◆◆◆◇◆◇◆◆◆◇◇◇◇◇◇◇◆◆◇◇◇◇◇◇◇◇◇
          ◇◇◇◇◆◆◆◆◆◆◆◆◆◆◇◇◆◆◆◇◇◇◇◆◆◇◇◇◇◇◇◆◆◇◇◆◇◇◇◇◇◇◆◆◇◇◇◆◆◆◇◇◆◇◇◇◆◆◇◇◇◇◇◆◆◆◆◆◆◆◆◆◆◆◇
          ◇◇◇◇◇◇◇◇◇◇◇◇◆◆◇◇◇◇◆◇◇◇◇◆◆◇◇◇◇◇◇◇◆◇◇◆◇◇◇◇◇◇◆◆◇◇◆◆◆◇◇◇◆◇◇◇◇◆◆◇◇◇◆◆◆◇◆◆◇◆◆◇◆◆◇
          ◇◇◆◆◆◆◆◆◆◆◆◇◆◆◇◇◇◇◆◇◇◇◇◇◆◆◇◇◆◇◇◇◆◇◇◆◆◆◆◆◆◆◆◇◇◇◇◇◇◇◇◇◆◇◇◇◇◇◆◇◇◇◆◇◆◆◆◇◆◆◆◇◆◆◇
          ◇◇◇◇◇◇◇◇◇◇◇◇◆◆◇◇◇◇◆◇◇◇◇◇◆◆◇◇◆◇◇◇◆◇◇◆◇◇◇◇◇◇◆◇◇◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇◇◇◆◆◆◆◇◆◆◆◇◇◆◆◇
          ◇◇◇◇◇◇◇◇◆◆◆◆◆◇◇◇◇◇◆◇◇◇◇◇◇◆◆◆◆◇◇◇◆◆◆◆◇◇◇◇◇◇◆◇◇◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇◇◆◆◆◇◆◆◆◆◇◇◇◆◆◇
          ◇◇◇◇◇◇◇◇◆◆◆◆◆◇◇◇◇◇◆◇◇◇◇◇◇◆◆◆◆◇◇◇◆◆◆◆◇◇◆◆◆◆◆◇◇◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇◇◇◇◆◆◆◆◇◆◆◆◆◆◆◇
          ◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◆◆◆◆◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◆◇◇◇◇◇◆◆◇◇◇
          ◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
          ◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◆◆◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◆◆◇◇◇◇◇◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇
          ◇◇◇◆◆◆◆◆◆◆◆◆◇◇◇◇◇◇◆◆◆◆◆◆◆◆◆◆◇◇◇◇◇◆◆◆◆◆◆◆◆◆◇◇◇◇◆◆◆◆◆◆◇◆◆◆◇◇◇◇◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇
          ◇◇◇◆◆◇◇◇◇◇◇◆◇◇◇◇◇◆◆◇◇◇◇◇◇◇◇◇◇◇◇◇◇◆◆◇◇◇◇◇◇◆◇◇◇◇◇◇◆◇◇◇◆◆◇◆◆◇◇◇◇◇◆◆◇◆◆◆◆◆◆◆◆◆◇
          ◇◇◇◆◇◇◇◇◇◇◇◆◇◇◇◇◆◆◆◆◇◇◇◇◇◇◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇◆◇◇◇◇◇◇◆◇◇◆◆◇◆◆◆◆◇◇◇◆◆◆◆◇◇◆◇◇◇◆◇◇◇
          ◇◇◇◆◆◆◆◆◆◆◆◆◇◇◇◇◆◆◆◆◆◆◆◆◆◆◆◆◆◇◇◇◇◆◆◆◆◆◆◆◆◆◇◇◇◇◇◇◆◇◆◆◇◆◆◇◆◆◆◇◇◆◆◆◆◆◇◆◇◇◇◆◇◇◇
          ◇◇◇◆◇◇◇◇◇◇◇◆◇◇◇◇◇◇◆◆◇◇◇◇◇◆◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇◆◇◇◇◇◇◇◆◇◆◇◆◆◆◆◆◇◆◇◇◆◆◆◆◆◆◆◆◆◆◆◆◆◇
          ◇◇◇◆◇◇◇◇◇◇◇◆◇◇◇◇◇◆◆◇◇◇◇◇◇◆◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇◆◇◇◇◇◆◆◆◆◆◆◆◆◇◆◆◆◆◇◇◆◆◆◆◆◇◇◇◇◇◇◇◇◇
          ◇◇◇◆◇◇◇◇◇◇◇◆◇◇◇◇◆◆◆◇◇◇◇◇◇◆◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇◆◇◇◇◇◇◇◆◇◇◆◇◇◆◆◇◆◆◇◇◆◇◆◇◇◆◆◆◆◆◆◆◇◇
          ◇◇◇◆◆◆◆◆◆◆◆◆◇◇◇◇◆◆◆◇◇◇◇◇◇◆◇◇◇◇◇◇◇◆◆◆◆◆◆◆◆◆◇◇◇◇◇◇◆◇◇◇◆◆◆◇◆◆◇◇◇◆◇◆◇◇◆◇◇◇◇◇◆◇◇
          ◇◇◇◆◇◇◇◇◇◇◇◆◇◇◇◇◇◇◆◇◇◇◇◇◇◆◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇◆◇◇◇◇◇◇◆◇◆◆◆◆◇◆◆◆◇◇◇◇◇◆◇◇◆◆◆◆◆◆◆◇◇
          ◇◇◇◆◇◇◇◇◇◇◇◆◇◇◇◇◇◇◆◇◇◇◇◇◇◆◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇◆◇◇◇◇◇◆◆◆◆◆◇◇◆◆◆◇◇◇◇◇◇◆◇◇◆◇◇◇◇◇◆◇◇
          ◇◇◇◆◇◇◇◇◇◇◇◆◇◇◇◇◇◇◆◇◇◇◆◆◆◆◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇◆◇◇◇◇◆◆◆◆◇◇◆◆◆◆◇◇◇◇◇◇◇◆◇◇◆◆◇◇◇◇◆◇◇
          ◇◆◆◆◆◆◆◆◆◆◆◆◆◆◇◇◇◇◆◇◇◇◆◆◆◆◇◇◇◇◇◆◆◆◆◆◆◆◆◆◆◆◆◆◇◇◇◇◇◇◇◆◆◆◇◇◇◇◇◇◇◇◇◆◇◇◆◆◆◆◆◆◆◇◇
          ◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
          ◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇


          -->

      <!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>🎄 平安夜许愿星 | 圣诞祝福墙 🎅</title>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="🎄 平安夜许愿星 | 圣诞祝福墙 🎅">
    <meta name="keywords" content="祝福页面,个人节日单页,免代码网页制作,节日主题模板,一键生成祝福页">
<meta name="description" content="专属祝福页面上线！免代码制作温馨节日分享页，自定义内容超简单，国内高速访问，传递节日美好心意！">
<meta name="author" content="">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        /* ==================== 圣诞主题美化 CSS ==================== */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Segoe UI', 'Microsoft YaHei', Tahoma, Geneva, Verdana, sans-serif;
            background: linear-gradient(135deg, #0c3b2e 0%, #1a1a2e 30%, #16213e 70%, #0f3460 100%);
            color: #f0f8ff;
            line-height: 1.7;
            min-height: 100vh;
            position: relative;
            overflow-x: hidden;
        }
        
        /* 雪花背景 */
        .snowflakes {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1;
        }
        
        .snowflake {
            position: absolute;
            background: white;
            border-radius: 50%;
            opacity: 0.8;
            filter: blur(0.5px);
        }
        
        /* 圣诞装饰 */
        .christmas-decoration {
            position: fixed;
            z-index: 2;
            pointer-events: none;
        }
        
        .decoration-1 {
            top: 10%;
            left: 5%;
            font-size: 2.5rem;
            color: #e63946;
            animation: swing 6s infinite alternate ease-in-out;
        }
        
        .decoration-2 {
            top: 15%;
            right: 7%;
            font-size: 3rem;
            color: #ffd166;
            animation: swing 7s infinite alternate-reverse ease-in-out;
        }
        
        .decoration-3 {
            bottom: 20%;
            left: 8%;
            font-size: 2.8rem;
            color: #06d6a0;
            animation: swing 5s infinite alternate ease-in-out;
        }
        
        .decoration-4 {
            bottom: 15%;
            right: 5%;
            font-size: 2.2rem;
            color: #ef476f;
            animation: swing 8s infinite alternate-reverse ease-in-out;
        }
        
        @keyframes swing {
            0%, 100% { transform: translateY(0) rotate(-5deg); }
            50% { transform: translateY(-20px) rotate(5deg); }
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
            position: relative;
            z-index: 10;
        }
        
        /* 头部标题 */
        .header {
            text-align: center;
            padding: 80px 0 60px;
            position: relative;
        }
        
        .header::before {
            content: "";
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 300px;
            height: 300px;
            background: radial-gradient(circle, rgba(230, 57, 70, 0.15) 0%, transparent 70%);
            z-index: -1;
        }
        
        .header h1 {
            font-size: 4.2rem;
            background: linear-gradient(45deg, #ff9a9e, #fad0c4, #fad0c4, #a1c4fd);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            margin-bottom: 20px;
            text-shadow: 0 0 20px rgba(255, 154, 158, 0.3);
            letter-spacing: 2px;
            font-weight: 800;
            position: relative;
            display: inline-block;
        }
        
        .header h1::after {
            content: "";
            position: absolute;
            bottom: -15px;
            left: 50%;
            transform: translateX(-50%);
            width: 200px;
            height: 3px;
            background: linear-gradient(90deg, transparent, #ef476f, #ffd166, #06d6a0, #118ab2, transparent);
        }
        
        .header p {
            font-size: 1.4rem;
            color: #a8dadc;
            max-width: 800px;
            margin: 30px auto 0;
            line-height: 1.8;
            text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
        }
        
        /* 卡片样式 - 圣诞主题 */
        .cards-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
            margin-bottom: 70px;
            perspective: 1000px;
        }
        
        .card {
            background: rgba(255, 255, 255, 0.08);
            border-radius: 20px;
            padding: 35px 30px;
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.1);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            position: relative;
            overflow: hidden;
            z-index: 1;
        }
        
        .card::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 5px;
            background: linear-gradient(90deg, #e63946, #ffd166, #06d6a0);
            z-index: 2;
        }
        
        .card:hover {
            transform: translateY(-12px) rotateX(5deg);
            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);
            border-color: rgba(255, 255, 255, 0.2);
        }
        
        .card-title {
            font-size: 1.8rem;
            color: #ffd166;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            gap: 15px;
        }
        
        .card-content {
            color: #e9ecef;
            font-size: 1.1rem;
            line-height: 1.8;
        }
        
        /* 按钮样式 - 圣诞主题 */
        .controls {
            text-align: center;
            margin-bottom: 70px;
        }
        
        .btn {
            background: linear-gradient(45deg, #e63946, #ff6b6b);
            color: #fff;
            border: none;
            padding: 16px 38px;
            font-size: 1.1rem;
            border-radius: 50px;
            cursor: pointer;
            transition: all 0.3s ease;
            margin: 0 15px;
            box-shadow: 0 8px 20px rgba(230, 57, 70, 0.4);
            position: relative;
            overflow: hidden;
            font-weight: 600;
            letter-spacing: 1px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
        }
        
        .btn::before {
            content: "";
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
            transition: 0.5s;
        }
        
        .btn:hover::before {
            left: 100%;
        }
        
        .btn:hover {
            transform: translateY(-5px);
            box-shadow: 0 12px 25px rgba(230, 57, 70, 0.6);
        }
        
        .btn-outline {
            background: transparent;
            border: 2px solid #06d6a0;
            color: #06d6a0;
            box-shadow: 0 5px 15px rgba(6, 214, 160, 0.3);
        }
        
        .btn-outline:hover {
            background: #06d6a0;
            color: #fff;
            box-shadow: 0 10px 20px rgba(6, 214, 160, 0.5);
        }
        
        /* ==================== 留言区美化 - 圣诞主题 ==================== */
        .message-board {
            background: rgba(26, 26, 46, 0.7);
            border-radius: 25px;
            padding: 50px;
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
            margin-bottom: 70px;
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.1);
            position: relative;
            overflow: hidden;
        }
        
        .message-board::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: 
                radial-gradient(circle at 20% 80%, rgba(239, 71, 111, 0.05) 0%, transparent 50%),
                radial-gradient(circle at 80% 20%, rgba(6, 214, 160, 0.05) 0%, transparent 50%);
            z-index: -1;
        }
        
        .section-title {
            text-align: center;
            font-size: 3rem;
            background: linear-gradient(45deg, #ffd166, #ef476f, #118ab2);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            margin-bottom: 15px;
            position: relative;
            font-weight: 800;
            letter-spacing: 1px;
        }
        
        .section-title::after {
            content: "🎄 ✨ 🎅";
            display: block;
            font-size: 1.8rem;
            letter-spacing: 15px;
            margin-top: 10px;
            opacity: 0.8;
        }
        
        .section-subtitle {
            text-align: center;
            color: #a8dadc;
            margin-bottom: 40px;
            font-size: 1.2rem;
            font-style: italic;
        }
        
        /* 提示框美化 */
        .alert {
            padding: 20px 25px;
            border-radius: 15px;
            margin: 25px auto;
            max-width: 800px;
            display: flex;
            align-items: center;
            gap: 15px;
            font-size: 1.1rem;
            backdrop-filter: blur(5px);
            border-left: 5px solid;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            animation: slideIn 0.5s ease-out;
        }
        
        @keyframes slideIn {
            from { transform: translateY(-20px); opacity: 0; }
            to { transform: translateY(0); opacity: 1; }
        }
        
        .alert-success {
            background: rgba(46, 125, 50, 0.2);
            color: #a5d6a7;
            border-left-color: #4caf50;
        }
        
        .alert-error {
            background: rgba(198, 40, 40, 0.2);
            color: #ffabab;
            border-left-color: #f44336;
        }
        
        .close-btn {
            margin-left: auto;
            background: none;
            border: none;
            color: inherit;
            font-size: 1.5rem;
            cursor: pointer;
            opacity: 0.7;
            transition: opacity 0.3s;
        }
        
        .close-btn:hover {
            opacity: 1;
        }
        
        /* 留言项美化 - 圣诞卡片样式 */
        .messages-container {
            margin-bottom: 40px;
            position: relative;
        }
        
        .message-item {
            background: linear-gradient(145deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
            border-radius: 18px;
            padding: 30px;
            margin-bottom: 25px;
            border: 1px solid rgba(255, 255, 255, 0.08);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
            transition: all 0.4s ease;
            position: relative;
            overflow: hidden;
        }
        
        .message-item::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 6px;
            height: 100%;
            background: linear-gradient(to bottom, #e63946, #ffd166, #06d6a0);
        }
        
        .message-item:hover {
            transform: translateY(-8px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
            border-color: rgba(255, 255, 255, 0.15);
        }
        
        .message-header {
            display: flex;
            justify-content: space-between;
            margin-bottom: 18px;
            flex-wrap: wrap;
            gap: 15px;
            align-items: center;
        }
        
        .message-author {
            font-weight: 700;
            color: #ffd166;
            font-size: 1.3rem;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .message-author::before {
            content: "🎅";
            font-size: 1.2rem;
        }
        
        .message-time {
            color: #a8dadc;
            font-size: 0.95rem;
            background: rgba(0, 0, 0, 0.2);
            padding: 6px 12px;
            border-radius: 20px;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        
        .message-time::before {
            content: "🕐";
        }
        
        .message-content {
            color: #e9ecef;
            line-height: 1.9;
            font-size: 1.15rem;
            padding: 15px 0 5px;
            position: relative;
        }
        
        .message-content::before {
            content: "“";
            font-size: 4rem;
            color: rgba(255, 255, 255, 0.1);
            position: absolute;
            top: -15px;
            left: -10px;
            font-family: Georgia, serif;
        }
        
        .empty-message {
            text-align: center;
            padding: 70px 0;
            color: #a8dadc;
            font-size: 1.3rem;
            background: rgba(255, 255, 255, 0.03);
            border-radius: 15px;
            border: 2px dashed rgba(255, 255, 255, 0.1);
        }
        
        .empty-message::before {
            content: "🌟";
            font-size: 3rem;
            display: block;
            margin-bottom: 20px;
        }
        
        /* 留言表单美化 */
        .message-form {
            max-width: 800px;
            margin: 50px auto 0;
            background: rgba(255, 255, 255, 0.05);
            padding: 40px;
            border-radius: 20px;
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
            border: 1px solid rgba(255, 255, 255, 0.1);
            position: relative;
            overflow: hidden;
        }
        
        .message-form::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 5px;
            background: linear-gradient(90deg, #e63946, #ffd166, #06d6a0, #118ab2);
        }
        
        .form-title {
            font-size: 1.8rem;
            color: #ffd166;
            margin-bottom: 30px;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 15px;
        }
        
        .form-title::before {
            content: "✨";
        }
        
        .form-title::after {
            content: "✨";
        }
        
        .form-group {
            margin-bottom: 25px;
        }
        
        .form-label {
            display: block;
            margin-bottom: 10px;
            color: #a8dadc;
            font-weight: 600;
            font-size: 1.1rem;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .form-control {
            width: 100%;
            padding: 16px 20px;
            background: rgba(255, 255, 255, 0.07);
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 12px;
            font-size: 1.1rem;
            color: #f0f8ff;
            transition: all 0.3s;
            font-family: inherit;
        }
        
        .form-control:focus {
            outline: none;
            border-color: #ffd166;
            box-shadow: 0 0 0 3px rgba(255, 209, 102, 0.2);
            background: rgba(255, 255, 255, 0.1);
        }
        
        .form-text {
            color: #89b2b4;
            font-size: 0.95rem;
            margin-top: 8px;
            text-align: right;
        }
        
        .char-count {
            color: #ffd166;
            font-weight: bold;
        }
        
        /* 分页样式美化 */
        .pagination {
            text-align: center;
            margin: 40px 0;
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 8px;
        }
        
        .pagination a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 45px;
            height: 45px;
            background: rgba(255, 255, 255, 0.08);
            border-radius: 12px;
            color: #e9ecef;
            text-decoration: none;
            transition: all 0.3s ease;
            font-weight: 600;
            font-size: 1.1rem;
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
        
        .pagination a.active {
            background: linear-gradient(45deg, #e63946, #ff6b6b);
            color: #fff;
            box-shadow: 0 5px 15px rgba(230, 57, 70, 0.4);
        }
        
        .pagination a:hover:not(.active) {
            background: rgba(255, 255, 255, 0.15);
            color: #ffd166;
            transform: translateY(-3px);
        }
        
        /* 音乐播放器 */
        .music-player {
            position: fixed;
            bottom: 30px;
            right: 30px;
            z-index: 1000;
        }
        
        .music-toggle {
            width: 70px;
            height: 70px;
            border-radius: 50%;
            background: linear-gradient(45deg, #e63946, #ff6b6b);
            color: #fff;
            border: none;
            font-size: 1.8rem;
            cursor: pointer;
            box-shadow: 0 10px 25px rgba(212, 63, 58, 0.5);
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .music-toggle:hover {
            transform: scale(1.15) rotate(15deg);
            box-shadow: 0 15px 30px rgba(212, 63, 58, 0.7);
        }
        
        /* 统计信息 */
        .stats {
            text-align: center;
            margin: 30px 0;
            color: #a8dadc;
            font-size: 1.2rem;
            padding: 20px;
            background: rgba(255, 255, 255, 0.05);
            border-radius: 15px;
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
        
        .stats strong {
            color: #ffd166;
            font-size: 2rem;
            margin: 0 8px;
            text-shadow: 0 0 10px rgba(255, 209, 102, 0.5);
        }
        
        /* 响应式适配 */
        @media (max-width: 992px) {
            .header h1 {
                font-size: 3.2rem;
            }
            
            .section-title {
                font-size: 2.5rem;
            }
            
            .message-board {
                padding: 30px;
            }
            
            .btn {
                margin: 10px 0;
                width: 100%;
            }
            
            .music-player {
                bottom: 20px;
                right: 20px;
            }
            
            .music-toggle {
                width: 60px;
                height: 60px;
                font-size: 1.5rem;
            }
        }
        
        @media (max-width: 768px) {
            .header h1 {
                font-size: 2.5rem;
            }
            
            .header p {
                font-size: 1.1rem;
            }
            
            .section-title {
                font-size: 2rem;
            }
            
            .card {
                padding: 25px 20px;
            }
            
            .message-board {
                padding: 25px 20px;
            }
            
            .message-form {
                padding: 30px 20px;
            }
            
            .decoration-1, .decoration-2, .decoration-3, .decoration-4 {
                font-size: 1.8rem;
            }
        }
        
        /* 动画效果 */
        @keyframes float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-15px); }
        }
        
        .float-animation {
            animation: float 5s ease-in-out infinite;
        }
    </style>
</head>
<body>
    <!-- 雪花背景 -->
    <div class="snowflakes" id="snowflakes"></div>
    
    <!-- 圣诞装饰 -->
    <div class="christmas-decoration decoration-1">🎄</div>
    <div class="christmas-decoration decoration-2">🌟</div>
    <div class="christmas-decoration decoration-3">🔔</div>
    <div class="christmas-decoration decoration-4">❄️</div>

    <!-- 音乐播放器 -->
    <div class="music-player">
        <button id="musicToggle" class="music-toggle float-animation">🔔</button>
        <audio id="bgMusic" loop>
            <source src="https://img.tukuppt.com/newpreview_music/08/99/38/5c8969808c9d495159.mp3" type="audio/mpeg">
        </audio>
    </div>

    <!-- 头部 -->
    <header class="header">
        <div class="container">
            <h1>🎄 平安夜许愿星 | 圣诞祝福墙 🎅</h1>
            <p>在璀璨星空下，写下你的圣诞心愿。每一句祝福，都会化作一颗星星，照亮这个温暖的夜晚。</p>
        </div>
    </header>

    <!-- 卡片内容区 -->
    <section class="container">
        <div class="cards-container">
            <div class="card float-animation">
                <h3 class="card-title"><i class="fas fa-tree"></i> 圣诞传说</h3>
                <div class="card-content">平安夜是奇迹降临的时刻。传说当钟声敲响十二下，圣诞老人会驾着驯鹿雪橇，穿越星空，为每个心怀善意的人送去礼物与希望。</div>
            </div>
            <div class="card float-animation" style="animation-delay: 0.5s;">
                <h3 class="card-title"><i class="fas fa-star"></i> 心愿寄语</h3>
                <div class="card-content">愿你被世界温柔以待，愿你的梦想如星光般闪耀。在这个特别的夜晚，请相信：爱与奇迹，永远存在。</div>
            </div>
        </div>

        <div class="controls">
            <button id="playMusicBtn" class="btn"><i class="fas fa-music"></i> 播放圣诞颂歌</button>
        </div>
    </section>

    <!-- 留言墙核心区 -->
    <section class="container">
        <div class="message-board">
            <h2 class="section-title">圣诞祝福墙</h2>
            <p class="section-subtitle">你的每一句话，都是今夜最暖的光 ✨</p>

            <!-- 提示信息 -->
            
            <!-- 留言列表 -->
            <div class="messages-container">
                                                        <div class="message-item">
                        <div class="message-header">
                            <div class="message-author">@Spike </div>
                            <div class="message-time">2025-12-24 15:56:06</div>
                        </div>
                        <div class="message-content">长津湖战役胜利纪念日设立于1950年12月24日，旨在纪念中国人民志愿军在朝鲜战争中长津湖战役的胜利。该战役中，志愿军第九兵团在零下40℃的极寒环境下，全歼美军&amp;quot;北极熊团&amp;quot;，收复三八线以北地区，粉碎了美军&amp;quot;圣诞节前结束战争&amp;quot;的计划 。战役期间，&amp;quot;冰雕连&amp;quot;战士以伏击姿态坚守阵地直至牺牲，展现出无畏精神 。自战役胜利起，12月24日成为缅怀先烈、传承爱国主义精神的重要纪念日 ，承载着反对文化入侵与守护</div>
                    </div>
                                        <div class="message-item">
                        <div class="message-header">
                            <div class="message-author">小红书</div>
                            <div class="message-time">2025-12-24 10:35:27</div>
                        </div>
                        <div class="message-content">12月24日不是“平安夜”，是长津湖战役胜利的日子！铭记历史，勿忘先烈。此刻，致敬！</div>
                    </div>
                                        <div class="message-item">
                        <div class="message-header">
                            <div class="message-author">微博</div>
                            <div class="message-time">2025-12-24 10:35:07</div>
                        </div>
                        <div class="message-content">铭记历史，致敬长津湖战役胜利<br />
12月24日，一个特殊的日子，是中国历史上值得铭记的一天——长津湖战役胜利纪念日。<br />
让我们在这一天，共同缅怀历史，向长津湖战役的英雄们致以最崇高的敬意。</div>
                    </div>
                                        <div class="message-item">
                        <div class="message-header">
                            <div class="message-author">虫二</div>
                            <div class="message-time">2025-12-23 16:14:13</div>
                        </div>
                        <div class="message-content">祝乐享莱州，綦桐网络蒸蒸日上，祝自己越来越有钱越来越优秀，祝大家圣诞节快乐身体健康天天开心</div>
                    </div>
                                        <div class="message-item">
                        <div class="message-header">
                            <div class="message-author">小皮面板</div>
                            <div class="message-time">2025-12-23 16:13:24</div>
                        </div>
                        <div class="message-content">原平安喜乐，万事如意，红红火火恍恍惚惚。</div>
                    </div>
                                        <div class="message-item">
                        <div class="message-header">
                            <div class="message-author">宝塔面板</div>
                            <div class="message-time">2025-12-23 16:08:36</div>
                        </div>
                        <div class="message-content">过啥圣诞节🎅🎄<br />
中国人🇨🇳不过</div>
                    </div>
                                        <div class="message-item">
                        <div class="message-header">
                            <div class="message-author">飞翔的小乐</div>
                            <div class="message-time">2025-12-23 15:40:28</div>
                        </div>
                        <div class="message-content">额，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，不知道说啥，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，就，，，，，，，，，，，，，，，，，，，，，，，，都生意红火，，，，，，，，，，，，，，，，，，，，，，，，，，蒸蒸日上吧，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，，。</div>
                    </div>
                                        <div class="message-item">
                        <div class="message-header">
                            <div class="message-author">虫二</div>
                            <div class="message-time">2025-12-23 15:36:30</div>
                        </div>
                        <div class="message-content">祝乐享莱州，綦桐网络蒸蒸日上，祝自己越来越有钱越来越优秀，祝大家圣诞节快乐身体健康天天开心</div>
                    </div>
                                        <div class="message-item">
                        <div class="message-header">
                            <div class="message-author">小耗子</div>
                            <div class="message-time">2025-12-23 11:49:53</div>
                        </div>
                        <div class="message-content">小耗子生意蒸蒸日上</div>
                    </div>
                                        <div class="message-item">
                        <div class="message-header">
                            <div class="message-author">綦桐</div>
                            <div class="message-time">2025-12-23 09:29:22</div>
                        </div>
                        <div class="message-content">祝大家平安夜和圣诞节快乐呦🎄</div>
                    </div>
                                                </div>

            <!-- 分页 -->
            
            <!-- 功能按钮 -->
            <div class="controls">
                <button class="btn" onclick="window.location.reload()"><i class="fas fa-sync-alt"></i> 刷新祝福</button>
                <button class="btn btn-outline" onclick="exportMessages()"><i class="fas fa-download"></i> 导出心愿</button>
            </div>

            <!-- 统计 -->
            <div class="stats">
                <i class="fas fa-gift"></i> 当前已有 <strong>10</strong> 条圣诞祝福
            </div>

            <!-- 留言表单 -->
            <div class="message-form">
                <h3 class="form-title">写下你的圣诞祝福</h3>
                <form id="messageForm" method="POST">
                    <input type="hidden" name="action" value="save_message">
                    <input type="hidden" name="page" value="1">
                    
                    <div class="form-group">
                        <label for="username" class="form-label"><i class="fas fa-user"></i> 你的名字</label>
                        <input type="text" class="form-control" id="username" name="username" placeholder="例如：圣诞小精灵" maxlength="20" required>
                        <div class="form-text">不超过20个字符</div>
                    </div>
                    
                    <div class="form-group">
                        <label for="blessing" class="form-label"><i class="fas fa-heart"></i> 你的祝福</label>
                        <textarea class="form-control" id="blessing" name="blessing" rows="4" placeholder="愿平安喜乐，岁岁无忧..." maxlength="200" required></textarea>
                        <div class="form-text">剩余字数：<span id="charCount" class="char-count">200</span>/200</div>
                    </div>
                    
                    <div class="form-group">
                        <button type="submit" class="btn" style="width: 100%;"><i class="fas fa-paper-plane"></i> 发送祝福</button>
                    </div>
                </form>
            </div>
        </div>
    </section>

    <script>
        // 字符计数
        document.addEventListener('DOMContentLoaded', function() {
            var blessing = document.getElementById('blessing');
            var charCount = document.getElementById('charCount');
            blessing.addEventListener('input', function() {
                var remaining = 200 - this.value.length;
                charCount.textContent = remaining;
                charCount.style.color = remaining < 30 ? '#ff6b6b' : '#ffd166';
            });

            // 音乐控制
            function toggleMusic() {
                var music = document.getElementById('bgMusic');
                var playBtn = document.getElementById('playMusicBtn');
                var toggleBtn = document.getElementById('musicToggle');
                
                if (music.paused) {
                    music.play().then(function() {
                        playBtn.innerHTML = '<i class="fas fa-pause"></i> 暂停圣诞颂歌';
                        toggleBtn.innerHTML = '🔕';
                        toggleBtn.style.background = 'linear-gradient(45deg, #06d6a0, #4cc9f0)';
                    }).catch(function() {
                        alert('请先点击页面任意位置再播放音乐');
                    });
                } else {
                    music.pause();
                    playBtn.innerHTML = '<i class="fas fa-music"></i> 播放圣诞颂歌';
                    toggleBtn.innerHTML = '🔔';
                    toggleBtn.style.background = 'linear-gradient(45deg, #e63946, #ff6b6b)';
                }
            }
            document.getElementById('musicToggle').onclick = toggleMusic;
            document.getElementById('playMusicBtn').onclick = toggleMusic;

            // 导出留言
            function exportMessages() {
                var items = document.querySelectorAll('.message-item');
                if (items.length === 0) {
                    alert('暂无祝福可导出');
                    return;
                }
                var data = [];
                for (var i=0; i<items.length; i++) {
                    var author = items[i].querySelector('.message-author').textContent;
                    var time = items[i].querySelector('.message-time').textContent;
                    var content = items[i].querySelector('.message-content').textContent;
                    data.push({author: author, time: time, content: content});
                }
                var blob = new Blob([JSON.stringify(data, null, 2)], {type: 'application/json'});
                var a = document.createElement('a');
                a.href = URL.createObjectURL(blob);
                a.download = '圣诞祝福_' + new Date().toLocaleDateString() + '.json';
                a.click();
                URL.revokeObjectURL(a.href);
                alert('导出成功！共导出 ' + data.length + ' 条祝福');
            }
            window.exportMessages = exportMessages;

            // 自动关闭提示框
            var alerts = document.querySelectorAll('.alert');
            alerts.forEach(function(alert) {
                setTimeout(function() {
                    alert.style.opacity = '0';
                    alert.style.transform = 'translateY(-10px)';
                    setTimeout(function() {
                        if (alert.parentNode) alert.parentNode.removeChild(alert);
                    }, 300);
                }, 5000);
            });
            
            // 创建雪花效果
            function createSnowflakes() {
                var snowflakesContainer = document.getElementById('snowflakes');
                for (var i = 0; i < 80; i++) {
                    var snowflake = document.createElement('div');
                    snowflake.classList.add('snowflake');
                    
                    // 随机大小
                    var size = Math.random() * 6 + 3;
                    snowflake.style.width = size + 'px';
                    snowflake.style.height = size + 'px';
                    
                    // 随机位置
                    snowflake.style.left = Math.random() * 100 + 'vw';
                    
                    // 随机透明度
                    snowflake.style.opacity = Math.random() * 0.6 + 0.3;
                    
                    // 随机动画
                    var duration = Math.random() * 10 + 10;
                    var delay = Math.random() * 5;
                    snowflake.style.animation = `fall ${duration}s linear ${delay}s infinite`;
                    
                    // 添加到容器
                    snowflakesContainer.appendChild(snowflake);
                }
            }
            
            // 添加雪花CSS动画
            var style = document.createElement('style');
            style.textContent = `
                @keyframes fall {
                    0% {
                        transform: translateY(-10vh) rotate(0deg);
                    }
                    100% {
                        transform: translateY(100vh) rotate(360deg);
                    }
                }
            `;
            document.head.appendChild(style);
            
            // 初始化雪花
            createSnowflakes();
            
            // 页面加载动画
            document.body.style.opacity = '0';
            setTimeout(function() {
                document.body.style.transition = 'opacity 1s ease';
                document.body.style.opacity = '1';
            }, 100);
        });
    </script>
</body>
</html></biv><br><br></div>