.notebook-section{padding:40px 0 76px}.notebook-intro{color:#bfbcc5;max-width:650px;margin:0 0 30px;font-size:16px}.journal{position:relative;display:grid;grid-template-columns:.72fr 1.28fr;max-width:1050px;margin:auto;padding:15px;background:#393438;border:1px solid #655961;border-radius:12px 22px 22px 12px;box-shadow:0 24px 70px #0005;perspective:1600px;color:#38352f}.journal:after{content:'';position:absolute;inset:auto 20px -7px 20px;height:7px;border-radius:0 0 12px 12px;background:repeating-linear-gradient(#bfb6a6 0 1px,#e5decf 1px 3px);z-index:-1}.journal-notes{padding:38px 32px;background:linear-gradient(90deg,#e9e1d0,#f2ecdf 85%,#d0c7b8);border-radius:3px 0 0 3px;position:relative}.journal-label{font-size:14px;letter-spacing:2px;color:#716b60}.journal-notes h3{font-size:32px;font-weight:500;line-height:1.5;margin:23px 0 14px;color:#343129}.journal-notes p{font-size:16px;line-height:1.85;color:#625c52}.journal-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:32px}.journal-tabs button{min-height:44px;border:1px solid #c7bfaf;border-radius:5px;color:#655e54;background:transparent;font-size:14px}.journal-tabs button[aria-current=true]{background:#423b36;color:#fff;border-color:#423b36}.journal-page{position:relative;min-width:0;background:#f4efe4;padding:26px 28px 18px 38px;transform-origin:left center;backface-visibility:hidden;border-radius:0 4px 4px 0;box-shadow:inset 8px 0 15px #594c3020}.journal-image-button{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:430px;padding:0;background:transparent;cursor:zoom-in}.journal-image-button img{width:100%;height:100%;object-fit:contain;box-shadow:none}.journal-image-button:after{content:'点击放大 ↗';position:absolute;right:8px;bottom:8px;font-size:14px;padding:5px 10px;border-radius:4px;background:#f4efe4e8;color:#494339}.journal-caption{display:flex;gap:12px;justify-content:space-between;padding-top:18px;font-size:14px;color:#696154}.journal-rings{position:absolute;left:calc(36% - 5px);top:18%;bottom:18%;display:flex;flex-direction:column;justify-content:space-between;z-index:3;pointer-events:none}.journal-rings i{display:block;width:34px;height:13px;border-radius:10px;background:linear-gradient(#888,#f3f0e9 35%,#555 75%,#bbb);border:1px solid #777;box-shadow:0 3px 4px #0004}.journal-controls{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:26px;font-size:14px;color:#bfbcc5}.journal-controls button{padding:10px 18px;min-height:44px;border:1px solid #59545e;border-radius:8px;background:#1c1b20;color:#e5e2e8}.journal-controls button:disabled{opacity:.35;cursor:default}.journal-controls button:hover:not(:disabled){background:#302b34}.journal-hint{text-align:center;color:#a8a4ae;font-size:14px;margin:14px 0 0}.ai-section{padding:0 0 68px}.ai-section details{border-top:1px solid #3b383f;border-bottom:1px solid #3b383f;padding:20px 0}.ai-section summary{display:flex;justify-content:space-between;gap:18px;cursor:pointer;font-size:18px;list-style:none}.ai-section summary::-webkit-details-marker{display:none}.ai-section summary span{font-size:14px;color:#bcb7c1}.ai-section summary:after{content:'+'}.ai-section details[open] summary:after{content:'−'}.ai-content{max-width:880px;margin:26px auto 0}.ai-content p{font-size:16px;color:#bfbcc5;margin-bottom:18px}.ai-content video{display:block;width:100%;max-height:600px;background:#080809;border-radius:12px}.art-viewer{width:min(1100px,96vw);max-width:96vw;height:92dvh;max-height:92dvh;border:1px solid #514b54;border-radius:14px;padding:16px;background:#151416;color:#eee}.art-viewer::backdrop{background:#000d;backdrop-filter:blur(8px)}.art-viewer header{display:flex;align-items:center;justify-content:space-between;gap:15px;height:48px}.art-viewer button{background:#333036;color:white;border-radius:6px;padding:8px 14px}.art-viewer img{display:block;width:100%;height:calc(100% - 55px);object-fit:contain}.journal button:focus-visible{outline:2px solid #805b44;outline-offset:3px}
@media(max-width:760px){.notebook-section{padding:30px 0 48px}.journal{display:block;padding:9px 9px 9px 23px}.journal-notes{padding:20px 20px 15px;background:#ece5d6;border-radius:4px 4px 0 0}.journal-notes h3{font-size:24px;margin:8px 0}.journal-notes p{display:none}.journal-label{font-size:14px;letter-spacing:1px}.journal-tabs{display:flex;gap:5px;margin-top:12px;flex-wrap:wrap}.journal-tabs button{min-height:38px;flex:1;min-width:25px;padding:4px}.journal-page{padding:16px 16px 18px;background:#f4efe4}.journal-image-button{height:340px;height:clamp(270px,88vw,440px)}.journal-rings{left:7px;top:25%;bottom:10%}.journal-rings i{width:25px}.journal-caption{font-size:14px;gap:8px}.journal-controls{gap:16px}.ai-section{padding-bottom:48px}.ai-section summary{flex-wrap:wrap;font-size:17px}.ai-section summary span{font-size:14px}.art-viewer{padding:10px}}
.notebook-section .journal{max-width:760px;grid-template-columns:.72fr 1.28fr;padding:11px}
.notebook-section .journal-notes{padding:26px 24px}
.notebook-section .journal-notes h3{font-size:25px;margin:16px 0 12px}
.notebook-section .journal-image-button{height:285px}
.notebook-section .journal-page{padding:20px 22px 16px 32px}
.notebook-section .journal-tabs{margin-top:20px}
.practice-other{margin-top:24px;border-top:1px solid #38363d;padding:20px 0}
.practice-other summary{font-size:16px;cursor:pointer;color:#dedbe2}.practice-other summary span{font-size:14px;color:#b6b1bd;margin-left:18px}
.practice-other-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px}.practice-other-links button{display:grid;grid-template-columns:1fr auto;text-align:left;padding:18px;background:#1a191d;border:1px solid #37343c;border-radius:10px;color:#ddd}.practice-other-links strong{font-size:16px;font-weight:500}.practice-other-links span{grid-row:2;font-size:14px;color:#b8b3c0;margin-top:7px}.practice-other-links b{grid-column:2;grid-row:1/3;font-weight:400}
.mendong-boards{display:grid;grid-template-columns:1fr;gap:24px}.mendong-boards figure,.mendong-videos figure{margin:0;min-width:0}.mendong-board-crop{overflow:hidden;background:#fff;border-radius:10px}.mendong-board-crop img{display:block;width:100%;height:auto;margin-top:-36%}.mendong-boards figcaption,.mendong-videos figcaption{font-size:14px;color:#c1bbc8;margin:10px 0 18px}.mendong-videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:26px}.mendong-videos video{aspect-ratio:16/10;object-fit:contain;max-height:320px}
@media(max-width:760px){.notebook-section .journal{max-width:440px;padding:8px 8px 8px 22px}.notebook-section .journal-notes{padding:16px}.notebook-section .journal-notes h3{font-size:22px;margin:7px 0}.notebook-section .journal-page{padding:12px 16px}.notebook-section .journal-image-button{height:230px}.notebook-section .journal-tabs{margin-top:10px}.practice-other-links{grid-template-columns:1fr;gap:9px}.practice-other summary span{display:block;margin:6px 0 0}.mendong-videos{grid-template-columns:1fr}}