From 977e749939eef926dc2dd80eaf2eceaac88afb91 Mon Sep 17 00:00:00 2001
From: Lightczx <1686188646@qq.com>
Date: Mon, 5 Feb 2024 15:35:02 +0800
Subject: [PATCH] rename style

---
 .../Control/Media/{Hsl32.cs => Hsla32.cs}     |   2 +-
 .../Snap.Hutao/Control/Media/Rgba32.cs        |  26 +-
 .../Control/Media/SoftwareBitmapExtension.cs  |   4 +-
 .../Control/Text/DescriptionTextBlock.cs      |   2 +-
 .../Control/Text/HtmlDescriptionTextBlock.cs  |   2 +-
 .../Snap.Hutao/Control/Theme/Card.xaml        |  15 +-
 .../Control/Theme/PivotOverride.xaml          | 375 +++++++++++++++++-
 .../Snap.Hutao/View/Page/AchievementPage.xaml |   2 +-
 .../View/Page/AvatarPropertyPage.xaml         |   2 +-
 .../Snap.Hutao/View/Page/DailyNotePage.xaml   |   2 +-
 .../Snap.Hutao/View/Page/WikiMonsterPage.xaml |   2 +-
 .../Snap.Hutao/View/Page/WikiWeaponPage.xaml  |   2 +-
 .../WinRT/IMemoryBufferByteAccessExtension.cs |   8 +
 13 files changed, 413 insertions(+), 31 deletions(-)
 rename src/Snap.Hutao/Snap.Hutao/Control/Media/{Hsl32.cs => Hsla32.cs} (96%)

diff --git a/src/Snap.Hutao/Snap.Hutao/Control/Media/Hsl32.cs b/src/Snap.Hutao/Snap.Hutao/Control/Media/Hsla32.cs
similarity index 96%
rename from src/Snap.Hutao/Snap.Hutao/Control/Media/Hsl32.cs
rename to src/Snap.Hutao/Snap.Hutao/Control/Media/Hsla32.cs
index 2cb67cfd..76743b55 100644
--- a/src/Snap.Hutao/Snap.Hutao/Control/Media/Hsl32.cs
+++ b/src/Snap.Hutao/Snap.Hutao/Control/Media/Hsla32.cs
@@ -8,7 +8,7 @@ namespace Snap.Hutao.Control.Media;
 /// <summary>
 /// Defines a color in Hue/Saturation/Lightness (HSL) space.
 /// </summary>
