diff --git a/.idea/.gitignore b/.idea/.gitignore
new file mode 100644
index 0000000..13566b8
--- /dev/null
+++ b/.idea/.gitignore
@@ -0,0 +1,8 @@
+# Default ignored files
+/shelf/
+/workspace.xml
+# Editor-based HTTP Client requests
+/httpRequests/
+# Datasource local storage ignored files
+/dataSources/
+/dataSources.local.xml
diff --git a/.idea/BookTime.iml b/.idea/BookTime.iml
new file mode 100644
index 0000000..74121dc
--- /dev/null
+++ b/.idea/BookTime.iml
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module classpath="AppCode" type="CIDR_MODULE" version="4" />
\ No newline at end of file
diff --git a/.idea/modules.xml b/.idea/modules.xml
new file mode 100644
index 0000000..cd2440e
--- /dev/null
+++ b/.idea/modules.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/BookTime.iml" filepath="$PROJECT_DIR$/.idea/BookTime.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/runConfigurations/BookTime.xml b/.idea/runConfigurations/BookTime.xml
new file mode 100644
index 0000000..8f93586
--- /dev/null
+++ b/.idea/runConfigurations/BookTime.xml
@@ -0,0 +1,11 @@
+<component name="ProjectRunConfigurationManager">
+  <configuration default="false" name="BookTime" type="AppleRunConfiguration" factoryName="Application" REDIRECT_INPUT="false" ELEVATE="false" USE_EXTERNAL_CONSOLE="false" PASS_PARENT_ENVS_2="true" PROJECT_NAME="BookTime" TARGET_NAME="BookTime" CONFIG_NAME="Debug" SCHEME_NAME="BookTime" IS_LOCATION_SIMULATION_ALLOWED="true" APPLICATION_LANGUAGE="zh-Hans" APPLICATION_REGION="CN" RUN_TARGET_PROJECT_NAME="BookTime" RUN_TARGET_NAME="BookTime" MAKE_ACTIVE="TRUE" SHOULD_DEBUG_EXTENSIONS="false">
+    <EXTENSION ID="org.jetbrains.appcode.reveal.RevealRunConfigurationExtension">
+      <REVEAL_SETTINGS autoInject="false" autoInstall="true" askToEnableAutoInstall="true" />
+    </EXTENSION>
+    <embedded_app_extension_list />
+    <method v="2">
+      <option name="com.jetbrains.cidr.execution.CidrBuildBeforeRunTaskProvider$BuildBeforeRunTask" enabled="true" />
+    </method>
+  </configuration>
+</component>
\ No newline at end of file
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
new file mode 100644
index 0000000..94a25f7
--- /dev/null
+++ b/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/xcode.xml b/.idea/xcode.xml
new file mode 100644
index 0000000..87f9f54
--- /dev/null
+++ b/.idea/xcode.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="XcodeMetaData" PROJECT_DIR="$PROJECT_DIR$" PROJECT_FILE="$PROJECT_DIR$/BookTime.xcodeproj" />
+</project>
\ No newline at end of file
diff --git a/BookTime.xcodeproj/xcuserdata/liurui.xcuserdatad/xcdebugger/Breakpoints_v2.xcbkptlist b/BookTime.xcodeproj/xcuserdata/liurui.xcuserdatad/xcdebugger/Breakpoints_v2.xcbkptlist
index eb2302f..abb7a4d 100644
--- a/BookTime.xcodeproj/xcuserdata/liurui.xcuserdatad/xcdebugger/Breakpoints_v2.xcbkptlist
+++ b/BookTime.xcodeproj/xcuserdata/liurui.xcuserdatad/xcdebugger/Breakpoints_v2.xcbkptlist
@@ -34,6 +34,38 @@
             endingLineNumber = "461"
             landmarkName = "body"
             landmarkType = "24">
