
<!--
Author: 温柔未来工作室
Website: https://www.haoreai.com
Contact: hao@wenrou.org
-->
<!--                                                               
                                                                                     人民有信仰 民族有希望 国家有力量
                                                                          以实现中国特色社会主义共同理想为目标 党的十八大曾首次以  
                                                                                  +----------------------------------- +
                                                                                  |  =======社会主义核心价值观=======  |    
                                                                                  +----------------------------------- +
                                                                                  | 富强      民主      文明      和谐 |
                                                                                  +----------------------------------- +
                                                                                  | 自由      平等       公正     法治 |                                                                  
                                                                                  +----------------------------------- +
                                                                                  | 爱国      敬业       诚信     友善 |
                                                                                  +----------------------------------- +
                                                                                  |  =======社会主义核心价值观=======  |
                                                                                  +----------------------------------- +
                                                                              这二十四个字来高度概括社会主义核心价值观的组成
 -->

 

<!--                                                               
                                                                                                    
                                                                                                    
                                                                                                    
                                                                                                    
                                                                                                    
                                                                                                    
                                                                                                    
                                                                                                    
                                                                                                    
                                                                                                    
                                                                                                    
                                                                                                    
                                                                                                    
                                                                                                    
              =+++++++++=         ++++++++++++-    :**********    -*********+=:                     
              +@@@@@@@@@@:       -@@@@@@@@@@@@@    =@@@@@@@@@@    *@@@@@@@@@@@@@#=                  
               @@@@@@@@@@*       #@@@@@@@@@@@@@=   =@@@@@@@@@@    +@@@@@@@@@@@@@@@%=                
               +@@@@@@@@@@.     .@@@@@@@@@@@@@@%   =@@@@@@@@@@    *@@@@@@@@@@@@@@@@@*               
               .@@@@@@@@@@=     +@@@@@@@@@@@@@@@:  =@@@@@@@@@@    =#######@@@@@@@@@@@+              
                #@@@@@@@@@%     %@@@@@@@@@@@@@@@#  =@@@@@@@@@@            #@@@@@@@@@@@              
                :@@@@@@@@@@:   -@@@@@@@@@@@@@@@@@. =@@@@@@@@@@            #@@@@@@@@@@@:             
                 %@@@@@@@@@*   #@@@@@@@@@@@@@@@@@+ =@@@@@@@@@@            #@@@@@@@@@@@:             
                 -@@@@@@@@@@. .@@@@@@@@##@@@@@@@@@ =@@@@@@@@@@            #@@@@@@@@@@@.             
                  %@@@@@@@@@+ +@@@@@@@@-:@@@@@@@@@--@@@@@@@@@@    -+++++++@@@@@@@@@@@+              
                  =@@@@@@@@@% %@@@@@@@%  %@@@@@@@@#-@@@@@@@@@@    *@@@@@@@@@@@@@@@@@*               
                   @@@@@@@@@@#@@@@@@@@+  =@@@@@@@@@#@@@@@@@@@@    +@@@@@@@@@@@@@@@@=                
                   +@@@@@@@@@@@@@@@@@@.   @@@@@@@@@@@@@@@@@@@@    *@@@@@@@@@@@@@#=                  
                   .@@@@@@@@@@@@@@@@@*    +@@@@@@@@@@@@@@@@@@@    =#########*+-.                    
                    *@@@@@@@@@@@@@@@@:    .@@@@@@@@@@@@@@@@@@@                                      
                    :@@@@@@@@@@@@@@@%      #@@@@@@@@@@@@@@@@@@            :++++++++=                
                     #@@@@@@@@@@@@@@-      -@@@@@@@@@@@@@@@@@@            +@@@@@@@@@                
                     -@@@@@@@@@@@@@@        %@@@@@@@@@@@@@@@@@            =@@@@@@@@%                
                      %@@@@@@@@@@@@+        =@@@@@@@@@@@@@@@@@            =@@@@@@@@%                
                      =@@@@@@@@@@@@.         @@@@@@@@@@@@@@@@@            =@@@@@@@@%                
                       ............          .................             .........                
                                                                                                    
                                                                                                    
                                                                                                    
                                                                                                    
                                                                                                    
                                                                                                    
                                                                                                    
                                                                                                    
                                                                                                    
                                                                                                    
                                                                                                    
                                                                                                    
                                                                                                    
                                                                                                    
                                                                                                    
 -->




 <!--                                                               
                             ..:::----=====++++++++++++++=====----:::..                             
                      .:--==++++++++++++++++++++++++++++++++++++++++++++===-:.                      
                 .:-=++++++++++++++++++++++++++++++++++++++++++++++++++++++++++=-:.                 
              .-=++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++=-.              
            :=++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++=:            
          -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-          
        :++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++:        
       =++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++=       
     .=+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++.     
    .+++++++++++++++++++++++++++++++++++++++++++#@#++++++++++++++++++++++++++++++++++++++++++++.    
    =+++++++++++++++++++++++++++++++++++++++++#@@@@@#+++++++++++++++++++++++++++++++++++++++++++.   
   =++++++++++++++++++++++++++++++++++++++++#@@@@@@@@@#+++++++++++++++++++++++++++++++++++++++++=   
  :+++++++++++++++++++++++++++++++++++++++#@@@@@@@@@@@@@#++++++++++++++++++++++++++++++++++++++++:  
  =+++++++++++++++++++++++++++++++++++++#@@@@@@@@@@@@@@@@@%*+++++++++++++++++++++++++++++++++++++=  
 .++++++++++++++++++++++++++++++++++++#@@@@@@@@@@@@@@@@@@@%*++++++++++++++++++++++++++++++++++++++: 
 -++++++++++++++++++++++++++++++++++#@@@@@@@@@@@@@@@@@@@%*+++#%+++++++++++++++++++++++++++++++++++- 
 =++++++++++++++++++++++++++++++++#@@@@@@@@@@@@@@@@@@@%*+++#@@@@#+++++++++++++++++++++++++++++++++= 