-internal struct Hsl32
+internal struct Hsla32
 {
     /// <summary>
     /// The Hue in 0..360 range.
diff --git a/src/Snap.Hutao/Snap.Hutao/Control/Media/Rgba32.cs b/src/Snap.Hutao/Snap.Hutao/Control/Media/Rgba32.cs
index a0726a13..a8c70b55 100644
--- a/src/Snap.Hutao/Snap.Hutao/Control/Media/Rgba32.cs
+++ b/src/Snap.Hutao/Snap.Hutao/Control/Media/Rgba32.cs
@@ -46,14 +46,14 @@ internal struct Rgba32
     /// <summary>
     /// 使用 RGBA 代码初始化新的结构
     /// </summary>
-    /// <param name="code">RGBA 代码</param>
-    public unsafe Rgba32(uint code)
+    /// <param name="xrgbaCode">RGBA 代码</param>
+    public unsafe Rgba32(uint xrgbaCode)
     {
-        // uint layout: 0xRRGGBBAA -> AABBGGRR
+        // uint layout: 0xRRGGBBAA is AABBGGRR
         // AABBGGRR -> RRGGBBAA
         fixed (Rgba32* pSelf = &this)
         {
-            *(uint*)pSelf = BinaryPrimitives.ReverseEndianness(code);
+            *(uint*)pSelf = BinaryPrimitives.ReverseEndianness(xrgbaCode);
         }
     }
 
@@ -67,14 +67,14 @@ internal struct Rgba32
 
     public static unsafe implicit operator Color(Rgba32 hexColor)
     {
-        // AABBGGRR -> BBGGRRAA
-        // AABBGGRR -> 000000AA
-        uint a = (*(uint*)&hexColor) >> 24;
+        // Goal : Rgba32:RRGGBBAA(0xAABBGGRR) -> Color: AARRGGBB(0xBBGGRRAA)
+        // Step1: Rgba32:RRGGBBAA(0xAABBGGRR) -> UInt32:AA000000(0x000000AA)
+        uint a = ((*(uint*)&hexColor) >> 24) & 0x000000FF;
 
-        // AABBGGRR -> BBGGRR00
-        uint rgb = (*(uint*)&hexColor) << 8;
+        // Step2: Rgba32:RRGGBBAA(0xAABBGGRR) -> UInt32:00RRGGBB(0xRRGGBB00)
+        uint rgb = ((*(uint*)&hexColor) << 8) & 0xFFFFFF00;
 
-        // BBGGRR00 + 000000AA
+        // Step2: UInt32:00RRGGBB(0xRRGGBB00) + UInt32:AA000000(0x000000AA) -> UInt32:AARRGGBB(0xRRGGBBAA)
         uint rgba = rgb + a;
 
         return *(Color*)&rgba;
@@ -85,7 +85,7 @@ internal struct Rgba32
     /// </summary>
     /// <param name="hsl">HSL 颜色</param>
     /// <returns>RGBA8颜色</returns>
-    public static Rgba32 FromHsl(Hsl32 hsl)
+    public static Rgba32 FromHsl(Hsla32 hsl)
     {
         double chroma = (1 - Math.Abs((2 * hsl.L) - 1)) * hsl.S;
         double h1 = hsl.H / 60;
@@ -142,7 +142,7 @@ internal struct Rgba32
     /// 转换到 HSL 颜色
     /// </summary>
     /// <returns>HSL 颜色</returns>
-    public readonly Hsl32 ToHsl()
+    public readonly Hsla32 ToHsl()
     {
         const double toDouble = 1.0 / 255;
         double r = toDouble * R;
@@ -175,7 +175,7 @@ internal struct Rgba32
         double lightness = 0.5 * (max + min);
         double saturation = chroma == 0 ? 0 : chroma / (1 - Math.Abs((2 * lightness) - 1));
 
-        Hsl32 ret;
+        Hsla32 ret;
         ret.H = 60 * h1;
         ret.S = saturation;
         ret.L = lightness;
diff --git a/src/Snap.Hutao/Snap.Hutao/Control/Media/SoftwareBitmapExtension.cs b/src/Snap.Hutao/Snap.Hutao/Control/Media/SoftwareBitmapExtension.cs
index 190fcd6f..b3b03618 100644
--- a/src/Snap.Hutao/Snap.Hutao/Control/Media/SoftwareBitmapExtension.cs
+++ b/src/Snap.Hutao/Snap.Hutao/Control/Media/SoftwareBitmapExtension.cs
@@ -2,6 +2,7 @@
 // Licensed under the MIT license.
 
 using Snap.Hutao.Win32.System.WinRT;
+using System.Runtime.CompilerServices;
 using Windows.Foundation;
 using Windows.Graphics.Imaging;
 using WinRT;
@@ -25,8 +26,7 @@ internal static class SoftwareBitmapExtension
         {
             using (IMemoryBufferReference reference = buffer.CreateReference())
             {
-                reference.As<IMemoryBufferByteAccess>().GetBuffer(out byte* data, out uint length);
-                Span<Bgra32> bytes = new(data, unchecked((int)length / sizeof(Bgra32)));
+                reference.As<IMemoryBufferByteAccess>().GetBuffer(out Span<Bgra32> bytes);
                 foreach (ref Bgra32 pixel in bytes)
                 {
                     byte baseAlpha = pixel.A;
diff --git a/src/Snap.Hutao/Snap.Hutao/Control/Text/DescriptionTextBlock.cs b/src/Snap.Hutao/Snap.Hutao/Control/Text/DescriptionTextBlock.cs
index 3ef1ab02..a24d1516 100644
--- a/src/Snap.Hutao/Snap.Hutao/Control/Text/DescriptionTextBlock.cs
+++ b/src/Snap.Hutao/Snap.Hutao/Control/Text/DescriptionTextBlock.cs
@@ -109,7 +109,7 @@ internal sealed partial class DescriptionTextBlock : ContentControl
         else
         {
             // Make lighter in light mode
-            Hsl32 hsl = color.ToHsl();
+            Hsla32 hsl = color.ToHsl();
             hsl.L *= 0.3;
             targetColor = Rgba32.FromHsl(hsl);
         }
diff --git a/src/Snap.Hutao/Snap.Hutao/Control/Text/HtmlDescriptionTextBlock.cs b/src/Snap.Hutao/Snap.Hutao/Control/Text/HtmlDescriptionTextBlock.cs
index 5d96e075..b4d680fc 100644
--- a/src/Snap.Hutao/Snap.Hutao/Control/Text/HtmlDescriptionTextBlock.cs
+++ b/src/Snap.Hutao/Snap.Hutao/Control/Text/HtmlDescriptionTextBlock.cs
@@ -139,7 +139,7 @@ internal sealed partial class HtmlDescriptionTextBlock : ContentControl
         else
         {
             // Make lighter in light mode
-            Hsl32 hsl = color.ToHsl();
+            Hsla32 hsl = color.ToHsl();
             hsl.L *= 0.3;
             targetColor = Rgba32.FromHsl(hsl);
         }
diff --git a/src/Snap.Hutao/Snap.Hutao/Control/Theme/Card.xaml b/src/Snap.Hutao/Snap.Hutao/Control/Theme/Card.xaml
index 2a460891..e60eabd5 100644
--- a/src/Snap.Hutao/Snap.Hutao/Control/Theme/Card.xaml
+++ b/src/Snap.Hutao/Snap.Hutao/Control/Theme/Card.xaml
@@ -18,6 +18,7 @@
                 Offset="0,4,0"/>
         </ResourceDictionary>
     </ResourceDictionary.ThemeDictionaries>
+
     <Style x:Key="BorderCardStyle" TargetType="Border">
         <Setter Property="Background" Value="{ThemeResource CardBackgroundFillColorDefaultBrush}"/>
         <Setter Property="BorderBrush" Value="{ThemeResource CardStrokeColorDefaultBrush}"/>
@@ -26,11 +27,11 @@
     </Style>
 
     <Style
-        x:Key="AcrylicBaseHighBorderCardStyle"
+        x:Key="AcrylicSecondaryBorderCardStyle"
         BasedOn="{StaticResource BorderCardStyle}"
         TargetType="Border">
         <Setter Property="BorderThickness" Value="0"/>
-        <Setter Property="Background" Value="{ThemeResource SystemControlBaseHighAcrylicElementBrush}"/>
+        <Setter Property="Background" Value="{ThemeResource SystemControlChromeMediumAcrylicElementMediumBrush}"/>
     </Style>
 
     <Style
@@ -38,7 +39,7 @@
         BasedOn="{StaticResource BorderCardStyle}"
         TargetType="Border">
         <Setter Property="BorderThickness" Value="0"/>
-        <Setter Property="Background" Value="{ThemeResource SystemControlAcrylicElementMediumHighBrush}"/>
+        <Setter Property="Background" Value="{ThemeResource SystemControlAcrylicElementBrush}"/>
     </Style>
 
     <Style x:Key="GridCardStyle" TargetType="Grid">
@@ -53,14 +54,14 @@
         BasedOn="{StaticResource GridCardStyle}"
         TargetType="Grid">
         <Setter Property="BorderThickness" Value="0"/>
-        <Setter Property="Background" Value="{ThemeResource SystemControlAcrylicElementMediumHighBrush}"/>
+        <Setter Property="Background" Value="{ThemeResource SystemControlAcrylicElementBrush}"/>
     </Style>
 
     <Style
-        x:Key="AcrylicBaseHighGridCardStyle"
+        x:Key="AcrylicSecondaryGridCardStyle"
         BasedOn="{StaticResource GridCardStyle}"
         TargetType="Grid">
         <Setter Property="BorderThickness" Value="0"/>
-        <Setter Property="Background" Value="{ThemeResource SystemControlBaseHighAcrylicElementBrush}"/>
+        <Setter Property="Background" Value="{ThemeResource SystemControlChromeMediumAcrylicElementMediumBrush}"/>
     </Style>
-</ResourceDictionary>
+</ResourceDictionary>
\ No newline at end of file
diff --git a/src/Snap.Hutao/Snap.Hutao/Control/Theme/PivotOverride.xaml b/src/Snap.Hutao/Snap.Hutao/Control/Theme/PivotOverride.xaml
index 68e1548c..1d1d5270 100644
--- a/src/Snap.Hutao/Snap.Hutao/Control/Theme/PivotOverride.xaml
+++ b/src/Snap.Hutao/Snap.Hutao/Control/Theme/PivotOverride.xaml
@@ -193,6 +193,379 @@
                                             <CompositeTransform x:Name="PivotLayoutElementTranslateTransform"/>
                                         </Grid.RenderTransform>
 
+                                        <ItemsPresenter x:Name="PivotItemPresenter" Grid.Row="1">
+                                            <ItemsPresenter.RenderTransform>
+                                                <TransformGroup>
+                                                    <TranslateTransform x:Name="ItemsPresenterTranslateTransform"/>
+                                                    <CompositeTransform x:Name="ItemsPresenterCompositeTransform"/>
+                                                </TransformGroup>
+                                            </ItemsPresenter.RenderTransform>
+                                        </ItemsPresenter>
+
+                                        <Border
+                                            Grid.Row="0"
+                                            Margin="16,16,16,0"
+                                            cw:Effects.Shadow="{ThemeResource CompatCardShadow}">
+                                            <Grid Style="{ThemeResource AcrylicSecondaryGridCardStyle}">
+                                                <Grid.ColumnDefinitions>
+                                                    <ColumnDefinition Width="Auto"/>
+                                                    <ColumnDefinition Width="*"/>
+                                                    <ColumnDefinition Width="Auto"/>
+                                                </Grid.ColumnDefinitions>
+
+                                                <ContentPresenter
+                                                    x:Name="LeftHeaderPresenter"
+                                                    HorizontalAlignment="Stretch"
+                                                    VerticalAlignment="Stretch"
+                                                    Content="{TemplateBinding LeftHeader}"
+                                                    ContentTemplate="{TemplateBinding LeftHeaderTemplate}"/>
+                                                <ContentControl
+                                                    x:Name="HeaderClipper"
+                                                    Grid.Column="1"
+                                                    HorizontalContentAlignment="Stretch"
+                                                    UseSystemFocusVisuals="{StaticResource UseSystemFocusVisuals}">
+                                                    <ContentControl.Clip>
+                                                        <RectangleGeometry x:Name="HeaderClipperGeometry"/>
+                                                    </ContentControl.Clip>
+                                                    <Grid>
+                                                        <Grid.RenderTransform>
+                                                            <CompositeTransform x:Name="HeaderOffsetTranslateTransform"/>
+                                                        </Grid.RenderTransform>
+                                                        <PivotHeaderPanel x:Name="StaticHeader" Visibility="Collapsed">
+                                                            <PivotHeaderPanel.RenderTransform>
+                                                                <CompositeTransform x:Name="StaticHeaderTranslateTransform"/>
+                                                            </PivotHeaderPanel.RenderTransform>
+                                                        </PivotHeaderPanel>
+                                                        <PivotHeaderPanel x:Name="Header">
+                                                            <PivotHeaderPanel.RenderTransform>
+                                                                <CompositeTransform x:Name="HeaderTranslateTransform"/>
+                                                            </PivotHeaderPanel.RenderTransform>
+                                                        </PivotHeaderPanel>
+                                                        <Rectangle
+                                                            x:Name="FocusFollower"
+                                                            HorizontalAlignment="Stretch"
+                                                            VerticalAlignment="Stretch"
+                                                            Control.IsTemplateFocusTarget="True"
+                                                            Fill="Transparent"
+                                                            IsHitTestVisible="False"/>
+                                                    </Grid>
+                                                </ContentControl>
+                                                <Button
+                                                    x:Name="PreviousButton"
+                                                    Grid.Column="1"
+                                                    Width="20"
+                                                    Height="36"
+                                                    Margin="{ThemeResource PivotNavButtonMargin}"
+                                                    HorizontalAlignment="Left"
+                                                    VerticalAlignment="Top"
+                                                    Background="Transparent"
+                                                    IsEnabled="False"
+                                                    IsTabStop="False"
+                                                    Opacity="0"
+                                                    Template="{StaticResource PreviousTemplate}"
+                                                    UseSystemFocusVisuals="False"/>
+                                                <Button
+                                                    x:Name="NextButton"
+                                                    Grid.Column="1"
+                                                    Width="20"
+                                                    Height="36"
+                                                    Margin="{ThemeResource PivotNavButtonMargin}"
+                                                    HorizontalAlignment="Right"
+                                                    VerticalAlignment="Top"
+                                                    Background="Transparent"
+                                                    IsEnabled="False"
+                                                    IsTabStop="False"
+                                                    Opacity="0"
+                                                    Template="{StaticResource NextTemplate}"
+                                                    UseSystemFocusVisuals="False"/>
+                                                <ContentPresenter
+                                                    x:Name="RightHeaderPresenter"
+                                                    Grid.Column="2"
+                                                    HorizontalAlignment="Stretch"
+                                                    VerticalAlignment="Stretch"
+                                                    Content="{TemplateBinding RightHeader}"
+                                                    ContentTemplate="{TemplateBinding RightHeaderTemplate}"/>
+                                            </Grid>
+                                        </Border>
+
+                                    </Grid>
+                                </PivotPanel>
+                            </ScrollViewer>
+
+                        </Grid>
+
+                        <VisualStateManager.VisualStateGroups>
+                            <VisualStateGroup x:Name="Orientation">
+                                <VisualState x:Name="Portrait">
+
+                                    <Storyboard>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="TitleContentControl" Storyboard.TargetProperty="Margin">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotPortraitThemePadding}"/>
+                                        </ObjectAnimationUsingKeyFrames>
+                                    </Storyboard>
+                                </VisualState>
+                                <VisualState x:Name="Landscape">
+
+                                    <Storyboard>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="TitleContentControl" Storyboard.TargetProperty="Margin">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotLandscapeThemePadding}"/>
+                                        </ObjectAnimationUsingKeyFrames>
+                                    </Storyboard>
+                                </VisualState>
+
+                            </VisualStateGroup>
+                            <VisualStateGroup x:Name="NavigationButtonsVisibility">
+                                <VisualState x:Name="NavigationButtonsHidden"/>
+                                <VisualState x:Name="NavigationButtonsVisible">
+
+                                    <Storyboard>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="NextButton" Storyboard.TargetProperty="Opacity">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="1"/>
+                                        </ObjectAnimationUsingKeyFrames>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="NextButton" Storyboard.TargetProperty="IsEnabled">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="True"/>
+                                        </ObjectAnimationUsingKeyFrames>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PreviousButton" Storyboard.TargetProperty="Opacity">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="1"/>
+                                        </ObjectAnimationUsingKeyFrames>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PreviousButton" Storyboard.TargetProperty="IsEnabled">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="True"/>
+                                        </ObjectAnimationUsingKeyFrames>
+                                    </Storyboard>
+                                </VisualState>
+                                <VisualState x:Name="PreviousButtonVisible">
+
+                                    <Storyboard>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PreviousButton" Storyboard.TargetProperty="Opacity">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="1"/>
+                                        </ObjectAnimationUsingKeyFrames>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PreviousButton" Storyboard.TargetProperty="IsEnabled">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="True"/>
+                                        </ObjectAnimationUsingKeyFrames>
+                                    </Storyboard>
+                                </VisualState>
+                                <VisualState x:Name="NextButtonVisible">
+
+                                    <Storyboard>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="NextButton" Storyboard.TargetProperty="Opacity">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="1"/>
+                                        </ObjectAnimationUsingKeyFrames>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="NextButton" Storyboard.TargetProperty="IsEnabled">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="True"/>
+                                        </ObjectAnimationUsingKeyFrames>
+                                    </Storyboard>
+                                </VisualState>
+
+                            </VisualStateGroup>
+                            <VisualStateGroup x:Name="HeaderStates">
+                                <VisualState x:Name="HeaderDynamic"/>
+                                <VisualState x:Name="HeaderStatic">
+
+                                    <Storyboard>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Header" Storyboard.TargetProperty="Visibility">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/>
+                                        </ObjectAnimationUsingKeyFrames>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="StaticHeader" Storyboard.TargetProperty="Visibility">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/>
+                                        </ObjectAnimationUsingKeyFrames>
+                                    </Storyboard>
+                                </VisualState>
+
+                            </VisualStateGroup>
+
+                        </VisualStateManager.VisualStateGroups>
+                    </Grid>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+    <Style x:Key="CardPivotStyle2" TargetType="Pivot">
+        <Setter Property="Margin" Value="0"/>
+        <Setter Property="Padding" Value="0"/>
+        <Setter Property="Background" Value="{ThemeResource PivotBackground}"/>
+        <Setter Property="IsTabStop" Value="False"/>
+        <Setter Property="ItemsPanel">
+            <Setter.Value>
+                <ItemsPanelTemplate>
+                    <Grid/>
+                </ItemsPanelTemplate>
+            </Setter.Value>
+        </Setter>
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="Pivot">
+                    <Grid
+                        x:Name="RootElement"
+                        HorizontalAlignment="{TemplateBinding HorizontalAlignment}"
+                        VerticalAlignment="{TemplateBinding VerticalAlignment}"
+                        Background="{TemplateBinding Background}">
+                        <Grid.Resources>
+                            <Style x:Key="BaseContentControlStyle" TargetType="ContentControl">
+                                <Setter Property="FontFamily" Value="XamlAutoFontFamily"/>
+                                <Setter Property="FontWeight" Value="SemiBold"/>
+                                <Setter Property="Template">
+                                    <Setter.Value>
+                                        <ControlTemplate TargetType="ContentControl">
+                                            <ContentPresenter
+                                                Margin="{TemplateBinding Padding}"
+                                                HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
+                                                VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
+                                                Content="{TemplateBinding Content}"
+                                                ContentTemplate="{TemplateBinding ContentTemplate}"
+                                                ContentTransitions="{TemplateBinding ContentTransitions}"
+                                                OpticalMarginAlignment="TrimSideBearings"/>
+                                        </ControlTemplate>
+                                    </Setter.Value>
+                                </Setter>
+                            </Style>
+                            <Style
+                                x:Key="TitleContentControlStyle"
+                                BasedOn="{StaticResource BaseContentControlStyle}"
+                                TargetType="ContentControl">
+                                <Setter Property="FontFamily" Value="{ThemeResource PivotTitleFontFamily}"/>
+                                <Setter Property="FontWeight" Value="{ThemeResource PivotTitleThemeFontWeight}"/>
+                                <Setter Property="FontSize" Value="{ThemeResource PivotTitleFontSize}"/>
+                            </Style>
+                        </Grid.Resources>
+
+                        <Grid.RowDefinitions>
+                            <RowDefinition Height="Auto"/>
+                            <RowDefinition Height="*"/>
+                        </Grid.RowDefinitions>
+                        <ContentControl
+                            x:Name="TitleContentControl"
+                            Grid.Row="0"
+                            Margin="{StaticResource PivotPortraitThemePadding}"
+                            Content="{TemplateBinding Title}"
+                            ContentTemplate="{TemplateBinding TitleTemplate}"
+                            IsTabStop="False"
+                            Style="{StaticResource TitleContentControlStyle}"
+                            Visibility="Collapsed"/>
+
+                        <Grid Grid.Row="1">
+                            <Grid.Resources>
+                                <ControlTemplate x:Key="NextTemplate" TargetType="Button">
+                                    <Border
+                                        x:Name="Root"
+                                        Background="{ThemeResource PivotNextButtonBackground}"
+                                        BorderBrush="{ThemeResource PivotNextButtonBorderBrush}"
+                                        BorderThickness="{ThemeResource PivotNavButtonBorderThemeThickness}">
+                                        <FontIcon
+                                            x:Name="Arrow"
+                                            HorizontalAlignment="Center"
+                                            VerticalAlignment="Center"
+                                            FontFamily="{ThemeResource SymbolThemeFontFamily}"
+                                            FontSize="12"
+                                            Foreground="{ThemeResource PivotNextButtonForeground}"
+                                            Glyph="&#xE76C;"
+                                            MirroredWhenRightToLeft="True"
+                                            UseLayoutRounding="False"/>
+                                        <VisualStateManager.VisualStateGroups>
+                                            <VisualStateGroup x:Name="CommonStates">
+                                                <VisualState x:Name="Normal"/>
+                                                <VisualState x:Name="PointerOver">
+                                                    <Storyboard>
+                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="Background">
+                                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotNextButtonBackgroundPointerOver}"/>
+                                                        </ObjectAnimationUsingKeyFrames>
+                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="BorderBrush">
+                                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotNextButtonBorderBrushPointerOver}"/>
+                                                        </ObjectAnimationUsingKeyFrames>
+                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Arrow" Storyboard.TargetProperty="Foreground">
+                                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotNextButtonForegroundPointerOver}"/>
+                                                        </ObjectAnimationUsingKeyFrames>
+                                                    </Storyboard>
+                                                </VisualState>
+                                                <VisualState x:Name="Pressed">
+                                                    <Storyboard>
+                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="Background">
+                                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotNextButtonBackgroundPressed}"/>
+                                                        </ObjectAnimationUsingKeyFrames>
+                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="BorderBrush">
+                                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotNextButtonBorderBrushPressed}"/>
+                                                        </ObjectAnimationUsingKeyFrames>
+                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Arrow" Storyboard.TargetProperty="Foreground">
+                                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotNextButtonForegroundPressed}"/>
+                                                        </ObjectAnimationUsingKeyFrames>
+                                                    </Storyboard>
+                                                </VisualState>
+                                            </VisualStateGroup>
+                                        </VisualStateManager.VisualStateGroups>
+                                    </Border>
+                                </ControlTemplate>
+                                <ControlTemplate x:Key="PreviousTemplate" TargetType="Button">
+                                    <Border
+                                        x:Name="Root"
+                                        Background="{ThemeResource PivotPreviousButtonBackground}"
+                                        BorderBrush="{ThemeResource PivotPreviousButtonBorderBrush}"
+                                        BorderThickness="{ThemeResource PivotNavButtonBorderThemeThickness}">
+                                        <FontIcon
+                                            x:Name="Arrow"
+                                            HorizontalAlignment="Center"
+                                            VerticalAlignment="Center"
+                                            FontFamily="{ThemeResource SymbolThemeFontFamily}"
+                                            FontSize="12"
+                                            Foreground="{ThemeResource PivotPreviousButtonForeground}"
+                                            Glyph="&#xE76B;"
+                                            MirroredWhenRightToLeft="True"
+                                            UseLayoutRounding="False"/>
+                                        <VisualStateManager.VisualStateGroups>
+                                            <VisualStateGroup x:Name="CommonStates">
+                                                <VisualState x:Name="Normal"/>
+                                                <VisualState x:Name="PointerOver">
+                                                    <Storyboard>
+                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="Background">
+                                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotPreviousButtonBackgroundPointerOver}"/>
+                                                        </ObjectAnimationUsingKeyFrames>
+                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="BorderBrush">
+                                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotPreviousButtonBorderBrushPointerOver}"/>
+                                                        </ObjectAnimationUsingKeyFrames>
+                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Arrow" Storyboard.TargetProperty="Foreground">
+                                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotPreviousButtonForegroundPointerOver}"/>
+                                                        </ObjectAnimationUsingKeyFrames>
+                                                    </Storyboard>
+                                                </VisualState>
+                                                <VisualState x:Name="Pressed">
+                                                    <Storyboard>
+                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="Background">
+                                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotPreviousButtonBackgroundPressed}"/>
+                                                        </ObjectAnimationUsingKeyFrames>
+                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="BorderBrush">
+                                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotPreviousButtonBorderBrushPressed}"/>
+                                                        </ObjectAnimationUsingKeyFrames>
+                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Arrow" Storyboard.TargetProperty="Foreground">
+                                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotPreviousButtonForegroundPressed}"/>
+                                                        </ObjectAnimationUsingKeyFrames>
+                                                    </Storyboard>
+                                                </VisualState>
+                                            </VisualStateGroup>
+                                        </VisualStateManager.VisualStateGroups>
+                                    </Border>
+                                </ControlTemplate>
+                            </Grid.Resources>
+                            <ScrollViewer
+                                x:Name="ScrollViewer"
+                                Margin="{TemplateBinding Padding}"
+                                VerticalContentAlignment="Stretch"
+                                BringIntoViewOnFocusChange="False"
+                                HorizontalScrollBarVisibility="Hidden"
+                                HorizontalSnapPointsAlignment="Center"
+                                HorizontalSnapPointsType="MandatorySingle"
+                                Template="{StaticResource ScrollViewerScrollBarlessTemplate}"
+                                VerticalScrollBarVisibility="Disabled"
+                                VerticalScrollMode="Disabled"
+                                VerticalSnapPointsType="None"
+                                ZoomMode="Disabled">
+                                <PivotPanel x:Name="Panel" VerticalAlignment="Stretch">
+                                    <Grid x:Name="PivotLayoutElement">
+                                        <Grid.RowDefinitions>
+                                            <RowDefinition Height="Auto"/>
+                                            <RowDefinition Height="*"/>
+                                        </Grid.RowDefinitions>
+                                        <Grid.RenderTransform>
+                                            <CompositeTransform x:Name="PivotLayoutElementTranslateTransform"/>
+                                        </Grid.RenderTransform>
+
 
 
                                         <ItemsPresenter x:Name="PivotItemPresenter" Grid.Row="1">