+            <Locations>
+               <Location
+                  uuid = "855CC4E9-7626-4DDA-B789-03D1B639B3D3 - dd4cd93133af14b8"
+                  shouldBeEnabled = "Yes"
+                  ignoreCount = "0"
+                  continueAfterRunningActions = "No"
+                  symbolName = "closure #5 (Swift.Result&lt;Swift.Array&lt;Foundation.URL&gt;, Swift.Error&gt;) -&gt; () in closure #1 () -&gt; &lt;&lt;opaque return type of SwiftUI.View.fileImporter(isPresented: SwiftUI.Binding&lt;Swift.Bool&gt;, allowedContentTypes: Swift.Array&lt;UniformTypeIdentifiers.UTType&gt;, allowsMultipleSelection: Swift.Bool, onCompletion: (Swift.Result&lt;Swift.Array&lt;Foundation.URL&gt;, Swift.Error&gt;) -&gt; ()) -&gt; some&gt;&gt;.0 in BookTime.Setting.body.getter : some"
+                  moduleName = "BookTime"
+                  usesParentBreakpointCondition = "Yes"
+                  urlString = "file:///Users/liurui/develop/workspace-xcode/BookTime/BookTime/View/Setting.swift"
+                  startingColumnNumber = "9223372036854775807"
+                  endingColumnNumber = "9223372036854775807"
+                  startingLineNumber = "461"
+                  endingLineNumber = "461"
+                  offsetFromSymbolStart = "11916">
+               </Location>
+               <Location
+                  uuid = "855CC4E9-7626-4DDA-B789-03D1B639B3D3 - dd4cd93133af14b8"
+                  shouldBeEnabled = "Yes"
+                  ignoreCount = "0"
+                  continueAfterRunningActions = "No"
+                  symbolName = "closure #5 (Swift.Result&lt;Swift.Array&lt;Foundation.URL&gt;, Swift.Error&gt;) -&gt; () in closure #1 () -&gt; &lt;&lt;opaque return type of SwiftUI.View.fileImporter(isPresented: SwiftUI.Binding&lt;Swift.Bool&gt;, allowedContentTypes: Swift.Array&lt;UniformTypeIdentifiers.UTType&gt;, allowsMultipleSelection: Swift.Bool, onCompletion: (Swift.Result&lt;Swift.Array&lt;Foundation.URL&gt;, Swift.Error&gt;) -&gt; ()) -&gt; some&gt;&gt;.0 in BookTime.Setting.body.getter : some"
+                  moduleName = "BookTime"
+                  usesParentBreakpointCondition = "Yes"
+                  urlString = "file:///Users/liurui/develop/workspace-xcode/BookTime/BookTime/View/Setting.swift"
+                  startingColumnNumber = "9223372036854775807"
+                  endingColumnNumber = "9223372036854775807"
+                  startingLineNumber = "461"
+                  endingLineNumber = "461"
+                  offsetFromSymbolStart = "11160">
+               </Location>
+            </Locations>
          </BreakpointContent>
       </BreakpointProxy>
       <BreakpointProxy
@@ -81,6 +113,36 @@
                   endingLineNumber = "65"
                   offsetFromSymbolStart = "144">
                </Location>
+               <Location
+                  uuid = "A2D51D84-F2D1-4226-B39F-7B65F0E8312A - a69e5c0a889289e0"
+                  shouldBeEnabled = "Yes"
+                  ignoreCount = "0"
+                  continueAfterRunningActions = "No"
+                  symbolName = "closure #2 (Swift.String) -&gt; () in BookTime.ImagePicker.Coordinator.imagePickerController(_: __C.UIImagePickerController, didFinishPickingMediaWithInfo: Swift.Dictionary&lt;__C.UIImagePickerControllerInfoKey, Any&gt;) -&gt; ()"
+                  moduleName = "BookTime"
+                  usesParentBreakpointCondition = "Yes"
+                  urlString = "file:///Users/liurui/develop/workspace-xcode/BookTime/BookTime/Util/ImagePicker.swift"
+                  startingColumnNumber = "9223372036854775807"
+                  endingColumnNumber = "9223372036854775807"
+                  startingLineNumber = "65"
+                  endingLineNumber = "65"
+                  offsetFromSymbolStart = "204">
+               </Location>
+               <Location
+                  uuid = "A2D51D84-F2D1-4226-B39F-7B65F0E8312A - a69e5c0a889289e0"
+                  shouldBeEnabled = "Yes"
+                  ignoreCount = "0"
+                  continueAfterRunningActions = "No"
+                  symbolName = "closure #2 (Swift.String) -&gt; () in BookTime.ImagePicker.Coordinator.imagePickerController(_: __C.UIImagePickerController, didFinishPickingMediaWithInfo: Swift.Dictionary&lt;__C.UIImagePickerControllerInfoKey, Any&gt;) -&gt; ()"
+                  moduleName = "BookTime"
+                  usesParentBreakpointCondition = "Yes"
+                  urlString = "file:///Users/liurui/develop/workspace-xcode/BookTime/BookTime/Util/ImagePicker.swift"
+                  startingColumnNumber = "9223372036854775807"
+                  endingColumnNumber = "9223372036854775807"
+                  startingLineNumber = "65"
+                  endingLineNumber = "65"
+                  offsetFromSymbolStart = "184">
+               </Location>
             </Locations>
          </BreakpointContent>
       </BreakpointProxy>
