.methods-page{padding:48px 0 80px;background:#f0f4f8;min-height:80vh}.methods-container{max-width:1080px;margin:0 auto;padding:0 24px}.breadcrumb{font-size:12px;color:var(--color-text-muted, #9499a0);margin-bottom:24px}.breadcrumb a{color:inherit;text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:var(--accent, #6E8899)}.breadcrumb-divider{margin:0 8px;color:#6e88994d}.breadcrumb-current{color:var(--accent, #6E8899);font-weight:500}.page-header{margin-bottom:44px}.page-title{font-family:var(--font-serif);font-size:clamp(28px,4vw,36px);font-weight:600;color:var(--text-primary, #1f2328);margin:0 0 12px;letter-spacing:.04em}.page-subtitle{font-size:14.5px;color:var(--text-secondary, #5a5f66);margin:0;line-height:1.65}.methods-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.method-card{position:relative;display:flex;padding:24px;background:#fff;border:1px solid rgba(110,136,153,.15);border-radius:6px;text-decoration:none;color:inherit;box-shadow:none;transition:border-color .2s ease,background-color .2s ease}.method-card:hover{transform:none;border-color:var(--accent, #6E8899);background-color:#f5f8fa;box-shadow:none}.method-card-left{display:flex;align-items:center;justify-content:center;width:32px;writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--font-serif);font-size:12.5px;font-weight:600;color:var(--item-color, var(--color-slate));border-right:1px solid rgba(110,136,153,.12);padding-right:14px;margin-right:18px;letter-spacing:.25em;flex-shrink:0}.method-card-right{flex:1;display:flex;flex-direction:column;min-width:0}.method-card-title{font-family:var(--font-serif);font-size:18px;font-weight:700;color:var(--color-text, #1f2328);margin:0 0 10px;line-height:1.45;letter-spacing:.02em}.method-card-summary{font-size:13.5px;color:var(--text-secondary, #5a5f66);line-height:1.7;margin-bottom:16px;min-height:50px}.method-card-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-muted, #888888);padding-top:12px;border-top:1px solid rgba(110,136,153,.08);margin-top:auto}.method-card-dot{color:#6e88994d}.method-card-arrow{margin-left:auto;color:var(--item-color, var(--color-slate));font-size:14px;transition:transform .2s ease}.method-card:hover .method-card-arrow{transform:translate(4px)}@media(max-width:768px){.methods-container{padding:0 16px}.methods-page{padding:32px 0 60px}.methods-grid{grid-template-columns:1fr;gap:16px}.page-title{font-size:26px}}