/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.flex{display:flex}.table{display:table}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{max-width:100%;overflow-x:hidden}body{-webkit-text-size-adjust:100%;background:#f5f5f5;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,sans-serif}.pc-container{max-width:800px;margin:0 auto;padding:40px 20px}.banner{text-align:center;background:linear-gradient(135deg,#ff6b6b 0%,#ff8e8e 100%);margin-bottom:40px;padding:60px 20px}.avatar{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 16px;font-size:50px;display:flex;box-shadow:0 8px 24px #ff6b6b4d}.header-name{color:#fff;font-size:32px;font-weight:700}.header-age{color:#ffffffd9;margin-top:8px;font-size:18px}.section-title{color:#333;border-left:4px solid #ff6b6b;margin-bottom:24px;padding-left:16px;font-size:24px}.timeline{padding:20px}.timeline-item{margin-bottom:32px;display:flex;position:relative}.timeline-dot{background:#ff6b6b;border-radius:50%;flex-shrink:0;width:20px;height:20px;margin-top:4px;margin-right:24px;box-shadow:0 0 0 4px #ff6b6b33}.timeline-line{background:linear-gradient(#ff6b6b,#ff6b6b4d);width:2px;position:absolute;top:24px;bottom:-36px;left:9px}.timeline-item:last-child .timeline-line{display:none}.timeline-content{background:#fff;border-radius:16px;flex:1;padding:24px;box-shadow:0 4px 16px #0000000f}.timeline-date{color:#ff6b6b;margin-bottom:6px;font-size:14px;font-weight:500}.timeline-title{color:#333;margin-bottom:10px;font-size:20px;font-weight:600}.timeline-desc{color:#666;margin-bottom:16px;font-size:15px;line-height:1.6}.timeline-media{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.media-thumb{background:linear-gradient(135deg,#ffe5e5 0%,#ffe0d0 100%);border-radius:12px;justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden}.media-thumb img,.media-thumb video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.video-thumb{position:relative}.video-thumb .play-icon{color:#ff6b6b;background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.audio-player{cursor:pointer;background:linear-gradient(135deg,#fff5f5 0%,#fff0f0 100%);border-radius:25px;align-items:center;gap:14px;max-width:fit-content;padding:14px 18px;transition:background .2s;display:flex}.audio-player:hover{background:linear-gradient(135deg,#ffe5e5 0%,#ffdede 100%)}.play-btn{color:#fff;background:#ff6b6b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;display:flex}.audio-text{color:#333;font-size:15px}.timeline-message{border-top:1px dashed #f0f0f0;margin-top:16px;padding-top:16px}.message-audio-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b6b 0%,#ff8e8e 100%);border:none;border-radius:20px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 16px;font-size:14px;transition:all .2s;display:inline-flex}.message-audio-btn:hover{background:linear-gradient(135deg,#ff5252 0%,#ff6b6b 100%)}.message-audio-btn.playing{background:linear-gradient(135deg,#52c41a 0%,#73d13d 100%)}.message-audio-btn .play-icon{font-size:12px}.message-text{color:#666;background:#fafafa;border-radius:8px;padding:12px 16px;font-size:15px;line-height:1.6}.message-label{color:#ff6b6b;font-weight:500}.empty-state{text-align:center;color:#999;padding:60px 20px}.empty-icon{margin-bottom:16px;font-size:48px}@media (width<=768px){.pc-container{padding:20px 12px}.banner{padding:40px 16px}.avatar{width:80px;height:80px;font-size:40px}.header-name{font-size:24px}.header-age{font-size:14px}.timeline{padding:12px}.timeline-content{padding:16px}.timeline-title{font-size:16px}.timeline-desc{font-size:14px}.media-thumb{width:50px;height:50px}.timeline-item{margin-bottom:20px}.timeline-dot{width:14px;height:14px;margin-top:2px;margin-right:10px}.timeline-line{top:18px;left:6px}.timeline-content{flex:1;padding:12px}.timeline-date{font-size:12px}.timeline-media{gap:8px;margin-bottom:12px}.audio-player{padding:10px 14px}.play-btn{width:32px;height:32px}.audio-text{font-size:13px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}