@@ -98,6 +160,38 @@
             endingLineNumber = "95"
             landmarkName = "body"
             landmarkType = "24">
+            <Locations>
+               <Location
+                  uuid = "4C9F2313-BD4A-4D92-A0F4-CDCE8C73C26A - 444bb46f6df62d13"
+                  shouldBeEnabled = "Yes"
+                  ignoreCount = "0"
+                  continueAfterRunningActions = "No"
+                  symbolName = "closure #1 () -&gt; () in closure #1 (Swift.Int) -&gt; &lt;&lt;opaque return type of SwiftUI.View.onTapGesture(count: Swift.Int, perform: () -&gt; ()) -&gt; some&gt;&gt;.0 in closure #3 () -&gt; SwiftUI.ForEach&lt;Swift.ClosedRange&lt;Swift.Int&gt;, Swift.Int, &lt;&lt;opaque return type of SwiftUI.View.onTapGesture(count: Swift.Int, perform: () -&gt; ()) -&gt; some&gt;&gt;.0&gt; in closure #1 () -&gt; SwiftUI.TupleView&lt;(SwiftUI.Text, &lt;&lt;opaque return type of SwiftUI.View.onTapGesture(count: Swift.Int, perform: () -&gt; ()) -&gt; some&gt;&gt;.0, Swift.Optional&lt;Swift.Optional&lt;SwiftUI.HStack&lt;SwiftUI.ForEach&lt;Swift.Array&lt;BookTime.Tag&gt;, Swift.String, &lt;&lt;opaque return type of SwiftUI.View.font(Swift.Optional&lt;SwiftUI.Font&gt;) -&gt; some&gt;&gt;.0&gt;&gt;&gt;&gt;, &lt;&lt;opaque return type of SwiftUI.View.gesture&lt;&#x3c4;_0_0 where &#x3c4;_1_0: SwiftUI.Gesture&gt;(_: &#x3c4;_1_0, including: SwiftUI.GestureMask) -&gt; some&gt;&gt;.0, Swift.Optional&lt;SwiftUI.VStack&lt;SwiftUI.TupleView&lt;(BookTime.Slogan, BookTime.Slogan)&gt;&gt;&gt;)&gt; in closure #1 () -&gt; SwiftUI.TupleView&lt;(SwiftUI.VStack&lt;SwiftUI.TupleView&lt;(SwiftUI.Text, &lt;&lt;opaque return type of SwiftUI.View.onTapGesture(count: Swift.Int, perform: () -&gt; ()) -&gt; some&gt;&gt;.0, Swift.Optional&lt;Swift.Optional&lt;SwiftUI.HStack&lt;SwiftUI.ForEach&lt;Swift.Array&lt;BookTime.Tag&gt;, Swift.String, &lt;&lt;opaque return type of SwiftUI.View.font(Swift.Optional&lt;SwiftUI.Font&gt;) -&gt; some&gt;&gt;.0&gt;&gt;&gt;&gt;, &lt;&lt;opaque return type of SwiftUI.View.gesture&lt;&#x3c4;_0_0 where &#x3c4;_1_0: SwiftUI.Gesture&gt;(_: &#x3c4;_1_0, including: SwiftUI.GestureMask) -&gt; some&gt;&gt;.0, Swift.Optional&lt;SwiftUI.VStack&lt;SwiftUI.TupleView&lt;(BookTime.Slogan, BookTime.Slogan)&gt;&gt;&gt;)&gt;&gt;, &lt;&lt;opaque return type of SwiftUI.View.animation&lt;&#x3c4;_0_0 where &#x3c4;_1_0: Swift.Equatable&gt;(_: Swift.Optional&lt;SwiftUI.Animation&gt;, value: &#x3c4;_1_0) -&gt; some&gt;&gt;.0, Swift.Optional&lt;&lt;&lt;opaque return type of SwiftUI.View.onAppear(perform: Swift.Optional&lt;() -&gt; ()&gt;) -&gt; some&gt;&gt;.0&gt;)&gt; in closure #1 () -&gt; SwiftUI.TupleView&lt;(&lt;&lt;opaque return type of SwiftUI.View.toolbar&lt;&#x3c4;_0_0 where &#x3c4;_1_0: SwiftUI.View&gt;(content: () -&gt; &#x3c4;_1_0) -&gt; some&gt;&gt;.0, ConfettiSwiftUI.ConfettiCannon)&gt; in BookTime.BookCard.body.getter : some"
+                  moduleName = "BookTime"
+                  usesParentBreakpointCondition = "Yes"
+                  urlString = "file:///Users/liurui/develop/workspace-xcode/BookTime/BookTime/View/BookCard.swift"
+                  startingColumnNumber = "9223372036854775807"
+                  endingColumnNumber = "9223372036854775807"
+                  startingLineNumber = "95"
+                  endingLineNumber = "95"
+                  offsetFromSymbolStart = "172">
+               </Location>
+               <Location
+                  uuid = "4C9F2313-BD4A-4D92-A0F4-CDCE8C73C26A - 444bb46f6df62d13"
+                  shouldBeEnabled = "Yes"
+                  ignoreCount = "0"
+                  continueAfterRunningActions = "No"
+                  symbolName = "closure #1 () -&gt; () in closure #1 (Swift.Int) -&gt; &lt;&lt;opaque return type of SwiftUI.View.onTapGesture(count: Swift.Int, perform: () -&gt; ()) -&gt; some&gt;&gt;.0 in closure #3 () -&gt; SwiftUI.ForEach&lt;Swift.ClosedRange&lt;Swift.Int&gt;, Swift.Int, &lt;&lt;opaque return type of SwiftUI.View.onTapGesture(count: Swift.Int, perform: () -&gt; ()) -&gt; some&gt;&gt;.0&gt; in closure #1 () -&gt; SwiftUI.TupleView&lt;(SwiftUI.Text, &lt;&lt;opaque return type of SwiftUI.View.onTapGesture(count: Swift.Int, perform: () -&gt; ()) -&gt; some&gt;&gt;.0, Swift.Optional&lt;Swift.Optional&lt;SwiftUI.HStack&lt;SwiftUI.ForEach&lt;Swift.Array&lt;BookTime.Tag&gt;, Swift.String, &lt;&lt;opaque return type of SwiftUI.View.font(Swift.Optional&lt;SwiftUI.Font&gt;) -&gt; some&gt;&gt;.0&gt;&gt;&gt;&gt;, &lt;&lt;opaque return type of SwiftUI.View.gesture&lt;&#x3c4;_0_0 where &#x3c4;_1_0: SwiftUI.Gesture&gt;(_: &#x3c4;_1_0, including: SwiftUI.GestureMask) -&gt; some&gt;&gt;.0, Swift.Optional&lt;SwiftUI.VStack&lt;SwiftUI.TupleView&lt;(BookTime.Slogan, BookTime.Slogan)&gt;&gt;&gt;)&gt; in closure #1 () -&gt; SwiftUI.TupleView&lt;(SwiftUI.VStack&lt;SwiftUI.TupleView&lt;(SwiftUI.Text, &lt;&lt;opaque return type of SwiftUI.View.onTapGesture(count: Swift.Int, perform: () -&gt; ()) -&gt; some&gt;&gt;.0, Swift.Optional&lt;Swift.Optional&lt;SwiftUI.HStack&lt;SwiftUI.ForEach&lt;Swift.Array&lt;BookTime.Tag&gt;, Swift.String, &lt;&lt;opaque return type of SwiftUI.View.font(Swift.Optional&lt;SwiftUI.Font&gt;) -&gt; some&gt;&gt;.0&gt;&gt;&gt;&gt;, &lt;&lt;opaque return type of SwiftUI.View.gesture&lt;&#x3c4;_0_0 where &#x3c4;_1_0: SwiftUI.Gesture&gt;(_: &#x3c4;_1_0, including: SwiftUI.GestureMask) -&gt; some&gt;&gt;.0, Swift.Optional&lt;SwiftUI.VStack&lt;SwiftUI.TupleView&lt;(BookTime.Slogan, BookTime.Slogan)&gt;&gt;&gt;)&gt;&gt;, &lt;&lt;opaque return type of SwiftUI.View.animation&lt;&#x3c4;_0_0 where &#x3c4;_1_0: Swift.Equatable&gt;(_: Swift.Optional&lt;SwiftUI.Animation&gt;, value: &#x3c4;_1_0) -&gt; some&gt;&gt;.0, Swift.Optional&lt;&lt;&lt;opaque return type of SwiftUI.View.onAppear(perform: Swift.Optional&lt;() -&gt; ()&gt;) -&gt; some&gt;&gt;.0&gt;)&gt; in closure #1 () -&gt; SwiftUI.TupleView&lt;(&lt;&lt;opaque return type of SwiftUI.View.toolbar&lt;&#x3c4;_0_0 where &#x3c4;_1_0: SwiftUI.View&gt;(content: () -&gt; &#x3c4;_1_0) -&gt; some&gt;&gt;.0, ConfettiSwiftUI.ConfettiCannon)&gt; in BookTime.BookCard.body.getter : some"
+                  moduleName = "BookTime"
+                  usesParentBreakpointCondition = "Yes"
+                  urlString = "file:///Users/liurui/develop/workspace-xcode/BookTime/BookTime/View/BookCard.swift"
+                  startingColumnNumber = "9223372036854775807"
+                  endingColumnNumber = "9223372036854775807"
+                  startingLineNumber = "95"
+                  endingLineNumber = "95"
+                  offsetFromSymbolStart = "152">
+               </Location>
+            </Locations>
          </BreakpointContent>
       </BreakpointProxy>
       <BreakpointProxy
