body { font-family: 'Segoe UI', Arial, sans-serif; color: #222; line-height: 1.6; background: #fff; margin: 0; padding: 0 0 40px 0; }
    .container { max-width: 840px; margin: 0 auto; background: #fff; padding: 32px 20px 36px 20px; border-radius: 16px; box-shadow: 0 2px 16px #ececec; }
    h1, h2, h3 { font-weight: 700; }
    h1 { font-size: 2.2rem; margin-bottom: 12px; }
    h2 { font-size: 1.4rem; margin-top: 32px; }
    h3 { font-size: 1.13rem; margin-top: 18px; }
    p, ul, ol, blockquote, .pro-tip, .note, table { margin-bottom: 18px; }
    ul, ol { padding-left: 2em; }
    .bold { font-weight: bold; }
    em { color: #4479bc; }
    blockquote { border-left: 4px solid #88b6d9; background: #f8fbff; color: #444; padding: 8px 18px; margin: 18px 0; border-radius: 4px; font-style: italic; }
    .pro-tip, .note { padding: 11px 18px; border-radius: 7px; margin: 18px 0; }
    .pro-tip { background: #e7ffe9; border-left: 6px solid #47c273; font-weight: 500; }
    .note { background: #fff7e1; border-left: 6px solid #f6c13c; font-weight: 500; }
    table { border-collapse: collapse; width: 100%; background: #fcfcfc; }
    th, td { border: 1px solid #d5e2ed; padding: 10px 7px; text-align: left; }
    th { background: #f0f5fa; font-weight: bold; }
    .rating-chart { margin: 24px 0; text-align: center; }
    .rating-bar { background: #e3ebf7; border-radius: 9px; height: 18px; position: relative; margin-bottom: 4px; }
    .rating-bar span { display: block; height: 100%; background: #4cb1d6; border-radius: 9px 0 0 9px; }
    .faq-section { margin: 40px 0; }
    .faq-section h3 { margin-bottom: 7px; }
    .faq-section details { margin-bottom: 14px; }
    .checklist { background: #f9fcfe; border-left: 6px solid #62a0ea; padding: 12px 18px; border-radius: 6px; }
    .editor-review { background: #f4f7ff; border-left: 6px solid #93b8f6; padding: 12px 18px; border-radius: 6px; margin-bottom: 28px; }
    .img-box { text-align: center; margin: 30px 0 14px 0; }
    .img-box img { max-width: 90%; border-radius: 8px; box-shadow: 0 2px 10px #e7eaf3; }
    .img-desc { color: #888; font-size: 0.98em; text-align: center; }
    @media (max-width: 640px) {
      .container { padding: 15px 4vw 24px 4vw; }
      h1 { font-size: 1.4rem; }
      h2 { font-size: 1.09rem; }
      h3 { font-size: 1.03rem; }
      table, th, td { font-size: 0.98em; }
    }