@@ -208,7 +581,7 @@
                                             Grid.Row="0"
                                             Margin="16,16,16,0"
                                             cw:Effects.Shadow="{ThemeResource CompatCardShadow}">
-                                            <Grid Style="{ThemeResource AcrylicBaseHighGridCardStyle}">
+                                            <Grid Style="{ThemeResource AcrylicSecondaryGridCardStyle}">
                                                 <Grid.ColumnDefinitions>
                                                     <ColumnDefinition Width="Auto"/>
                                                     <ColumnDefinition Width="*"/>
diff --git a/src/Snap.Hutao/Snap.Hutao/View/Page/AchievementPage.xaml b/src/Snap.Hutao/Snap.Hutao/View/Page/AchievementPage.xaml
index c64b6387..8d7a93e5 100644
--- a/src/Snap.Hutao/Snap.Hutao/View/Page/AchievementPage.xaml
+++ b/src/Snap.Hutao/Snap.Hutao/View/Page/AchievementPage.xaml
@@ -199,7 +199,7 @@
             </Grid.RowDefinitions>
 
             <Border Margin="16" cw:Effects.Shadow="{ThemeResource CompatCardShadow}">
-                <Grid Style="{ThemeResource AcrylicBaseHighGridCardStyle}">
+                <Grid Style="{ThemeResource AcrylicSecondaryGridCardStyle}">
                     <Grid.ColumnDefinitions>
                         <ColumnDefinition Width="{StaticResource CompatGridLength2}"/>
                         <ColumnDefinition/>
