/* Generated by build-assets.py. Edit source stylesheets, then rebuild. */

/* Source: normalize.css */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

 html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* Source: grid.css */
/*
 * Bento Grid System
 * Source: https://github.com/fenbox/bento
 * Version: 1.2.8
 * Update: 2013.11.25
 */
.container, .row > [class*="col-"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row {
  margin-right: -10px;
  margin-left: -10px; }

.row > [class*="col-"] {
  float: left;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; }

.row > [class*="-push-"],
.row > [class*="-pull-"] {
  position: relative; }

/*
 * Mobile and up
 */
.col-mb-1 {
  width: 8.33333%; }

.col-mb-2 {
  width: 16.66667%; }

.col-mb-3 {
  width: 25%; }

.col-mb-4 {
  width: 33.33333%; }

.col-mb-5 {
  width: 41.66667%; }

.col-mb-6 {
  width: 50%; }

.col-mb-7 {
  width: 58.33333%; }

.col-mb-8 {
  width: 66.66667%; }

.col-mb-9 {
  width: 75%; }

.col-mb-10 {
  width: 83.33333%; }

.col-mb-11 {
  width: 91.66667%; }

.col-mb-12 {
  width: 100%; }

/*
 * Tablet and up
 */
@media (min-width: 768px) {
  .container {
    max-width: 728px; }

  .col-tb-1 {
    width: 8.33333%; }

  .col-tb-2 {
    width: 16.66667%; }

  .col-tb-3 {
    width: 25%; }

  .col-tb-4 {
    width: 33.33333%; }

  .col-tb-5 {
    width: 41.66667%; }

  .col-tb-6 {
    width: 50%; }

  .col-tb-7 {
    width: 58.33333%; }

  .col-tb-8 {
    width: 66.66667%; }

  .col-tb-9 {
    width: 75%; }

  .col-tb-10 {
    width: 83.33333%; }

  .col-tb-11 {
    width: 91.66667%; }

  .col-tb-12 {
    width: 100%; }

  .col-tb-offset-0 {
    margin-left: 0%; }

  .col-tb-offset-1 {
    margin-left: 8.33333%; }

  .col-tb-offset-2 {
    margin-left: 16.66667%; }

  .col-tb-offset-3 {
    margin-left: 25%; }

  .col-tb-offset-4 {
    margin-left: 33.33333%; }

  .col-tb-offset-5 {
    margin-left: 41.66667%; }

  .col-tb-offset-6 {
    margin-left: 50%; }

  .col-tb-offset-7 {
    margin-left: 58.33333%; }

  .col-tb-offset-8 {
    margin-left: 66.66667%; }

  .col-tb-offset-9 {
    margin-left: 75%; }

  .col-tb-offset-10 {
    margin-left: 83.33333%; }

  .col-tb-offset-11 {
    margin-left: 91.66667%; }

  .col-tb-offset-12 {
    margin-left: 100%; }

  .col-tb-pull-0 {
    right: 0%; }

  .col-tb-pull-1 {
    right: 8.33333%; }

  .col-tb-pull-2 {
    right: 16.66667%; }

  .col-tb-pull-3 {
    right: 25%; }

  .col-tb-pull-4 {
    right: 33.33333%; }

  .col-tb-pull-5 {
    right: 41.66667%; }

  .col-tb-pull-6 {
    right: 50%; }

  .col-tb-pull-7 {
    right: 58.33333%; }

  .col-tb-pull-8 {
    right: 66.66667%; }

  .col-tb-pull-9 {
    right: 75%; }

  .col-tb-pull-10 {
    right: 83.33333%; }

  .col-tb-pull-11 {
    right: 91.66667%; }

  .col-tb-pull-12 {
    right: 100%; }

  .col-tb-push-0 {
    left: 0%; }

  .col-tb-push-1 {
    left: 8.33333%; }

  .col-tb-push-2 {
    left: 16.66667%; }

  .col-tb-push-3 {
    left: 25%; }

  .col-tb-push-4 {
    left: 33.33333%; }

  .col-tb-push-5 {
    left: 41.66667%; }

  .col-tb-push-6 {
    left: 50%; }

  .col-tb-push-7 {
    left: 58.33333%; }

  .col-tb-push-8 {
    left: 66.66667%; }

  .col-tb-push-9 {
    left: 75%; }

  .col-tb-push-10 {
    left: 83.33333%; }

  .col-tb-push-11 {
    left: 91.66667%; }

  .col-tb-push-12 {
    left: 100%; } }
/*
 * Desktop and up
 */
@media (min-width: 992px) {
  .container {
    max-width: 952px; }

  .col-1 {
    width: 8.33333%; }

  .col-2 {
    width: 16.66667%; }

  .col-3 {
    width: 25%; }

  .col-4 {
    width: 33.33333%; }

  .col-5 {
    width: 41.66667%; }

  .col-6 {
    width: 50%; }

  .col-7 {
    width: 58.33333%; }

  .col-8 {
    width: 66.66667%; }

  .col-9 {
    width: 75%; }

  .col-10 {
    width: 83.33333%; }

  .col-11 {
    width: 91.66667%; }

  .col-12 {
    width: 100%; }

  .col-offset-0 {
    margin-left: 0%; }

  .col-offset-1 {
    margin-left: 8.33333%; }

  .col-offset-2 {
    margin-left: 16.66667%; }

  .col-offset-3 {
    margin-left: 25%; }

  .col-offset-4 {
    margin-left: 33.33333%; }

  .col-offset-5 {
    margin-left: 41.66667%; }

  .col-offset-6 {
    margin-left: 50%; }

  .col-offset-7 {
    margin-left: 58.33333%; }

  .col-offset-8 {
    margin-left: 66.66667%; }

  .col-offset-9 {
    margin-left: 75%; }

  .col-offset-10 {
    margin-left: 83.33333%; }

  .col-offset-11 {
    margin-left: 91.66667%; }

  .col-offset-12 {
    margin-left: 100%; }

  .col-pull-0 {
    right: 0%; }

  .col-pull-1 {
    right: 8.33333%; }

  .col-pull-2 {
    right: 16.66667%; }

  .col-pull-3 {
    right: 25%; }

  .col-pull-4 {
    right: 33.33333%; }

  .col-pull-5 {
    right: 41.66667%; }

  .col-pull-6 {
    right: 50%; }

  .col-pull-7 {
    right: 58.33333%; }

  .col-pull-8 {
    right: 66.66667%; }

  .col-pull-9 {
    right: 75%; }

  .col-pull-10 {
    right: 83.33333%; }

  .col-pull-11 {
    right: 91.66667%; }

  .col-pull-12 {
    right: 100%; }

  .col-push-0 {
    left: 0%; }

  .col-push-1 {
    left: 8.33333%; }

  .col-push-2 {
    left: 16.66667%; }

  .col-push-3 {
    left: 25%; }

  .col-push-4 {
    left: 33.33333%; }

  .col-push-5 {
    left: 41.66667%; }

  .col-push-6 {
    left: 50%; }

  .col-push-7 {
    left: 58.33333%; }

  .col-push-8 {
    left: 66.66667%; }

  .col-push-9 {
    left: 75%; }

  .col-push-10 {
    left: 83.33333%; }

  .col-push-11 {
    left: 91.66667%; }

  .col-push-12 {
    left: 100%; } }
/*
 * Widescreen and up
 */
@media (min-width: 1200px) {
  .container {
    max-width: 1160px; }

  .col-wd-1 {
    width: 8.33333%; }

  .col-wd-2 {
    width: 16.66667%; }

  .col-wd-3 {
    width: 25%; }

  .col-wd-4 {
    width: 33.33333%; }

  .col-wd-5 {
    width: 41.66667%; }

  .col-wd-6 {
    width: 50%; }

  .col-wd-7 {
    width: 58.33333%; }

  .col-wd-8 {
    width: 66.66667%; }

  .col-wd-9 {
    width: 75%; }

  .col-wd-10 {
    width: 83.33333%; }

  .col-wd-11 {
    width: 91.66667%; }

  .col-wd-12 {
    width: 100%; }

  .col-wd-offset-0 {
    margin-left: 0%; }

  .col-wd-offset-1 {
    margin-left: 8.33333%; }

  .col-wd-offset-2 {
    margin-left: 16.66667%; }

  .col-wd-offset-3 {
    margin-left: 25%; }

  .col-wd-offset-4 {
    margin-left: 33.33333%; }

  .col-wd-offset-5 {
    margin-left: 41.66667%; }

  .col-wd-offset-6 {
    margin-left: 50%; }

  .col-wd-offset-7 {
    margin-left: 58.33333%; }

  .col-wd-offset-8 {
    margin-left: 66.66667%; }

  .col-wd-offset-9 {
    margin-left: 75%; }

  .col-wd-offset-10 {
    margin-left: 83.33333%; }

  .col-wd-offset-11 {
    margin-left: 91.66667%; }

  .col-wd-offset-12 {
    margin-left: 100%; }

  .col-wd-pull-0 {
    right: 0%; }

  .col-wd-pull-1 {
    right: 8.33333%; }

  .col-wd-pull-2 {
    right: 16.66667%; }

  .col-wd-pull-3 {
    right: 25%; }

  .col-wd-pull-4 {
    right: 33.33333%; }

  .col-wd-pull-5 {
    right: 41.66667%; }

  .col-wd-pull-6 {
    right: 50%; }

  .col-wd-pull-7 {
    right: 58.33333%; }

  .col-wd-pull-8 {
    right: 66.66667%; }

  .col-wd-pull-9 {
    right: 75%; }

  .col-wd-pull-10 {
    right: 83.33333%; }

  .col-wd-pull-11 {
    right: 91.66667%; }

  .col-wd-pull-12 {
    right: 100%; }

  .col-wd-push-0 {
    left: 0%; }

  .col-wd-push-1 {
    left: 8.33333%; }

  .col-wd-push-2 {
    left: 16.66667%; }

  .col-wd-push-3 {
    left: 25%; }

  .col-wd-push-4 {
    left: 33.33333%; }

  .col-wd-push-5 {
    left: 41.66667%; }

  .col-wd-push-6 {
    left: 50%; }

  .col-wd-push-7 {
    left: 58.33333%; }

  .col-wd-push-8 {
    left: 66.66667%; }

  .col-wd-push-9 {
    left: 75%; }

  .col-wd-push-10 {
    left: 83.33333%; }

  .col-wd-push-11 {
    left: 91.66667%; }

  .col-wd-push-12 {
    left: 100%; } }
/*
 * Responsive kit
 */
@media (max-width: 767px) {
  .kit-hidden-mb {
    display: none; } }
@media (max-width: 991px) {
  .kit-hidden-tb {
    display: none; } }
@media (max-width: 1199px) {
  .kit-hidden {
    display: none; } }
/*
 * Clearfix
 */
.clearfix, .row {
  zoom: 1; }
  .clearfix:before, .row:before, .clearfix:after, .row:after {
    content: " ";
    display: table; }
  .clearfix:after, .row:after {
    clear: both; }

/* Source: legacy.css */
/* ------------------------------------
 * Typecho Default Theme
 *
 * @author  Typecho Team
 * @link  http: //typecho.org/
 * @update  2013-10-28
 * --------------------------------- */

/* ------------------
 * Global style
 * --------------- */
body {
  background-color: #FFF;
  color: #444;
  /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  font-family: "Droid Serif", Georgia, "Times New Roman", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "WenQuanYi Micro Hei","Microsoft Yahei", serif;
  font-size: 87.5%;
}

a {
  color: #3354AA;
  text-decoration: none;
}
a:hover, a:active {
  color: #444;
}
pre, code { 
  background: #F3F3F3;
  font-family: Menlo, Monaco, Consolas, "Lucida Console", "Courier New", monospace;
  font-size: .92857em;
}
code { padding: 2px 4px; color: #B94A48; }
pre {
  padding: 8px;
  overflow: auto;
  max-height: 400px;
}
pre code {
  display: block;
  padding: 3px;
  color: #444;
}

blockquote {
  margin: 1em 0;
  padding-left: 1.5em;
  border-left: 4px solid #eee;
  color: #666;
}

table {
  border: 1px solid #ddd;
  width: 100%;
}
table th,
table td {
  padding: 5px 10px;
  border: 1px solid #eee;
}
table th {
  background: #f3f3f3;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "WenQuanYi Micro Hei","Microsoft Yahei", sans-serif;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
textarea {
  padding: 5px;
  border: 1px solid #E9E9E9;
  width: 100%;

  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
textarea {
  resize: vertical;
}


/* Special link style */
.post-meta a,
.post-content a,
.widget a,
.comment-content a {
  border-bottom: 1px solid #EEE;
}

.post-meta a:hover,
.post-content a:hover,
.widget a:hover,
.comment-content a:hover {
  border-bottom-color: transparent;
}

/* ------------------
 * Header
 * --------------- */

#header {
  padding-top: 35px;
  border-bottom: 1px solid #EEE;
}

#logo {
  color: #333;
  font-size: 2.5em;
}
#logo img {
    max-height: 64px;
}

.description {
  margin: .5em 0 0;
  color: #999;
  font-style: italic;
}

/* Navigation menu */
#nav-menu {
  margin: 25px 0 0;
  padding: 0;
}
#nav-menu a {
  display: block;
  margin-right: -1px;
  padding: 0 20px;
  border: 1px solid #EEE;
  border-bottom: none;
  height: 32px;
  line-height: 32px;
  color: #444;
  float: left;
}
#nav-menu a:hover,
#nav-menu .current {
  background: #F6F6F6;
}