.+++++++++++++++++++++++++++++++#@@@@@@@@@@@@@@@@@@@%*+++#@@@@@@@@#++++++++++++++++++++++++++++++++.
.+++++++++++++++++++++++++++++#@@@@@@@@@@@@@@@@@@@%*+++#@@@@@@@@@@@@%*+++++++++++++++++++++++++++++:
:+++++++++++++++++++++++++++#@@@@@@@@@@@@@@@@@@@%*+++#@@@@@@@@@@@@@@@*+++++++++++++++++++++++++++++:
-+++++++++++++++++++++++++#@@@@@@@@@@@@@@@@@@@%*+++++#@@@@@@@@@@@@@#++*%%++++++++++++++++++++++++++-
=+++++++++++++++++++++++#@@@@@@@@@@@@@@@@@@@%*++*%@%*=+*@@@@@@@@@#+=*%@@@@#++++++++++++++++++++++++=
=+++++++++++++++++++++#@@@@@@@@@@@@@@@@@@@%*++*%@@@@@%*=+*@@@@@#+=*%@@@@@@@@#++++++++++++++++++++++=
++++++++++++++++++++#@@@@@@@@@@@@@@@@@@@%*++*%@@@@@@@@@%*=+#%#+=*%@@@@@@@@@@@@#+++++++++++++++++++++
++++++++++++++++++#@@@@@@@@@@@@@@@@@@@%*++*%@@@@@@@@@@@@@%*+++*%@@@@@@@@@@@@@@@@%*++++++++++++++++++
++++++++++++++++++*#@@@@@@@@@@@@@@@@@%++++%@@@@@@@@@@@@@@@@%*%@@@@@@@@@@@@@@@@@@@#++++++++++++++++++
+++++++++++++++++++++#@@@@@@@@@@@@@@@@@#+++*%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#++++++++++++++++++++
=++++++++++++++++++++++#@@@@@@@@@@@@@@@@@#+++*%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#+++++++++++++++++++++=
=++++++++++++++++++++++++#@@@@@@@@@@@@@@@@@#+=+*%@@@@@@@@@@@@@@@@@@@@@@@@@@#+++++++++++++++++++++++=
-++++++++++++++++++++++++++#@@@@@@@@@@@@@@@@@#*++*%@@@@@@@@@@@@@@@@@@@@@@#+++++++++++++++++++++++++-
:++++++++++++++++++++++++++++#@@@@@@@@@@@@@@@@#++=+@@@@@@@@@@@@@@@@@@@@#+++++++++++++++++++++++++++:
:++++++++++++++++++++++++++++++#@@@@@@@@@@@@#+++*%@@@@@@@@@@@@@@@@@@@#+++++++++++++++++++++++++++++:
.++++++++++++++++++++++++++++++++#@@@@@@@@#+++*%@@@@@@@@@@@@@@@@@@@#+++++++++++++++++++++++++++++++.
 =+++++++++++++++++++++++++++++++++#@@@@#+++*%@@@@@@@@@@@@@@@@@@@#++++++++++++++++++++++++++++++++= 
 -+++++++++++++++++++++++++++++++++++##+++*%@@@@@@@@@@@@@@@@@@@#++++++++++++++++++++++++++++++++++- 
 :+++++++++++++++++++++++++++++++++++++++%@@@@@@@@@@@@@@@@@@@#++++++++++++++++++++++++++++++++++++: 
  =++++++++++++++++++++++++++++++++++++++#@@@@@@@@@@@@@@@@@#+++++++++++++++++++++++++++++++++++++=  
  :++++++++++++++++++++++++++++++++++++++++#@@@@@@@@@@@@@#+++++++++++++++++++++++++++++++++++++++:  
   =+++++++++++++++++++++++++++++++++++++++++#@@@@@@@@@#++++++++++++++++++++++++++++++++++++++++=   
   .+++++++++++++++++++++++++++++++++++++++++++#@@@@@#++++++++++++++++++++++++++++++++++++++++++.   
    .++++++++++++++++++++++++++++++++++++++++++++#@#+++++++++++++++++++++++++++++++++++++++++++.    
     .++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++.     
      .=++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++=.      
        :++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-        
         .-++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-.         
           .-=++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++=-.           
              .-=+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-:              
                 .:==++++++++++++++++++++++++++++++++++++++++++++++++++++++++++==:.                 
                     ..:-==++++++++++++++++++++++++++++++++++++++++++++++==-::.                     
                            ...::----======++++++++++++++======----:::..                            
 -->
 <!--                                                               
                                                                                                                                                                                   
                                                                                                                                                                                   
                                                                                                                                                                                   
                                                                                                                                                                                   
                                                                                                                                                                                   
                                                                                                                                                                                   
                                                                                                                                                                                   
                             ||||                                 ||                                                          |||                                                  
                             |||||                               ||||                                                         ||||                    ||                           
                              ||||                       |||      |||                         ||||||||||                       ||||                  ||||                          
                              ||||                       ||||    |||||||||          |||||||||||||||||||||                       ||||||||             ||||                          
                       |        |||||||||                |||||||||||||||||          |||||||||        |||||              |     ||||||||||             ||||                          
                      |||||||||||||||||||||         |||||||||||||||                  |||             ||||               ||||||||||||||               ||||                          
                      ||||||||||      |||||          ||||| ||  ||||||||              |||      ||||||  |||               ||||||||  |||                ||||                          
                     ||||            ||||                  ||  |||| |||              |||  ||||||||||  |||               ||| |||   |||                ||||                          
                     |||             |                          ||||||               |||  |||||||     |||               ||| |||   |||||||            ||||                          
                     |||     ||||||||                    |   ||||||||||              |||     |||      |||               |||  || |||||||||            ||||                          
                     || |||||||||||||                   ||||||||||||||               |||     |||||    |||               |||||||||||||||||            ||||                          
                     |  |||||||||                   |||| |||||   ||  |||             |||    |||||||   |||               ||||||||  ||                  |||                          
                             |||                     ||| |||| |||||  ||||            |||  |||||||||   |||              ||||  ||  |||                  |||                          
                             |||                     ||||||||||||||| |||             |||  |||||||||   |||              |||   ||||||||                 |||                          
                             ||| ||                  ||||||||||| ||| |||             ||      ||  |||  |||              |||   |||||                    |||                          
                            |||||||||                |||||||| |||||| |||             ||      ||   ||  |||              |||     ||||||                 ||                           
                         |||||||||||                  |  ||||||||||||||              ||      ||       |||              |||  ||||||||||                ||                           
                          ||||||  ||||                |||||||  ||  ||||              ||      ||||||||||||             |||  |||||  ||||                ||                           
                             |||   |||             ||||||||||||||  |||              ||| |||||||||||||||||             |||  ||||| ||||                                              
                             |||   |||              |||| |||| ||   |||              |||   |           |||            |||     |||||||                 ||||                          
                             |||||||||||||           ||| ||||||||||||||             |||     ||||||||| |||            |||       ||||                  ||||                          
                    |||||||||||||||||||||||         ||| |||||||||||| |||   ||       |||||||||||||||||||||           |||       ||||||                 ||||                          
                    ||||||||||||||||||||||          ||| ||||||  |||| |||| ||        |||||||||||||  ||||||          |||      ||||||||||               ||||                          
                     |||||                         ||| |||     |||    ||||||        |||              ||||          ||    |||||||   |||||||                                         
                                                  |||  ||      ||      |||||         ||              ||||         ||   ||||||       ||||||||||                                     
                                                      ||                |||||                         ||                             |||||||||                                     
                                                                         ||||                                                          |||                                         
                                                                           |                                                                                                       
                                                                                                                                                                                   
                                                                                                                                                                                   
                                                                                                                                                                                   
                                                                                                                                                                                   
                                                                                                                                                                                   
                                                                                                                                                                                   
                                                                                                                                                                                   
                                                                                                                                                                                   
                                                                                                                                                                                   
                                                                                                                                                                                   
                                                                                                                                                                                   
                                                                                                                                                                                   
                                                                                                                                                                                   
                                                                                                                                                                                   

 -->

 <!--                                                               
  .:=++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++=:.  
 -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++- 