diff --git a/BookTimeWidget/BookTimeWidget.swift b/BookTimeWidget/BookTimeWidget.swift
index d5f611c..54e7d61 100644
--- a/BookTimeWidget/BookTimeWidget.swift
+++ b/BookTimeWidget/BookTimeWidget.swift
@@ -184,8 +184,9 @@ struct BookTimeWidgetEntryView : View {
             }
             
         }
-        .padding(.leading, 12)
-        .padding(.trailing,20)
+
+//        .padding(.leading, 12)
+//        .padding(.trailing,20)
     }
     
     @ViewBuilder
@@ -203,13 +204,13 @@ struct BookTimeWidgetEntryView : View {
                 }
             }
             .clipShape(Rectangle())
-            .padding(10)
+//            .padding(10)
             
             Spacer()
             mediumView(isInLarge: true)
         }
-        .padding(.vertical,10)
-        .padding(.bottom,15)
+//        .padding(.vertical,10)
+//        .padding(.bottom,15)
     }
     
     @ViewBuilder
@@ -248,43 +249,26 @@ struct BookTimeWidgetEntryView : View {
         case .systemSmall:
             smallView
                 .frame(maxWidth: .infinity, maxHeight: .infinity)    // << here !!
-                .background(Color("WidgetBackground"))
+                .widgetBackground(Color("WidgetBackground"))
             
         case .systemMedium:
             mediumView()
                 .frame(maxWidth: .infinity, maxHeight: .infinity)    // << here !!
-                .background(Color("WidgetBackground"))
+                .widgetBackground(Color("WidgetBackground"))
             
         case .systemLarge:
             largeView
                 .frame(maxWidth: .infinity, maxHeight: .infinity)    // << here !!
-                .background(Color("WidgetBackground"))
+                .widgetBackground(Color("WidgetBackground"))
             
         case .accessoryCircular:
             circularView
+                .widgetBackground(Color("WidgetBackground"))
             
         default:
             smallView
         }
-        
-        
-        //        VStack{
-        //            let encodedData  = UserDefaults(suiteName: "group.com.aruistar.BookTime")!.object(forKey: "sharedata") as? Data
-        //            /* Decoding it using JSONDecoder*/
-        //            if let carEncoded = encodedData {
-        //                 let carDecoded = try? JSONDecoder().decode(ShareData.self, from: carEncoded)
-        //                if let car = carDecoded{
-        //                    Text("\(car.todayReadMin)")
-        //                    // You successfully retrieved your car object!
-        //                }
-        //            }
-        //
-        //
-        //            Text(entry.date, style: .time)
-        //        }.onAppear{
-        //        }
-        
-        
+                
         
     }
 }
@@ -314,3 +298,15 @@ struct BookTimeWidget_Previews: PreviewProvider {
         
     }
 }
+
+extension View {
+    func widgetBackground(_ backgroundView: some View) -> some View {
+        if #available(iOSApplicationExtension 17.0, *) {
+            return containerBackground(for: .widget) {
+                backgroundView
+            }
+        } else {
+            return background(backgroundView).padding(15)
+        }
+    }
+}