diff --git a/src/Snap.Hutao/Snap.Hutao/View/Page/AvatarPropertyPage.xaml b/src/Snap.Hutao/Snap.Hutao/View/Page/AvatarPropertyPage.xaml
index 42fae4ba..7805d551 100644
--- a/src/Snap.Hutao/Snap.Hutao/View/Page/AvatarPropertyPage.xaml
+++ b/src/Snap.Hutao/Snap.Hutao/View/Page/AvatarPropertyPage.xaml
@@ -507,7 +507,7 @@
                 </Grid.RowDefinitions>
 
                 <Border Margin="16,16,16,0" cw:Effects.Shadow="{ThemeResource CompatCardShadow}">
-                    <Border Style="{ThemeResource AcrylicBaseHighBorderCardStyle}">
+                    <Border Style="{ThemeResource AcrylicSecondaryBorderCardStyle}">
                         <CommandBar Grid.Row="0" DefaultLabelPosition="Right">
                             <CommandBar.Content>
                                 <StackPanel Orientation="Horizontal">
diff --git a/src/Snap.Hutao/Snap.Hutao/View/Page/DailyNotePage.xaml b/src/Snap.Hutao/Snap.Hutao/View/Page/DailyNotePage.xaml
index 61b236df..e04510fe 100644
--- a/src/Snap.Hutao/Snap.Hutao/View/Page/DailyNotePage.xaml
+++ b/src/Snap.Hutao/Snap.Hutao/View/Page/DailyNotePage.xaml
@@ -391,7 +391,7 @@
         </Grid.RowDefinitions>
 
         <Border Margin="16,16,16,0" cw:Effects.Shadow="{ThemeResource CompatCardShadow}">