-++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*******+++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++*#%%@@@@@@@@@@%##*+++++++++++++++++++++++++++
++++++++++++++++++++++++++++*##%%%%%%%#**+++++++++++*#%@@@@@@@@@@@@@@@@@@%#*++++++++++++++++++++++++
++++++++++++++++++++++++*#%@@@@@@@@@@@@@@@#*+++++++#@@@@@@@@@@@@@@@@@@@@@@@@%*++++++++++++++++++++++
++++++++++++++++++++++*%@@@@@@@@@@@@@@@@@@@@%*+++*@@@@@@@@@@@@@@@@@@@@@@@@@@@@#+++++++++++++++++++++
+++++++++++++++++++++#@@@@@@@@@@@@@@@@@@@@@@@@%++@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%++++++++++++++++++++
+++++++++++++++++++*@@@@@@@@@@@@@@@@@@@@@@@@@@@@%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%+++++++++++++++++++
++++++++++++++++++*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#++++++++++++++++++
+++++++++++++++++*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%%@@@@@@@@@@@@@@@@@@@@@@@*+++++++++++++++++
+++++++++++++++++%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#*+++++*#%@@@@@@@@@@@@@@@@@@@+++++++++++++++++
++++++++++++++++*@@@@@@@@@@@@@@@@@@@@%####%@@@@@@@@@@*++++++++++#@@@@@@@@@@@@@@@@@@*++++++++++++++++
++++++++++++++++#@@@@@@@@@@@@@@@@@@@*+++++++*#%@@@@@#++++++++++++%@@@@@@@@@@@@@@@@@%++++++++++++++++
++++++++++++++++%@@@@@@@@@@@@@@@@@@*+++++++++++*#%@@*++++++++++++#@@@@@@@@@@@@@@@@@@++++++++++++++++
++++++++++++++++@@@@@@@@@@@@@@@@@@%+++++++++++++++*%*++++++++++++*@@@@@@@@@@@@@@@@@@*+++++++++++++++
+++++++++++++++*@@@@@@@@@@@@@@@@@@#++++++++++++++++++++++++++++++*@@@@@@@@@@@@@@@@@@*+++++++++++++++
+++++++++++++++*@@@@@@@@@@@@@@@@@@*++++++++++++++++++++++++++++++*@@@@@@@@@@@@@@@@@@*+++++++++++++++
++++++++++++++++@@@@@@@@@@@@@@@@@@*++++++++++++++++++++++++++++++*@@@@@@@@@@@@@@@@@@*+++++++++++++++
++++++++++++++++%@@@@@@@@@@@@@@@@@*++++++++++++++++++++++++++++++*@@@@@@@@@@@@@@@@@@++++++++++++++++
++++++++++++++++#@@@@@@@@@@@@@@@@@#++++++++++++*+++++++++++++++++*@@@@@@@@@@@@@@@@@%++++++++++++++++
+++++++++++++++++@@@@@@@@@@@@@@@@@%++++++++++++*@*+++++++++++++++#@@@@@@@@@@@@@@@@@*++++++++++++++++
+++++++++++++++++#@@@@@@@@@@@@@@@@@*+++++++++++#@@%*++++++++++++*@@@@@@@@@@@@@@@@@%+++++++++++++++++
++++++++++++++++++%@@@@@@@@@@@@@@@@@*+++++++++*@@@@@%*+++++++++*@@@@@@@@@@@@@@@@@@++++++++++++++++++
+++++++++++++++++++%@@@@@@@@@@@@@@@@@%*+++++*%@@@@@@@@@%#####%@@@@@@@@@@@@@@@@@@@*++++++++++++++++++
++++++++++++++++++++#@@@@@@@@@@@@@@@@@@@%%%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*+++++++++++++++++++
+++++++++++++++++++++*%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%+++++++++++++++++++++
+++++++++++++++++++++++*%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%*++++++++++++++++++++++
+++++++++++++++++++++++++*#%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%*++++++++++++++++++++++++
++++++++++++++++++++++++++++**#%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%%*+++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++**##%%@@@@@@@@@@@@@@@@@@@@@@@@@%%##**++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++******##########*****++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
-++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-
 -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++- 
  .-=++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++=-.  
 -->