/* Search */
#search {
  position: relative;
  margin-top: 15px;
}
#search input {
  padding-right: 30px;
}
#search button {
  position: absolute;
  right: 4px;
  top: 2px;
  border: none;
  padding: 0;
  width: 24px;
  height: 24px;
  background: transparent url(img/icon-search.png) no-repeat center center;
  direction: ltr; /* fix RTL language */
  text-indent: -9999em;
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) {
  #search button {
    background-image: url(img/icon-search@2x.png);
    -webkit-background-size: 24px 24px;
    -moz-background-size: 24px 24px;
    -o-background-size: 24px 24px;
    background-size: 24px 24px;
  }
}


/* ------------------
 * Main
 * --------------- */

.post {
  padding: 15px 0 20px;
  border-bottom: 1px solid #EEE;
}
.post-title {
  margin: .83em 0;
  font-size: 1.4em;
}
.post-meta {
  margin-top: -0.5em;
  padding: 0;
  color: #999;
  font-size: .92857em;
}
.post-meta li {
  display: inline-block;
  margin: 0 8px 0 0;
  padding-left: 12px;
  border-left: 1px solid #EEE;
}
.post-meta li:first-child {
  margin-left: 0;
  padding-left: 0;
  border: none;
}
.post-content {
  line-height: 1.5;
}
.post .tags {
  clear: both;
}

