/* Clean, compact cards against the code-drawn landscape background. */
:root { --ss-clean-card:#fffefa; --ss-clean-border:#dce2d8; --ss-card-font:"PingFang SC","Microsoft YaHei",system-ui,sans-serif; }
:root[data-theme="dark"] { --ss-clean-card:#263a30; --ss-clean-border:#4b6050; }
.member-app :is(.s-surface,.s-account-surface,.ss-plan,.m-panel,.ss-traffic-overview,.ss-tutorial-article) {
  background:var(--ss-clean-card); border-color:var(--ss-clean-border); border-radius:12px; box-shadow:0 4px 18px #29423d05;
  font-family:var(--ss-card-font);
}
.ss-access .form-shell { background:var(--ss-clean-card); border-color:var(--ss-clean-border); border-radius:12px; box-shadow:0 8px 32px #34334108; }
.member-app :is(.s-module-heading h2,.s-account-heading h2,.ss-plan-name h2,.s-service h2,.ss-tutorial-article h1,.ss-tutorial-article h2,.ss-traffic-plan strong) {
  font-family:var(--ss-card-font); letter-spacing:-.01em;
}
.member-app .s-service h2 { font-size:30px; font-weight:600; }
.member-app .ss-plan-name h2 { font-size:16px; font-weight:600; }
.ss-plan-index { color:var(--secondary); }
.ss-plan-popular { font-family:var(--ss-card-font); border:0; border-radius:12px; padding:4px 7px; background:var(--ss-soft); color:var(--primary); font-size:10px; }
.member-app .ss-plan-selected { border-color:var(--primary); box-shadow:0 0 0 1px var(--primary); }
.member-app .ss-plan:hover,.member-app .ss-plan:focus-within { transform:none; border-color:var(--primary); }
.member-app .s-share { background:color-mix(in srgb,var(--ss-violet) 7%,var(--ss-clean-card)); border-radius:12px; box-shadow:none; font-family:var(--ss-card-font); }
.member-app .s-share h2 { font-family:var(--ss-card-font); letter-spacing:0; }
.member-app :is(.m-button,.s-action,.s-account-action,.ss-plan .m-plan-cycle select) { border-radius:7px; }
.ss-plan .m-plan-card-footer { margin-top:auto; }
.shanshui-shell .m-sidebar::after { display:none; }
.shanshui-shell .m-rail-landscape { display:none; }
.s-service-landscape,.ss-traffic-overview::before,.ss-traffic-overview::after { display:none; }
@media(max-width:767px) {
  .member-app .ss-plan { border-radius:10px; }
  .member-app .ss-plan-name h2 { font-size:14px; }
  .member-app .s-service h2 { font-size:24px; }
}