<!--                                                               
                                                                                          *zi3!i1!!6831163iiui!3v.   a6!33v..                                                       
                                                                                      ~i6i1i631!ii33iu38!z3a1z.        ;a!6686i1*-                                                  
                                                                                   ^za36i3iiiv!!1z~o~*                    .*3386!61u.                                               
                                                                                  !iia6!11v                                   o3!66631-                                             
                                                                    . .;1!a3!31ov3!63!3u                                          v!6366~                                           
                                                                   *!3i63i3636666666i1                                            -.-663!;                                          
                                                                .v!!66!8i6!3i1v^3z31i.                                               -368!a                                         
                                                               -i133u!no-.+    -v683!                                                 o16631                                        
                                                              o1!i1!i^          ^36661                                                -u6311                                        
                                                        .-~~++n1!3!!              n33u!un;^                                          ~3!u3!*      .                                 
                                                 ^uiv!!3a8!31zi3!31n               .nu333!i1i;                                     3!iuii!1 *ui86363u;^.                            
                                            ;vi31i3633i33ii;6!uz636u                  on!iz6iaz                 -    .      .*iuu!361u3i!ni6666666666661*                           
                                        -uiu3!z1aiiiuvoo;      ;3336v                       -                     zi1i6!6!!i333!3113iu!-.;!666333!3366ai~.    *z1vazzv!11* +  .     
                   +-- .              a38!!33633!u;.             i!66!~.                                         -1iai6631!!33i363vz.    ;i6663nnnnvu3631*    *u6666i!!63663uv1.    
               v1n1!i33131a-..     ^636ii33auv                    ;866881;-                                         -~ou~n*.             ~i866annnnnv663!v     ;3636!!3163336836~   
            .znv318!333666631z.  .1a1vu!61-                         -vi313i!aun~                                                          ~366annnnnnu!36!*    z6866!nnnnooav3!6;   
           .1!!i6oa6vvn;aoi366!^!!1!!!3u*                              .a1!vui6ii6!iv1u1o1a*-                                         .;u11!36iznnnnni6636i*+  16666!nnnnnna1331o   
          .z1!1i!v;;;;;;;;;;u3666!3ii!^                                    -~oi36z1ui36663ui+.                              -^;zi1333!!!!136!6iznnnnou!6666666z16663ionnnnn16363n.  
          u!iiiun;;;;;;;;;;;;3663ui6u                                             *vuz!!zuvua+                          1!36666666666666!3363!znnnnnov16i61;i!!666331nnnnnnv!i63v.  
         o!6333a;;;;;;;;;;;;v1i636u.                                                                                   n!!66666636366!6vonnnnnnnnnnnnai!!6a+  a666!3unnnnnna6!66ua1a
         a133!3;;;;;;;;;;;;*3363!1                                                                                     .v6666izvnnnnnnnnnnnnnnnnnnnnnv3!683.  166663!nnnnnnnni3636a3
         a!6!!i;;;;;;;;;;;;113331v.                                                                                     ;!666uonnnnnnnnnnnnnnnnnnnnnnna!666o  !6666innnnnnnnnv1!!3i!
        ~1333!3;;;;;;;;;n1!u!u3io                                                                                       +!666ivnnnnnnnnnnnnnnnnnnnnnnnai3661  36668innnnnnnnnnnnnnnn
        -i6333!;;;;;;;i33!33iizu                                                                                        .;333!znnnnnnnnnnnnnnnnnnnnnn13363!* ^36666innnnnnnnnnnnnnnn
         n3!66u;;;;vi!1u136!v                                                                                             a1663unnnnnononnnonnu33333!633!3a+  u66633!!1u1znonnnnnnnz
         -a663!n;;13663iaa;                                                                                               ;31!3!1!!66i!3363!366666366!3!1!a.  .o!u6863363363i3!31uzn
          ^v666!;1!!i!61.                                                                                                  +vi636!666666663!3i33vuvan;           .~;az1vii368666!!!1
          .-v6!68331!a;                                                                                                      .n!1361!3ua1n1v+^.            .*1z3u~-      +nzz336633u
            .-3666611*                                                                                                                        -;~!3!!!6i331u6633!6a          -n3366a
            -u6!6!33                                                                                                                   .1z3!6u!3i6663!633633663!6666o          +u666
          +vaivn63!                                                                                                                 *zuiii666i36633i3i3!3iuvnnnnni6681           z36
       -!6!3!36!i!~                                                                                                               +a33uii!avnnnnnnnnnnnnnnnnnnnnoz!63!3-         .~v
      v13!i3i3^                                                                                                                   .v6366vnnnnnnnnnnnnnnnnnnnnnnnnnni6636.         ov
    ^ii3!636.   .                         o1i3~                                                                                    -o363!nnnnnnnnnnnnnnnnnnnnnnnnnnv333!3;         +
   ;iui33!u                               366666i~*                   ^*-+                                                          +i6661onnnnnnnov11!vanonnnnnnnnnnii66u         ~
  ;i36!!a*                             n666!ov!6366!6!~v.o *.--^+nnaau366ii1.                                                       +zi366iui33336636!663!iunnnnnnnnn~a63!z        ;
 ;6a166!*                           i333!333---;n1363i!i636!3166!6663336331ia                                                         n3336633333663333663661vnnnnnnii31!au++      *
 8a33u!o                     .^*1!36666avi!----------+aiau!!1363363auuo~u6i36631;* ~*            -~;-   .                              ;ii!33i3iiazv-. -n3633331nv!333666!uu       +
z!1!i6n                  .+!6!!686!3!1!1!--------------------------------+*a1i383336613i!u3!3663u!3v!!;i1uz^                              .               *i1666636!31in;           
113!3u;                 o6!366666663u1----------------------------------------+zau1u!i666663ii6i!i1u!v^*13663n                                              -*!33366uz~             
36i!6u.                 .3366i11nan----------------------------------------------------^n*oa+^;;o.-------^!6386n*                                              ~i36u*n1zaz3oz       
33v1a1                   v3361-------------------------------------------------.----------------.----------~vi!3663~                                            ~!i!3u!i161!i31u    
!6!33a                    u636!--------------*61------------------------------------------------------------.+*36i36!a+n-                                     a!!3!6!ii!136366636v+ 
i663io                    ~3i3u---------------v!1--------------------------------------------------------------..^!666i686363!!!io31~^.                     v3663i6u3o-----.-133!36!
6666!!                   -3663o.-----------..-+i3u.---------------------------------*6+.----------------------------;oo133!61633!36688io-                  !!3ii36;------------^u3!6
u3666i                   n16!1u.--o66666a------^a1z+-------------------------------+z36--------------------------------.--.-++-*v!63!!u!                  vii36ia----------------+*u
i!666!;                 ^13!!i*---!6666666u-.----v61+---------------------------.-+33!a.----------------------------------------.33!31i.                 a11!6!a..------------------
.n633!3*-             .z6331un-.---6666666666^----o36~----------------.---------;!661!------------------------------------------+ii!3zi                 z!66!in.--------------------
 -nn!66!~             ;316i1*-------+3366666666n----*i6z-.-------------------^!3363a+----.--in.----------------------------------!133!i                  i!36z ---.-----------------
  u3ii3nn+           v1!!3a~-----------;v666666666v------.-----------------ii6zuao-.---.3866663.--------------------------------.z6u3!!                 zv666~.---------------------
 nuz!33a^          v638!36z-----------------u66666666a.----------------------------u666666666666i--------------------------------;1!666u                 o6666~---------------------