-            <Border Style="{ThemeResource AcrylicBaseHighBorderCardStyle}">
+            <Border Style="{ThemeResource AcrylicSecondaryBorderCardStyle}">
                 <CommandBar DefaultLabelPosition="Right">
                     <AppBarButton
                         Command="{Binding RefreshCommand}"
diff --git a/src/Snap.Hutao/Snap.Hutao/View/Page/WikiMonsterPage.xaml b/src/Snap.Hutao/Snap.Hutao/View/Page/WikiMonsterPage.xaml
index 9392e979..91b1fa89 100644
--- a/src/Snap.Hutao/Snap.Hutao/View/Page/WikiMonsterPage.xaml
+++ b/src/Snap.Hutao/Snap.Hutao/View/Page/WikiMonsterPage.xaml
@@ -83,7 +83,7 @@
                 <RowDefinition/>
             </Grid.RowDefinitions>
             <Border Margin="16" cw:Effects.Shadow="{ThemeResource CompatCardShadow}">
-                <Border Style="{ThemeResource AcrylicBaseHighBorderCardStyle}">
+                <Border Style="{ThemeResource AcrylicSecondaryBorderCardStyle}">
                     <CommandBar
                         BorderBrush="{x:Null}"
                         BorderThickness="0"
diff --git a/src/Snap.Hutao/Snap.Hutao/View/Page/WikiWeaponPage.xaml b/src/Snap.Hutao/Snap.Hutao/View/Page/WikiWeaponPage.xaml
index ca36e948..c6e44895 100644
--- a/src/Snap.Hutao/Snap.Hutao/View/Page/WikiWeaponPage.xaml
+++ b/src/Snap.Hutao/Snap.Hutao/View/Page/WikiWeaponPage.xaml
@@ -119,7 +119,7 @@
                 <RowDefinition/>
             </Grid.RowDefinitions>
             <Border Margin="16" cw:Effects.Shadow="{ThemeResource CompatCardShadow}">