.post-near {
  list-style: none;
  margin: 30px 0;
  padding: 0;
  color: #999;
}
.post-near li {
  margin: 10px 0;
}

.archive-title {
  margin: 1em 0 -1em;
  padding-top: 20px;
  color: #999;
  font-size: 1em;
}
.more {
  text-align: center;
}
.more a {
  border: none;
}
.protected .text {
  width: 50%;
}

/* Page nav */

.page-navigator {
  list-style: none;
  margin: 25px 0;
  padding: 0;
  text-align: center;
}
.page-navigator li {
  display: inline-block;
  margin: 0 4px;
}
.page-navigator a {
  display: inline-block;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
}
.page-navigator a:hover {
  background: #EEE;
  text-decoration: none;
}

.page-navigator .current a {
  color: #444;
  background: #EEE;
}

/* ------------------
 * Comment list
 * --------------- */
#comments {
  padding-top: 15px;
}
.comment-list, .comment-list ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.comment-list li {
  padding: 14px;
  margin-top: 10px;
  border: 1px solid #EEE;
}
.comment-list li.comment-level-odd {
  background: #F6F6F3;
}
.comment-list li.comment-level-even {
  background: #FFF;
}
.comment-list li.comment-by-author {
  background: #FFF9E8;
}
.comment-list li .comment-reply {
  text-align: right;
  font-size: .92857em;
}
.comment-meta a {
  color: #999;
  font-size: .92857em;
}
.comment-author {
  display: block;
  margin-bottom: 3px;
  color: #444;
}
.comment-author .avatar {
  float: left;
  margin-right: 10px;
}
.comment-author cite {
  font-weight: bold;
  font-style: normal;
}

/* Comment reply */
.comment-list .respond {
  margin-top: 15px;
  border-top: 1px solid #EEE;
}
.respond .cancel-comment-reply {
  float: right;
  margin-top: 15px;
  font-size: .92857em;
}
#comment-form label {
  display: block;
  margin-bottom: .5em;
  font-weight: bold;
}
#comment-form .required:after {
  content: " *";
  color: #C00;
}

/* ------------------
 * secondary
 * --------------- */
#secondary {
  padding-top: 15px;
  word-wrap: break-word;
}
.widget {
  margin-bottom: 30px;
}
.widget-list {
  list-style: none;
  padding: 0;
}
.widget-list li {
  margin: 5px 0;
  line-height: 1.6;
}

.widget-list li ul {
  margin-left: 15px;
}


/* ------------------
 * Footer 
 * --------------- */
#footer {
  padding: 3em 0;
  line-height: 1.5;
  text-align: center;
  color: #999;
}


/* -----------------
 * Error page
 * -------------- */
.error-page {
  margin-top: 100px;
  margin-bottom: 100px;
}


/* -----------------
 * Content format
 *--------------- */
.post-content, .comment-content {
  line-height: 1.5;
  word-wrap: break-word;
}
.post-content h2, .comment-content h2 {
  font-size: 1.28571em;
}
.post-content img, .comment-content img,
.post-content video, .comment-content video {
  max-width: 100%;
}
.post-content a img,
.comment-content a img {
  background: #FFF;
  position: relative;
  bottom: -4px;  /* hidden img parent link border  */
}
.post-content hr, .comment-content hr {
  margin: 2em auto;
  width: 100px;
  border: 1px solid #E9E9E9;
  border-width: 2px 0 0 0;
}


/* -----------------
 * Misc
 *--------------- */
.aligncenter, div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.alignleft {
  float: left;
}
.alignright {
  float: right;
}
img.alignleft {
  margin: 0 15px 0 0;
}
img.alignright {
  margin: 0 0 0 15px;
}


/* -----------------
 * Responsive
 *--------------- */
@media (max-width: 767px) {
  body {
    font-size: 81.25%;
  }
  #nav-menu a {
    float: none;
    display: inline-block;
    margin: 0 -2px;
  }
}

@media (max-width: 768px) {
  #header,
  .post-title,
  .post-meta {
    text-align: center;
  }
}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {
  .container {
    max-width: 952px;
  }
}


/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
  display: none !important;
  visibility: hidden; }

/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.sr-only {
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*
* Extends the .sr-only class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
  visibility: hidden; }