v33!i6!-        .z1vvi611o---.----+vai!366666666666666z-----------------------*386666666666666613!--------------------------------v163!i;                *z6666v--------------------
66!i3a.       ~i63iz33ia^++----i38666666666666633336*----------------------1666666666666666^---------------------------------------~a1363u^                13666z+.-----------------
i3i61n        ~3366!z~^^^^+^^^^+~i66666363ao+--.-.------+u1uazn*------------+i6666663ia.--------------------------------------------;1333!6a*               +363!!*-..--------------
!3i1v.       636666^^^^^^^^^^^^^^^^o+---------------3666666666633u--------------ni666666666!i3n+------------------------------------  v!1661aa.               ni333ui;--------------
1611*       ~3!6!a*^^^^^^^^^^^^^^^^^^^+-------------366666666666666^-----------------n!6!366666666!-+^^^^^^^^+++------------------- ^!3361von*                  *i6!3a1i!1va*~nv11i!
i33i        3361ia^;;;;**^^^^^^^^^^^^^^+----.------+!66666666666666!-------------------------*n3363!v+^^^^^^^^^^^^^++-------------.*!!za!in                       +zu!!33ui6363633!i
66i!       u!6666o;;;;;;^^^^^***^^^^^^^+-------------v3666666666633n-------------------------+^^^^^^^^^^^^^^^^^^^^^^^^^+---------~36i!31io                            .zii133!113i63
36u;      .1!66iu~;;~;*^^^^^;;;;*^^^^^^+----------------^~aonia*----------------------------+^^^^^^^^^^^^^^^^^^^^^^^^^^^^^-----.iii163!uz                                           
336-       11i31u;;;~;^^^^^;;;;;*^^^^^^^--------^+--.--------------------------------------+^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^+--;1a66i!6u^                                            
i!i~      +1!661u^*;;^^^*;~;;;;;^^^^^^^^---o!3i63636633vv;-----.----....-.--.-------------+^^^^^^^^+;;;;;^^^^^^^^^^^^^^^^^^+-+361ui!3a                                              
36!^       n3i33;^^^^^^^**;;;;*^^^^^^^++--oaizaaanv3!6366636!66i31uiuu!i333i!1!3i~--------+^^^^^^^^;;;;;^^^^^^^^;;;;^^^^^^^^^u6313!ai.                                              
3!3u       o8333n^^^^^^^^^^^^^^^^^^^+++--------.zui6i3unzau8366663633633333313z66!uv+-----+^^^^^^^;;;;;*^^^^^^^;;;~~^^^^^^^^vi3!3u3iz                                               
3iaz       +u66i!+^^^^^^^^^^^^^^^^^^+--------.ai6!6!uzzzzzn!!33uvzzzzzzzv1!6ii+-.-+-------+^^^^^^^;~~~;^^^^^^^*~~~~*^^^^^^^^1a6!63a1                                                
36!!o      -116iv;^^+^^^^^^^^^^+^^+---------+663iuzzzzzzzzi33iazzzzzzzzzv13!!o-------------++^^^+^*;;;*^^^^^^^*;;;~*^^^^^^^~~166a1in                                                
!!333.     -1a36u*----+++++++++++----------;v!iizzzzzzzzzv!866zzzzzzzzzzzu633~.------------++^^^^^^^^^^^^^^^^^^**^^^^^^^^^^-iz333iio                                                
i6u3!u.     *!336;------------------------^uz!iuzzzzzzzzzz166izzzzzzzzzzza63!;--------------++^^^^^^^^^^^^^^^^^^^^^^^^^^++--*v63311*                                                
v3333ai~    ~z1361------------------------ii!iizzzzzzzzzzzi663zzzzzzzzzzza363u.----------..-+++^^^^^^^^^^^^^^^^^^^^^^^^^+----z!3666!-                                               
.~v3336nz    z133!a^---------------------~36!3zzzzzzzzzzzzzvvzzzzzzzzzzzzu!63a---------.-------++^^^^^^^^^^^^^^^^^^^^^+^----.nv633!1o                                               
  *u!3!31u+   o363!o---------------------~66!uzzzzzzzzzzzzzzzzzzzzzzzzzzzv1631o--------------------+^^^^^^^^^^^^^^^^^^--------~u33661a                                              
-+++o16i11io-  ;6666i-----------..-------!366uzzzzzzzzzzzzzzzzzzzzzzzzzzzza!633^----------------...----+++++++-----------------;vu3333i~                                            
++++-^o3i66ui8i ni336i------------------.u!6!avzzzzzzzzzzzzzzzzzzzzzzzzzzzzi366v------------------------..---------------------.~!366!8~                                            
++++++ -*z3633661u33363a-+---------------~3661zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzai66^----------------------------------------------.^!u16!3~                                            
+++++--.++;a!1ii^*3z!668i^-------.------.z363uzzzzzzzzzzzzzzzzzzzzzzzzzzzzzvzu33u.----------------------------------------------363333a                                             
+++++++-++-.-+-+^z6zz!6663--------------.-z363zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzi3363----------------------------------------------!i1i!3i                                              
+++++++-.-+++++i!1!1*+u636!6~-------------oa66!zzzzzzzzzzzzzzzzzzzzzzzzzzzvv8u!6a.---------------------------------------------z668!1^                                              
++++++++++++-u33!13---363663!3n*+----------^!666zvzzzzzzzzzzzzzzzzzzzzzvzzi3333i-----------------------------------------------u6i33n                                               
 -+++++++++ou3zi1o-.*i333-^38i6!3~o^--------~!666!zvzzzzzzzzzzzzzzzzz~z16!!331;+------------------------------..---------------vi363a.                                              
-+++++-+++i3!iz3--.ai!63;    3!6666!iv;+-------;!66663ii1nazzz11!!633636i31u.--------------------------------------------------z36!8z+                                             n
++++++++aa3i33u---v316i*      i3!63633661n;;+.-.--*z833!636363663i1u1a!n*--------------------------------------------------+az3!6663!n                                           *3!
+++++++i316a1;---u3i33z      ^z3a!*;v!381!3663a1az--.-++~~^;~^~+------------------------------------------------------*~!a366zi3166861-                                        .oz!3
++++++a!6!33*---+1i!61       3868!^++++*ou!!66i36118auzou~++------------------------------------------------;o1nz!!ii3aui!i6u1uvo13368!;                                     a633iv1
-+++-a!3336;----1i36i;      n!363~++++*+++^~~o1363!666!686366!33!zavn!unvovzn~;^*zo*-*;o;onv!31u!111i3!!!!3i!6161i!u33iziiuua^++++*!3!6!o-                               iu!31133!ai
++++z33331^---.!i63uo      -3!3iv^++++*+^*^^+++++**nvu16!!33866363i!63!36366336!6333a3666366ii3!!!!u!3u!ii!3333333~11;+++++++++++++n!i6663z-                  .--------z18!!uii336u+
+++^6i6!iz-----ai!3n+      ~!633o++++++*^^^^*^^++**+*^^*+^^~v1zu3uiz1aau3!i313!6a61u6ii331i3!i11!!1z1v!aon^++++++++++++++++++++++++++*i666!!66uo-+.+nz^^33n--o^nu361n86!363u36zzzi6i
+++u3!33!-----16!iiv       a66u1~++++++++++++++++++**^*^++^+*^+^+**+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++~366336636366666666666i3i66!83i363!663v^+++u16
++a!66!3+-----636!i-      ^363!1+++++++++++++++++++++++++++++++++*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++;u11 -^..n!!3!3666!66663!3!3361iuzv---------o3
+^13i336-----nu3uia       z333!u+^+++++++++++++++++++++++++++++++^++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++663uz              ^66i1+-------------------^~
-u6866i------n336uu       z!63!o++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++z!63^               !!6;---------------------+
*!!363u------u!i!1-      .i683a*++^++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++^i33io               !6aa+---------------------
 我爱你！！！