-                <Border Style="{ThemeResource AcrylicBaseHighBorderCardStyle}">
+                <Border Style="{ThemeResource AcrylicSecondaryBorderCardStyle}">
                     <CommandBar
                         BorderBrush="{x:Null}"
                         BorderThickness="0"
diff --git a/src/Snap.Hutao/Snap.Hutao/Win32/System/WinRT/IMemoryBufferByteAccessExtension.cs b/src/Snap.Hutao/Snap.Hutao/Win32/System/WinRT/IMemoryBufferByteAccessExtension.cs
index 0051e038..042c8fa7 100644
--- a/src/Snap.Hutao/Snap.Hutao/Win32/System/WinRT/IMemoryBufferByteAccessExtension.cs
+++ b/src/Snap.Hutao/Snap.Hutao/Win32/System/WinRT/IMemoryBufferByteAccessExtension.cs
@@ -17,4 +17,12 @@ internal static class IMemoryBufferByteAccessExtension
             }
         }
     }
+
+    public static unsafe HRESULT GetBuffer<T>(this IMemoryBufferByteAccess memoryBufferByteAccess, out Span<T> value)
+        where T : unmanaged
+    {
+        HRESULT retVal = memoryBufferByteAccess.GetBuffer(out byte* data, out uint capacity);
+        value = new Span<T>(data, unchecked((int)capacity / sizeof(T)));
+        return retVal;
+    }
 }
\ No newline at end of file