/* Shared interior-page design: warm paper, restrained botanical accents. */
.detail-phone .status{background:#fffdf9;color:#444a43}
.detail-phone .phone-title{background:#fffdf9;border-bottom:1px solid #eeeae1;padding:10px 14px;gap:8px;min-height:48px}
.detail-phone .phone-title>b{font-size:14px;flex:1;min-width:0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.detail-phone .phone-title>a{font-size:26px;color:#697268;width:24px;flex-shrink:0}
.detail-phone .capsule{font-size:10px;white-space:nowrap;flex-shrink:0;padding:2px 7px;background:#fff;border-color:#e2e4dc}
.detail-phone .phone-scroll{background:linear-gradient(#f5f1e8 0,#f7f8f5 210px);padding:18px 15px 24px;color:#42483f}
.detail-phone .phone-scroll h1{font-size:23px;line-height:1.5;color:#374438;letter-spacing:.2px;margin-bottom:18px;font-weight:600}
.detail-phone .phone-scroll h2{font-size:18px;line-height:1.5;color:#3d483b}
.detail-phone .phone-scroll h3{font-size:15px;line-height:1.6;color:#434d40}
.detail-phone .phone-scroll p{line-height:1.9;font-size:13px}
.detail-phone .phone-scroll .muted{font-size:12px;color:#8b9082}
.detail-phone .phone-scroll .card{padding:19px 17px;border:1px solid #eae9e1;background:#fff;border-radius:16px;box-shadow:0 5px 18px #4b513403;margin-bottom:15px;overflow:hidden}
.detail-phone .phone-scroll .card>.cover{height:190px;border-radius:11px;margin-bottom:16px}
.detail-phone .phone-scroll .grid{gap:11px}
.detail-phone .phone-scroll .grid .card{padding:13px;border-radius:14px;margin-bottom:0}
.detail-phone .phone-scroll .grid .cover{height:113px;margin-bottom:12px}
.detail-phone .phone-scroll .grid .card h3{font-size:14px}
.detail-phone .phone-scroll .hero{background:linear-gradient(115deg,#f0e5cf,#f6f0e2);border:1px solid #e9dfca;min-height:185px;padding:23px 19px;border-radius:16px;color:#5e654b;margin-bottom:18px;isolation:isolate}
.detail-phone .phone-scroll .hero .backdrop{opacity:.1;mix-blend-mode:multiply}
.detail-phone .phone-scroll .hero h1{font-family:SimSun,serif;font-size:27px;color:#535f40;line-height:1.5;letter-spacing:1px}
.detail-phone .phone-scroll .hero p{color:#858369;font-size:12px}
.detail-phone .phone-scroll .hero .eyebrow{color:#ae9060;font-size:10px;letter-spacing:2px}
.detail-phone .phone-scroll .hero .character{filter:none;opacity:.95;width:42%;right:-12px}
.detail-phone .phone-scroll .hero .herotext{max-width:77%}
.detail-phone .phone-scroll .btn{padding:10px 16px;border-radius:11px;background:#37664d;border-color:#37664d;color:#fff;font-size:13px;font-weight:500;min-height:43px}
.detail-phone .phone-scroll .btn.secondary,.detail-phone .phone-scroll .btn.light{background:#faf9f5;color:#737c64;border-color:#e4e5da}
.detail-phone .phone-scroll .actions{gap:9px;margin-top:21px}
.detail-phone .phone-scroll .actions>.btn{flex:1;text-align:center}
.detail-phone .phone-scroll .badge{background:#f5eddc;color:#a38a59;border:1px solid #eee5d3;border-radius:6px;font-size:10px;padding:3px 8px}
.detail-phone .phone-scroll .badge.gold{background:#f4e8df;color:#ac8268}
.detail-phone .phone-scroll .badge.red{background:#f9e9e5;color:#b98172}
.detail-phone .phone-scroll .chips{gap:7px;margin:0 0 16px}
.detail-phone .phone-scroll .chip{border-radius:9px;padding:7px 12px;font-size:12px;border-color:#e6e7de;background:#fff;color:#909681}
.detail-phone .phone-scroll .chip.active{background:#ecebdc;border-color:#e4dfc8;color:#797c4d;font-weight:600}
.detail-phone .phone-scroll .section-title{margin:25px 0 12px;gap:12px}
.detail-phone .phone-scroll .section-title h2{font-size:18px;margin:0}
.detail-phone .phone-scroll .section-title a{font-size:11px;color:#969983}
.detail-phone .phone-scroll .line{align-items:flex-start;gap:16px;padding:13px 0;border-bottom:1px solid #f0f0e9;font-size:12px;line-height:1.85}
.detail-phone .phone-scroll .line>span:first-child{flex:0 0 86px;color:#9a9d8e}
.detail-phone .phone-scroll .line>span:last-child{color:#565e4d;text-align:right;overflow-wrap:anywhere;min-width:0}
.detail-phone .phone-scroll .line:last-child{border-bottom:0}
.detail-phone .phone-scroll .field{margin:0 0 18px;font-size:12px}
.detail-phone .phone-scroll .field>span{display:block;color:#777f6d;margin-bottom:8px}
.detail-phone .phone-scroll input:not([type=checkbox]):not([type=radio]),.detail-phone .phone-scroll select,.detail-phone .phone-scroll textarea{border:1px solid #e6e7de;border-radius:10px;background:#fafbf8;color:#555e4b;padding:11px 12px;font-size:13px;max-width:100%;outline:none}
.detail-phone .phone-scroll input:focus,.detail-phone .phone-scroll select:focus,.detail-phone .phone-scroll textarea:focus{border-color:#9caf95;box-shadow:0 0 0 3px #edf1e7}
.detail-phone .phone-scroll input[type=checkbox],.detail-phone .phone-scroll input[type=radio]{accent-color:#6a8661}
.detail-phone .phone-scroll .notice{background:#f9f4e9;border:1px solid #ede3cf;border-radius:11px;padding:13px;color:#9d8b6b;font-size:12px;line-height:1.9}
.detail-phone .phone-scroll .link-list>a{padding:15px 3px;border-bottom:1px solid #efefe8;color:#58644f;font-size:13px;line-height:1.6}
.detail-phone .phone-scroll .link-list>a:last-child{border:0}
.detail-phone .phone-scroll .link-list>a:after{content:'›';float:right;color:#b4b9a6;margin-left:8px}
.detail-phone .phone-scroll .icon{background:#f2eada;color:#b09669;box-shadow:inset 0 1px #fff;border-radius:14px}
.detail-phone .phone-scroll .stat{background:#f7f5ed;border-radius:12px;padding:13px 8px;color:#8c927b}
.detail-phone .phone-scroll .metric{color:#84905f;font-weight:600}
.detail-phone .phone-scroll .price{color:#b58b62;font-size:23px}
.detail-phone .phone-scroll .timeline{border-color:#e6ddc7;margin:20px 6px;padding-left:18px;color:#858c75;font-size:12px}
.detail-phone .phone-scroll .timeline b{color:#646f55}
.detail-phone .phone-scroll .progress{background:#f0efdf;border-radius:8px;overflow:hidden}
.detail-phone .phone-scroll .progress i{background:#b8bd8e}
.detail-phone .phone-scroll .result{padding:30px 13px}
.detail-phone .phone-scroll .result h1{font-size:24px}
.detail-phone .phone-scroll table{font-size:11px;background:#fff}
.detail-phone .phone-scroll th{background:#f5f3e9;color:#8b8d72;border-color:#eeeae0;padding:11px 9px}
.detail-phone .phone-scroll td{border-color:#efefe8;padding:11px 9px;color:#778069}
.detail-phone .phone-scroll tbody tr:nth-child(even){background:#fcfcf8}
.detail-phone .footer-note{color:#b6b9ac;font-size:10px;letter-spacing:1px;padding-top:22px}
/* Chat retains its dedicated flex layout and distinct message direction. */
.detail-phone.chat-phone .phone-scroll{padding:0;background:#faf9f5}
.detail-phone .chat-app{background:#f6f4ed}
.detail-phone .chat-heading{background:#fffdf9;border-color:#eeebdf;padding:15px}
.detail-phone .chat-avatar{background:#e9e2ce;color:#887b51;border-radius:14px}
.detail-phone .switch-audience{background:#f0eee5;color:#8d8d70}
.detail-phone .chat-message .bubble{border-color:#ebe8dc;color:#666951;border-radius:3px 15px 15px;background:#fffefb}
.detail-phone .chat-message.user .bubble{background:#e5ebdd;border:1px solid #d9e1ce;color:#4f6947;border-radius:15px 3px 15px 15px}
.detail-phone .chat-suggestions{background:#faf9f3;border-color:#ebe8dd;padding:11px 16px}
.detail-phone .chat-suggestions button{background:#fffefa;color:#8d8a66;border-color:#e8e3d1;border-radius:10px;padding:8px 11px}
.detail-phone .chat-compose{background:#fffdf8;padding:12px 10px 5px}
.detail-phone .chat-compose textarea{background:#f8f8f2;border-color:#e7e7da;padding:10px;font-size:12px}
.detail-phone .chat-compose .voice-toggle,.detail-phone .chat-compose .voice-demo{background:#efeee3;color:#8a8e6d}
.detail-phone .chat-send{background:#547357}
.detail-phone .chat-demo-note{background:#fffdf8;color:#b2b3a0}