-->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title>宝藏啦 - 摄影设计交互UIUX参考国度 BaoZang Design</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="宝藏啦是一个专注于摄影、设计、交互、UIUX的参考资源平台，提供高质量的照片、视频、设计、排版、文案等创意灵感。">
    <meta name="keywords" content="宝藏啦,摄影,设计,交互,UIUX,参考,壁纸,创意,灵感,BaoZang,BaoZangLa">
    <meta name="author" content="宝藏啦国度">
    <meta property="og:title" content="宝藏啦 - 摄影设计交互UIUX参考国度">
    <meta property="og:description" content="搜集优质摄影设计资源，作为学习摄影设计写作的参考平台。">
    <meta property="og:image" content="assets/picture/image01.png">
    <meta property="og:url" content="https://www.baozangla.com">
    <meta property="og:type" content="website">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="宝藏啦 - 摄影设计交互UIUX参考国度">
    <meta name="twitter:description" content="搜集优质摄影设计资源，作为学习摄影设计写作的参考平台。">
    <meta name="twitter:image" content="assets/picture/image01.png">
    <link rel="canonical" href="https://www.baozangla.com">
    <link rel="icon" href="assets/picture/image01.png" type="image/png">
    <!-- Tailwind CSS -->
    <script src="https://cdn.tailwindcss.com"></script>
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        primary: '#3b82f6',
                        secondary: '#6b7280',
                        accent: '#f59e0b',
                    },
                    fontFamily: {
                        sans: ['Inter', 'sans-serif'],
                    },
                }
            }
        }
    </script>
    <!-- 自定义样式 -->
    <style type="text/tailwindcss">
        @layer utilities {
            .text-shadow {
                text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
            }
        }
    </style>