/* Source: style.css */
/* INS号铺 homepage · native CSS · no external fonts or frameworks */
:root{--ink:#181c32;--muted:#72798c;--purple:#7642e9;--pink:#e84297;--line:#ebedf5;--paper:#f7f8fc;--radius:18px;--shadow:0 8px 28px #232e5b06;--gradient:linear-gradient(115deg,#8041ed,#d83eac 65%,#fa706d)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
body,h1,h2,h3,p,ul{margin:0}
ul{padding:0;list-style:none}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button,summary,a{-webkit-tap-highlight-color:transparent}
button,summary{cursor:pointer}
button{border:0}
img,svg{display:block;max-width:100%}
img{object-fit:cover}
summary{list-style:none}
summary::-webkit-details-marker{display:none}
:focus-visible{outline:3px solid #ae80ff;outline-offset:5px}
::selection{background:#e6d7ff;color:#332152}
.wrap{width:min(1200px,calc(100% - 40px));margin-inline:auto}
.icon{width:22px;height:22px;flex-shrink:0}
.skip-link{position:fixed;top:10px;left:20px;z-index:100;transform:translateY(-160%);padding:12px 20px;background:#fff;border-radius:8px;color:var(--purple)}
.skip-link:focus{transform:translateY(0)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:11px 22px;border:1px solid transparent;border-radius:9px;font-size:15px;font-weight:650;line-height:1.5;white-space:nowrap;transition:transform .2s,box-shadow .2s,background .2s}
.button .icon{width:18px;height:18px}
.button:hover{transform:translateY(-2px)}
.button-primary{background:var(--gradient);color:#fff;box-shadow:0 4px 12px #8041ed16}
.button-primary:hover{box-shadow:0 6px 20px #8041ed30}
.text-link{display:inline-flex;align-items:center;gap:7px;color:var(--purple);font-size:14px;font-weight:650;white-space:nowrap}
.text-link .icon{width:16px;height:16px;transition:transform .2s}
.text-link:hover .icon{transform:translateX(3px)}
.purple{--accent:#8051eb;--tint:#f0eaff}
.pink{--accent:#e34d94;--tint:#fff0f6}
.green{--accent:#159c83;--tint:#e8f8f2}
.blue{--accent:#4e79df;--tint:#edf3ff}
.orange{--accent:#ed9250;--tint:#fff3e9}
.gradient-text{background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent}
/* Header and native, keyboard-accessible disclosure menus */
.site-header{position:sticky;top:0;z-index:30;background:#ffffffed;border-bottom:1px solid #edeef5;backdrop-filter:blur(16px)}
.header-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:18px;flex-shrink:0}
.brand-name{font-size:30px;letter-spacing:-1px;font-weight:850;line-height:1.2;white-space:nowrap}
.brand-name>span:first-child{background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent;letter-spacing:-1.5px}
.brand-dot{color:var(--purple);padding-left:1px}
.brand-logo{width:132px;height:36px;object-fit:contain}
.brand-caption{padding-left:18px;border-left:1px solid #e6e8ef;color:#596174;font-size:12px;line-height:1.7}
.brand-caption small{display:block;color:#8a90a1;font-size:11px;letter-spacing:.6px}
.desktop-nav{display:none;align-items:center;gap:25px;margin-left:auto}
.desktop-nav>a{position:relative;padding:30px 0;font-size:14px;font-weight:650;white-space:nowrap}
.desktop-nav>a:hover,.desktop-nav .active{color:var(--purple)}
.desktop-nav .active::after{content:"";position:absolute;bottom:20px;height:2px;width:16px;left:50%;transform:translateX(-50%);border-radius:3px;background:var(--gradient)}
.header-actions{display:flex;align-items:center;gap:13px}
.icon-button{display:grid;place-items:center;width:40px;height:44px;border-radius:9px;color:#687086}
.icon-button:hover{background:#f3effb;color:var(--purple)}
.header-contact{min-height:40px;padding:9px 17px;font-size:14px}
.search-disclosure{position:relative}
.search-panel{position:absolute;top:56px;right:0;width:min(360px,calc(100vw - 40px));padding:22px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 60px #181c3226}
.search-panel label{display:block;font-weight:650;margin-bottom:10px}
.search-panel>div{display:flex;gap:8px}
.search-panel input{width:100%;min-width:0;border:1px solid #dfe1ed;border-radius:7px;padding:10px 12px;background:#f8f9fc}
.search-panel .button{padding:9px 16px;min-height:44px}
.mobile-drawer{position:absolute;right:20px;top:74px;width:min(340px,calc(100vw - 40px));max-height:calc(100dvh - 100px);overflow-y:auto;padding:24px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 70px #11152d30}
.drawer-label{font-size:12px;letter-spacing:2px;color:var(--muted);margin-bottom:12px}
.mobile-drawer nav{display:grid;margin-bottom:20px}
.mobile-drawer nav a{display:flex;justify-content:space-between;align-items:center;padding:13px 2px;border-bottom:1px solid var(--line)}
.mobile-drawer nav a[aria-current],.mobile-drawer nav a:hover{color:var(--purple)}
.mobile-drawer nav .icon{width:16px;height:16px;color:#9a8eae}
.mobile-drawer>.button{width:100%}
/* Hero: all decorative artwork is local CSS / SVG */
.hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 95% 7%,#ec8a7159,transparent 46%),radial-gradient(ellipse at 82% 65%,#a12aa360,transparent 53%),radial-gradient(ellipse at 50% -15%,#5742a745,transparent 57%),#11172f;color:#fff}
.hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#0e172b80,transparent 70%)}
.hero-grid{position:absolute;z-index:-1;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,#000)}
.hero-inner{display:grid;grid-template-columns:1fr;min-height:520px;align-items:center;gap:18px;padding-block:54px 44px}
.hero-copy{position:relative;z-index:2}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:2px;color:#d5c8e6;font-weight:550}
.status-dot{width:6px;height:6px;border-radius:50%;background:#dca3ef;box-shadow:0 0 12px #dca3ef80}
h1{font-size:clamp(34px,5vw,56px);font-weight:800;line-height:1.32;letter-spacing:-1.8px;margin-top:21px}
h1>span{background:linear-gradient(105deg,#fff 10%,#f5d5f7 80%,#f9b1ca);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-description{font-size:16px;line-height:1.95;color:#cbd0e2;margin-top:20px}
.mobile-break{display:none}
.hero-checks{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:24px}
.hero-checks li{display:flex;align-items:center;gap:6px;color:#e4e4f1;font-size:14px;white-space:nowrap}
.hero-checks .icon{width:16px;height:16px;border-radius:50%;padding:3px;background:#ffffff20;stroke-width:2.5}
.hero-ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:29px}
.hero-ctas .button{min-height:49px;padding:13px 25px}
.button-gradient{color:#fff;background:linear-gradient(105deg,#b63dd2,#f0519a 60%,#ff975a);box-shadow:0 6px 25px #ef45951f}
.button-ghost{color:#eae9f3;border-color:#c2bcdd5e;background:#ffffff04}
.button-ghost:hover{background:#ffffff0c;border-color:#d5c6ef}
.hero-note{font-size:13px;color:#9599b3;margin-top:17px;letter-spacing:1px}
.hero-art{position:relative;width:100%;height:390px;max-width:560px;margin-inline:auto;display:none}
.world-lines{position:absolute;inset:0;width:100%;height:100%;stroke:#d1b8f3;stroke-width:.65;opacity:.14;transform:rotate(-12deg)}
.orbit{position:absolute;left:50%;top:50%;border:1px dashed #e0bcf437;border-radius:50%;transform:translate(-50%,-50%) rotate(-25deg)}
.orbit-one{width:95%;height:64%}.orbit-two{width:85%;height:97%;transform:translate(-50%,-50%) rotate(26deg);opacity:.7}
.instagram-tile{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%) perspective(800px) rotateY(-15deg) rotateZ(12deg);width:217px;height:237px;display:grid;place-items:center;border:1px solid #c476ff;border-radius:53px;background:radial-gradient(circle at 30% 105%,#ffcf72,transparent 45%),linear-gradient(145deg,#6d55f9 5%,#ae34e4 30%,#e83093 64%,#ff755e);box-shadow:10px 8px 0 #8b2eae,16px 16px 0 #632d99,24px 26px 44px #03081980,inset 2px 3px 2px #e0b6ff70;overflow:hidden}
.instagram-tile>.icon{width:166px;height:166px;color:white;stroke-width:1.8;filter:drop-shadow(0 3px 2px #8f217845)}
.tile-sheen{position:absolute;inset:0;background:linear-gradient(140deg,#ffffff35,transparent 45%);pointer-events:none}
.float-card{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;background:#fffffff0;border:1px solid #fff8;border-radius:12px;padding:13px 15px;box-shadow:0 8px 32px #0d13361c;color:#7c7b8c;font-size:12px;backdrop-filter:blur(8px)}
.float-card strong{display:block;color:#2e2b45;font-size:14px;letter-spacing:.3px;margin-top:2px}
.float-icon{width:36px;height:36px;display:grid;place-items:center;color:var(--accent);background:var(--tint);border-radius:10px}
.float-icon .icon{width:23px;height:23px}
.float-global{top:27px;left:3%;transform:rotate(-3deg)}
.float-brand{bottom:37px;left:0;transform:rotate(-3deg)}
.float-security{top:94px;right:-4px;transform:rotate(4deg)}
.small-dot{width:5px;height:5px;background:#5fc5a1;border-radius:50%;margin-left:6px}
.mini-bars{display:flex;align-items:flex-end;gap:3px;height:25px;padding-left:3px}
.mini-bars i{width:4px;height:12px;background:#d0b2f5;border-radius:2px}
.mini-bars i:nth-child(2){height:18px}.mini-bars i:nth-child(3){height:15px}.mini-bars i:nth-child(4){height:24px;background:#9e5eea}
.orbit-node{position:absolute;width:40px;height:40px;display:grid;place-items:center;background:#c6a9ff1c;border:1px solid #e4d9ff25;border-radius:50%;color:#dac5ee}
.orbit-node .icon{width:21px;height:21px}
.node-one{right:38px;bottom:65px}.node-two{left:10px;top:160px}
.art-spark{position:absolute;color:#f4c9e1;font-size:26px;text-shadow:0 0 20px #ff9bd980}
.spark-one{top:24px;right:86px}.spark-two{bottom:22px;right:150px;font-size:17px}
.art-caption{position:absolute;bottom:-3px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:3px;color:#c0a9d38c;white-space:nowrap}
/* Benefit strip */
.benefits-bar{background:#fff;border-bottom:1px solid var(--line)}
.benefits-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding-block:22px;gap:22px}
.benefits-list li{display:flex;align-items:center;gap:13px;min-width:0}
.benefit-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;color:var(--accent);background:var(--tint);flex-shrink:0}
.benefit-icon .icon{width:25px;height:25px}
.benefits-list strong{font-size:16px;display:block;font-weight:700}
.benefits-list small{display:block;color:var(--muted);font-size:13px;margin-top:2px}
/* Products */
.section{padding-block:52px}
.section-kicker{font-size:11px;letter-spacing:2px;font-weight:650;color:#9293aa;line-height:1.5}
h2{font-size:27px;line-height:1.4;font-weight:800;letter-spacing:-.6px}
.heading-dot{color:var(--purple);padding-left:3px}
.section-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:25px}
.section-heading h2{margin-top:7px}.section-heading p:last-child{margin-top:7px;font-size:14px;color:var(--muted)}
.product-grid{display:grid;grid-template-columns:1fr;gap:20px}
.product-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:22px;border:1px solid #e8eaf4;border-radius:var(--radius);background:linear-gradient(145deg,#fff,#fff 65%,var(--tint));box-shadow:var(--shadow);transition:transform .25s,border-color .25s,box-shadow .25s}
.product-card::before{content:"";position:absolute;inset:-1px -1px auto;height:3px;border-radius:18px 18px 0 0;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:opacity .25s}
.product-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent) 35%,white);box-shadow:0 15px 40px #3027530d}
.product-card:hover::before{opacity:1}
.product-topline{display:flex;align-items:center;justify-content:space-between}
.product-badge{display:inline-block;background:var(--accent);background:linear-gradient(115deg,var(--accent),color-mix(in srgb,var(--accent) 72%,#b76cf0));color:#fff;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:700}
.product-en{font-size:10px;letter-spacing:1.3px;color:#9b9bad}
.product-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:radial-gradient(circle at 25% 110%,#ffde7b,transparent 45%),linear-gradient(145deg,#8550f2,#d93ac3 40%,#f14c7d 68%,#ffac63);color:white;box-shadow:0 6px 15px #cf57ba1a;margin:24px auto 17px}
.product-icon .icon{width:42px;height:42px;stroke-width:1.8}
.product-card h3{font-size:18px;text-align:center;font-weight:750;letter-spacing:-.5px}
.product-description{text-align:center;color:var(--muted);font-size:14px;margin-top:7px}
.product-features{display:grid;gap:9px;padding-top:21px;margin:20px 0 24px;border-top:1px solid var(--line)}
.product-features li{display:flex;align-items:center;gap:8px;font-size:14px;color:#636a7d}
.product-features .icon{width:14px;height:14px;color:var(--accent);background:var(--tint);padding:2px;border-radius:50%;stroke-width:3}
.product-bottom{margin-top:auto}
.buy-button{display:flex;width:100%;min-height:44px;padding:10px 13px;font-size:15px;gap:8px;border:1px solid #e8dbfb;color:var(--purple);background:#faf6ff;border-radius:7px}
.buy-button .icon{width:14px;height:14px}
.product-card:first-child .buy-button,.buy-button:hover{background:var(--gradient);color:#fff;border-color:transparent}
.product-note{display:flex;align-items:center;justify-content:center;gap:6px;color:#8a8e9d;font-size:12px;margin-top:20px;text-align:center}
.product-note .icon{width:13px;height:13px;flex-shrink:0}
/* Trust */
.trust-section{background:radial-gradient(ellipse at 0 0,#e9eeff,transparent 65%),radial-gradient(ellipse at 100% 100%,#fff0ec,transparent 65%),#f6f0ff;border:1px solid #f1edf8;border-radius:22px;padding:35px 32px}
.trust-intro h2{margin-top:8px}.trust-intro>p{margin-top:8px;color:#6e7085;font-size:14px}
.trust-grid{display:grid;grid-template-columns:1fr;gap:25px;margin-top:30px}
.trust-item{display:flex;gap:14px;align-items:flex-start;min-width:0}
.trust-icon{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border-radius:15px;background:#ffffffd9;color:var(--accent);box-shadow:0 3px 10px #29225703}
.trust-icon .icon{width:26px;height:26px}
.trust-item h3{font-size:16px;font-weight:700;margin-bottom:5px}.trust-item p{font-size:14px;line-height:1.9;color:#74788b;max-width:240px}
/* Live tutorials and native FAQ */
.knowledge-grid{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}
.knowledge-panel{min-width:0;border:1px solid #e9ebf4;border-radius:var(--radius);background:#fff;padding:26px;box-shadow:var(--shadow)}
.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
.panel-heading h2{font-size:22px;margin-top:5px}.panel-heading .section-kicker{font-size:11px}
.tutorial-card{display:flex;gap:18px;padding-block:18px;border-bottom:1px solid var(--line);align-items:center;min-width:0}
.tutorial-card:first-child{padding-top:0}.tutorial-card:last-child{border:0;padding-bottom:0}
.tutorial-thumbnail{display:block;flex:0 0 142px;height:112px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#f8f7fc}
.tutorial-thumbnail img{display:block;width:100%;height:100%;object-fit:contain}
.pin-badge{display:inline-flex;align-items:center;padding:2px 8px;margin-bottom:5px;border:1px solid #e7ddff;border-radius:5px;background:#f5f0ff;color:var(--purple);font-size:12px;font-weight:600;line-height:1.5}
.archive-pin-badge{margin-bottom:10px}
.tutorial-card:nth-child(2) .tutorial-thumbnail img[data-fallback="true"]{filter:hue-rotate(25deg)}
.tutorial-card:nth-child(3) .tutorial-thumbnail img[data-fallback="true"]{filter:hue-rotate(-20deg)}
.tutorial-copy{min-width:0;flex:1}
.tutorial-copy h3{font-size:17px;font-weight:700;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tutorial-copy h3 a:hover{color:var(--purple)}
.tutorial-copy>p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tutorial-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#939aac;margin-top:9px}
.tutorial-meta>span{display:flex;align-items:center;gap:4px}.tutorial-meta .icon{width:11px;height:11px}
.empty-state{padding:24px 5px 40px;color:var(--muted);text-align:center}.empty-state>.icon{width:42px;height:42px;margin:0 auto 16px;color:#a07de0}
.empty-state h3{font-size:16px;color:var(--ink)}.empty-state p{font-size:14px;max-width:330px;margin:10px auto 18px}
.faq-count{color:#9b91ae;font-size:12px;white-space:nowrap}
.faq-item{border-bottom:1px solid var(--line)}.faq-item:last-child{border-bottom:0}
.faq-item summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:48px;padding-block:12px;font-size:15px;color:#4b5066;line-height:1.65}
.faq-item summary>span{display:grid;place-items:center;width:21px;height:21px;border:1px solid #ece8f4;border-radius:6px;color:#9b8db5;flex-shrink:0}
.faq-item summary .icon{width:12px;height:12px;transition:transform .2s}.faq-item[open] summary .icon{transform:rotate(45deg)}
.faq-item[open] summary{color:var(--purple);font-weight:600}
.faq-item>p{font-size:14px;color:#7c8094;line-height:1.95;padding:0 29px 15px 0}
.faq-contact{display:flex;align-items:center;gap:7px;font-size:14px;color:var(--purple);background:#f8f5ff;border:1px solid #f0eafa;border-radius:8px;padding:11px 13px;margin-top:16px}
.faq-contact .icon{width:16px;height:16px}.faq-contact .icon:last-child{margin-left:auto;width:14px;height:14px}
/* Closing call to action and footer */
.contact-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #e9e3f4;border-radius:16px;padding:27px 32px;background:linear-gradient(100deg,#efecfb,#fbf2f9 70%,#fff0ea);margin-bottom:48px}
.contact-banner h2{font-size:22px;margin-top:7px}.contact-banner p{font-size:14px;color:#858095;margin-top:7px}
.contact-banner .section-kicker{font-size:11px;color:#a08cba}
.site-footer{background:#11182a;color:#fff;padding-top:43px}
.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 20px;padding-bottom:34px}
.footer-brand{grid-column:1/-1}.footer-brand .brand-name{font-size:28px}.footer-brand>p{font-size:14px;color:#b2b5c5;margin-top:10px}
.footer-brand .footer-description{font-size:14px;line-height:1.9;color:#828ca2;margin-top:8px}
.footer-brand-tag{display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:1.4px;color:#9c90b9;margin-top:17px}.footer-brand-tag .icon{width:14px;height:14px}
.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.footer-links>strong,.footer-contact>strong{font-size:15px;font-weight:600;letter-spacing:.5px;margin-bottom:7px}
.footer-links>a{padding-block:2px;font-size:14px;color:#929baf;transition:color .2s}.footer-links>a:hover{color:#dbbaff}
.footer-contact{grid-column:1/-1;scroll-margin-top:110px}.contact-card{display:flex;align-items:center;gap:14px;margin-top:17px}
.contact-card>img{border:6px solid white;border-radius:9px;background:#fff;object-fit:contain;width:88px;height:88px}
.contact-avatar{width:64px;height:64px;border:1px solid #514365;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#35304d,#24283c);color:#d3a2f4;flex-shrink:0}.contact-avatar .icon{width:30px;height:30px}
.contact-card b{font-size:15px;color:#c9c7d8;font-weight:500}.contact-card p{font-size:13px;color:#8991a7;margin-top:6px}
.contact-card .text-link{font-size:14px;color:#d2a1f2;margin-top:9px}.contact-pending{font-size:13px;color:#9b90b3;display:block;margin-top:8px}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;border-top:1px solid #ffffff0b;padding-block:19px;font-size:12px;color:#717c93}
.footer-bottom>p:first-child{flex-shrink:0}
.footer-bottom>p:nth-child(2){max-width:760px;font-size:12px;line-height:1.9}
.footer-legal-link{display:inline;margin-left:6px;color:#baa7d4;text-decoration:underline;text-underline-offset:3px}.footer-legal-link:hover{color:#fff}
/* Mobile first: one column; two for tablets, four for desktop. */
@media(min-width:600px){
  .wrap{width:min(1200px,calc(100% - 64px))}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:900px){
  .hero-inner{grid-template-columns:1.05fr 1fr;padding-block:40px;min-height:515px;gap:35px}
  .hero-art{display:block}.hero-description{font-size:16px}.hero-checks{gap:14px}
  .benefits-list{grid-template-columns:repeat(4,minmax(0,1fr));padding-block:24px;gap:26px}
  .benefits-list li+li{border-left:1px solid var(--line);padding-left:26px}
  .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
  .product-card{padding:19px}.product-card h3{font-size:18px}.product-description{font-size:14px}
  .buy-button{padding:10px}
  .trust-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.trust-item{gap:10px}.trust-icon{width:42px;height:42px;border-radius:13px}
  .trust-item h3{font-size:16px}.trust-item p{font-size:14px}
  .knowledge-grid{grid-template-columns:1.2fr 1fr;gap:24px}
  .footer-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.6fr) minmax(0,.6fr) minmax(0,1.15fr);gap:30px}.footer-brand,.footer-contact{grid-column:auto}
}
@media(min-width:1100px){
  .desktop-nav{display:flex}.mobile-menu{display:none}.header-inner{gap:22px}
  .brand-caption{display:none}.hero-art{height:410px}
}
@media(min-width:1260px){
  .brand-caption{display:block}.desktop-nav{gap:23px}.header-inner{gap:20px}
  .product-card{padding:22px}.product-card h3{font-size:18px}.buy-button{padding:10px 13px}
}
@media(max-width:599px){
  html{scroll-padding-top:85px}.header-inner{height:68px;gap:12px}.brand-name{font-size:27px}.brand-caption{display:none}.header-contact{display:none}.header-actions{gap:4px}
  .search-panel{right:-44px;top:52px}.mobile-drawer{top:66px}.hero-inner{padding-block:45px 40px;min-height:430px}
  .eyebrow{font-size:11px;letter-spacing:1.5px}.hero-description{font-size:16px;line-height:1.9}.mobile-break{display:block}
  h1{font-size:clamp(31px,8.7vw,48px);letter-spacing:-1.2px}.hero-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 13px;margin-top:23px}.hero-checks li{font-size:14px}
  .hero-ctas{gap:10px;margin-top:25px}.hero-ctas .button{padding:12px 17px;font-size:15px;min-height:46px}.hero-note{font-size:13px}
  .benefits-list{gap:21px 12px;padding-block:24px}.benefits-list li{gap:10px}.benefit-icon{width:39px;height:39px}.benefit-icon .icon{width:23px;height:23px}
  .benefits-list strong{font-size:16px}.benefits-list small{font-size:13px}
  .section{padding-block:35px}.section-heading{gap:10px;margin-bottom:20px}.section-kicker{font-size:11px;letter-spacing:1.4px}h2{font-size:23px}
  .section-heading p:last-child{font-size:14px}.section-heading .text-link{font-size:14px;gap:3px}.section-heading .text-link .icon{width:13px;height:13px}
  .product-grid{gap:17px}.product-card{padding:23px 26px}.product-icon{margin:18px auto 13px}.product-card h3{font-size:20px}.product-description{font-size:14px}
  .product-features{grid-template-columns:1fr;gap:10px;margin-bottom:26px}.product-features li{font-size:14px;gap:5px}.buy-button{padding-inline:20px}
  .product-note{font-size:12px;align-items:flex-start;gap:4px;margin-top:15px}.product-note .icon{margin-top:1px}
  .trust-section{padding:27px 24px;border-radius:17px}.trust-intro h2{font-size:22px}.trust-intro>p{font-size:14px}.trust-grid{margin-top:25px;gap:22px}.trust-item p{font-size:14px;max-width:none}
  .knowledge-grid{gap:20px}.knowledge-panel{padding:23px 20px}.panel-heading{margin-bottom:20px}.panel-heading h2{font-size:21px}.panel-heading .text-link{font-size:14px}
  .tutorial-card{gap:12px;padding-block:16px}.tutorial-thumbnail{flex-basis:96px;height:96px}.tutorial-copy h3{font-size:17px}.tutorial-copy>p{font-size:14px;margin-top:4px}.tutorial-meta{font-size:12px;gap:7px;margin-top:6px}
  .faq-count{font-size:12px}.faq-item summary{font-size:15px;min-height:48px}.faq-item>p{font-size:14px}
  .contact-banner{align-items:flex-start;flex-direction:column;padding:24px;margin-bottom:32px;gap:19px}.contact-banner h2{font-size:20px}.contact-banner p{font-size:14px}.contact-banner .button{font-size:15px;padding:11px 18px}
  .site-footer{padding-top:33px}.footer-grid{gap:28px;padding-bottom:28px}.footer-bottom{padding-block:20px;gap:11px}.footer-bottom>p:nth-child(2){order:3;flex-basis:100%}
}
@media(max-width:359px){.wrap{width:calc(100% - 32px)}.hero-ctas .button{padding-inline:12px;font-size:15px}.hero-checks{gap:8px}.product-card{padding:22px}.product-features{grid-template-columns:1fr}.section-heading{align-items:flex-end}.section-heading .text-link{font-size:14px}.tutorial-thumbnail{flex-basis:78px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Source: assets/content.css */
/* Shared navigation and restrained reading layouts for Typecho content pages. */
.inner-page{font-size:14px;background:var(--paper)}
.inner-page .content-shell{padding:40px 0 48px;min-height:55vh}
.inner-page .content-shell>.container{width:min(1200px,calc(100% - 64px));max-width:1200px}
.inner-page #main{padding-right:24px}
.inner-page h1{font-size:30px;line-height:1.5;letter-spacing:-.7px;margin:0 0 16px;color:var(--ink)}
.inner-page .post{padding:28px;background:#fff;border:1px solid var(--line);border-radius:16px;margin-bottom:20px;box-shadow:var(--shadow)}
.inner-page .post-title{font-size:21px;margin:0 0 13px;line-height:1.6}
.inner-page .post-title>a{color:var(--ink)}
.inner-page .post-title>a:hover{color:var(--purple)}
.inner-page .post-meta{margin:0 0 22px;font-size:11px;line-height:2;color:#969bae}
.inner-page .post-meta a{color:#7b6b98}
.inner-page .post-content{font-size:14px;line-height:1.95;color:#525c70}
.inner-page .post-content p{margin:0 0 1em}
.inner-page .post-content h2{font-size:21px;margin:1.7em 0 .7em}
.inner-page .post-content h3{font-size:18px;margin:1.5em 0 .6em}
.inner-page .post-content ul,.inner-page .post-content ol{padding-left:1.6em;margin:1em 0;list-style:revert}
.inner-page .post-content img{height:auto;border-radius:10px}
.inner-page .post-content a{color:var(--purple)}
.inner-page .post-content pre{border-radius:9px;padding:16px;background:#f5f4fa}
.inner-page .post .tags{margin-top:22px;font-size:12px;color:var(--muted)}
.inner-page .archive-intro{padding:25px 28px;margin:0 0 22px;border:1px solid #ebe4f6;border-radius:16px;background:linear-gradient(120deg,#efecfc,#fff5f5)}
.inner-page .archive-intro h1{font-size:28px;margin:6px 0 10px}
.inner-page .archive-intro p{font-size:12px;line-height:1.9;color:#77768d}
.inner-page .archive-empty{text-align:center;padding:40px 25px}
.inner-page .archive-empty>.icon{width:38px;height:38px;color:#a389cb;margin:0 auto 18px}
.inner-page .archive-empty h2{font-size:20px;margin-bottom:10px}
.inner-page .archive-empty p{font-size:13px;color:var(--muted);margin-bottom:20px}
.inner-page .archive-read-more{margin-top:18px}
.inner-page #secondary{padding-top:0;font-size:12px}
.inner-page .widget{padding:22px 24px;background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:20px}
.inner-page .widget-title{font-size:15px;margin:0 0 15px}
.inner-page .widget-list{margin:0;line-height:1.9}
.inner-page .widget-list a{color:#6c6480}.inner-page .widget-list a:hover{color:var(--purple)}
.inner-page .error-page button{padding:10px 22px;border-radius:8px;background:var(--purple);color:#fff}
.inner-page .page-navigator a{height:auto;padding:7px 13px;border-radius:7px;background:#fff}
.inner-page .page-navigator .current a{background:var(--purple);color:#fff}
.inner-page .post-near{padding:18px 24px;margin:20px 0 0;background:#fff;border-radius:14px;border:1px solid var(--line);font-size:12px}
.inner-page .error-page{padding:32px;background:#fff;border-radius:16px;margin-block:40px}
.inner-page .guide-widget{padding:22px;background:#fff;border:1px solid var(--line);border-radius:16px;margin-bottom:18px;overflow-wrap:anywhere}
.inner-page .sidebar-eyebrow{margin:0 0 6px;color:#9a81c1;font-size:9px;letter-spacing:2px;font-weight:700}
.inner-page .sidebar-title{font-size:16px;line-height:1.6;margin:0 0 16px;color:var(--ink)}
.inner-page .guide-categories{display:grid;gap:10px}
.inner-page .guide-category{display:flex;align-items:center;gap:10px;padding:12px 10px;border:1px solid #eeeaf4;border-radius:10px;color:var(--ink);transition:background .2s,border-color .2s}
.inner-page .guide-category:hover,.inner-page .guide-category.is-current{background:#f6f2ff;border-color:#ddd0fc}
.inner-page .category-icon{display:grid;place-items:center;width:32px;height:36px;flex-shrink:0;color:var(--purple)}
.inner-page .category-icon .icon{width:22px;height:22px}
.inner-page .guide-category strong{display:block;font-size:13px;line-height:1.5}
.inner-page .guide-category small{display:block;color:var(--muted);font-size:10px;margin-top:4px;line-height:1.6}
.inner-page .guide-category .category-arrow{width:15px;height:15px;flex-shrink:0;margin-left:auto;color:#a59bb4}
.inner-page .sidebar-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.inner-page .sidebar-heading>.icon{width:16px;height:16px;color:#a79ab9}
.inner-page .sidebar-articles{list-style:none;margin:0;padding:0}
.inner-page .sidebar-articles li{padding:12px 0;border-bottom:1px solid #f1eef7}
.inner-page .sidebar-articles li:first-child{padding-top:0}
.inner-page .sidebar-articles h3{font-size:13px;line-height:1.8;margin:0 0 6px;font-weight:600}
.inner-page .sidebar-articles a{color:#454c63;border:0}.inner-page .sidebar-articles a:hover{color:var(--purple)}
.inner-page .sidebar-articles time{font-size:10px;color:#9b9fb0}
.inner-page .sidebar-more{display:inline-flex;gap:6px;align-items:center;margin-top:17px;color:var(--purple);font-size:12px;font-weight:600;border:0}
.inner-page .sidebar-more .icon{width:14px;height:14px}
.inner-page .sidebar-empty{color:var(--muted);font-size:12px;line-height:1.9;margin:0}
.inner-page .sidebar-help{background:linear-gradient(145deg,#f1ecff,#fff6f7);border-color:#e8def7}
.inner-page .sidebar-help-icon{display:grid;place-items:center;background:#fff;color:var(--purple);width:40px;height:40px;border-radius:12px;margin-bottom:14px}
.inner-page .sidebar-help .sidebar-title{margin-bottom:10px}
.inner-page .sidebar-help p{font-size:12px;line-height:1.9;color:#7b738b;margin:0 0 18px}
.inner-page .sidebar-cta{width:100%;min-height:42px;box-sizing:border-box;font-size:12px;padding:11px 12px;white-space:normal;border:0}
.inner-page .sidebar-help-link{display:block;text-align:center;margin-top:12px;font-size:11px;color:#847391;border:0}
@media(max-width:767px){.inner-page .content-shell{padding-block:24px}.inner-page .content-shell>.container{width:calc(100% - 40px)}.inner-page #main{padding-right:10px}.inner-page .post{padding:22px}.inner-page h1{font-size:25px}.inner-page .post-title{font-size:19px}.inner-page .post-content{font-size:13px}.inner-page .archive-intro{padding:22px}.inner-page .archive-intro h1{font-size:25px}.inner-page #secondary{padding-top:25px}}