</head>
<body class="bg-white text-gray-800 font-sans antialiased">
    <!-- 页面加载动画 -->
    <div id="loading" class="fixed inset-0 flex items-center justify-center bg-white z-50 transition-opacity duration-500">
        <div class="flex flex-col items-center">
            <!-- 创意加载动画 - 宝藏地图 -->
            <div class="relative w-20 h-20">
                <!-- 地图背景 -->
                <div class="absolute inset-0 bg-amber-50 rounded-lg border border-gray-300 shadow-sm"></div>
                
                <!-- 地图路径 -->
                <svg class="absolute inset-0 w-full h-full" viewBox="0 0 100 100">
                    <path class="text-gray-400" stroke="currentColor" stroke-width="2" fill="none" stroke-dasharray="5,5" d="M20,20 C30,10 40,30 50,20 C60,10 70,30 80,20" />
                    <path class="text-gray-400" stroke="currentColor" stroke-width="2" fill="none" stroke-dasharray="5,5" d="M20,40 C30,30 40,50 50,40 C60,30 70,50 80,40" />
                    <path class="text-gray-400" stroke="currentColor" stroke-width="2" fill="none" stroke-dasharray="5,5" d="M20,60 C30,50 40,70 50,60 C60,50 70,70 80,60" />
                    <path class="text-gray-400" stroke="currentColor" stroke-width="2" fill="none" stroke-dasharray="5,5" d="M20,80 C30,70 40,90 50,80 C60,70 70,90 80,80" />
                    
                    <!-- 移动的X标记 -->
                    <circle cx="50" cy="50" r="6" fill="#ef4444" class="animate-pulse">
                        <animateMotion path="M0,0 C10,-10 20,10 30,0 C40,-10 50,10 60,0 C70,-10 80,10 90,0" dur="3s" repeatCount="indefinite" />
                    </circle>
                    <path d="M47,47 L53,53 M47,53 L53,47" stroke="#fff" stroke-width="2">
                        <animateMotion path="M0,0 C10,-10 20,10 30,0 C40,-10 50,10 60,0 C70,-10 80,10 90,0" dur="3s" repeatCount="indefinite" />
                    </path>
                </svg>
                
                <!-- 装饰元素 -->
                <div class="absolute top-1 right-1 w-4 h-4 bg-gray-100 rounded-full border border-gray-300 flex items-center justify-center">
                    <div class="w-2 h-2 bg-gray-400 rounded-full"></div>
                </div>
                <div class="absolute bottom-1 left-1 text-xs text-gray-500 font-serif italic">N</div>
            </div>
            
            <div class="mt-3 text-gray-600 text-sm font-medium">寻找宝藏中...</div>
        </div>
    </div>
    
    <style>
        @keyframes wiggle {
            0%, 100% { transform: rotate(-5deg); }
            50% { transform: rotate(5deg); }
        }
    </style>

    <!-- 主容器 -->
    <div class="max-w-5xl mx-auto px-4 py-8 sm:px-6 lg:px-8">
        
        <!-- 1. 宝藏啦参考国度（头部区域） -->
        <header class="mb-16">
            <!-- 带背景的头部 -->
            <div class="relative mb-12 rounded-xl overflow-hidden">
                <!-- 背景 -->
                <div class="absolute inset-0 bg-gradient-to-br from-blue-50 to-gray-100"></div>
                
                <!-- 装饰元素 -->
                <div class="absolute top-0 left-0 w-full h-full opacity-10">
                    <div class="absolute top-5 left-5 w-20 h-20 rounded-full bg-blue-400"></div>
                    <div class="absolute bottom-10 right-10 w-32 h-32 rounded-full bg-blue-300"></div>
                    <div class="absolute top-1/2 left-1/4 w-16 h-16 rounded-full bg-gray-300"></div>
                </div>
                
                <!-- 内容 -->
                <div class="relative py-12 px-6 flex flex-col items-center justify-center text-center">
                    <img src="assets/picture/image01.png" alt="宝藏啦" class="h-32 w-32 object-contain mb-6">
                    <h1 class="text-3xl font-bold text-gray-900 mb-3">宝藏啦<sup class="text-sm font-normal bg-white/80 px-2 py-0.5 rounded ml-2 shadow-sm">参考国度</sup></h1>
                    <p class="text-base text-gray-700 max-w-2xl mx-auto mb-8 leading-relaxed">
                        搜集一些个人认为好看，在我审美之内的照片、视频、摄影、设计、排版、文案、美图等等的宝藏，作为学习摄影设计写作的参考。
                        <mark class="bg-yellow-50 px-1 py-0.5 text-yellow-800 rounded">BaoZangLa.com</mark>
                    </p>
                    
                    <!-- 按钮组 -->
                    <div class="flex space-x-5 mt-2">
                        <a href="https://baozangla.com" class="flex items-center px-5 py-2.5 bg-primary text-white rounded-lg hover:bg-blue-600 transition-colors shadow-sm">
                            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" />
                            </svg>
                            <span>官网</span>
                        </a>
                        <button id="copyEmailBtn" class="flex items-center px-5 py-2.5 bg-white text-gray-800 rounded-lg hover:bg-gray-100 transition-colors shadow-sm border border-gray-100">
                            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
                            </svg>
                            <span id="emailBtnText">邮箱</span>
                        </button>
                    </div>
                </div>
            </div>
            
        </header>
        
        <hr class="border-gray-200 my-8">
        
        <!-- 2. 重要公告区域 -->
        <section class="mb-12">
            <div class="flex items-center justify-between mb-6">
                <h2 class="text-xl font-bold text-gray-900">重要公告</h2>
                <p class="text-sm text-gray-500">一些重要的公告以及通知</p>
            </div>
            
            <div class="bg-gray-50 rounded-xl border border-gray-100 overflow-hidden shadow-sm">
                <ul class="divide-y divide-gray-100">
                    <li class="hover:bg-white transition-all duration-300">
                        <a href="bulletin/5.html" class="block px-6 py-4">
                            <div class="flex items-center">
                                <div class="w-2 h-2 bg-yellow-400 rounded-full mr-3 shadow-sm"></div>
                                <div>
                                    <span class="font-medium">关于是否保留或者延续美图、壁纸类的思考</span>
                                    <span class="text-xs text-gray-400 ml-2">2025/05/28</span>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li class="hover:bg-white transition-all duration-300">
                        <a href="bulletin/4.html" class="block px-6 py-4">
                            <div class="flex items-center">
                                <div class="w-2 h-2 bg-red-400 rounded-full mr-3 shadow-sm"></div>
                                <div>
                                    <span class="font-medium">宝藏啦壁纸网站服务暂时下线</span>
                                    <span class="text-xs text-gray-400 ml-2">2024/08/24</span>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li class="hover:bg-white transition-all duration-300">
                        <a href="bulletin/3.html" class="block px-6 py-4">
                            <div class="flex items-center">
                                <div class="w-2 h-2 bg-blue-400 rounded-full mr-3 shadow-sm"></div>
                                <div>
                                    <span class="font-medium">宝藏啦颜酷更名为宝藏啦壁纸</span>
                                    <span class="text-xs text-gray-400 ml-2">2023/02/12</span>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li class="hover:bg-white transition-all duration-300">
                        <a href="bulletin/2.html" class="block px-6 py-4">
                            <div class="flex items-center">
                                <div class="w-2 h-2 bg-green-400 rounded-full mr-3 shadow-sm"></div>
                                <div>
                                    <span class="font-medium">宝藏啦颜酷升级迁移至新服务器，更高的宽带以及接入CDN</span>
                                    <span class="text-xs text-gray-400 ml-2">2022/05/27</span>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li class="hover:bg-white transition-all duration-300">
                        <a href="bulletin/1.html" class="block px-6 py-4">
                            <div class="flex items-center">
                                <div class="w-2 h-2 bg-purple-400 rounded-full mr-3 shadow-sm"></div>
                                <div>
                                    <span class="font-medium">宝藏啦颜酷现在上线啦</span>
                                    <span class="text-xs text-gray-400 ml-2">2022/02/02</span>
                                </div>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </section>
        
        <hr class="border-gray-100 my-8">
        
        <!-- 3. 精选项目区域 -->
        <section class="mb-12">
            <div class="flex items-center justify-between mb-6">
                <h2 class="text-xl font-bold text-gray-900">精选项目</h2>
                <p class="text-sm text-gray-500">探索宝藏啦的精彩世界</p>
            </div>
            
                <div class="grid grid-cols-4 sm:grid-cols-8 lg:grid-cols-12 gap-3">
                <!-- 项目卡片 1 -->
                <div class="group col-span-1 sm:col-span-2 lg:col-span-2">
                    <div class="relative overflow-hidden rounded-lg aspect-square mb-2 shadow-sm border border-gray-100 transform transition-all duration-300 group-hover:-translate-y-1 group-hover:shadow-md">
                        <a href="https://www.haoreai.com/wenrouweilaigongzuoshi">
                            <img src="assets/picture/ef333690.png" alt="温柔未来工作室" class="w-full h-full object-cover transition-all duration-500 group-hover:scale-105">
                            <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/10 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300"></div>
                            <div class="absolute bottom-0 left-0 right-0 p-2 translate-y-full group-hover:translate-y-0 transition-transform duration-300">
                                <span class="inline-block px-2 py-0.5 bg-white/90 text-black text-[10px] font-medium rounded-full shadow-sm">设计工作室</span>
                            </div>
                        </a>
                    </div>
                    <h3 class="font-medium text-gray-900 text-xs text-center">温柔未来工作室</h3>
                </div>
                
                <!-- 项目卡片 2 -->
                <div class="group col-span-1 sm:col-span-2 lg:col-span-2">
                    <div class="relative overflow-hidden rounded-lg aspect-square mb-2 shadow-sm border border-gray-100 transform transition-all duration-300 group-hover:-translate-y-1 group-hover:shadow-md">
                        <a href="https://www.baozangla.com">
                            <img src="assets/picture/BoyUn.jpg" alt="男孩联合国" class="w-full h-full object-cover transition-all duration-500 group-hover:scale-105">
                            <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/10 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300"></div>
                            <div class="absolute bottom-0 left-0 right-0 p-2 translate-y-full group-hover:translate-y-0 transition-transform duration-300">
                                <span class="inline-block px-2 py-0.5 bg-white/90 text-black text-[10px] font-medium rounded-full shadow-sm">社区平台</span>
                            </div>
                        </a>
                    </div>
                    <h3 class="font-medium text-gray-900 text-xs text-center">男孩联合国</h3>
                </div>
                
                <!-- 项目卡片 3 -->
                <div class="group col-span-1 sm:col-span-2 lg:col-span-2">
                    <div class="relative overflow-hidden rounded-lg aspect-square mb-2 shadow-sm border border-gray-100 transform transition-all duration-300 group-hover:-translate-y-1 group-hover:shadow-md">
                        <a href="https://www.baozangla.com">
                            <img src="assets/picture/GirlUn.jpg" alt="女孩联合国" class="w-full h-full object-cover transition-all duration-500 group-hover:scale-105">
                            <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/10 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300"></div>
                            <div class="absolute bottom-0 left-0 right-0 p-2 translate-y-full group-hover:translate-y-0 transition-transform duration-300">
                                <span class="inline-block px-2 py-0.5 bg-white/90 text-black text-[10px] font-medium rounded-full shadow-sm">艺术社区</span>
                            </div>
                        </a>
                    </div>
                    <h3 class="font-medium text-gray-900 text-xs text-center">女孩联合国</h3>
                </div>
                
                <!-- 项目卡片 4 -->
                <div class="group col-span-1 sm:col-span-2 lg:col-span-2">
                    <div class="relative overflow-hidden rounded-lg aspect-square mb-2 shadow-sm border border-gray-100 transform transition-all duration-300 group-hover:-translate-y-1 group-hover:shadow-md">
                        <a href="https://www.baozangla.com">
                            <img src="assets/picture/ca565816.png" alt="宝藏啦万物" class="w-full h-full object-cover transition-all duration-500 group-hover:scale-105">
                            <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/10 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300"></div>
                            <div class="absolute bottom-0 left-0 right-0 p-2 translate-y-full group-hover:translate-y-0 transition-transform duration-300">
                                <span class="inline-block px-2 py-0.5 bg-white/90 text-black text-[10px] font-medium rounded-full shadow-sm">设计资源</span>
                            </div>
                        </a>
                    </div>
                    <h3 class="font-medium text-gray-900 text-xs text-center">宝藏啦万物</h3>
                </div>
                <!-- 项目卡片 4 -->
                <div class="group col-span-1 sm:col-span-2 lg:col-span-2">
                    <div class="relative overflow-hidden rounded-lg aspect-square mb-2 shadow-sm border border-gray-100 transform transition-all duration-300 group-hover:-translate-y-1 group-hover:shadow-md">
                        <a href="https://bizhi.likew.net">
                            <img src="assets/picture/bizhilogo.webp" alt="极简壁纸网" class="w-full h-full object-cover transition-all duration-500 group-hover:scale-105">
                            <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/10 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300"></div>
                            <div class="absolute bottom-0 left-0 right-0 p-2 translate-y-full group-hover:translate-y-0 transition-transform duration-300">
                                <span class="inline-block px-2 py-0.5 bg-white/90 text-black text-[10px] font-medium rounded-full shadow-sm">壁纸资源</span>
                            </div>
                        </a>
                    </div>
                    <h3 class="font-medium text-gray-900 text-xs text-center">极简壁纸网</h3>
                </div>
            </div>
        </section>
        
        <hr class="border-gray-100 my-8">
        
        <!-- 4. 宝藏国度区域 -->
        <section class="mb-12">
            <div class="flex items-center justify-between mb-6">
                <h2 class="text-xl font-bold text-gray-900">宝藏国度</h2>
                <div class="text-right">
                    <p class="text-sm text-gray-600">河山万里，赤横以南皆宝藏</p>
                    <p class="text-sm text-gray-500 italic">多巴胺国度，期望寄托眷顾，皆可你我</p>
                </div>
            </div>
            
            <!-- 社交媒体图标 -->
            <div class="flex flex-wrap justify-start gap-4 mb-8">
                <a href="https://baozangla.com" class="w-10 h-10 flex items-center justify-center bg-gray-100 rounded-full hover:bg-blue-50 hover:text-blue-600 transition-all duration-300" title="宝藏啦国度官网">
                    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" />
                    </svg>
                </a>
                <a href="#" class="w-10 h-10 flex items-center justify-center bg-gray-100 rounded-full hover:bg-blue-50 hover:text-blue-600 transition-all duration-300" title="X">
                    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24">
                        <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
                    </svg>
                </a>
                <a href="#" class="w-10 h-10 flex items-center justify-center bg-gray-100 rounded-full hover:bg-blue-50 hover:text-blue-600 transition-all duration-300" title="WordPress">
                    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24">
                        <path d="M12.5 2C6.81 2 2 6.81 2 12.5S6.81 23 12.5 23 23 18.19 23 12.5 18.19 2 12.5 2zm-1.83 17.04c-3.28 0-5.96-2.68-5.96-5.96s2.68-5.96 5.96-5.96 5.96 2.68 5.96 5.96-2.68 5.96-5.96 5.96z"/>
                    </svg>
                </a>
                <a href="#" class="w-10 h-10 flex items-center justify-center bg-gray-100 rounded-full hover:bg-blue-50 hover:text-blue-600 transition-all duration-300" title="Facebook">
                    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24">
                        <path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/>
                    </svg>
                </a>
                <a href="#" class="w-10 h-10 flex items-center justify-center bg-gray-100 rounded-full hover:bg-blue-50 hover:text-blue-600 transition-all duration-300" title="TikTok">
                    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24">
                        <path d="M19.59 6.69a4.83 4.83 0 01-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 01-5.2 1.74 2.89 2.89 0 012.31-4.64c.27 0 .54.05.78.13V9.4a6.13 6.13 0 00-1-.08A6.25 6.25 0 002 15.57a6.25 6.25 0 0011.8 3v.44h3.45V6.89a8.2 8.2 0 003.14.8h.25V4.25a5.09 5.09 0 01-1.05.24z"/>
                    </svg>
                </a>
                <a href="#" class="w-10 h-10 flex items-center justify-center bg-gray-100 rounded-full hover:bg-blue-50 hover:text-blue-600 transition-all duration-300" title="Instagram">
                    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24">
                        <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/>
                    </svg>
                </a>
            </div>
        </section>
        
        <!-- 页脚 -->
        <footer class="text-center text-gray-400 text-xs mt-16 border-t border-gray-100 pt-6">
            <p class="mb-2"><a href="https://beian.miit.gov.cn/" class="hover:text-gray-600 transition-colors">桂ICP备18003097号-15</a></p>
            <p>Copyright © 宝藏啦国度 2022 - <script>document.write(new Date().getFullYear())</script> All rights reserved.</p>
        </footer>
    </div>

    <!-- 页面加载脚本 -->
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            // 页面加载动画
            setTimeout(function() {
                document.getElementById('loading').classList.add('opacity-0');
                setTimeout(function() {
                    document.getElementById('loading').classList.add('hidden');
                }, 500);
            }, 800);
            
            // 邮箱复制功能
            const copyEmailBtn = document.getElementById('copyEmailBtn');
            const emailBtnText = document.getElementById('emailBtnText');
            const originalText = emailBtnText.textContent;
            
            copyEmailBtn.addEventListener('click', function() {
                // 创建一个临时输入框来复制文本
                const tempInput = document.createElement('input');
                tempInput.value = 'hao@wenrou.org';
                document.body.appendChild(tempInput);
                tempInput.select();
                document.execCommand('copy');
                document.body.removeChild(tempInput);
                
                // 更改按钮文字为"已复制"
                emailBtnText.textContent = "已复制!";
                copyEmailBtn.classList.add('bg-green-50', 'text-green-700', 'border-green-100');
                
                // 2秒后恢复原来的文字
                setTimeout(function() {
                    emailBtnText.textContent = originalText;
                    copyEmailBtn.classList.remove('bg-green-50', 'text-green-700', 'border-green-100');
                }, 2000);
            });
        });
    </script>
</body>
</html>